.pile{container-type:size;--row: 28px}@media(min-width:640px){.pile{--row: 30px}}.pile-chip,.pile-folder,.pile-filed,.pile-head{position:absolute;left:0;top:0;z-index:15}.pile-folder{z-index:20}.pile-chip{--k: 0;--r: var(--r0);--x: calc((var(--sx) + (50 - var(--sx)) * var(--k)) * 1cqw);--y: calc((var(--sy) + (50 - var(--sy)) * var(--k)) * 1cqh);transform:translate(clamp(0px,calc(var(--x) - 50%),calc(100cqw - 100%)),clamp(0px,calc(var(--y) - 50%),calc(100cqh - 100%))) rotate(var(--r));transition:transform .7s var(--os-ease) calc(var(--i) * 18ms),opacity .3s var(--os-ease) calc(var(--i) * 18ms)}.pile-chip[data-gone]{opacity:0}.pile[data-over] .pile-chip{--k: .14;--r: 0deg}@media(hover:hover){.pile[data-state=rest]:hover .pile-chip{--k: .14;--r: 0deg}}.pile-folder{transform:translate(calc(50cqw - 50% + var(--dx, 0) * 1px),calc(50cqh - 50% + var(--dy, 0) * 1px));transition:transform .6s var(--os-ease),opacity .3s var(--os-ease)}.pile[data-state=gather] .pile-folder{transition:none}.pile[data-state=gather] .pile-chip{transform:translate(calc(50cqw - 50% + var(--dx, 0) * 1px + var(--i) * 1px),calc(50cqh - 50% + var(--dy, 0) * 1px - var(--i) * 1px)) rotate(calc(var(--r0) * .4));transition:transform calc(.2s + var(--i) * .03s) var(--os-ease)}.pile:is([data-state=pour],[data-state=filed]) :is(.pile-chip,.pile-folder){transform:translate(calc(var(--tx, 0) * 1px - 50%),calc(var(--ty, 0) * 1px - 50%)) scale(.2);opacity:0;transition:transform .6s var(--os-ease) calc(var(--i, 0) * 45ms),opacity .25s linear calc(var(--i, 0) * 45ms + .35s)}.pile-filed{max-width:calc(50cqw - 14px);transform:translate(calc(var(--tx, 0) * 1px - 50%),calc(var(--ty, 0) * 1px - 50%)) scale(.2);opacity:0;transition:transform .5s var(--os-ease),opacity .2s linear}.pile[data-state=filed] .pile-filed:not([data-gone]){transform:translate(calc(var(--fx) * 1cqw),calc(var(--fy) * 1cqh + 32px + var(--fr) * var(--row)));opacity:1;transition:transform .75s var(--os-ease) calc(var(--i) * 40ms),opacity .2s linear calc(var(--i) * 40ms)}.pile-head{max-width:calc(50cqw - 14px);transform:translate(calc(var(--fx) * 1cqw),calc(var(--fy) * 1cqh));opacity:0;transition:opacity .3s var(--os-ease)}.pile[data-state=filed] .pile-head{opacity:1;transition-delay:calc(var(--i) * .12s + .2s)}.pile-bob{animation:pile-bob var(--bd) ease-in-out calc(var(--bd) * -.37 * var(--i)) infinite alternate}.pile:not([data-state=rest]) .pile-bob{animation-play-state:paused}@keyframes pile-bob{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}@media(prefers-reduced-motion:reduce){.pile-chip,.pile-folder,.pile-filed,.pile-head,.pile .pile-chip,.pile .pile-filed:not([data-gone]){transition:none!important}.pile-bob{animation:none}}
