ul{--pl-slot:calc((var(--m-grip4-y) - var(--m-grip2-y)) / 2)}ul>li{position:relative}:host([data-step=play]) ul>li:nth-child(2){animation:2.6s both pl-drag;z-index:2!important}ul>li:nth-child(2):after{content:"";border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0;box-shadow:0 0 0 1px #ffffff24,0 18px 40px -10px #000c}:host([data-step=play]) ul>li:nth-child(2):after{animation:2.6s both pl-lift}@keyframes pl-drag{0%,14%{translate:0 calc(2 * var(--pl-slot));animation-timing-function:var(--dui-ease-out);scale:1}20%{translate:0 calc(2 * var(--pl-slot));animation-timing-function:var(--dui-ease-in-out);scale:1.015}50%{animation-timing-function:var(--dui-ease-out);translate:0;scale:1.015}58%,to{translate:0;scale:1}}@keyframes pl-lift{0%,14%{opacity:0;animation-timing-function:var(--dui-ease-out)}20%,50%{opacity:1;animation-timing-function:var(--dui-ease-out)}58%,to{opacity:0}}:host([data-step=play]) ul>li:nth-child(4){animation:2.6s both pl-room-4}:host([data-step=play]) ul>li:nth-child(3){animation:2.6s both pl-room-3}@keyframes pl-room-4{0%,28%{translate:0 calc(-1 * var(--pl-slot));animation-timing-function:var(--dui-ease-in-out)}40%,to{translate:0}}@keyframes pl-room-3{0%,38%{translate:0 calc(-1 * var(--pl-slot));animation-timing-function:var(--dui-ease-in-out)}50%,to{translate:0}}:host([data-step=play]) ul>li:is(:nth-child(2),:nth-child(3),:nth-child(4))>span.tabular-nums{animation:2.6s both pl-renumber}@keyframes pl-renumber{0%,56%{opacity:0;animation-timing-function:var(--dui-ease-out)}64%,to{opacity:1}}:host([data-step=play]) .dui-cursor{animation:2.6s both pl-cursor}:host([data-step=play]) .dui-cursor:after{animation:dui-press .45s var(--dui-ease-out) .52s forwards}@keyframes pl-cursor{0%{translate:var(--m-grip4-x) var(--m-grip4-y);opacity:0;animation-timing-function:var(--dui-ease-out);scale:1}10%,14%{translate:var(--m-grip4-x) var(--m-grip4-y);opacity:1;scale:1}20%{translate:var(--m-grip4-x) var(--m-grip4-y);opacity:1;animation-timing-function:var(--dui-ease-in-out);scale:.92}50%{translate:var(--m-grip2-x) var(--m-grip2-y);opacity:1;animation-timing-function:var(--dui-ease-out);scale:.92}58%,68%{translate:var(--m-grip2-x) var(--m-grip2-y);opacity:1;animation-timing-function:var(--dui-ease-out);scale:1}82%,to{translate:var(--m-grip2-x) var(--m-grip2-y);opacity:0;scale:1}}