.product-form__input--dropdown:has(.variant-dropdown){--swatch-input--size: 2.8rem}.variant-dropdown{display:block;position:relative;width:100%;z-index:1}.variant-dropdown:has(details[open]),variant-selects:has(.variant-dropdown details[open]){position:relative;z-index:30}.variant-dropdown__details{position:relative;width:100%}.variant-dropdown__details[open]{z-index:30}.variant-dropdown__summary{display:flex;align-items:center;min-height:4.4rem;padding-block:.6rem;padding-inline-start:1.5rem;padding-inline-end:4rem;font-size:1.4rem;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:inset 0 0 0 .1rem rgb(var(--color-border-strong));touch-action:manipulation;transition:background-color var(--duration-default) ease}@media screen and (hover:hover){.variant-dropdown__details:hover>.variant-dropdown__summary{background-color:rgba(var(--color-foreground),.04)}}.variant-dropdown__summary:focus,.variant-dropdown__summary:focus-visible{outline:none}.variant-dropdown__details[open]>.variant-dropdown__summary .icon-caret{transform:scaleY(-1)}.variant-dropdown__details[open]>.variant-dropdown__summary{box-shadow:inset .1rem 0 rgb(var(--color-border-strong)),inset -.1rem 0 rgb(var(--color-border-strong)),inset 0 .1rem rgb(var(--color-border-strong))}.variant-dropdown__details[open]>.variant-dropdown__list{top:calc(100% - .1rem);box-shadow:inset .1rem 0 rgb(var(--color-border-strong)),inset -.1rem 0 rgb(var(--color-border-strong)),inset 0 -.1rem rgb(var(--color-border-strong))}.variant-dropdown__selected{display:flex;align-items:center;gap:1rem;min-width:0}.variant-dropdown__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-dropdown__list{position:absolute;top:100%;inset-inline:0;z-index:31;list-style:none;margin:0;padding:.4rem 0;max-height:min(28rem,50vh);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:rgb(var(--color-background));box-shadow:inset 0 0 0 .1rem rgb(var(--color-border-strong))}.variant-dropdown__option:has(input:checked){display:none}.product-form__input--dropdown .variant-dropdown .swatch{flex-shrink:0;scale:1;box-shadow:none}.product-form__input--dropdown .variant-dropdown__input+.variant-dropdown__label{box-shadow:none;margin:0;padding-block:.6rem;padding-inline:1.5rem;min-width:0;min-height:4.4rem;width:100%;font-size:1.4rem;letter-spacing:normal;line-height:1.2;border-radius:0;color:rgb(var(--color-foreground));justify-content:flex-start;gap:1rem;z-index:auto;touch-action:manipulation;transition:background-color var(--duration-default) ease}.product-form__input--dropdown .variant-dropdown__input+.variant-dropdown__label:before,.product-form__input--dropdown .variant-dropdown__input+.variant-dropdown__label:after{content:none}.product-form__input--dropdown .variant-dropdown__input:checked+.variant-dropdown__label{color:rgb(var(--color-foreground))}.product-form__input--dropdown .variant-dropdown__input:disabled+.variant-dropdown__label,.product-form__input--dropdown .variant-dropdown__input[data-crossout]+.variant-dropdown__label{color:rgba(var(--color-foreground),.45);overflow:visible}@media screen and (hover:hover){.product-form__input--dropdown .variant-dropdown__input:not(:disabled)+.variant-dropdown__label:hover{box-shadow:none;background-color:rgba(var(--color-foreground),.04)}}.product-form__input--dropdown .variant-dropdown__input:focus+.variant-dropdown__label,.product-form__input--dropdown .variant-dropdown__input:focus-visible+.variant-dropdown__label,.product-form__input--dropdown .variant-dropdown__input.focused+.variant-dropdown__label{outline:none;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-variant-dropdown.css.map */