.animated-character>svg{width:100%;height:100%;display:block;overflow:visible}.animated-character[data-mirrored=true]>svg{transform:scaleX(-1)}.animated-character [class^=character-]{transform-box:view-box}.animated-character .character-blink,.animated-character .character-check,.animated-character .character-heart,.animated-character .character-clap-impact,.animated-character .character-clap-shadow{transform-box:fill-box;transform-origin:50%}.animated-character[data-motion=play] [class^=character-]{animation-duration:3.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.animated-character[data-motion=play] .character-blink{animation-name:character-blink;animation-duration:4s}.animated-character[data-motion=play] .character-check{animation-name:character-check}.animated-character[data-motion=play] .character-heart{animation-name:character-heart}.animated-character[data-motion=play] .character-coin-drop{animation-name:character-coin-drop}.animated-character[data-motion=play] .character-release{animation-name:character-release}.animated-character[data-motion=play] .character-clap-front{animation-name:character-clap-front;animation-duration:1.6s}.animated-character[data-motion=play] .character-clap-back{animation-name:character-clap-back;animation-duration:1.6s}.animated-character[data-motion=play] .character-clap-impact{animation-name:character-clap-impact;animation-duration:1.6s}.animated-character[data-motion=play] .character-clap-shadow{animation-name:character-clap-shadow;animation-duration:1.6s}@keyframes character-blink{0%,38%,44%,to{transform:scaleY(1)}41%{transform:scaleY(.12)}}@keyframes character-check{0%,65%,to{transform:scale(1)}25%{transform:scale(1.35)}42%{transform:scale(.9)}}@keyframes character-heart{0%,60%,to{transform:scale(1)}18%,42%{transform:scale(1.15)}30%{transform:scale(.97)}}@keyframes character-coin-drop{0%,18%{opacity:1;transform:translateY(-15px)}58%{opacity:1;transform:translateY(85px)}59%,80%{opacity:0;transform:translateY(85px)}81%{opacity:0;transform:translateY(-15px)}92%,to{opacity:1;transform:translateY(-15px)}}@keyframes character-release{0%,18%,to{transform:rotate(0)}40%,65%{transform:rotate(18deg)}}@keyframes character-clap-front{0%,to{transform:translate(-22px,3px)rotate(-12deg)}34%,44%{transform:translateY(-7px)rotate(0)}65%{transform:translate(-28px,3px)rotate(-14deg)}}@keyframes character-clap-back{0%,to{transform:translate(22px,3px)rotate(12deg)}34%,44%{transform:translateY(-7px)rotate(0)}65%{transform:translate(28px,3px)rotate(14deg)}}@keyframes character-clap-impact{0%,24%,62%,to{opacity:0;transform:scale(.8)}35%,43%{opacity:1;transform:scale(1.12)}}@keyframes character-clap-shadow{0%,65%,to{opacity:.75;transform:scaleX(1)}34%,44%{opacity:.4;transform:scaleX(.8)}}.storefront-section{--storefront-edge-depth:clamp(12px, 3vw, 40px);padding-block:calc(var(--storefront-edge-depth) + 48px);color:var(--color-ink);background-color:var(--color-sand);background-image:var(--marketing-grain), linear-gradient(135deg, var(--color-sand), var(--color-sun-soft) 48%, var(--color-drum-soft));background-blend-mode:multiply, normal;-webkit-mask-image:url(/illustrations/marketing/showcase-curve-top.svg),linear-gradient(#000,#000),url(/illustrations/marketing/showcase-curve-bottom.svg);mask-image:url(/illustrations/marketing/showcase-curve-top.svg),linear-gradient(#000,#000),url(/illustrations/marketing/showcase-curve-bottom.svg);-webkit-mask-size:100% var(--storefront-edge-depth), 100% calc(100% - var(--storefront-edge-depth) * 2), 100% var(--storefront-edge-depth);mask-size:100% var(--storefront-edge-depth), 100% calc(100% - var(--storefront-edge-depth) * 2), 100% var(--storefront-edge-depth);-webkit-mask-position:0 0,50%,0 100%;mask-position:0 0,50%,0 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-reduced-motion:reduce){.showcase-slide{transition:none;transform:none}}