.int-plate{transform-origin:50%;--idle:3s;--idle-delay:-900ms;--r1:.6deg;--r2:-.4deg}.int-scrap-left{transform-origin:0;--idle:2.5s;--idle-delay:-300ms;--r1:1.4deg;--r2:-.8deg}.int-scrap-right{transform-origin:100%;--idle:2.75s;--idle-delay:-1600ms;--r1:-1.2deg;--r2:.7deg}.int-mcp-backing{transform-origin:50%;--idle:3.3s;--idle-delay:-2100ms;--r1:.4deg;--r2:-.3deg}.int-plug{transform-origin:100% 100%;--idle:2.4s;--idle-delay:-1200ms;--r1:2deg;--r2:-1.2deg}.int-scrap-left-pos{width:96px;top:52px;left:-16px;translate:-46%}.int-scrap-right-pos{width:96px;top:60px;right:-16px;translate:48%}@media (width>=600px){.int-scrap-left-pos{width:128px;top:-10px;left:-32px;translate:-40%}.int-scrap-right-pos{width:120px;top:88px;right:-32px;translate:42%}}@media (width>=768px){.int-scrap-left-pos,.int-scrap-right-pos{width:168px;top:auto;bottom:-168px;translate:none}.int-scrap-left-pos{left:0;translate:-60px;rotate:-90deg}.int-scrap-right-pos{right:0;translate:92px;rotate:90deg}}@media (width>=1024px){.int-scrap-left-pos,.int-scrap-right-pos{width:184px;top:auto;rotate:none}.int-scrap-left-pos{bottom:-64px;left:auto;right:100%;translate:30%}.int-scrap-right-pos{bottom:-8px;left:100%;right:auto;translate:-30%}}@media (width>=1280px){.int-scrap-left-pos,.int-scrap-right-pos{width:210px}.int-scrap-left-pos{translate:52%}.int-scrap-right-pos{translate:-34%}}@media (width>=1536px){.int-scrap-left-pos,.int-scrap-right-pos{width:240px}}.int-socket-ring{transform-box:fill-box;transform-origin:50%}@media (width>=768px){.int-board[data-focus] .int-cluster:not([data-active]),.int-board[data-focus] .int-wire:not([data-active]){opacity:.28}.int-cluster,.int-wire{transition:opacity .22s cubic-bezier(.45,0,.2,1)}}@media (prefers-reduced-motion:reduce){.int-cluster,.int-wire{transition:none}}:root[data-reduce-motion=reduce] .int-cluster,:root[data-reduce-motion=reduce] .int-wire{transition:none}@media (prefers-reduced-motion:no-preference){:root:not([data-reduce-motion=reduce]) .int-board:is([data-scene=before],[data-scene=play]) .int-wire-line,:root:not([data-reduce-motion=reduce]) .int-board:is([data-scene=before],[data-scene=play]) .int-socket-ring{opacity:0}:root:not([data-reduce-motion=reduce]) .int-board[data-int-act=full]:is([data-scene=before],[data-scene=play]) .int-chip{transform:translate(var(--ux), var(--uy)) rotate(var(--ur))}:root:not([data-reduce-motion=reduce]) .int-board[data-int-act=full]:is([data-scene=before],[data-scene=play]) .int-tap,:root:not([data-reduce-motion=reduce]) .int-board[data-int-act=full]:is([data-scene=before],[data-scene=play]) .int-trunk{opacity:0}:root:not([data-reduce-motion=reduce]) .int-board[data-scene=play] .int-wire-line{animation:40ms step-end both int-on;animation-delay:calc(var(--g) * .28s + .2s)}:root:not([data-reduce-motion=reduce]) .int-board[data-scene=play] .int-socket-ring{animation:.33s step-end both hero-stamp;animation-delay:calc(var(--g) * .28s + .2s)}:root:not([data-reduce-motion=reduce]) .int-board[data-scene=play] .int-pill{animation:.33s step-end 1.9s both int-thump}:root:not([data-reduce-motion=reduce]) .int-board[data-int-act=full][data-scene=play] .int-chip{animation:.24s step-end both int-plug-in;animation-delay:calc(var(--g) * .28s + var(--i) * 60ms)}:root:not([data-reduce-motion=reduce]) .int-board[data-int-act=full][data-scene=play] .int-tap{animation:40ms step-end both int-on;animation-delay:calc(var(--g) * .28s + .2s)}:root:not([data-reduce-motion=reduce]) .int-board[data-int-act=full][data-scene=play] .int-trunk{animation:40ms step-end .2s both int-on}:root:not([data-reduce-motion=reduce]) .int-board[data-int-act=short][data-scene=play] .int-chip{animation:.24s step-end both int-reseat;animation-delay:calc(var(--g) * .28s + var(--i) * 60ms)}:root:not([data-reduce-motion=reduce]) .int-board[data-scene=play] .int-plate-pose{animation:1.9s step-end both int-plate-answer}@media (width>=768px){:root:not([data-reduce-motion=reduce]) .int-board:not([data-scene=play],[data-scene=before]) .int-cluster[data-active] .int-chip{animation:.48s step-end both int-hop;animation-delay:calc(var(--i) * 60ms)}:root:not([data-reduce-motion=reduce]) .int-wire[data-active] .landing-line{animation-duration:.325s}}}@keyframes int-on{0%{opacity:0}50%,to{opacity:1}}@keyframes int-plug-in{0%{transform:translate(var(--ux), var(--uy)) rotate(var(--ur))}50%{transform:translate(calc(var(--ux) * .4), calc(var(--uy) * .4)) rotate(calc(var(--ur) * .4))}96%,to{transform:none}}@keyframes int-reseat{0%{transform:none}34%{transform:translate(calc(var(--ux) * .6), calc(var(--uy) * .5)) rotate(calc(var(--ur) * .6))}67%{transform:translate(calc(var(--ux) * -.15), 0)}96%,to{transform:none}}@keyframes int-thump{0%{transform:none}2%{transform:scale(1.35)rotate(-4deg)}40%{transform:scale(.94)rotate(1deg)}70%,to{transform:none}}@keyframes int-plate-answer{0%{transform:none}10.5%{transform:rotate(.8deg)scale(1.015)}17.9%{transform:none}25.3%{transform:rotate(-.7deg)scale(1.015)}32.6%{transform:none}40%{transform:rotate(.6deg)scale(1.015)}47.4%{transform:none}54.7%{transform:rotate(-.8deg)scale(1.015)}62.1%{transform:none}69.5%{transform:rotate(.7deg)scale(1.015)}76.8%{transform:none}84.2%{transform:rotate(-.6deg)scale(1.02)}91.6%,to{transform:none}}@keyframes int-hop{0%{transform:none}25%{transform:translateY(-5px)rotate(-2deg)}50%{transform:none}75%{transform:translateY(-2px)}96%,to{transform:none}}@media (width>=1024px) and (height<=820px){.int-band-inner{padding-top:20px;padding-bottom:24px}.int-board{row-gap:10px}.int-chips{gap:6px}.int-chip{height:32px}.int-plate-slot{width:200px}}@media (width>=1280px) and (height<=820px){.int-board{row-gap:8px}.int-plate-slot{width:240px}.int-scrap-left-pos{width:184px;translate:34%}}
