/*! color-swatch */.variant-picker *:focus-visible+.color-swatch{outline-offset:calc(2px + var(--swatch-offset) * 2)}.color-swatch{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset: inset;--tw-ring-color: rgb(var(--color-foreground)/ .115);--swatch-radius: 0px;--swatch-offset: 3px;--swatch-size: var(--sp-7d5);--swatch-margin: calc(var(--swatch-offset)*2);background-color:var(--swatch-background);width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--swatch-radius);transition:outline-color var(--animation-fast)}.color-swatch.with-image{background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:var(--swatch-background-image)}.color-swatch:before{--tw-shadow: inset 1px 3px 0px rgb(var(--color-foreground)/ .115);--tw-shadow-colored: inset 1px 3px 0px var(--tw-shadow-color);border-radius:var(--swatch-radius);top:0;right:0;bottom:0;left:0;width:100%;height:100%}.color-swatch:after,.color-swatch:before{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);content:"";position:absolute}.color-swatch:after{--tw-scale-x: 1;--tw-scale-y: 1;--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);--tw-shadow-color: rgb(var(--color-foreground));--tw-shadow: var(--tw-shadow-colored);border-radius:inherit;inset:calc(var(--swatch-offset) * -1);opacity:0;transition:all var(--animation-short)}.color-swatch:after,:checked+.color-swatch:after{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate))}:checked+.color-swatch:after{--tw-scale-x: 1;--tw-scale-y: 1;opacity:1}.swatches input:is([type=checkbox],[type=radio]):is(:disabled,.disabled)+.color-swatch{--tw-ring-shadow: 0 0 #0000;background-color:var(--swatch-background)}.swatches input:is([type=checkbox],[type=radio]):is(:disabled,.disabled)+.color-swatch:before{background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgb(var(--color-red-200)) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}.swatches input:is([type=checkbox],[type=radio]):is(:disabled,.disabled)+.color-swatch:after{--tw-shadow-color: rgb(var(--color-red-200))}.swatches input:is([type=checkbox],[type=radio]):is(:disabled,.disabled)+.color-swatch.with-image:after{background-color:rgb(var(--color-red-200) / .115)}.swatches input:is([type=checkbox],[type=radio]):is(:disabled,.disabled):not(:checked)+.color-swatch:after{--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);top:1px;right:1px;bottom:1px;left:1px;opacity:1}.color-swatch .tooltip{--tw-translate-x: -50%;--tw-scale-x: .75;--tw-scale-y: .75;background-color:rgb(var(--color-foreground));inset-block-end:calc(100% + 15px);color:rgb(var(--color-background));padding:var(--sp-1d5) var(--sp-5);width:max-content}.color-swatch .tooltip,.color-swatch .tooltip:after{position:absolute;inset-inline-start:50%;transform:translate(calc(var(--tw-translate-x) * var(--transform-logical)),var(--tw-translate-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.color-swatch .tooltip:after{--tw-translate-x: -50%;--tw-translate-y: 0;border-color:rgb(var(--color-foreground)) transparent;border-style:solid;border-width:10px 10px 0;inset-block-end:-7px;content:"";display:block;width:0}@media screen and (pointer:fine){.color-swatch:hover .tooltip{--tw-scale-x: 1;--tw-scale-y: 1;opacity:1;transition:transform var(--animation-primary),opacity var(--animation-primary)}}.label-swatch{--swatch-offset: 0px;--swatch-margin: calc(var(--swatch-offset)*2);border-radius:var(--swatch-radius);padding:var(--sp-4) var(--sp-5);transition:all var(--animation-short)}.label-swatch:after{--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);--tw-shadow-color: rgb(var(--color-border));--tw-shadow: var(--tw-shadow-colored);content:"";position:absolute;border-radius:inherit;inset:calc(var(--swatch-offset) * -1);transition:all var(--animation-short)}.label-swatch:after,:checked+.label-swatch:after{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:checked+.label-swatch:after{--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);--tw-shadow-color: rgb(var(--color-foreground));--tw-shadow: var(--tw-shadow-colored) }.swatches--round .color-swatch{--swatch-radius: 9999px }.swatches--round-slight :is(.color-swatch,.label-swatch),.swatches--round .label-swatch,.swatches--variant .color-swatch{--swatch-radius: 5px }.variant-picker .swatches--variant .color-swatch{--swatch-size: clamp(var(--sp-10), 3.368vw, var(--sp-16))}.swatches--variant .color-swatch.aspect-contain{background-size:contain}@media screen and (min-width:768px){.swatches--variant .color-swatch:is(.aspect-square,.aspect-portrait,.aspect-landscape,.aspect-wide,.aspect-adapt_first){height:auto}}@media screen and (max-width:767px){.swatches--variant .color-swatch:is(.mobile\:aspect-square,.mobile\:aspect-portrait,.mobile\:aspect-landscape,.mobile\:aspect-wide,.mobile\:aspect-adapt_first){height:auto}}.swatches--variant .color-swatch{--tw-ring-shadow: 0 0 #0000;--swatch-background: rgb(var(--color-foreground)/ .025);--swatch-size: clamp(var(--sp-10), 3.368vw, var(--sp-16))}.swatches--variant .color-swatch.with-image{background-color:rgb(var(--color-placeholder))}.swatches--variant .color-swatch:before{box-shadow:inset 0 0 0 2px transparent}.swatches--variant .color-swatch:after{--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);--tw-shadow-color: rgb(var(--color-border));--tw-shadow: var(--tw-shadow-colored);opacity:1;top:0;right:0;bottom:0;left:0}.swatches--variant :checked+.color-swatch:before{box-shadow:inset 0 0 0 2px rgb(var(--color-background))}.swatches--variant :checked+.color-swatch:after{--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);--tw-shadow-color: rgb(var(--color-foreground));--tw-shadow: var(--tw-shadow-colored)}@media screen and (pointer:fine){.swatches--variant input:is([type=checkbox],[type=radio]):not(:disabled,.disabled)+.color-swatch:hover:after{--tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color);--tw-shadow-color: rgb(var(--color-foreground));--tw-shadow: var(--tw-shadow-colored)}}.swatches--variant .color-swatch~span{max-width:clamp(var(--sp-10),3.368vw,var(--sp-16))}.swatches--variant .color-swatch .count{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-border));height:var(--sp-5d5);min-width:var(--sp-5d5);padding-inline:var(--sp-1);inset-inline-end:calc(-1 * var(--sp-2));inset-block-start:calc(-1 * var(--sp-2));transition:var(--animation-primary);transition-property:color,background-color,border-color}.swatches--variant :checked+.color-swatch .count{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/170/assets/nuit-component-swatches.css.map */