.sf-color-swatches{padding:4rem 0}.sf-color-swatches__title{text-align:center;margin-bottom:2rem;font-weight:600}.sf-color-swatches__container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}@media screen and (max-width: 749px){.sf-color-swatches--scrollable .sf-color-swatches__container{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;justify-content:flex-start;padding:1rem 1.5rem 2rem;margin:-1rem 0 -2rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sf-color-swatches--scrollable .sf-color-swatches__container::-webkit-scrollbar{display:none}.sf-color-swatches--scrollable .sf-color-swatch{scroll-snap-align:start;flex-shrink:0}}.sf-color-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:inherit;transition:transform var(--sf-transition-normal, .3s ease)}.sf-color-swatch:hover{transform:scale(1.1) translateY(-4px)}.sf-color-swatch__circle{display:block!important;width:60px!important;height:60px!important;min-width:60px;min-height:60px;aspect-ratio:1 / 1;border-radius:50%!important;border:3px solid rgba(255,255,255,.8);box-shadow:0 4px 15px #00000026,inset 0 2px 4px #ffffff4d;transition:box-shadow var(--sf-transition-normal, .3s ease),transform var(--sf-transition-normal, .3s ease),border-color var(--sf-transition-normal, .3s ease)}.sf-color-swatch:hover .sf-color-swatch__circle{box-shadow:0 0 20px currentColor,0 8px 25px #0003,inset 0 2px 4px #fff6;border-color:#fff}.sf-color-swatch__circle[style*="background-color: #FFFFFF"],.sf-color-swatch__circle[style*="background-color: #ffffff"],.sf-color-swatch__circle[style*="background-color: white"]{border:2px solid #cccccc!important;box-shadow:0 4px 15px #0000001a,inset 0 1px 2px #0000000d}.sf-color-swatch__circle--multicolor{background:conic-gradient(from 0deg,var(--sf-red, #FF4D6A) 0deg,var(--sf-orange, #FF8C42) 51deg,var(--sf-yellow, #FFD93D) 102deg,var(--sf-green, #6BCB77) 153deg,var(--sf-blue, #4D96FF) 204deg,var(--sf-purple, #F04FA3) 255deg,var(--sf-pink, #FF69B4) 306deg,var(--sf-red, #FF4D6A) 360deg);border:3px solid rgba(255,255,255,.9);animation:sf-swatch-rotate 8s linear infinite;box-shadow:0 4px 20px #ff69b466,0 0 30px #5b2e914d}@keyframes sf-swatch-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sf-color-swatch:hover .sf-color-swatch__circle--multicolor{animation-duration:2s;box-shadow:0 0 30px #ff69b499,0 0 50px #5b2e9166,0 8px 25px #0003}.sf-color-swatch__label{display:none}@media screen and (min-width: 750px){.sf-color-swatch__circle{width:80px!important;height:80px!important;min-width:80px;min-height:80px}.sf-color-swatch__label{font-size:1.4rem}.sf-color-swatches__container{gap:2rem}}.sf-color-swatch[data-cascade]{--animation-order: 0;animation-delay:calc(var(--animation-order) * .1s)}
/*# sourceMappingURL=/cdn/shop/t/59/assets/section-sf-color-swatches.css.map */