.color-swatch{--color-swatch-size: var(--space-x6);--color-swatch-tap: var(--space-x1-5);--color-swatch-border-width: 1px;--color-swatch-ring-width: 2px;--color-swatch-ring-inset: calc(-1 * var(--space-x0-5));--color-swatch-strike: 1.3px;--color-swatch-strike-color: var(--control-content-primary-inverse);--color-swatch-strike-halo-width: 1px;--color-swatch-strike-halo: 0px;--color-swatch-strike-halo-color: transparent;--color-swatch-frame: transparent;--color-swatch-ring: transparent;position:relative;display:inline-flex;flex:none;box-sizing:content-box;inline-size:var(--color-swatch-size);block-size:var(--color-swatch-size);padding:var(--space-x0-5);border-radius:var(--radius-x1-5);box-shadow:inset 0 0 0 var(--color-swatch-border-width) var(--color-swatch-frame);transition:box-shadow .15s ease}.color-swatch--s{--color-swatch-size: var(--space-x5);--color-swatch-tap: var(--space-x1)}.color-swatch--light,.color-swatch--empty{--color-swatch-strike-color: var(--control-content-primary)}:is(.color-swatch--multi-2,.color-swatch--multi-3,.color-swatch--multi-4,.color-swatch--print){--color-swatch-strike-color: var(--control-content-primary);--color-swatch-strike-halo-color: var(--control-content-primary-inverse);--color-swatch-strike-halo: var(--color-swatch-strike-halo-width)}.color-swatch:before{content:"";position:absolute;inset:calc(-1 * var(--color-swatch-tap))}.color-swatch:after{content:"";position:absolute;inset:var(--color-swatch-ring-inset);border:var(--color-swatch-ring-width) solid var(--color-swatch-ring);border-radius:var(--radius-x2);pointer-events:none}.color-swatch__fill{position:relative;display:block;flex:1 1 auto;border-radius:var(--radius-x1);background:var(--color-swatch-1, transparent)}.color-swatch__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--color-swatch-border-width) var(--border-divider);pointer-events:none}.color-swatch--multi-2 .color-swatch__fill{background:linear-gradient(to right,var(--color-swatch-2) 50%,var(--color-swatch-1) 50%)}.color-swatch--multi-3 .color-swatch__fill{background:linear-gradient(to right,var(--color-swatch-2) 33.333%,var(--color-swatch-3) 33.333% 66.667%,var(--color-swatch-1) 66.667%)}.color-swatch--multi-4 .color-swatch__fill{background:conic-gradient(var(--color-swatch-4) 0 25%,var(--color-swatch-1) 0 50%,var(--color-swatch-2) 0 75%,var(--color-swatch-3) 0)}.color-swatch--print .color-swatch__fill{background:var(--color-swatch-image) center / cover no-repeat var(--color-swatch-1, transparent)}.color-swatch--unavailable .color-swatch__fill:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom right,transparent calc(50% - var(--color-swatch-strike) / 2 - var(--color-swatch-strike-halo)),var(--color-swatch-strike-halo-color) 0 calc(50% - var(--color-swatch-strike) / 2),var(--color-swatch-strike-color) 0 calc(50% + var(--color-swatch-strike) / 2),var(--color-swatch-strike-halo-color) 0 calc(50% + var(--color-swatch-strike) / 2 + var(--color-swatch-strike-halo)),transparent 0);pointer-events:none}.color-swatch-control{position:relative;display:inline-flex;margin:0;padding:0;border:0;border-radius:var(--radius-x1-5);background:none;font:inherit;-webkit-appearance:none;appearance:none;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.color-swatch-control:focus-visible{outline:none}@media(hover:hover){.color-swatch-control:hover .color-swatch{--color-swatch-frame: var(--control-border-subtle)}}.color-swatch-control:active .color-swatch{--color-swatch-frame: var(--control-border-subtle)}.color-swatch-control[aria-current=true] .color-swatch,.color-swatch-control[aria-pressed=true] .color-swatch,.color-swatch-control:has(:checked) .color-swatch{--color-swatch-frame: var(--control-border-focus);--color-swatch-ring-inset: calc( -1 * var(--space-x1) - var(--color-swatch-border-width) )}.color-swatch-control:focus-visible .color-swatch,.color-swatch-control:has(:focus-visible) .color-swatch{--color-swatch-ring: var(--control-border-focus)}@media(prefers-reduced-motion:reduce){.color-swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-color-swatch.css.map */