.product-form__input--listbox{margin:0 0 1.6rem;border:0;padding:0}.listbox-picker{position:relative;display:block;max-width:36rem}.listbox-picker__trigger{display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.2rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.3);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;text-align:left;cursor:pointer;transition:border-color var(--duration-short) ease}.listbox-picker__trigger:hover,.listbox-picker__trigger[aria-expanded=true]{border-color:rgb(var(--color-foreground))}.listbox-picker__trigger:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.listbox-picker__swatch{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;overflow:hidden}.listbox-picker__swatch img{display:block;width:100%;height:100%;object-fit:cover}.listbox-picker__label{flex:1 1 auto}.listbox-picker__caret{flex-shrink:0;width:1.2rem;transition:transform var(--duration-short) ease}.listbox-picker__trigger[aria-expanded=true] .listbox-picker__caret{transform:rotate(180deg)}.listbox-picker__panel{position:absolute;z-index:5;top:calc(100% + .4rem);left:0;right:0;margin:0;padding:.4rem 0;list-style:none;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.3);max-height:28rem;overflow-y:auto;box-shadow:0 .4rem 1rem rgba(var(--color-shadow),.15)}.listbox-picker__option-label{display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.6rem;cursor:pointer;transition:background-color var(--duration-short) ease}.listbox-picker__option-label:hover{background-color:rgba(var(--color-foreground),.05)}.listbox-picker__input:checked+.listbox-picker__option-label{background-color:rgba(var(--color-foreground),.08)}.listbox-picker__input:focus-visible+.listbox-picker__option-label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}.listbox-picker__option-swatch{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;overflow:hidden}.listbox-picker__option-swatch img{display:block;width:100%;height:100%;object-fit:cover}.listbox-picker__option-name{font-size:1.4rem}.listbox-picker__option--disabled .listbox-picker__option-name{text-decoration:line-through;opacity:.5}.listbox-picker__option-price{margin-left:auto;padding-left:1.2rem;font-size:1.2rem;white-space:nowrap;color:rgba(var(--color-foreground),.75)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-listbox-picker.css.map */