:root{--swatch-black: #000000;--swatch-white: #FFFFFF;--swatch-gray: #808080;--swatch-grey: #808080;--swatch-red: #FF0000;--swatch-blue: #0000FF;--swatch-green: #00FF00;--swatch-yellow: #FFFF00;--swatch-orange: #FFA500;--swatch-purple: #800080;--swatch-pink: #FFC0CB;--swatch-navy: #000080;--swatch-teal: #008080;--swatch-maroon: #800000;--swatch-olive: #808000;--swatch-lime: #00FF00;--swatch-aqua: #00FFFF;--swatch-fuchsia: #FF00FF;--swatch-beige: #F5F5DC;--swatch-cream: #FFFDD0;--swatch-ivory: #FFFFF0;--swatch-tan: #D2B48C;--swatch-brown: #A52A2A;--swatch-light-pink: #FFB6C1;--swatch-light-blue: #ADD8E6;--swatch-mint: #98FF98;--swatch-lavender: #E6E6FA;--swatch-peach: #FFDAB9;--swatch-gold: #FFD700;--swatch-silver: #C0C0C0;--swatch-bronze: #CD7F32;--swatch-rose-gold: #B76E79;--swatch-burgundy: #800020;--swatch-emerald: #50C878;--swatch-sapphire: #0F52BA;--swatch-ruby: #E0115F;--swatch-charcoal: #36454F;--swatch-slate: #708090}.card__color-swatches{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap;justify-content:center;align-items:center}.card__swatch-button{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid rgba(var(--color-foreground, 0, 0, 0),.2);cursor:pointer;transition:all .2s ease;position:relative;padding:0;background:transparent;overflow:hidden}.card__swatch-button:hover{transform:scale(1.1);border-color:rgba(var(--color-foreground, 0, 0, 0),.5)}.card__swatch-button.active{border-color:rgba(var(--color-foreground, 0, 0, 0),1);border-width:2px;box-shadow:0 0 0 2px rgba(var(--color-foreground, 0, 0, 0),.1)}.card__swatch-color{width:100%;height:100%;border-radius:50%;display:block;background-size:cover;background-position:center;position:absolute;top:0;left:0}.card__swatch-color[data-color=white],.card__swatch-color[style*="background-color: white"]{box-shadow:inset 0 0 0 1px rgba(var(--color-foreground, 0, 0, 0),.1)}.card__information,.card__heading,.card__heading a,.card-information{text-align:center}.card-information .price{display:flex;justify-content:center}.price,.card__badge{justify-content:center}.caption-with-letter-spacing{text-align:center}.card__information .rating,.rating{justify-content:center}@media screen and (min-width: 990px){.card .media.media--hover-effect>a{cursor:pointer}.card .media.media--hover-effect>a>img:only-child,.card-wrapper .media.media--hover-effect>a>img:only-child{transition:transform var(--duration-long) ease}.card__media:hover .media.media--hover-effect>a>img:first-child:only-child{transform:scale(1.03)}.card__media:hover .media.media--hover-effect>a>img:first-child:not(:only-child){opacity:0;transition:opacity var(--duration-default) ease}.card__media:hover .media.media--hover-effect>a>img+img{opacity:1;transition:transform var(--duration-long) ease,opacity var(--duration-default) ease;transform:scale(1.03)}.media.media--hover-effect>a{display:block;position:relative}.media.media--hover-effect>a>img+img{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}}.card__media-link,.card__heading a,.full-unstyled-link{cursor:pointer}.card__swatch-color[data-color=black]{background-color:var(--swatch-black)}.card__swatch-color[data-color=white]{background-color:var(--swatch-white);border:1px solid #e0e0e0}.card__swatch-color[data-color=gray],.card__swatch-color[data-color=grey]{background-color:var(--swatch-gray)}.card__swatch-color[data-color=red]{background-color:var(--swatch-red)}.card__swatch-color[data-color=blue]{background-color:var(--swatch-blue)}.card__swatch-color[data-color=green]{background-color:var(--swatch-green)}.card__swatch-color[data-color=yellow]{background-color:var(--swatch-yellow)}.card__swatch-color[data-color=orange]{background-color:var(--swatch-orange)}.card__swatch-color[data-color=purple]{background-color:var(--swatch-purple)}.card__swatch-color[data-color=pink]{background-color:var(--swatch-pink)}@media screen and (max-width: 749px){.card__color-swatches{gap:.375rem}.card__swatch-button{width:1.75rem;height:1.75rem}}@media screen and (min-width: 750px) and (max-width: 989px){.card__swatch-button{width:1.875rem;height:1.875rem}}.card__swatch-button:focus-visible{outline:2px solid rgba(var(--color-foreground),1);outline-offset:2px}.card__swatch-button:disabled{opacity:.5;cursor:not-allowed}.card__swatch-color[data-swatch-type=image]{background-size:cover;background-position:center;background-repeat:no-repeat}.card__swatch-color[data-color=white]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;border-radius:50%;z-index:-1}.card__swatch-button[data-available=false]{position:relative;opacity:.6}.card__swatch-button[data-available=false]:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:120%;background:rgba(var(--color-foreground),.7);transform:translate(-50%,-50%) rotate(45deg)}@media (hover: hover){.card__swatch-button:hover:not(:disabled){transform:scale(1.15)}}.card__swatch-button.is-loading{pointer-events:none}.card__swatch-button.is-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:rgba(var(--color-foreground),.4);animation:swatch-spin .6s linear infinite}@keyframes swatch-spin{to{transform:rotate(360deg)}}.card__swatch-button[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:.25rem .5rem;background:rgba(var(--color-foreground),.9);color:rgba(var(--color-background),1);font-size:.75rem;white-space:nowrap;border-radius:4px;z-index:10;pointer-events:none}.card__swatch-button[title]:hover:before{content:"";position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:rgba(var(--color-foreground),.9);z-index:10}.card__color-swatches,.card__swatch-button{position:relative!important;z-index:99999!important;pointer-events:auto!important}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-color-swatches.css.map */