social-proof-popup{--sp-radius: var(--popup-corner-radius, 8px);--sp-shadow: var(--popup-shadow-horizontal-offset, 0) var(--popup-shadow-vertical-offset, 4px) var(--popup-shadow-blur-radius, 12px) rgba(0, 0, 0, calc(var(--popup-shadow-opacity, .1) + .05));--sp-thumb-size: 4.4rem;--sp-mascot-size: 4.6rem;--sp-mascot-color: #e55626;--sp-gap: 1rem;--sp-pad: 1.2rem;--sp-max-width: 33rem;--sp-translate-y: 1.6rem;position:fixed;z-index:9000;pointer-events:none;max-width:var(--sp-max-width);width:calc(100% - 2.4rem);opacity:0;transform:translateY(var(--sp-translate-y));transition:opacity .36s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);font-family:var(--font-body-family, inherit)}social-proof-popup.sp-pos-bl{bottom:2.4rem;left:2.4rem}social-proof-popup.sp-pos-br{bottom:2.4rem;right:2.4rem}social-proof-popup.sp-pos-tr{top:9.6rem;right:2.4rem;--sp-translate-y: -1.6rem}social-proof-popup.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}social-proof-popup .sp-card{position:relative;display:flex;align-items:center;gap:var(--sp-gap);padding:var(--sp-pad);padding-right:3.2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),var(--popup-border-opacity, .08));border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);outline:none}social-proof-popup .sp-mascot{flex:0 0 var(--sp-mascot-size);width:var(--sp-mascot-size);height:var(--sp-mascot-size);display:grid;place-items:center;color:var(--sp-mascot-color)}social-proof-popup .sp-doggy{width:100%;height:100%;display:block;overflow:visible}social-proof-popup .sp-spiral{transform-origin:50% 50%;transform-box:fill-box;animation:sp-sway 6.5s ease-in-out infinite}social-proof-popup .sp-spiral__body{stroke-dasharray:100;stroke-dashoffset:100}social-proof-popup.is-visible .sp-spiral__body{animation:sp-draw 1.1s cubic-bezier(.65,0,.35,1) .12s forwards}social-proof-popup .sp-spiral__head{transform-origin:51px 23px;transform-box:fill-box;opacity:0}social-proof-popup.is-visible .sp-spiral__head{animation:sp-head-pop .36s cubic-bezier(.34,1.56,.64,1) 1s forwards}social-proof-popup .sp-eye{transform-origin:center;transform-box:fill-box;animation:sp-blink 4.4s ease-in-out infinite}social-proof-popup .sp-spiral__tail{transform-origin:30px 30px;transform-box:fill-box;opacity:0}social-proof-popup.is-visible .sp-spiral__tail{animation:sp-tail-pop .28s cubic-bezier(.34,1.56,.64,1) 1.18s forwards,sp-wag 1.4s ease-in-out 1.5s infinite}@keyframes sp-draw{to{stroke-dashoffset:0}}@keyframes sp-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes sp-blink{0%,88%,to{transform:scaleY(1)}92%,96%{transform:scaleY(.1)}}@keyframes sp-wag{0%,to{transform:rotate(-18deg)}50%{transform:rotate(22deg)}}@keyframes sp-head-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes sp-tail-pop{0%{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}social-proof-popup .sp-thumb{flex:0 0 var(--sp-thumb-size);width:var(--sp-thumb-size);height:var(--sp-thumb-size);border-radius:calc(var(--sp-radius) * .6);overflow:hidden;background:rgba(var(--color-foreground),.06)}social-proof-popup .sp-thumb__img{width:100%;height:100%;object-fit:cover;display:block}social-proof-popup .sp-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem;line-height:1.3}social-proof-popup .sp-text__line{margin:0;font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}social-proof-popup .sp-text__time{margin:0;font-size:1.1rem;font-weight:400;opacity:.6;color:rgb(var(--color-foreground))}social-proof-popup .sp-dismiss{position:absolute;top:.6rem;right:.6rem;width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));opacity:.45;cursor:pointer;border-radius:50%;display:grid;place-items:center;transition:opacity .16s ease,background-color .16s ease}social-proof-popup .sp-dismiss:hover,social-proof-popup .sp-dismiss:focus-visible{opacity:.95;background:rgba(var(--color-foreground),.08);outline:none}@media screen and (max-width:749px){social-proof-popup{--sp-max-width: 36rem;--sp-mascot-size: 3.4rem;--sp-thumb-size: 3.8rem;--sp-pad: 1rem;--sp-gap: .8rem}social-proof-popup.sp-pos-bl,social-proof-popup.sp-pos-br{left:1.2rem;right:1.2rem;bottom:1.2rem;width:auto;max-width:none}social-proof-popup.sp-pos-tr{top:auto;bottom:1.2rem;left:1.2rem;right:1.2rem;width:auto;--sp-translate-y: 1.6rem}social-proof-popup .sp-text__line{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){social-proof-popup{transition:opacity .2s linear;transform:none}social-proof-popup.is-visible{transform:none}social-proof-popup .sp-spiral,social-proof-popup .sp-eye,social-proof-popup .sp-spiral__tail,social-proof-popup.is-visible .sp-spiral__body,social-proof-popup.is-visible .sp-spiral__head,social-proof-popup.is-visible .sp-spiral__tail{animation:none}social-proof-popup .sp-spiral__body{stroke-dashoffset:0}social-proof-popup .sp-spiral__head,social-proof-popup .sp-spiral__tail{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-social-proof.css.map */