.variant-picker{display:flex;flex-direction:column;gap:var(--space-5)}.variant-picker__option{border:none;padding:0;margin:0}.variant-picker__label{display:flex;align-items:center;gap:var(--space-2);width:100%;margin-bottom:var(--space-3);font-size:var(--font-size-body-sm)}.variant-picker__name{color:var(--color-foreground-muted)}.variant-picker__values{display:flex;flex-wrap:wrap;gap:var(--space-3)}.variant-picker__values:not(.variant-picker__values--swatch) .variant-picker__swatch-label{--input-height: 40px;display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:var(--input-height);padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-base);font-size:var(--font-size-body-sm);cursor:pointer;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,color var(--duration-fast) ease}.variant-picker__values:not(.variant-picker__values--swatch) .variant-picker__input:checked+.variant-picker__swatch-label{border-color:var(--color-atc);background-color:var(--color-atc);color:var(--color-atc-text)}.variant-picker__values:not(.variant-picker__values--swatch) .variant-picker__swatch-label--soldout{position:relative;color:var(--color-foreground-muted);overflow:hidden}.variant-picker__values:not(.variant-picker__values--swatch) .variant-picker__swatch-label--soldout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top right,transparent calc(50% - .7px),var(--color-border-strong) calc(50% - .7px),var(--color-border-strong) calc(50% + .7px),transparent calc(50% + .7px));pointer-events:none}.variant-picker__input:focus-visible+.variant-picker__swatch-label{outline:none}.variant-picker__values--swatch{gap:var(--space-4)}.variant-picker__values--swatch .variant-picker__swatch-label{position:relative;z-index:30;width:28px;height:28px;padding:0;border-radius:var(--radius-full);background:var(--swatch, var(--color-border-strong));background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground) 22%,transparent);cursor:pointer;transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.variant-picker__values--swatch .variant-picker__swatch-label:hover{transform:scale(1.08)}.variant-picker__values--swatch .variant-picker__input:checked+.variant-picker__swatch-label{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-foreground) 22%,transparent),0 0 0 2px var(--color-background),0 0 0 3px var(--color-foreground)}.variant-picker__swatch-image{width:100%;height:100%;border-radius:inherit;object-fit:cover}.variant-picker__values--swatch .variant-picker__swatch-label--soldout{opacity:.55}.variant-picker__values--swatch .variant-picker__swatch-label--soldout:after{content:"";position:absolute;inset:50% -2px auto -2px;height:1px;background-color:var(--color-foreground);transform:rotate(-20deg)}.corporate-size-mix__bar{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:var(--space-3);width:100%;min-width:0}.corporate-size-mix__bar .quantity,.corporate-size-mix__bar quantity-input{flex:0 0 auto;height:var(--input-height);align-self:stretch}.corporate-size-mix__dropdown{position:relative;flex:1 0 100%;width:100%;min-width:0;align-self:stretch}.corporate-size-mix__dropdown[open]{z-index:12}.corporate-size-mix__dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;height:100%;min-height:var(--input-height);padding:0 var(--space-4);list-style:none;border:1px solid var(--color-border-strong);border-radius:var(--btn-radius, var(--radius-base));background-color:var(--color-background);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-caption);font-weight:500;letter-spacing:var(--letter-spacing-button);text-transform:uppercase}.corporate-size-mix__dropdown-trigger::-webkit-details-marker{display:none}.corporate-size-mix__dropdown-trigger:hover{border-color:var(--color-foreground)}.corporate-size-mix__dropdown[open] .corporate-size-mix__dropdown-trigger{position:relative;z-index:13;border-color:var(--color-border-strong);border-bottom-color:transparent;border-radius:15px 15px 0 0;background-color:color-mix(in srgb,var(--color-background) 72%,transparent);-webkit-backdrop-filter:saturate(140%) blur(24px);backdrop-filter:saturate(140%) blur(24px)}.corporate-size-mix__dropdown-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corporate-size-mix__dropdown-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-inline-start:auto}.corporate-size-mix__dropdown-count{flex-shrink:0;font-variant-numeric:tabular-nums}.corporate-size-mix__dropdown-icon{display:flex;flex-shrink:0;transition:transform var(--duration-base) var(--ease-out-expo)}.corporate-size-mix__dropdown[open] .corporate-size-mix__dropdown-icon{transform:rotate(180deg)}.corporate-size-mix__dropdown-panel{position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;z-index:12;margin-top:-1px;max-height:16rem;overflow-y:auto;padding:var(--space-4);border:1px solid var(--color-border-strong);border-top:none;border-radius:0 0 15px 15px;background-color:color-mix(in srgb,var(--color-background) 72%,transparent);-webkit-backdrop-filter:saturate(140%) blur(24px);backdrop-filter:saturate(140%) blur(24px);box-shadow:0 16px 40px #1414141f}@media(prefers-reduced-transparency:reduce){.corporate-size-mix__dropdown[open] .corporate-size-mix__dropdown-trigger,.corporate-size-mix__dropdown-panel{background-color:var(--color-background);-webkit-backdrop-filter:none;backdrop-filter:none}}.corporate-size-mix__dropdown-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.corporate-size-mix__dropdown-item:first-child{padding-top:0}.corporate-size-mix__dropdown-item:last-child{padding-bottom:0;border-bottom:none}.corporate-size-mix__dropdown-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.corporate-size-mix__dropdown-color{font-size:var(--font-size-body-sm)}.corporate-size-mix__dropdown-color-total{flex-shrink:0;font-size:var(--font-size-body-sm);font-variant-numeric:tabular-nums}.corporate-size-mix__dropdown-sizes,.corporate-size-mix__dropdown-empty{margin:0;font-size:var(--font-size-body-sm);color:var(--color-foreground-muted)}.corporate-logo-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-5)}.corporate-logo-fields__title{grid-column:1 / -1;margin:0;font-size:var(--font-size-body-sm)}.corporate-logo-field{position:relative;min-width:0;border-radius:12px}.corporate-logo-field__trigger{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:4.25rem;height:4.75rem;padding:var(--space-3);border:1px solid #0d3539;border-radius:12px;background:linear-gradient(165deg,color-mix(in srgb,#ffffff 55%,var(--color-background)) 0%,var(--color-background) 42%,color-mix(in srgb,#0d3539 8%,var(--color-background)) 100%);cursor:pointer;overflow:hidden}.corporate-logo-field__label{max-width:100%;color:color-mix(in srgb,#0d3539 52%,transparent);font-size:var(--font-size-caption);font-weight:600;letter-spacing:.08em;line-height:1.25;text-align:center;text-transform:uppercase}.corporate-logo-field.has-file:has([data-logo-preview]:not([hidden])) .corporate-logo-field__label{display:none}.corporate-logo-field__preview{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:12px;object-fit:contain;background-color:var(--color-background)}.corporate-logo-field__preview[hidden],.corporate-logo-field__clear[hidden],.corporate-logo-field__error[hidden]{display:none}.corporate-logo-field__clear{position:absolute;top:.55rem;right:.55rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-background) 86%,transparent);color:var(--color-foreground-muted);cursor:pointer}.corporate-logo-field__clear[hidden]{display:none}.corporate-logo-field__clear:hover{color:var(--color-foreground)}.corporate-logo-field__error{margin:var(--space-1) 0 0;font-size:var(--font-size-caption);color:var(--color-accent)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-variant-picker.css.map */