@property --counter-scan{syntax: "<angle>"; inherits: false; initial-value: 0deg;}cart-counter.cart-counter{--counter-fill: transparent;--counter-ink: var(--main-text-color, currentColor);position:relative;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex:0 0 auto;min-width:3.4em;height:1.5em;padding:0 .6em;margin:0;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;line-height:1;white-space:nowrap;isolation:isolate}.cart-counter:before{content:"";position:absolute;top:.2em;right:0;bottom:.2em;left:0;border:0;box-shadow:inset 0 0 0 .5px var(--counter-ink);border-radius:50%;pointer-events:none;transition:transform .24s cubic-bezier(.22,1,.36,1)}.cart-counter [data-counter-value]{display:inline-block;font:inherit;font-variant-numeric:tabular-nums;transform:scale(1.12,.68) skew(-14deg);transition:transform .24s cubic-bezier(.22,1,.36,1)}a:active .cart-counter:before,button:active .cart-counter:before{transform:skew(-16deg) scale(1.035,.72);transition-duration:.16s}a:active .cart-counter [data-counter-value],button:active .cart-counter [data-counter-value]{transform:scale(1.2,.54) skew(-17deg);transition-duration:.16s}@media(prefers-reduced-motion:reduce){.cart-counter:before,.cart-counter [data-counter-value]{transition:none}a:active .cart-counter:before,button:active .cart-counter:before{transform:skew(-12deg) scaleY(.88)}a:active .cart-counter [data-counter-value],button:active .cart-counter [data-counter-value]{transform:scale(1.12,.68) skew(-14deg)}}.cart-counter[data-counter-fill=site]{--counter-fill: var(--main-background-color, transparent)}.cart-counter:before,.cart-counter:after{transform:skew(-12deg) scaleY(.88)}.cart-counter:before{background:var(--counter-fill, transparent);border-color:var(--counter-ink, currentColor)}.cart-counter [data-counter-value]{color:var(--counter-ink, inherit);position:relative;z-index:1}.cart-counter:after{content:"";position:absolute;inset:calc(.2em - .5px) -.5px;border:0;padding:.5px;border-radius:50%;pointer-events:none;background:#ffd35a;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:100% 100%;opacity:0;transition:opacity .35s ease-out}.cart-counter[data-counter-effect]:after{background-image:conic-gradient(from var(--counter-scan),color-mix(in srgb,var(--counter-light) 45%,transparent) 0deg 270deg,var(--counter-light) 307deg,#fff 319deg 324deg,var(--counter-light) 330deg,color-mix(in srgb,var(--counter-light) 45%,transparent) 360deg)}.cart-counter[data-counter-effect=gold]{--counter-light: #ffc52f}.cart-counter[data-counter-effect=rainbow]{--counter-light: #b6a0ff}.cart-counter[data-counter-effect=rainbow]:after{background-image:conic-gradient(from var(--counter-scan),#ff447b,#ffcf50 70deg,#76ffc9 135deg,#69c5ff 205deg,#bb80ff 280deg,#fff 319deg 324deg,#ff447b 360deg)}.cart-counter[data-counter-effect=red]{--counter-light: #ff233e}.cart-counter[data-counter-lit]:after{animation:counter-flare 1.6s cubic-bezier(.22,1,.36,1) both;filter:drop-shadow(0 0 .35px var(--counter-light)) drop-shadow(0 0 1px var(--counter-light))}.cart-counter[data-counter-effect=red][data-counter-lit]:after{animation-duration:.9s}.cart-counter[data-counter-hovering]:after{animation:counter-breathe 2.6s ease-in-out infinite;filter:drop-shadow(0 0 .35px var(--counter-light)) drop-shadow(0 0 1px var(--counter-light));transition:opacity .7s cubic-bezier(.22,1,.36,1)}.cart-counter[data-counter-hovering][data-counter-lit]:after{opacity:1}.cart-counter[data-counter-hovering]:not([data-counter-lit]):after{opacity:0;transition-duration:.35s}@keyframes counter-flare{0%{opacity:0;--counter-scan: 0deg}18%{opacity:.55}38%,53%{opacity:1}to{opacity:0;--counter-scan: 360deg}}@keyframes counter-breathe{0%{--counter-scan: 0deg;filter:drop-shadow(0 0 .25px var(--counter-light)) drop-shadow(0 0 .6px var(--counter-light))}50%{filter:drop-shadow(0 0 .4px var(--counter-light)) drop-shadow(0 0 1.2px var(--counter-light))}to{--counter-scan: 360deg;filter:drop-shadow(0 0 .25px var(--counter-light)) drop-shadow(0 0 .6px var(--counter-light))}}@media(prefers-reduced-motion:reduce){.cart-counter:after{display:none;animation:none!important;transition:none}}a:active .cart-counter:after,button:active .cart-counter:after{transform:skew(-16deg) scale(1.035,.72)}@media(prefers-reduced-motion:reduce){a:active .cart-counter:after,button:active .cart-counter:after{transform:skew(-12deg) scaleY(.88)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cart-counter.css.map */