.product-form__input--custom-dropdown{margin-bottom:1.6rem}.variant-image-dropdown{position:relative;display:block;width:100%}.variant-image-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:4.5rem;padding:.8rem 1.2rem;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius);cursor:pointer;font-size:1.4rem;line-height:1.4;text-align:left;transition:border-color var(--duration-short) ease}.variant-image-dropdown__trigger:hover{border-color:rgb(var(--color-foreground))}.variant-image-dropdown__trigger:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.variant-image-dropdown__trigger[aria-expanded=true]{border-color:rgb(var(--color-foreground))}.variant-image-dropdown__trigger[aria-expanded=true] .variant-image-dropdown__icon{transform:rotate(180deg)}.variant-image-dropdown__selected{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.variant-image-dropdown__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variant-image-dropdown__icon{flex-shrink:0;width:1rem;height:.6rem;margin-left:1rem;transition:transform var(--duration-short) ease}.variant-image-dropdown__icon svg{width:100%;height:100%}.variant-image-dropdown__image-wrapper{flex-shrink:0;width:3.2rem;height:3.2rem;border-radius:.4rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.1)}.variant-image-dropdown__image{width:100%;height:100%;object-fit:cover}.variant-image-dropdown__swatch{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.2);background-size:cover;background-position:center}.variant-image-dropdown__swatch--empty{background:linear-gradient(135deg,rgba(var(--color-foreground),.1) 25%,transparent 25%,transparent 50%,rgba(var(--color-foreground),.1) 50%,rgba(var(--color-foreground),.1) 75%,transparent 75%);background-size:8px 8px}.variant-image-dropdown__list{position:absolute;top:100%;left:0;right:0;z-index:100;max-height:30rem;margin:.4rem 0 0;padding:.4rem;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.1);overflow-y:auto;list-style:none;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease,visibility var(--duration-short) ease}.variant-image-dropdown[data-open=true] .variant-image-dropdown__list{opacity:1;visibility:visible;transform:translateY(0)}.variant-image-dropdown__option{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:.4rem;cursor:pointer;transition:background-color var(--duration-short) ease}.variant-image-dropdown__option:hover,.variant-image-dropdown__option:focus{background-color:rgba(var(--color-foreground),.05);outline:none}.variant-image-dropdown__option--selected{background-color:rgba(var(--color-foreground),.08)}.variant-image-dropdown__option--unavailable{cursor:not-allowed}.variant-image-dropdown__option .variant-image-dropdown__image-wrapper{width:4rem;height:4rem}.variant-image-dropdown__option .variant-image-dropdown__swatch{width:3.2rem;height:3.2rem}.variant-image-dropdown__option-text{flex:1;font-size:1.4rem;line-height:1.4}.variant-image-dropdown__sold-out-badge{display:block;margin-top:.2rem;font-size:1.1rem;font-weight:400;text-transform:uppercase;letter-spacing:.02em;color:rgba(var(--color-foreground),.4)}.variant-image-dropdown__check{flex-shrink:0;width:1.6rem;height:1.6rem;color:rgb(var(--color-foreground))}.variant-image-dropdown__check svg{width:100%;height:100%}.variant-image-dropdown__list::-webkit-scrollbar{width:.6rem}.variant-image-dropdown__list::-webkit-scrollbar-track{background:transparent}.variant-image-dropdown__list::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.2);border-radius:.3rem}.variant-image-dropdown__list::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color-foreground),.3)}@media screen and (max-width:749px){.variant-image-dropdown__trigger{min-height:5rem;padding:1rem 1.4rem}.variant-image-dropdown__image-wrapper{width:3.6rem;height:3.6rem}.variant-image-dropdown__option .variant-image-dropdown__image-wrapper{width:4.8rem;height:4.8rem}.variant-image-dropdown__option .variant-image-dropdown__swatch{width:4rem;height:4rem}.variant-image-dropdown__list{max-height:40vh}.variant-image-dropdown__option{padding:1rem 1.2rem;gap:1.2rem}.variant-image-dropdown__option-text{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-variant-image-dropdown.css.map */