.iso{position:relative;width:100%;max-width:600px;margin:-24px auto 0;aspect-ratio:600 / 400;pointer-events:none}.iso-stage{position:absolute;top:0;left:0;transform-origin:0 0;font-family:Pretendard,system-ui,sans-serif;color:#131414}.iso-scene{position:absolute;left:50%;top:54%;width:0;height:0;perspective:1600px;transform:scale(1.32)}.iso-floor{position:absolute;transform-style:preserve-3d;transform:rotateX(58deg) rotate(-38deg)}.iso-slab{position:absolute;background:#fafcfc;transform-style:preserve-3d;box-shadow:1px 1px #e3e8e8,2px 2px #d9dfdf,3px 3px #cfd6d6,4px 4px #c6cdcd,14px 18px 26px #131e2d29}.iso-sheet{left:-110px;top:-150px;width:220px;height:290px}.iso-bar{position:absolute;left:18px;height:7px;border-radius:3px;background:#dde3e3}.iso-ink{background:#6266f0}.iso-tag{position:absolute;left:-6px;top:-12px;padding:2px 6px;background:#131414;color:#fafcfc;font-size:10px;font-weight:600;white-space:nowrap;opacity:0}.iso-blk{position:absolute;left:14px;right:14px;height:60px;background:#fafcfc;animation:iso-lift 6s cubic-bezier(.5,0,.2,1) infinite both}.iso-blk .iso-bar{left:12px}.iso-blk .iso-tag{animation:iso-tag 6s steps(1) infinite both}@keyframes iso-lift{0%,8%{transform:translateZ(0);box-shadow:none}22%,74%{transform:translateZ(46px);box-shadow:1px 1px #dde3e3,2px 2px #d3d9d9,3px 3px #c9d0d0,18px 22px 22px #131e2d2e}90%,to{transform:translateZ(0);box-shadow:none}}@keyframes iso-tag{0%{opacity:0}20%{opacity:1}80%{opacity:0}}.iso-bank{position:absolute;left:-250px;top:-130px;display:grid;grid-template-columns:repeat(3,36px);gap:6px}.iso-bank i{width:36px;height:26px;background:#fafcfc;box-shadow:1px 1px #dde3e3,2px 2px #d3d9d9}.iso-quick .iso-sheet{left:-40px;top:-150px;width:190px;height:260px}.iso-slot{position:absolute;left:16px;right:16px;height:26px;background:#eef2f2}.iso-fly{position:absolute;width:36px;height:26px;background:#131414;box-shadow:2px 2px #000;transform-origin:0 50%;opacity:0;animation:iso-fly 6s cubic-bezier(.6,0,.2,1) infinite both}@keyframes iso-fly{0%{opacity:0;transform:translateZ(0)}4%{opacity:1;transform:translateZ(0)}14%{transform:translate3d(calc(var(--dx) * .5),calc(var(--dy) * .5),70px)}24%{transform:translate3d(var(--dx),var(--dy),3px) scaleX(1)}30%,80%{opacity:1;transform:translate3d(var(--dx),var(--dy),3px) scaleX(4.4);background:#9aa2a2;box-shadow:none}90%,to{opacity:0;transform:translate3d(var(--dx),var(--dy),3px) scaleX(4.4);background:#9aa2a2}}.iso-head{position:absolute;left:0;right:0;top:0;height:70px;transform-style:preserve-3d;animation:iso-head-lift 7.5s cubic-bezier(.6,0,.2,1) infinite}.iso-head:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:1px 1px #cfd6d6,2px 2px #c6cdcd}.iso-v{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:#fafcfc;animation:iso-swap 7.5s steps(1) infinite}.iso-v b{position:absolute;left:18px;top:22px;width:76px;height:10px;border-radius:2px;background:#6266f0}.iso-v i{position:absolute;left:18px;top:40px;width:110px;height:6px;border-radius:3px;background:#c4caca}.iso-v[data-kind=plain]{border-bottom:1px solid #dde3e3}.iso-v[data-kind=box]{background:#131414;animation-delay:-5s}.iso-v[data-kind=box] b{background:#fafcfc}.iso-v[data-kind=box] i{background:#6b7272}.iso-v[data-kind=line]{border-bottom:4px solid #6266f0;animation-delay:-2.5s}@keyframes iso-swap{0%{opacity:1}33.33%,to{opacity:0}}@keyframes iso-head-lift{0%,20%{transform:translateZ(0)}27%,30%{transform:translateZ(46px)}36%,53%{transform:translateZ(0)}60%,63%{transform:translateZ(46px)}69%,86%{transform:translateZ(0)}93%,96%{transform:translateZ(46px)}to{transform:translateZ(0)}}.iso-out .iso-sheet{left:-110px;top:-140px;width:200px;height:270px}.iso-stand{position:absolute;left:150px;top:100px;width:0;height:0;transform-style:preserve-3d;transform:translateZ(36px) rotateX(-90deg)}.iso-cube{position:absolute;transform-style:preserve-3d;animation:iso-spin 8s cubic-bezier(.7,0,.2,1) infinite}.iso-cube span{position:absolute;left:-36px;top:-36px;width:72px;height:72px;display:grid;place-items:center;background:#131414;color:#fafcfc;font-size:15px;font-weight:700;box-shadow:inset 0 0 0 1px #2c3030;backface-visibility:hidden}.iso-cube span:nth-child(1){transform:rotateY(0) translateZ(36px)}.iso-cube span:nth-child(2){transform:rotateY(90deg) translateZ(36px)}.iso-cube span:nth-child(3){transform:rotateY(180deg) translateZ(36px)}.iso-cube span:nth-child(4){transform:rotateY(270deg) translateZ(36px)}.iso-cube span:nth-child(5){transform:rotateX(90deg) translateZ(36px);background:#2a2d2d}@keyframes iso-spin{0%,20%{transform:rotateY(0)}25%,45%{transform:rotateY(-90deg)}50%,70%{transform:rotateY(-180deg)}75%,95%{transform:rotateY(-270deg)}to{transform:rotateY(-360deg)}}@media (prefers-reduced-motion: reduce){.iso *{animation:none!important}.iso-v[data-kind=plain],.iso-tag{opacity:1}.iso-blk:first-of-type{transform:translateZ(46px)}}.rv-ready [data-rv]{transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1);transition-delay:var(--rv-d, 0ms)}.rv-ready [data-rv=up]:not([data-in]){opacity:0;transform:translateY(36px)}.rv-ready [data-rv=left]:not([data-in]){opacity:0;transform:translate(-56px)}.rv-ready [data-rv=right]:not([data-in]){opacity:0;transform:translate(56px)}.rv-ready [data-rv=scale]{transition-duration:1s}.rv-ready [data-rv=scale]:not([data-in]){opacity:.35;transform:scale(.94)}.rv-ready [data-rv=zoom]:not([data-in]){opacity:0;transform:translateY(24px) scale(.96)}.rv-ready [data-rv=bars]:not([data-in]) .cmp-row__track i{transform:scaleX(0)}.rv-ready [data-rv=bars] .cmp-row__track i{transform-origin:left center}.rv-ready [data-rv=bars][data-in] .cmp-row__track i{animation:rv-grow 1s cubic-bezier(.23,1,.32,1) both}.rv-ready [data-rv=bars][data-in] .cmp-row:nth-child(2) .cmp-row__track i{animation-delay:.15s}.rv-ready [data-rv=bars][data-in] .cmp-row:nth-child(3) .cmp-row__track i{animation-delay:.3s}.rv-ready [data-rv=bars][data-in] .cmp-row:nth-child(4) .cmp-row__track i{animation-delay:.45s}@keyframes rv-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
