.product__purchase-count{margin:1.5rem 0}.purchase-count{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;background-color:rgba(var(--color-foreground),.05);border-radius:var(--text-boxes-radius, .3rem);border-left:3px solid rgb(var(--color-accent, var(--color-foreground)));font-size:1.4rem;line-height:1.4}.purchase-count__icon{display:flex;align-items:center;color:rgb(var(--color-accent, var(--color-foreground)));flex-shrink:0}.purchase-count__icon svg{width:1.6rem;height:1.6rem}.purchase-count__text{font-weight:500;color:rgb(var(--color-foreground));transition:transform .2s ease-in-out}.purchase-count--minimal{background-color:transparent;border:1px solid rgba(var(--color-foreground),.1);border-left:3px solid rgb(var(--color-accent, var(--color-foreground)))}.purchase-count--accent{background-color:rgb(var(--color-accent, var(--color-foreground)));color:rgb(var(--color-background));border:none}.purchase-count--accent .purchase-count__text,.purchase-count--accent .purchase-count__icon{color:rgb(var(--color-background))}@media screen and (max-width: 749px){.purchase-count{padding:.8rem 1.2rem;font-size:1.3rem}.purchase-count__icon svg{width:1.4rem;height:1.4rem}}.purchase-count{opacity:0;transform:translateY(10px);animation:slideInUp .5s ease forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.purchase-count[data-count-up=true]{transition:box-shadow .3s ease-in-out,transform .2s ease-in-out}.purchase-count[data-count-up=true]:hover{box-shadow:0 4px 12px rgba(var(--color-accent),.15);transform:translateY(-1px)}.purchase-count[data-count-up=true] .purchase-count__text{position:relative}.purchase-count[data-count-up=true] .purchase-count__text:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(var(--color-accent),.1),transparent);opacity:0;transition:opacity .3s ease-in-out}.purchase-count[data-count-up=true] .purchase-count__text.animating:after{opacity:1;animation:shimmer .6s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-color-scheme: dark){.purchase-count{background-color:#ffffff0d}.purchase-count--minimal{border-color:#ffffff1a}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-purchase-count.css.map */