figure[data-astro-cid-vflvwr3r]{--blue:var(--p);--blue-dark:color-mix(in oklch shorter hue,var(--p),#000 var(--mix-md));--key:#fff;--paper:#eef0fd;--text:#00000049;--tool:var(--fg);--duration:3s;filter:var(--s-drop-md);animation:bounce var(--duration)linear infinite;position:relative}figcaption[data-astro-cid-vflvwr3r]{text-align:center}.slide[data-astro-cid-vflvwr3r]{background:linear-gradient(var(--blue),var(--blue-dark));width:92px;height:20px;animation:slide var(--duration)ease infinite;border-radius:3px;margin-left:14px;transform:translate(14px)}.slide[data-astro-cid-vflvwr3r]:before,.slide[data-astro-cid-vflvwr3r]:after,.slide[data-astro-cid-vflvwr3r] i[data-astro-cid-vflvwr3r]:before{content:"";background-color:var(--tool);position:absolute}.slide[data-astro-cid-vflvwr3r]:before{width:2px;height:8px;top:6px;left:100%}.slide[data-astro-cid-vflvwr3r]:after{border-radius:3px;width:6px;height:14px;top:3px;left:94px}.slide[data-astro-cid-vflvwr3r] i[data-astro-cid-vflvwr3r]{background-color:var(--tool);width:6px;height:4px;display:block;position:absolute;top:4px;right:100%}.slide[data-astro-cid-vflvwr3r] i[data-astro-cid-vflvwr3r]:before{border-radius:2px;width:4px;height:14px;top:-2px;right:100%}.paper[data-astro-cid-vflvwr3r]{background-color:var(--paper);width:40px;height:46px;animation:paper var(--duration)linear infinite;border-radius:5px;position:absolute;top:-26px;left:24px;transform:translateY(46px)}.paper[data-astro-cid-vflvwr3r]:before{content:"";background-color:var(--text);height:4px;box-shadow:0 12px 0 var(--text),0 24px 0 var(--text),0 36px 0 var(--text);border-radius:2px;position:absolute;top:7px;left:6px;right:6px;transform:scaleY(.8)}.keyboard[data-astro-cid-vflvwr3r]{z-index:1;width:120px;height:56px;margin-top:-10px;position:relative}.keyboard[data-astro-cid-vflvwr3r]:before,.keyboard[data-astro-cid-vflvwr3r]:after{content:"";position:absolute}.keyboard[data-astro-cid-vflvwr3r]:before{background:linear-gradient(135deg,var(--blue),var(--blue-dark));transform-origin:50% 100%;border-radius:7px;inset:0;transform:perspective(10px)rotateX(2deg)}.keyboard[data-astro-cid-vflvwr3r]:after{width:11px;height:4px;box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key);animation:keyboard var(--duration)linear infinite;border-radius:2px;top:25px;left:2px}@keyframes bounce{85%,92%,to{transform:translateY(0)}89%{transform:translateY(-4px)}95%{transform:translateY(2px)}}@keyframes slide{5%{transform:translate(14px)}15%,30%{transform:translate(6px)}40%,55%{transform:translate(0)}65%,70%{transform:translate(-4px)}80%,89%{transform:translate(-12px)}to{transform:translate(14px)}}@keyframes paper{5%{transform:translateY(46px)}20%,30%{transform:translateY(34px)}40%,55%{transform:translateY(22px)}65%,70%{transform:translateY(10px)}80%,85%{transform:translateY(0)}92%,to{transform:translateY(46px)}}@keyframes keyboard{5%,12%,21%,30%,39%,48%,57%,66%,75%,84%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}9%{box-shadow:15px 2px 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}18%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 2px 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}27%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 12px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}36%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 12px 0 var(--key),60px 12px 0 var(--key),68px 12px 0 var(--key),83px 10px 0 var(--key)}45%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 2px 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}54%{box-shadow:15px 0 0 var(--key),30px 2px 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}63%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 12px 0 var(--key)}72%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 2px 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 10px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}81%{box-shadow:15px 0 0 var(--key),30px 0 0 var(--key),45px 0 0 var(--key),60px 0 0 var(--key),75px 0 0 var(--key),90px 0 0 var(--key),22px 10px 0 var(--key),37px 12px 0 var(--key),52px 10px 0 var(--key),60px 10px 0 var(--key),68px 10px 0 var(--key),83px 10px 0 var(--key)}}main[data-astro-cid-j7pv25f6]{view-transition-name:main;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}h1[data-astro-cid-j7pv25f6]{font-size:var(--f-md)}