.product-form__input--swatch-dropdown{margin-bottom:1.6rem}swatch-dropdown{display:block;position:relative}.swatch-dropdown__trigger{--swatch-input--size: 2rem;display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;cursor:pointer;text-align:left;min-height:4.8rem;transition:border-color var(--duration-short) ease}.swatch-dropdown__trigger:hover{border-color:rgb(var(--color-foreground))}.swatch-dropdown__selected-text{flex:1}.swatch-dropdown__caret{width:1.2rem;height:1.2rem;flex-shrink:0;transition:transform var(--duration-short) ease}swatch-dropdown[open] .swatch-dropdown__caret{transform:rotate(180deg)}swatch-dropdown[open] .swatch-dropdown__trigger{border-color:rgb(var(--color-foreground));border-bottom-left-radius:0;border-bottom-right-radius:0}.swatch-dropdown__list{position:absolute;z-index:10;top:100%;left:0;right:0;max-height:25rem;overflow-y:auto;background-color:rgb(var(--color-background));border:.1rem solid rgb(var(--color-foreground));border-top:none;border-bottom-left-radius:var(--inputs-radius);border-bottom-right-radius:var(--inputs-radius);box-shadow:0 4px 12px #0000001a}.swatch-dropdown__item{--swatch-input--size: 2rem}.swatch-dropdown__radio{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.swatch-dropdown__label{display:flex;align-items:center;gap:1rem;padding:1rem 1.6rem;cursor:pointer;font-size:1.4rem;color:rgb(var(--color-foreground));transition:background-color var(--duration-short) ease}.swatch-dropdown__label:hover{background-color:rgba(var(--color-foreground),.06)}.swatch-dropdown__item--selected .swatch-dropdown__label{background-color:rgba(var(--color-foreground),.08);font-weight:600}.swatch-dropdown__radio:focus-visible+.swatch-dropdown__label{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem}.swatch-dropdown__item--disabled .swatch-dropdown__label{opacity:.5;text-decoration:line-through}.swatch-dropdown__text{flex:1}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-swatch-dropdown.css.map */