.edm{width:100%;margin:0;padding-top:34px;position:relative;container:edm/inline-size}.edm__stage{aspect-ratio:4/3;border:1px solid var(--line-2);background:var(--bg);box-shadow:var(--shadow-3), var(--rim);border-radius:12px;position:relative;overflow:hidden}.edm--ambient .edm__stage,.edm--still .edm__stage{box-shadow:var(--shadow-2), var(--rim)}.edm__tag{z-index:3;position:absolute;top:0;right:4px}.edm__beat,.edm__screen{position:absolute;inset:0}.edm__screen .am-view{aspect-ratio:auto;width:100%;height:100%}.edm__beat{opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.2,0,0,1),scale .45s cubic-bezier(.2,0,0,1),visibility 0s linear .45s}.edm__beat--3,.edm--ambient .edm__beat,.edm--still .edm__beat{opacity:1;visibility:visible}@media (prefers-reduced-motion:no-preference){.ed-scene[data-beat] .edm__beat{opacity:0;visibility:hidden;scale:.985}.ed-scene[data-beat="0"] .edm__beat--0,.ed-scene[data-beat="1"] .edm__beat--1,.ed-scene[data-beat="2"] .edm__beat--2,.ed-scene[data-beat="3"] .edm__beat--3{opacity:1;visibility:visible;transition-delay:0s;scale:1}.edm[data-paused] .edm__stage *,.edm[data-paused] .edm__stage,.ed-scene[data-leaving="0"] .edm__beat--0 *,.ed-scene[data-leaving="1"] .edm__beat--1 *,.ed-scene[data-leaving="2"] .edm__beat--2 *,.ed-scene[data-leaving="3"] .edm__beat--3 *{animation-play-state:paused!important}}@keyframes am-visible{0%,to{visibility:visible}}@keyframes am-hidden{0%,to{visibility:hidden}}@keyframes am-row-in{0%{opacity:0;translate:0 8px}}@keyframes am-fade-in{0%{opacity:0}}@keyframes am-scroll{0%{translate:0}}@keyframes am-drag-over{0%,to{border-color:var(--color-accent);background-color:color-mix(in srgb, var(--gold) 12%, transparent)}}.am-pointer{z-index:400;opacity:0;pointer-events:none;width:26px;height:26px;margin:-3px 0 0 -5px;position:absolute;top:0;left:0}.am-pointer__arrow{filter:drop-shadow(0 2px 3px #00000080);transform-origin:5px 3px;width:26px;height:26px;display:block}.am-pointer__press{border:2px solid color-mix(in srgb, var(--ink) 70%, transparent);opacity:0;border-radius:50%;width:26px;height:26px;position:absolute;top:-11px;left:-8px}.am-pointer__ghost{opacity:0;display:flex;position:absolute;top:16px;left:14px}.am-pointer__file{border:1px solid var(--line-2);width:45px;height:80px;box-shadow:var(--shadow-2);border-radius:4px}.am-pointer__file:last-child{margin-left:-30px;translate:0 -8px;rotate:-4deg}@keyframes am-press{0%,to{scale:1}50%{scale:.84}}@keyframes am-ring{0%{opacity:.8;scale:.3}to{opacity:0;scale:1.7}}@media (prefers-reduced-motion:no-preference){:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 .am-pointer[data-aimed]{animation:7.2s linear both am-pointer-create}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 .am-pointer__ghost{animation:7.2s linear both am-ghost}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 .am-pointer__arrow{animation:.3s ease-in-out 1.1s am-press,.3s ease-in-out 4.15s am-press,.3s ease-in-out 5.9s am-press}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 .am-pointer__press{animation:.5s ease-out 1.2s am-ring,.5s ease-out 6s am-ring}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=cards]>.am-swap__a,:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=footer]>.am-swap__a{animation:1.3s linear am-visible}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=cards]>.am-swap__b,:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=footer]>.am-swap__b{animation:1.3s linear am-hidden}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 .am-after-card{animation:.35s cubic-bezier(.2,0,0,1) 1.3s backwards am-fade-in}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 .am-scroll{animation:.8s cubic-bezier(.4,0,.2,1) 2s backwards am-scroll}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am-target=drop]{animation:.9s linear 3.5s am-drag-over}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=slot]>.am-swap__a,:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=slot-meta]>.am-swap__a{animation:4.4s linear am-visible}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=slot]>.am-swap__b,:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=slot-meta]>.am-swap__b{animation:4.4s linear am-hidden}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 .am-row{animation:am-row-in .32s cubic-bezier(.2, 0, 0, 1) calc(4.4s + var(--i) * .12s) backwards}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=start]>.am-swap__a{animation:3.1s linear 1.3s am-visible}:is(.ed-scene[data-beat="0"],.ed-scene[data-leaving="0"]) .edm__beat--0 [data-am=start]>.am-swap__b{animation:4.4s linear am-hidden}:is(.ed-scene[data-beat="1"],.ed-scene[data-leaving="1"]) .edm__beat--1 .am-pointer[data-aimed]{animation:3.8s linear both am-pointer-script}:is(.ed-scene[data-beat="1"],.ed-scene[data-leaving="1"]) .edm__beat--1 .am-pointer__arrow{animation:.3s ease-in-out 1.85s am-press}:is(.ed-scene[data-beat="1"],.ed-scene[data-leaving="1"]) .edm__beat--1 .am-pointer__press{animation:.5s ease-out 1.95s am-ring}:is(.ed-scene[data-beat="1"],.ed-scene[data-leaving="1"]) .edm__beat--1 [data-am=cut]>.am-swap__a{visibility:visible;animation:3.8s linear 2s am-hidden}:is(.ed-scene[data-beat="1"],.ed-scene[data-leaving="1"]) .edm__beat--1 [data-am=cut]>.am-swap__b{visibility:hidden;animation:3.8s linear 2s am-visible}:is(.ed-scene[data-beat="2"],.ed-scene[data-leaving="2"]) .edm__beat--2 .am-scroll{animation:.8s cubic-bezier(.4,0,.2,1) .8s backwards am-scroll}:is(.ed-scene[data-beat="2"],.ed-scene[data-leaving="2"]) .edm__beat--2 .am-pointer[data-aimed]{animation:5.2s linear both am-pointer-result}:is(.ed-scene[data-beat="2"],.ed-scene[data-leaving="2"]) .edm__beat--2 .am-pointer__arrow{animation:.3s ease-in-out 2.95s am-press}:is(.ed-scene[data-beat="2"],.ed-scene[data-leaving="2"]) .edm__beat--2 .am-pointer__press{animation:.5s ease-out 3.05s am-ring}:is(.ed-scene[data-beat="2"],.ed-scene[data-leaving="2"]) .edm__beat--2 [data-am=dress]>.am-swap__a{visibility:visible;animation:5.2s linear 3.1s am-hidden}:is(.ed-scene[data-beat="2"],.ed-scene[data-leaving="2"]) .edm__beat--2 [data-am=dress]>.am-swap__b{visibility:hidden;animation:5.2s linear 3.1s am-visible}}@keyframes am-pointer-create{0%{opacity:0;translate:560px 700px}5%{opacity:1}15%,18%{translate:var(--to-pick)}28%{opacity:1}31%{opacity:0;translate:-40px 560px}35%{opacity:0;translate:-40px 600px}37%{opacity:1}52%,60%{translate:var(--to-drop)}80%,to{opacity:1;translate:var(--to-start)}}@keyframes am-ghost{0%,35%{opacity:0}37%,58%{opacity:.95}62%,to{opacity:0}}@keyframes am-pointer-script{0%{opacity:0;translate:640px 540px}10%{opacity:1}45%,to{opacity:1;translate:var(--to-cut)}}@keyframes am-pointer-result{0%,28%{opacity:0;translate:700px 720px}32%{opacity:1}55%,to{opacity:1;translate:var(--to-dress)}}