.spb{--ink:#3B1F3A;--body:#5A4866;--muted:#857596;--lilac:#B9A0E3;--lilac-lt:#CDB9EE;--purple:#7E5DB8;--purple-lt:#9C80D2;--berry:#9E3D6B;--wash:#F6F1FC;--wash2:#EDE4F8;--card:#FFFEFF;--clay:inset 2px 2px 6px rgba(255,255,255,.95),inset -5px -7px 14px rgba(110,80,170,.08),0 16px 32px -18px rgba(70,45,130,.3);--clay-sm:inset 2px 2px 4px rgba(255,255,255,.95),inset -3px -4px 8px rgba(110,80,170,.09),0 8px 18px -12px rgba(70,45,130,.32);position:fixed;z-index:60;bottom:calc(16px + env(safe-area-inset-bottom));font-family:var(--font-body--family);color:var(--ink)}.spb--left{left:16px}.spb--right{right:16px}.spb *{box-sizing:border-box}.spb-btn{position:relative;width:68px;height:68px;border-radius:50%;border:0;padding:6px;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff,#efe6fa 60%,#e1d3f4);box-shadow:var(--clay-sm),0 10px 24px -10px #462d828c;transition:transform .2s ease}.spb-btn:hover{transform:translateY(-3px) scale(1.04)}.spb-btn:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.spb-btn svg{width:100%;height:100%;display:block;overflow:visible}.spb-head{transform-origin:50px 62px;transition:transform .35s ease}.spb-lid{transform-box:fill-box;transform-origin:center top;transform:scaleY(0);transition:transform .08s ease}.spb-legL{transform-origin:34px 60px}.spb-legR{transform-origin:66px 60px}.spb.is-blink .spb-lid{transform:scaleY(1)}.spb.is-tilt .spb-head{transform:rotate(-10deg)}.spb.is-wave .spb-legL{animation:spb-wave .5s ease-in-out 2}.spb.is-wave .spb-legR{animation:spb-wave2 .5s ease-in-out 2}.spb.is-breathe .spb-body{animation:spb-breathe 3.6s ease-in-out infinite}.spb-peek{position:absolute;bottom:76px;white-space:nowrap;background:var(--card);border-radius:18px;padding:9px 14px;font-size:14px;font-weight:800;box-shadow:var(--clay-sm);animation:spb-pop .3s ease-out}.spb--left .spb-peek{left:4px}.spb--right .spb-peek{right:4px}.spb-panel{position:absolute;bottom:80px;width:min(340px,calc(100vw - 32px));background:linear-gradient(170deg,#fffeff,#f4eefc);border-radius:28px;box-shadow:var(--clay),0 24px 50px -20px #3c1e6e73;padding:18px 16px 16px;animation:spb-pop .25s ease-out}.spb--left .spb-panel{left:0}.spb--right .spb-panel{right:0}.spb-panel[hidden],.spb-peek[hidden],.spb-screen[hidden]{display:none!important}.spb-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding-right:34px}.spb-say{background:var(--wash2);border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.4;color:var(--ink)}.spb-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:var(--wash);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;box-shadow:var(--clay-sm)}.spb-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.spb-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 14px;border:0;border-radius:18px;background:var(--card);box-shadow:var(--clay-sm);font:inherit;font-size:15px;font-weight:800;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease}.spb-opt:hover{transform:translate(3px);background:#fff;color:var(--purple)}.spb-opt:focus-visible,.spb-x:focus-visible,.spb-back:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.spb-opt span[aria-hidden]{font-size:18px;flex:none}.spb-fact{background:var(--card);border-radius:18px;padding:14px;font-size:15px;font-weight:600;line-height:1.5;color:var(--body);box-shadow:var(--clay-sm);margin-bottom:8px}.spb-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.spb-back{border:0;background:none;font:inherit;font-weight:800;font-size:14px;color:var(--purple);cursor:pointer;padding:6px 4px}.spb-hide{border:0;background:none;font:inherit;font-weight:700;font-size:12px;color:var(--muted);cursor:pointer;padding:6px 4px;text-decoration:underline}.spb.is-mini .spb-btn{width:46px;height:46px;padding:4px;opacity:.85}.spb--pic .spb-btn{padding:2px;overflow:visible}.spb-pic{position:relative;display:block;width:100%;height:100%;transform-origin:50% 90%;transition:transform .35s ease}.spb-pic .spb-img{width:108%;height:108%;max-width:none;margin:-4%;display:block;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(40,25,70,.25))}.spb-plid{position:absolute;width:22%;height:22%;border-radius:50%;background:linear-gradient(180deg,#f6eef2 0,#e9dde5 80%);box-shadow:inset 0 -3px 0 -1px #3a2a38;border-bottom:2px solid #3A2A38;width:23%;height:23%;transform:scaleY(0);transform-origin:center top;transition:transform .08s ease}.spb-plid--l{left:27.9%;top:26.8%}.spb-plid--r{left:53.4%;top:26.8%}.spb.is-blink .spb-plid{transform:scaleY(1)}.spb--pic.is-tilt .spb-pic{transform:rotate(-8deg)}.spb--pic.is-wave .spb-pic{animation:spb-hop .5s ease-in-out 2}.spb--pic.is-breathe .spb-pic{animation:spb-breathe 3.6s ease-in-out infinite}.spb--pic.is-wave.is-breathe .spb-pic{animation:spb-hop .5s ease-in-out 2}@keyframes spb-hop{0%,to{translate:0 0}40%{translate:0 -14%}}@keyframes spb-wave{0%,to{transform:rotate(0)}50%{transform:rotate(28deg)}}@keyframes spb-wave2{0%,to{transform:rotate(0)}50%{transform:rotate(-28deg)}}@keyframes spb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes spb-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:600px){.spb-btn{width:58px;height:58px}.spb-panel{bottom:70px}.spb-peek{bottom:66px}}@media(prefers-reduced-motion:reduce){.spb *,.spb{animation:none!important;transition:none!important}}@media print{.spb{display:none}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/spood-buddy.css.map */
