.color-swatch-picker{--color-swatch-size: 44px;--color-swatch-gap: 8px;--color-swatch-border-width: 1px;--color-swatch-border-radius: 50%}.color-swatch-picker__label{display:block;margin-bottom:.8rem}.color-swatch-picker__selected-value{font-weight:600}.color-swatch-picker__options{display:flex;flex-wrap:wrap;gap:var(--color-swatch-gap);border:none;padding:0;margin:0}.color-swatch-picker__option{position:relative}.color-swatch-picker__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.color-swatch-picker__swatch{display:block;width:var(--color-swatch-size);height:var(--color-swatch-size);cursor:pointer;border-radius:var(--color-swatch-border-radius);outline-offset:.2rem;outline-color:transparent;outline-style:solid;transition-property:outline-color,outline-width,box-shadow;transition-duration:var(--duration-short);transition-timing-function:ease}.color-swatch-picker__swatch-inner{display:block;width:100%;height:100%;border-radius:var(--color-swatch-border-radius);background:var(--swatch-background);background-position:var(--swatch-focal-point, center);background-size:cover;background-origin:border-box;border:var(--color-swatch-border-width) solid rgba(var(--color-foreground),.15)}.color-swatch-picker__swatch-inner--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.color-swatch-picker__input:checked+.color-swatch-picker__swatch{outline:.2rem solid var(--color-swatch-active-outline, rgb(var(--color-foreground)))}.color-swatch-picker__input:focus-visible+.color-swatch-picker__swatch{outline:.2rem solid rgba(var(--color-foreground),.5);box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}.color-swatch-picker__input:checked:focus-visible+.color-swatch-picker__swatch{outline:none;box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .4rem rgba(var(--color-foreground),.25)}.color-swatch-picker__input.visually-disabled:not(:checked)+.color-swatch-picker__swatch{opacity:.4}.color-swatch-picker__input.visually-disabled:not(:checked)+.color-swatch-picker__swatch:hover{outline:none}.color-swatch-picker__input.visually-disabled+.color-swatch-picker__swatch .color-swatch-picker__swatch-inner{position:relative;overflow:hidden}.color-swatch-picker__input.visually-disabled+.color-swatch-picker__swatch .color-swatch-picker__swatch-inner:after{content:"";position:absolute;bottom:-.05rem;left:0;width:calc(var(--color-swatch-size) * 1.414);height:.1rem;background-color:rgb(var(--color-foreground));transform:rotate(-45deg);transform-origin:left}.color-swatch-picker--inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--color-swatch-gap)}.color-swatch-picker__label--inline{display:inline-flex;align-items:center;margin-bottom:0;margin-right:.4rem;white-space:nowrap}.color-swatch-picker--inline .color-swatch-picker__options{display:inline-flex;gap:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-color-swatch.css.map */