social-proof-toast{display:none}social-proof-toast[open]{display:block;position:fixed;bottom:var(--social-proof-bottom, 2rem);z-index:3;max-width:calc(100vw - 3.2rem)}social-proof-toast[open].social-proof--left{left:1.6rem;animation:social-proof-in-left .45s cubic-bezier(.16,1,.3,1) both}social-proof-toast[open].social-proof--right{right:1.6rem;animation:social-proof-in-right .45s cubic-bezier(.16,1,.3,1) both}social-proof-toast[open][closing].social-proof--left{animation:social-proof-out-left .3s cubic-bezier(.7,0,.84,0) both}social-proof-toast[open][closing].social-proof--right{animation:social-proof-out-right .3s cubic-bezier(.7,0,.84,0) both}.social-proof__inner{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem 1.2rem 1.2rem;border-radius:999px;box-shadow:0 .4rem 2rem #00000029;overflow:hidden}.social-proof__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:4rem;height:4rem;border-radius:50%;background:rgba(var(--color-foreground),.06);color:var(--social-proof-accent, rgb(var(--color-foreground)))}.social-proof__icon .svg-wrapper{width:2rem;height:2rem}.social-proof__icon svg{width:100%;height:100%}.social-proof__text{margin:0;font-size:1.4rem;line-height:1.35;padding-right:.4rem}.social-proof__count{font-weight:700;color:var(--social-proof-accent, rgb(var(--color-foreground)))}.social-proof__close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.8rem;height:2.8rem;padding:0;border:none;border-radius:50%;background:transparent;color:currentColor;cursor:pointer;opacity:.6}.social-proof__close:hover{opacity:1}.social-proof__close .svg-wrapper{width:1.2rem;height:1.2rem}.social-proof__close svg{width:100%;height:100%}.social-proof__progress{position:absolute;left:0;right:0;bottom:0;height:.4rem;background:rgba(var(--color-foreground),.08)}.social-proof__progress-bar{display:block;width:100%;height:100%;transform-origin:left center;background:var(--social-proof-accent, rgb(var(--color-foreground)));animation:social-proof-progress var(--social-proof-duration, 10s) linear forwards;animation-play-state:paused}social-proof-toast[open] .social-proof__progress-bar{animation-play-state:running}.social-proof__inner:hover .social-proof__progress-bar,.social-proof__inner:focus-within .social-proof__progress-bar{animation-play-state:paused}.social-proof--preview .social-proof__progress-bar{animation-iteration-count:infinite}@media screen and (max-width:749px){.social-proof__text{font-size:1.3rem}.social-proof__inner{padding:1rem 1.2rem}social-proof-toast[open]{max-width:calc(100vw - 9.6rem)}}@keyframes social-proof-in-left{0%{opacity:0;transform:translate(calc(-100% - 1.6rem))}to{opacity:1;transform:translate(0)}}@keyframes social-proof-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(-100% - 1.6rem))}}@keyframes social-proof-in-right{0%{opacity:0;transform:translate(calc(100% + 1.6rem))}to{opacity:1;transform:translate(0)}}@keyframes social-proof-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 1.6rem))}}@keyframes social-proof-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){social-proof-toast[open],social-proof-toast[open][closing].social-proof--left,social-proof-toast[open][closing].social-proof--right{animation-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-social-proof.css.map */