.spl-char__grid{display:grid;gap:2.5rem;align-items:center}@media(min-width:1024px){.spl-char__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}}.spl-char__visual{position:relative;perspective:900px;max-width:30rem;margin:0 auto;width:100%}.spl-char__ring{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:var(--pop-border);border-radius:50%;background:repeating-conic-gradient(var(--pop-sun) 0 15deg,#fff 15deg 30deg);animation:spl-char-spin 40s linear infinite}@keyframes spl-char-spin{to{transform:rotate(360deg)}}.spl-char__img{position:relative;display:block;width:82%;height:auto;margin:9%;aspect-ratio:1 / 1;object-fit:cover;border:var(--pop-border);border-radius:50%;box-shadow:var(--pop-shadow);transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .2s ease-out;animation:spl-char-bounce 3.2s var(--pop-spring) infinite}@keyframes spl-char-bounce{0%,to{translate:0 0}40%{translate:0 -10px}60%{translate:0 -4px}}.spl-char__bubble{position:absolute;top:2%;right:-2%;margin:0;padding:.75rem 1.125rem;border:var(--pop-border);border-radius:22px;background:#fff;color:var(--pop-ink);font-family:var(--heading-font-stack);font-weight:800;font-size:clamp(1rem,2.5vw,1.375rem);box-shadow:var(--pop-shadow-sm);transform:rotate(6deg);animation:pop-wobble 3.6s ease-in-out infinite}.spl-char__bubble:after{content:"";position:absolute;left:18%;bottom:-14px;width:22px;height:22px;background:#fff;border-right:var(--pop-border);border-bottom:var(--pop-border);transform:rotate(45deg) skew(10deg,10deg)}.spl-char__content{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.spl-char__story{font-size:1.0625rem;line-height:1.55;max-width:34rem}.spl-char__story p{margin:0 0 .5rem}.spl-char__buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:34rem;padding:1rem 1.125rem;border:var(--pop-border);border-radius:var(--pop-radius);background:#fff;color:var(--pop-ink);box-shadow:var(--pop-shadow)}.spl-char__product{margin:0;font-weight:700}.spl-char__price{margin:0;font-family:var(--heading-font-stack);font-weight:800;font-size:1.5rem}.spl-char__actions{display:flex;flex-wrap:wrap;gap:.625rem}@media(prefers-reduced-motion:reduce){.spl-char__ring,.spl-char__img,.spl-char__bubble{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/spl-character.css.map */