.danuts-home-active{--danuts-playful-ready:1}.danuts-playful .danuts-motion-word{display:inline-block;transform-origin:50% 80%}.danuts-playful .hero-product,.danuts-playful .nut,.danuts-playful .floatnut,.danuts-playful .orbit,.danuts-playful .big-nut,.danuts-playful .sun{animation:none!important}.danuts-playful .scroll-nut{display:none}.danuts-playful .flavor-product{transition:none}.danuts-playful #flavorPack{position:relative;transition:none}.danuts-playful .danuts-flavor-ghost{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.danuts-motion-replay{position:absolute;right:24px;top:22px;z-index:6;border:1px solid var(--ink);background:var(--cream);color:var(--ink);padding:12px 15px;min-height:44px;font:700 11px/1.3 'Be Vietnam Pro',sans-serif;box-shadow:3px 3px 0 var(--ink);cursor:pointer}.danuts-motion-replay:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.danuts-playful .copy>.eyebrow,.danuts-playful .story-copy>.kicker,.danuts-playful .gift-copy>.kicker{display:inline-block;width:fit-content;max-width:100%;padding:9px 12px;border:2px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg);line-height:1.5}.danuts-playful #difference{position:relative}.danuts-playful #difference:before{content:"";position:absolute;inset:-13px 0 auto;height:14px;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,var(--cream) 68%,transparent 71%) 0 0/52px 18px repeat-x}.danuts-motion-toggle{justify-self:start;width:fit-content;min-height:36px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}.danuts-motion-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.danuts-motion-toggle:disabled{cursor:default;opacity:.7}.danuts-playful:is(.danuts-playful-quiet,.danuts-motion-suspended) :is(main,#footer) *,.danuts-playful:is(.danuts-playful-quiet,.danuts-motion-suspended) :is(main,#footer) *:before,.danuts-playful:is(.danuts-playful-quiet,.danuts-motion-suspended) :is(main,#footer) *:after{animation-play-state:paused!important}.danuts-playful .ticker:hover .ticker-track,.danuts-playful .footer-ticker:hover>div{animation-play-state:paused!important}@media(max-width:950px){.danuts-playful .copy>.eyebrow,.danuts-playful .story-copy>.kicker,.danuts-playful .gift-copy>.kicker{padding:7px 10px;transform:rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.danuts-playful *,.danuts-playful *:before,.danuts-playful *:after{animation:none!important;transition:none!important}}