.swatch-combobox{position:relative;display:block}.swatch-combobox__trigger{display:flex;align-items:center;gap:1rem;width:100%;padding:1.2rem 4rem 1.2rem 1.2rem;border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:pointer;position:relative}.swatch-combobox__trigger:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.swatch-combobox__trigger:after{content:"";position:absolute;right:1.6rem;top:50%;width:.7rem;height:.7rem;margin-top:-.45rem;border-right:.15rem solid currentColor;border-bottom:.15rem solid currentColor;transform:rotate(45deg);transition:transform .15s ease}.swatch-combobox__trigger.is-open:after{transform:rotate(225deg);margin-top:-.2rem}.swatch-combobox__swatch,.swatch-combobox__option-swatch{--swatch-combobox-bg: transparent;flex:none;border-radius:50%;background:var(--swatch-combobox-bg) center / cover no-repeat,rgba(var(--color-foreground),.06);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.15)}.swatch-combobox__swatch{width:2.6rem;height:2.6rem}.swatch-combobox__option-swatch{width:2.2rem;height:2.2rem}.swatch-combobox__label,.swatch-combobox__option-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-combobox__listbox{position:absolute;z-index:5;top:calc(100% + .5rem);left:0;right:0;max-height:32rem;overflow-y:auto;margin:0;padding:.5rem;list-style:none;background:rgb(var(--color-background));border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);box-shadow:0 .6rem 1.6rem rgba(var(--color-shadow),.2)}.swatch-combobox__option{display:flex;align-items:center;gap:.9rem;padding:.7rem .8rem;border-radius:calc(var(--inputs-radius) * .6);cursor:pointer}.swatch-combobox__option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.swatch-combobox__option.is-active{background:rgba(var(--color-foreground),.08)}.swatch-combobox__option.is-selected .swatch-combobox__option-label{font-weight:600}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-swatch-combobox.css.map */