.lot-size-selector{display:flex;flex-direction:column;gap:var(--gap-xl, 24px);width:100%}.lot-size-selector__section{display:flex;flex-direction:column;gap:var(--gap-md, 12px)}.lot-size-selector__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.lot-size-selector__title{font-weight:600;font-size:16px;color:var(--color-foreground)}.lot-size-selector__guide-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-size:14px;color:var(--color-foreground);text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:opacity .2s ease}.lot-size-selector__guide-btn:hover{opacity:.7}.lot-size-selector__dialog.dialog-drawer{position:fixed;top:0;right:0;bottom:0;left:auto;width:100%;max-width:400px;height:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:none;border-radius:0;background:var(--color-background);box-shadow:-4px 0 24px #0000001a;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:100}.lot-size-selector__dialog[open]{transform:translate(0)}.lot-size-selector__dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.lot-size-selector__dialog-title{margin:0;font-size:18px;font-weight:600}.lot-size-selector__dialog-content{padding:24px;overflow-y:auto;height:calc(100% - 70px)}.lot-size-selector__dialog-text{margin-bottom:24px;font-size:14px;line-height:1.5}.lot-size-selector__dialog-text p{margin-bottom:8px}.lot-size-selector__dialog-image img{width:100%;height:auto;display:block}.lot-size-selector__colors{display:flex;flex-wrap:wrap;gap:var(--gap-sm, 8px)}.lot-size-selector__color-btn{position:relative;width:var(--color-btn-size-desktop, 48px);height:var(--color-btn-size-desktop, 48px);padding:2px;border:2px solid transparent;border-radius:0;background-color:transparent;cursor:pointer;transition:all .2s ease;overflow:hidden}.lot-size-selector__color-btn:hover{border-color:#0003}.lot-size-selector__color-btn[data-selected=true]{border-color:var(--color-foreground, #000)}.lot-size-selector__color-img{display:block;width:100%;height:100%;object-fit:cover}.lot-size-selector__sizes{display:flex;flex-wrap:wrap;gap:var(--gap-sm, 8px)}.lot-size-selector__size-btn{position:relative;display:flex;align-items:center;justify-content:center;min-width:var(--size-btn-width-desktop, 80px);height:var(--size-btn-height-desktop, 50px);padding:12px 20px;border:1px solid var(--size-btn-border-color, #e0e0e0);border-radius:0;background-color:var(--size-btn-bg-color, #fff);color:var(--size-btn-text-color, #000);cursor:pointer;transition:all .2s ease;overflow:hidden}.lot-size-selector__size-btn:hover:not(:disabled):not([data-selected=true]):not([data-unavailable=true]){border-color:var(--size-btn-selected-bg, #000)}.lot-size-selector__size-btn:disabled{cursor:not-allowed}.lot-size-selector__size-btn[data-selected=true]{border-color:var(--size-btn-selected-bg, #000);background-color:var(--size-btn-selected-bg, #000);color:var(--size-btn-selected-text, #fff)}.lot-size-selector__size-btn[data-unavailable=true]{cursor:not-allowed;opacity:.6}.lot-size-selector__size-btn[data-unavailable=true]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--size-btn-unavailable-line, #dc2626);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'%3E%3Cline x1='0' y1='0' x2='100' y2='100' stroke='black' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'%3E%3Cline x1='0' y1='0' x2='100' y2='100' stroke='black' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none}@media (max-width: 749px){.lot-size-selector__color-btn{width:var(--color-btn-size-mobile, 40px);height:var(--color-btn-size-mobile, 40px)}.lot-size-selector__size-btn{min-width:var(--size-btn-width-mobile, 70px);height:var(--size-btn-height-mobile, 45px);padding:8px 12px}}.lot-size-selector__size-label{font-weight:500;font-size:14px}.lot-size-selector__lot-info{display:flex;align-items:center}.lot-size-selector__lot-badge-wrapper{position:relative;display:inline-flex;align-items:center}.lot-size-selector__lot-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:0;font-size:12px;font-weight:600;text-transform:uppercase;background-color:#ffe4cc;color:#8b4513;cursor:pointer}.lot-size-selector__lot-icon{flex-shrink:0}.lot-size-selector__lot-badge[data-lot="1"]{background-color:#e8f5e9;color:#2e7d32}.lot-size-selector__lot-badge[data-lot="2"]{background-color:#ffe4cc;color:#8b4513}.lot-size-selector__lot-badge[data-lot="3"]{background-color:#e3f2fd;color:#1565c0}.lot-size-selector__lot-badge[data-lot="4"]{background-color:#f3e5f5;color:#7b1fa2}.lot-size-selector__influence-badge{display:inline-flex;align-items:center;padding:9px 12px;font-size:12px;font-weight:700;text-transform:uppercase;background-color:var(--badge-bg, #ffe4cc);color:var(--badge-text, #8b4513);margin-left:8px;line-height:1}.lot-size-selector__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px 12px;background-color:#1a1a1a;color:#fff;font-size:12px;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10;pointer-events:none}.lot-size-selector__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a1a1a}.lot-size-selector__lot-badge-wrapper:hover .lot-size-selector__tooltip{opacity:1;visibility:visible}@media (max-width: 749px){.lot-size-selector__tooltip{left:0;transform:none;white-space:normal;width:max-content;max-width:250px}.lot-size-selector__tooltip:after{left:24px;transform:translate(-50%)}}.lot-size-selector__dispatch-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background-color:#f0fdf4;border:1px solid #bbf7d0;font-size:13px;line-height:1.5;color:#166534}.lot-size-selector__dispatch-icon{flex-shrink:0;margin-top:2px;color:#16a34a}.lot-size-selector__dispatch-text{flex:1}.lot-size-selector__dispatch-text strong{font-weight:700;color:#15803d}.lot-size-selector__add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;min-height:56px;border:none;border-radius:0;background-color:var(--add-btn-bg, #4ade80);color:var(--add-btn-text, #000);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.lot-size-selector__add-btn:hover:not(:disabled){background-color:var(--add-btn-hover-bg, #22c55e)}.lot-size-selector__add-btn:disabled{opacity:.5;cursor:not-allowed}.lot-size-selector__spinner{animation:lot-spinner 1s linear infinite}@keyframes lot-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lot-size-selector__add-btn-added{display:none;align-items:center;gap:8px}.lot-size-selector__add-btn[data-added=true] .lot-size-selector__add-btn-text{display:none}.lot-size-selector__add-btn[data-added=true] .lot-size-selector__add-btn-added{display:flex}.lot-size-selector__add-btn[data-added=true]{background-color:var(--add-btn-hover-bg, #22c55e)}.lot-size-selector__add-btn[data-adding=true]{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lot-size-selector.css.map?v=28613415128654737831770148469 */