.tip.svelte-12m145y{opacity:0;translate:calc(-50% + var(--shift)) 4px;transition:opacity .15s,translate .15s}.hint.svelte-12m145y:hover .tip:where(.svelte-12m145y),.hint.svelte-12m145y:focus .tip:where(.svelte-12m145y){opacity:1;translate:calc(-50% + var(--shift)) 0}.slide.svelte-12m145y{animation:svelte-12m145y-appear .3s ease-out}@keyframes svelte-12m145y-appear{0%{opacity:0}}.tip.svelte-12m145y :is(.layer:where(.svelte-12m145y),.frame:where(.svelte-12m145y),.tile:where(.svelte-12m145y),.window:where(.svelte-12m145y),.ball:where(.svelte-12m145y),.shadow:where(.svelte-12m145y),.glint:where(.svelte-12m145y),.lamp:where(.svelte-12m145y),.particle:where(.svelte-12m145y),.ring:where(.svelte-12m145y),.ridge:where(.svelte-12m145y),.roll:where(.svelte-12m145y)){animation-play-state:paused}.hint.svelte-12m145y:is(:where(.svelte-12m145y):hover,:where(.svelte-12m145y):focus) .tip:where(.svelte-12m145y) :is(.layer:where(.svelte-12m145y),.frame:where(.svelte-12m145y),.tile:where(.svelte-12m145y),.window:where(.svelte-12m145y),.ball:where(.svelte-12m145y),.shadow:where(.svelte-12m145y),.glint:where(.svelte-12m145y),.lamp:where(.svelte-12m145y),.particle:where(.svelte-12m145y),.ring:where(.svelte-12m145y),.ridge:where(.svelte-12m145y),.roll:where(.svelte-12m145y)){animation-play-state:running}.layer.svelte-12m145y{animation:svelte-12m145y-compose 1.6s ease-in-out infinite alternate}@keyframes svelte-12m145y-compose{0%,20%{transform:translate(var(--dx),var(--dy))}80%,to{transform:translate(0)}}.frame.svelte-12m145y{opacity:0;animation:svelte-12m145y-land 1.6s linear infinite}@keyframes svelte-12m145y-land{0%{opacity:0;transform:translateY(-6px)}12%,70%{opacity:1;transform:translateY(0)}to{opacity:0}}.tile.svelte-12m145y{opacity:.1;animation:svelte-12m145y-resolve 2.2s ease-out infinite}@keyframes svelte-12m145y-resolve{0%{opacity:.1}12%,85%{opacity:var(--peak)}to{opacity:.1}}.window.svelte-12m145y{animation:svelte-12m145y-cross 1.8s ease-in-out infinite alternate}@keyframes svelte-12m145y-cross{0%,15%{transform:translate(0)}85%,to{transform:translate(46px)}}.ball.svelte-12m145y{transform-box:fill-box;transform-origin:50% 100%;animation:svelte-12m145y-bounce .9s infinite}.shadow.svelte-12m145y{transform-box:fill-box;transform-origin:center;animation:svelte-12m145y-shadow .9s infinite}@keyframes svelte-12m145y-bounce{0%,to{transform:translateY(3px) scale(1.25,.7);animation-timing-function:cubic-bezier(.2,.6,.4,1)}12%{transform:translateY(-6px) scale(.88,1.14);animation-timing-function:cubic-bezier(.2,.6,.4,1)}50%{transform:translateY(-28px) scale(1);animation-timing-function:cubic-bezier(.6,0,.8,.4)}90%{transform:translateY(-4px) scale(.88,1.14);animation-timing-function:linear}}@keyframes svelte-12m145y-shadow{0%,to{transform:scale(1.1);opacity:.3}50%{transform:scale(.55);opacity:.12}}.glint.svelte-12m145y{filter:blur(4px);animation:svelte-12m145y-glint 2.2s ease-in-out infinite alternate}.lamp.svelte-12m145y{animation:svelte-12m145y-lamp 2.2s ease-in-out infinite alternate}@keyframes svelte-12m145y-glint{0%{transform:translate(-11px,-5px)}50%{transform:translateY(-11px)}to{transform:translate(11px,-5px)}}@keyframes svelte-12m145y-lamp{0%{transform:translate(-25px,-12px)}50%{transform:translateY(-27px)}to{transform:translate(25px,-12px)}}.particle.svelte-12m145y{animation:svelte-12m145y-emit 1.45s ease-out infinite}@keyframes svelte-12m145y-emit{0%{transform:translate(0);opacity:.9}to{transform:translate(var(--dx),var(--dy));opacity:0}}.ring.svelte-12m145y{stroke-dasharray:100;stroke-dashoffset:100}.hint.svelte-12m145y:is(:where(.svelte-12m145y):hover,:where(.svelte-12m145y):focus) .ring:where(.svelte-12m145y){animation:svelte-12m145y-fill .7s ease-out forwards}@keyframes svelte-12m145y-fill{to{stroke-dashoffset:8}}.ridge.svelte-12m145y{stroke-dasharray:14 6 22 5 9 7;animation:svelte-12m145y-scramble 2.4s ease-in-out infinite alternate}@keyframes svelte-12m145y-scramble{0%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:63;opacity:.45}}.roll-window.svelte-12m145y{display:block;height:7rem;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,black 22%,black 78%,transparent);mask-image:linear-gradient(transparent,black 22%,black 78%,transparent)}.roll.svelte-12m145y{display:block;animation:svelte-12m145y-roll 18s linear infinite}@keyframes svelte-12m145y-roll{0%{transform:translateY(2rem)}to{transform:translateY(-100%)}}@media(prefers-reduced-motion:reduce){.tip.svelte-12m145y :is(.layer:where(.svelte-12m145y),.frame:where(.svelte-12m145y),.tile:where(.svelte-12m145y),.window:where(.svelte-12m145y),.ball:where(.svelte-12m145y),.shadow:where(.svelte-12m145y),.glint:where(.svelte-12m145y),.lamp:where(.svelte-12m145y),.particle:where(.svelte-12m145y),.ridge:where(.svelte-12m145y),.roll:where(.svelte-12m145y)){animation:none!important}.frame.svelte-12m145y,.tile.svelte-12m145y{opacity:.6}.ring.svelte-12m145y{stroke-dashoffset:8;animation:none!important}.roll-window.svelte-12m145y{height:auto;-webkit-mask-image:none;mask-image:none}}.motif.svelte-3dtosi{--spring: cubic-bezier(.34, 1.8, .64, 1);overflow:visible}.motif.svelte-3dtosi :is(.pop:where(.svelte-3dtosi),.coin:where(.svelte-3dtosi),.twinkle:where(.svelte-3dtosi),.shot-a:where(.svelte-3dtosi),.shot-b:where(.svelte-3dtosi),.phone:where(.svelte-3dtosi)){transform-box:fill-box;transform-origin:center}.motif.svelte-3dtosi :is(.readout:where(.svelte-3dtosi),.segment:where(.svelte-3dtosi)){transform-box:fill-box;transform-origin:left}.motif.svelte-3dtosi :is(.lock-body:where(.svelte-3dtosi),.magnet:where(.svelte-3dtosi)){transform-box:fill-box;transform-origin:bottom}.motif.svelte-3dtosi :is(.hand-hour:where(.svelte-3dtosi),.hand-minute:where(.svelte-3dtosi)){transform-origin:12px 12px}.shot-b.svelte-3dtosi{opacity:0}.group:hover .motif.svelte-3dtosi{animation:svelte-3dtosi-boing .55s var(--spring)}.group:hover .pop.svelte-3dtosi{animation:svelte-3dtosi-pop 1.5s ease-in-out infinite}.group:hover .trace.svelte-3dtosi{stroke-dasharray:100;animation:svelte-3dtosi-trace 1.8s ease-out infinite,svelte-3dtosi-hop 1.8s ease-out infinite}.group:hover .shot-a.svelte-3dtosi{animation:svelte-3dtosi-shot-a 2.6s var(--spring) infinite}.group:hover .shot-b.svelte-3dtosi{animation:svelte-3dtosi-shot-b 2.6s var(--spring) infinite}.group:hover .coin.svelte-3dtosi{animation:svelte-3dtosi-coin 1.5s infinite both}.group:hover .packet.svelte-3dtosi{animation:svelte-3dtosi-packet .8s linear infinite both}.group:hover .phone.svelte-3dtosi{animation:svelte-3dtosi-catch .8s ease-out infinite}.group:hover .row-a.svelte-3dtosi{animation:svelte-3dtosi-row-a 2.2s var(--spring) infinite}.group:hover .row-b.svelte-3dtosi{animation:svelte-3dtosi-row-b 2.2s var(--spring) infinite}.group:hover .shackle.svelte-3dtosi{animation:svelte-3dtosi-shackle 1.6s var(--spring) infinite}.group:hover .lock-body.svelte-3dtosi{animation:svelte-3dtosi-slam 1.6s ease-out infinite}.group:hover .piece.svelte-3dtosi{animation:svelte-3dtosi-piece .9s ease-in infinite both}.group:hover .magnet.svelte-3dtosi{animation:svelte-3dtosi-gulp .9s ease-out infinite}.group:hover .twinkle.svelte-3dtosi{animation:svelte-3dtosi-twinkle 1.3s var(--spring) infinite}.group:hover .readout.svelte-3dtosi{animation:svelte-3dtosi-readout 1.7s var(--spring) infinite both}.group:hover .segment.svelte-3dtosi{animation:svelte-3dtosi-readout 1.9s var(--spring) infinite}.group:hover .chevron.svelte-3dtosi{animation:svelte-3dtosi-nudge .95s var(--spring) infinite}.group:hover .cursor.svelte-3dtosi{animation:svelte-3dtosi-cursor .95s steps(1) infinite}.group:hover .hand-minute.svelte-3dtosi{animation:svelte-3dtosi-tick 2s var(--spring) infinite}.group:hover .hand-hour.svelte-3dtosi{animation:svelte-3dtosi-turn 24s linear infinite}@keyframes svelte-3dtosi-boing{0%{transform:scale(1)}35%{transform:scale(1.08,.88)}to{transform:scale(1)}}@keyframes svelte-3dtosi-pop{0%,55%,to{transform:scale(1)}14%{transform:scale(1.4)}28%{transform:scale(.86)}40%{transform:scale(1.1)}}@keyframes svelte-3dtosi-trace{0%{stroke-dashoffset:100}60%,to{stroke-dashoffset:0}}@keyframes svelte-3dtosi-hop{0%,60%,to{transform:translateY(0)}70%{transform:translateY(-3px)}80%{transform:translateY(0)}88%{transform:translateY(-1.2px)}}@keyframes svelte-3dtosi-shot-a{0%,38%{opacity:1;transform:scale(1)}46%,92%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes svelte-3dtosi-shot-b{0%,42%{opacity:0;transform:scale(.5)}54%,88%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.5)}}@keyframes svelte-3dtosi-coin{0%{transform:translateY(-9px);opacity:0;animation-timing-function:ease-in}18%{transform:translateY(0) scale(1.05,.76);opacity:1;animation-timing-function:ease-out}30%{transform:translateY(-3.5px) scale(.96,1.08);animation-timing-function:ease-in}42%{transform:translateY(0) scale(1.03,.88);animation-timing-function:ease-out}50%{transform:translateY(-1px) scale(1)}58%,to{transform:translateY(0) scale(1);opacity:1}}@keyframes svelte-3dtosi-packet{0%{transform:translate(0);opacity:0}15%{opacity:1}50%{transform:translate(2.25px,-4px)}85%{opacity:1}to{transform:translate(4.5px);opacity:0}}@keyframes svelte-3dtosi-catch{0%,70%,to{transform:scale(1)}85%{transform:scale(1.06,.94)}}@keyframes svelte-3dtosi-row-a{0%,15%,85%,to{transform:translateY(0)}40%,65%{transform:translateY(11px)}}@keyframes svelte-3dtosi-row-b{0%,15%,85%,to{transform:translateY(0)}40%,65%{transform:translateY(-11px)}}@keyframes svelte-3dtosi-shackle{0%,62%,to{transform:translateY(0)}22%,45%{transform:translateY(-3.5px) rotate(-6deg)}}@keyframes svelte-3dtosi-slam{0%,55%,75%,to{transform:scale(1)}63%{transform:scale(1.04,.86)}}@keyframes svelte-3dtosi-piece{0%{transform:translateY(-2px);opacity:0}20%{opacity:1}to{transform:translateY(9px);opacity:0}}@keyframes svelte-3dtosi-gulp{0%,60%,to{transform:scale(1)}80%{transform:scale(1.04,.88)}}@keyframes svelte-3dtosi-twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}45%{transform:scale(.3) rotate(-45deg);opacity:.4}}@keyframes svelte-3dtosi-readout{0%{transform:scaleX(0)}30%,to{transform:scaleX(1)}}@keyframes svelte-3dtosi-nudge{0%,55%,to{transform:translate(0)}25%{transform:translate(2.5px)}}@keyframes svelte-3dtosi-cursor{0%{opacity:1}50%{opacity:0}}@keyframes svelte-3dtosi-tick{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes svelte-3dtosi-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.motif.svelte-3dtosi,.motif.svelte-3dtosi *{animation:none!important}}