.color-swatch{display:block;width:3.2rem;height:3.2rem;border-radius:50%;background-color:var(--swatch-base, #c9c2b8);background-image:radial-gradient(var(--swatch-spot, transparent) 17%,transparent 19%),radial-gradient(var(--swatch-spot, transparent) 17%,transparent 19%);background-size:1.1rem 1.1rem;background-position:0 0,.55rem .55rem;box-shadow:inset 0 0 0 .1rem #0003;transition:transform .1s ease}.color-swatch--funfetti{background-color:#f7f0e4;background-image:radial-gradient(#f2c2cb 20%,transparent 22%),radial-gradient(#35a99f 20%,transparent 22%),radial-gradient(#f0c93e 20%,transparent 22%),radial-gradient(#7a5ea6 20%,transparent 22%);background-size:1.2rem 1.2rem;background-position:0 0,.6rem .6rem,.6rem 0,0 .6rem}.product-form__input input[type=radio]+label.color-swatch-label{min-width:0;margin:0 .9rem .9rem 0;padding:0;border:0;border-radius:50%;background:transparent;line-height:0;cursor:pointer}.product-form__input input[type=radio]:checked+label.color-swatch-label{background:transparent;color:inherit}.product-form__input input[type=radio]:checked+label.color-swatch-label .color-swatch{box-shadow:inset 0 0 0 .1rem #0003,0 0 0 .25rem rgb(var(--color-background)),0 0 0 .4rem rgb(var(--color-foreground))}.product-form__input input[type=radio]:focus-visible+label.color-swatch-label .color-swatch{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.5rem}@media(hover:hover){.product-form__input input[type=radio]:not(.disabled)+label.color-swatch-label:hover .color-swatch{transform:scale(1.08)}}.product-form__input input[type=radio].disabled+label.color-swatch-label{position:relative}.product-form__input input[type=radio].disabled+label.color-swatch-label .color-swatch{opacity:.35}.product-form__input input[type=radio].disabled+label.color-swatch-label:after{content:"";position:absolute;top:50%;left:-.2rem;right:-.2rem;height:.1rem;background:rgba(var(--color-foreground),.55);transform:rotate(-45deg);pointer-events:none}.color-swatch-selected{margin-left:.3rem;font-size:inherit;line-height:inherit;font-weight:400;opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-color-swatch.css.map */