.hr-swatch-row{display:flex;flex-wrap:wrap;gap:.75rem .875rem}[data-hr-opt-style=swatch] .hr-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.375rem;width:4rem;padding:0;border:0;border-radius:0;background:none;color:hsl(var(--foreground));cursor:pointer;-webkit-tap-highlight-color:transparent}[data-hr-opt-style=swatch] .hr-swatch:focus-visible{outline:2px solid hsl(var(--accent));outline-offset:3px}[data-hr-opt-style=swatch] .hr-swatch__dot{position:relative;display:block;width:44px;height:44px;border-radius:2px;background-color:hsl(var(--secondary));box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .14);transition:box-shadow var(--hr-t-fast) var(--hr-ease)}[data-hr-opt-style=swatch] .hr-swatch__dot--light{box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .28)}[data-hr-opt-style=swatch] .hr-swatch__dot--none{background-image:repeating-linear-gradient(45deg,hsl(var(--muted-foreground) / .35) 0 3px,transparent 3px 6px)}[data-hr-opt-style=swatch] .hr-swatch:hover .hr-swatch__dot{box-shadow:inset 0 0 0 1px hsl(var(--foreground))}[data-hr-opt-style=swatch] .hr-swatch[aria-checked=true] .hr-swatch__dot{box-shadow:inset 0 0 0 2px hsl(var(--foreground)),inset 0 0 0 4px hsl(var(--background))}[data-hr-opt-style=swatch] .hr-swatch--img{width:4.5rem}[data-hr-opt-style=swatch] .hr-swatch__dot--img{width:64px;height:64px;overflow:hidden;background-color:hsl(var(--hr-photo-ground, var(--secondary)));box-shadow:none}[data-hr-opt-style=swatch] .hr-swatch__dot--img .hr-swatch__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}[data-hr-opt-style=swatch] .hr-swatch__dot--img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .12);transition:box-shadow var(--hr-t-fast) var(--hr-ease)}[data-hr-opt-style=swatch] .hr-swatch:hover .hr-swatch__dot--img{box-shadow:none}[data-hr-opt-style=swatch] .hr-swatch:hover .hr-swatch__dot--img:after{box-shadow:inset 0 0 0 1px hsl(var(--foreground))}[data-hr-opt-style=swatch] .hr-swatch[aria-checked=true] .hr-swatch__dot--img{box-shadow:none}[data-hr-opt-style=swatch] .hr-swatch[aria-checked=true] .hr-swatch__dot--img:after{box-shadow:inset 0 0 0 2px hsl(var(--foreground)),inset 0 0 0 4px hsl(var(--background))}[data-hr-opt-style=swatch] .hr-swatch.hr-oos .hr-swatch__dot--img:before{z-index:2}@media(prefers-reduced-motion:reduce){[data-hr-opt-style=swatch] .hr-swatch__dot--img:after{transition:none}}[data-hr-opt-style=swatch] .hr-swatch__label{display:block;width:100%;font-family:var(--font-body);font-size:var(--hr-text-micro);line-height:1.3;text-align:center;color:hsl(var(--muted-foreground));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}[data-hr-opt-style=swatch] .hr-swatch[aria-checked=true] .hr-swatch__label{color:hsl(var(--foreground));font-weight:500}[data-hr-opt-style=swatch] .hr-swatch.hr-oos{opacity:.55}[data-hr-opt-style=swatch] .hr-swatch.hr-oos .hr-swatch__dot{filter:grayscale(.85)}[data-hr-opt-style=swatch] .hr-swatch.hr-oos .hr-swatch__dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - 1px),hsl(var(--muted-foreground)) calc(50% - 1px),hsl(var(--muted-foreground)) calc(50% + 1px),transparent calc(50% + 1px))}[data-hr-opt-style=swatch] .hr-swatch.hr-oos .hr-swatch__label{text-decoration:line-through}[data-hr-opt-style=swatch] .hr-swatch[aria-disabled=true]{cursor:not-allowed;opacity:.4}@media(prefers-reduced-motion:reduce){[data-hr-opt-style=swatch] .hr-swatch__dot{transition:none}}[data-hr-swatch-text] .hr-swatch-row{gap:.5rem}[data-hr-swatch-text] .hr-swatch{width:auto;flex-direction:row;min-height:44px;padding:.5rem 1rem;border:1px solid hsl(var(--border-strong, var(--border)));border-radius:2px;background:hsl(var(--background));transition:border-color var(--hr-t-fast) var(--hr-ease),background-color var(--hr-t-fast) var(--hr-ease),color var(--hr-t-fast) var(--hr-ease)}[data-hr-swatch-text] .hr-swatch__dot{display:none}[data-hr-swatch-text] .hr-swatch__label{display:block;-webkit-line-clamp:unset;width:auto;font-size:var(--hr-text-small);color:hsl(var(--foreground));text-align:left}[data-hr-swatch-text] .hr-swatch:hover{border-color:hsl(var(--foreground))}[data-hr-swatch-text] .hr-swatch[aria-checked=true]{background:hsl(var(--foreground));border-color:hsl(var(--foreground))}[data-hr-swatch-text] .hr-swatch[aria-checked=true] .hr-swatch__label{color:hsl(var(--background))}
/*# sourceMappingURL=/cdn/shop/t/183/assets/hr-color-swatches.css.map */