.stack-tile{--tile-y:0px;--tile-s:1;--brand:var(--color-sakura-600);transform:translate3d(0, var(--tile-y), 0) scale(var(--tile-s));transition:transform .42s var(--ease-petal), opacity .36s var(--ease-petal), box-shadow .36s var(--ease-petal), border-color .36s var(--ease-petal)}@media (hover:hover){.stack-tile:hover{--tile-y:-4px}.stack-tile:hover .stack-mark{color:var(--brand)}}.stack-tile[data-dim=true]{opacity:.17;--tile-s:.955}@media (hover:hover){.stack-tile[data-dim=true]:hover{opacity:.55;--tile-y:0px}}.stack-tile[data-hit=true]{z-index:2;border-color:color-mix(in srgb, var(--brand) 60%, transparent);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--brand) 38%, transparent), 0 14px 34px -18px color-mix(in srgb, var(--brand) 85%, transparent)}.stack-tile[data-hit=true] .stack-mark{color:var(--brand)}.stack-tile[data-hit=true] .stack-mark-frame{animation:stack-mark-pop .64s var(--ease-petal);border-color:color-mix(in srgb, var(--brand) 35%, transparent);background:color-mix(in srgb, var(--brand) 9%, var(--color-cream))}@keyframes stack-mark-pop{0%{transform:scale(1)rotate(0)}38%{transform:scale(1.22)rotate(-7deg)}70%{transform:scale(.96)rotate(3deg)}to{transform:scale(1)rotate(0)}}.stack-mark{transition:color .32s var(--ease-petal)}.stack-tile .stack-foil{animation-play-state:paused}@media (hover:hover){.stack-tile:hover .stack-foil{animation-play-state:running}}.stack-section:not([data-shown=true]) .stack-grid>*{opacity:0}.stack-section[data-shown=true] .stack-grid>*{animation:stack-tile-in .56s var(--ease-petal) backwards;animation-delay:calc(var(--i,0) * 18ms)}@keyframes stack-tile-in{0%{opacity:0;transform:translateY(16px)scale(.93)}to{opacity:1;transform:none}}@keyframes stack-burst{0%{opacity:0;transform:translate(0,0)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate3d(var(--bx), var(--by), 0) scale(1.1)}}.stack-petal{animation:stack-burst .9s var(--ease-drift) forwards}@keyframes stack-wilt{0%,to{transform:rotate(-14deg)translateY(0)}50%{transform:rotate(-22deg)translateY(3px)}}.stack-wilt{transform-origin:50% 90%;animation:3.4s ease-in-out infinite stack-wilt}@media (prefers-reduced-motion:reduce){.stack-section .stack-grid>*{opacity:1!important;animation:none!important}.stack-tile,.stack-tile[data-hit=true] .stack-mark-frame{animation:none!important}.stack-tile{--tile-y:0px}.stack-foil{display:none}}
