.pd{--travel:cubic-bezier(.45, 0, .1, 1);--arrive:cubic-bezier(.25, .8, .25, 1);--settle:cubic-bezier(.3, .7, .1, 1);width:100%}.pd-top{max-width:min(820px,87.234%);margin:0 auto;padding-right:40px;position:relative}.pd-rail{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pd-toggle{border:1px solid var(--line);background:var(--bg);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;transition:color .15s,border-color .15s;display:grid;position:absolute;top:-11px;right:0}.pd-toggle:before{content:"";border-radius:50%;position:absolute;inset:-10px}.pd-toggle:hover{color:var(--fg);border-color:var(--muted)}.pd-toggle:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.pd-toggle svg{fill:currentColor;width:10px;height:10px}.dark .pd-toggle{border-color:#333}@media (prefers-reduced-motion:reduce){.pd-top{padding-right:0}.pd-toggle{display:none}}.pd-step{flex-direction:column;gap:3px;min-width:0;display:flex}.pd-track{background:var(--line);border-radius:2px;height:2px;margin-bottom:9px;display:block;overflow:hidden}.pd-track i{background:var(--fg);transform-origin:0;height:100%;display:block}.pd-step-label{letter-spacing:-.01em;color:var(--fg);align-items:baseline;gap:7px;font-size:14px;font-weight:500;display:flex}.pd-step-n{font:500 11px / 1 var(--font-mono);color:var(--muted)}.pd-step-note{font:11.5px / 1.35 var(--font-mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:631px){.pd-top{max-width:none}}@media (max-width:479px){.pd-rail{gap:8px;padding-bottom:19px;position:relative}.pd-step-note{bottom:0;left:calc(var(--k) * (100% + 8px) / 4);opacity:0;position:absolute;overflow:visible}.pd-step:nth-child(4) .pd-step-note{opacity:1;left:auto;right:0}}@media (max-width:479px) and (prefers-reduced-motion:no-preference){.pd-step-note{animation-name:pd-note-0}.pd-step:nth-child(2) .pd-step-note{animation-name:pd-note-1}.pd-step:nth-child(3) .pd-step-note{animation-name:pd-note-2}.pd-step:nth-child(4) .pd-step-note{animation-name:pd-note-3}}.pd-figure{margin:0}.pd-frame{pointer-events:none;cursor:default;width:100%;max-width:940px;margin:28px auto 0;container-type:inline-size}.pd-defs{width:0;height:0;position:absolute}.pd-stage{--dw:940;--dh:460;--wx:60;--shift:0;--ww:820;--bar:48;--gx:20;--gy:112;--tile:126;--gap:12;--gw:540;--gh:264;--c0x:990;--c0y:250;--c1x:350;--c1y:244;--c2x:560;--c2y:318;--c3x:772;--c3y:236;--c4x:822;--c4y:31;--s:.444;--u:calc(100cqw / var(--dw));height:calc(var(--dh) * 1em);font-size:var(--u);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 60em),#0000);mask-image:linear-gradient(#000 calc(100% - 60em),#0000)}@container (max-width:599px){.pd-stage{--dw:358;--wx:0;--shift:0;--ww:358;--bar:44;--gx:12;--gy:92;--tile:106;--gap:8;--gw:334;--gh:220;--c0x:400;--c0y:200;--c1x:179;--c1y:200;--c2x:296;--c2y:322;--c3x:190;--c3y:392;--c4x:334;--c4y:28;--s:.528}.pd-wide,.pd-side{display:none!important}}@container (min-width:600px){.pd-sheet{display:none!important}}.pd-t9{font-size:calc(var(--u) * 8.5)}.pd-t10{font-size:calc(var(--u) * 10)}.pd-t11{font-size:calc(var(--u) * 11)}.pd-t12{font-size:calc(var(--u) * 12)}.pd-t13{font-size:calc(var(--u) * 13)}.pd-t14{font-size:calc(var(--u) * 14)}.pd-t18{font-size:calc(var(--u) * 18)}.pd-t22{font-size:calc(var(--u) * 22);letter-spacing:-.04em;font-weight:600}.pd-stage [class*=pd-t]{white-space:nowrap;line-height:1.3}.pd-mono{font-family:var(--font-mono)}.pd-strong{letter-spacing:-.02em;font-weight:600}.pd-muted{color:var(--muted)}.pd-fg{color:var(--fg)}.pd-ok{color:#0a7d3b}.dark .pd-ok{color:#50e3a4}.pd-window{left:calc(var(--wx) * 1em);width:calc(var(--ww) * 1em);border:1px solid var(--line);background:var(--bg);height:540em;transform:translateX(calc(var(--shift) * 1em));border-radius:14em;position:absolute;top:0;box-shadow:0 1px 2px #0000000a,0 24em 60em -24em #0000002e}.dark .pd-window{background:#0d0d0d;border-color:#262626;box-shadow:0 24em 60em -24em #000c}.pd-bar{height:calc(var(--bar) * 1em);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 14em;display:flex;position:absolute;inset:0 0 auto}.dark .pd-bar,.dark .pd-side,.dark .pd-sheet{border-color:#1f1f1f}.pd-crumb,.pd-actions{align-items:center;gap:8em;display:flex}.pd-mark{background:var(--fg);width:20em;height:20em;color:var(--lime);font-family:var(--font-mono);border-radius:50%;place-items:center;font-weight:600;display:grid}.dark .pd-mark{color:var(--bg)}.pd-chip{border:1px solid var(--line);height:24em;color:var(--muted);border-radius:5em;place-items:center;padding:0 6em;display:grid}.pd-avatar{background:linear-gradient(135deg, var(--lime), #7cf);border-radius:50%;width:24em;height:24em}.pd-publish{background:var(--fg);width:92em;height:28em;color:var(--bg);border-radius:7em;place-items:center;font-weight:500;display:grid;position:relative;overflow:hidden}.pd-holo{background:linear-gradient(35deg,#ff69dc00 41.6%,#ff69dc21 45.8%,#f06de178 47.9%,#ad7aee99 50%,#6a88fa78 52.1%,#5b8cff21 54.2%,#5b8cff00 58.4%) 15% 0/200% 100%;position:absolute;inset:0}.pd-roll{display:grid;position:relative;overflow:hidden}.pd-roll>span{text-align:center;grid-area:1/1}.pd-count>span{text-align:right}.pd-pub-idle,.pd-count-0{opacity:0;transform:translateY(-110%)}.pd-grid{z-index:2;position:absolute;inset:0}.pd-head{left:calc(var(--gx) * 1em);top:calc((var(--bar) + 16) * 1em);width:calc(var(--gw) * 1em);justify-content:space-between;align-items:baseline;gap:12em;display:flex;position:absolute}.pd-count{color:var(--muted)}.pd-empty,.pd-plus{border-radius:14em;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.pd-empty:before,.pd-plus:before,.pd-empty:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.pd-empty:before,.pd-plus:before{border:1px dashed #c9c9c9}.dark .pd-empty:before,.dark .pd-plus:before{border-color:#333}.pd-empty:before{border-style:dotted;border-color:var(--muted);opacity:.4}.dark .pd-empty:before{border-color:var(--muted)}.pd-empty:after{border:1px dotted var(--muted);opacity:0}.pd-empty{left:calc(var(--gx) * 1em);top:calc(var(--gy) * 1em);width:calc(var(--gw) * 1em);height:calc(var(--gh) * 1em);opacity:0;gap:8em}.pd-empty-char{opacity:.85;width:36em;height:36em;transform:rotate(-4deg)}.pd-plus{--c:2;--r:1;left:calc((var(--gx) + var(--c) * (var(--tile) + var(--gap))) * 1em);top:calc((var(--gy) + var(--r) * (var(--tile) + var(--gap))) * 1em);width:calc(var(--tile) * 1em);height:calc(var(--tile) * 1em);color:var(--muted);border-radius:10em;gap:3em}@container (max-width:599px){.pd-plus{display:none}}.pd-tile{--c:var(--c4);--r:var(--r4);--sx:calc(var(--gx) + var(--c) * (var(--tile) + var(--gap)));--sy:calc(var(--gy) + var(--r) * (var(--tile) + var(--gap)));--tx0:calc(var(--c0x) - 28 + var(--fx) - var(--wx) - var(--sx));--ty0:calc(var(--c0y) - 24 + var(--fy) - var(--sy));--tx1:calc(var(--c1x) - 28 + var(--fx) - var(--wx) - var(--sx));--ty1:calc(var(--c1y) - 24 + var(--fy) - var(--sy));left:calc(var(--sx) * 1em);top:calc(var(--sy) * 1em);width:calc(var(--tile) * 1em);height:calc(var(--tile) * 1em);position:absolute}@container (max-width:599px){.pd-tile{--c:var(--c3);--r:var(--r3)}}.pd-card{border:1px solid var(--line);background:var(--bg);transform-origin:0 0;border-radius:10em;position:absolute;inset:0;overflow:hidden}.dark .pd-card{background:#0d0d0d;border-color:#262626}.pd-checker,.pd-photo,.pd-scene,.pd-light{position:absolute;inset:0}.pd-scene{width:100%;height:100%}.pd-light{background:radial-gradient(120% 100% at 22% 12%,#fff0d238,#0000 55%),radial-gradient(150% 120% at 50% 35%,#0000 55%,#140c0452)}.pd-light:after{content:"";opacity:.26;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/48em 48em;position:absolute;inset:0}.pd-checker{background:conic-gradient(#0000 25%, #7f7f7f1f 0 50%, #0000 0 75%, #7f7f7f1f 0) 0 0 / 12em 12em}.pd-char{width:70%;height:70%;position:absolute;inset:15%}.pd-photo [stroke=\#fff]{stroke:none}.pd-photo{clip-path:polygon(200% 0,300% 0,0 300%,0 200%)}.pd-flap{transform-origin:0 0;clip-path:polygon(100% 0,0 100%,100% 100%);background:linear-gradient(135deg,#0000 50%,#c4c4c4 50%,#e9e9e9 54%,#fbfbfb 64%,#fff 72%,#e6e6e6 100%);width:200%;height:200%;position:absolute;top:0;left:0;transform:scale(0)}.pd-emoji{top:calc(var(--u) * 4);right:calc(var(--u) * 7);position:absolute}.pd-meter{left:calc(var(--u) * 8);bottom:calc(var(--u) * 6);color:var(--muted);opacity:0;position:absolute}.pd-progress{opacity:0;background:#ffffff80;border-radius:3em;height:3em;position:absolute;bottom:8em;left:8em;right:8em;overflow:hidden}.pd-progress i{border-radius:inherit;background:var(--lime);transform-origin:0;height:100%;display:block}.pd-done{background:var(--lime);color:#0a0a0a;border:1.5em solid #0a0a0a;border-radius:50%;place-items:center;width:18em;height:18em;font-weight:700;display:grid;position:absolute;bottom:6em;right:6em;box-shadow:1.5em 1.5em #0a0a0a}.pd-side{left:calc((var(--gw) + 2 * var(--gx)) * 1em);right:0;top:calc(var(--bar) * 1em);border-left:1px solid var(--line);flex-direction:column;gap:16em;padding:16em;display:flex;position:absolute;bottom:0}.pd-sheet{z-index:3;border-top:1px solid var(--line);background:var(--bg);border-radius:14em 14em 0 0;flex-direction:column;gap:10em;padding:8em 16em;display:flex;position:absolute;inset:330em 0 0;box-shadow:0 -10em 24em -14em #0000002e}.dark .pd-sheet{background:#111}.pd-grabber{background:var(--line);border-radius:4em;align-self:center;width:36em;height:4em}.dark .pd-grabber{background:#333}.pd-field{flex-direction:column;gap:6em;display:flex}.pd-field-head{justify-content:space-between;align-items:baseline;display:flex}.pd-input{border:1px solid var(--line);border-radius:6em;align-items:center;height:32em;padding:0 10em;display:flex}.dark .pd-input{border-color:#262626}.pd-seg{border:1px solid var(--line);height:30em;color:var(--muted);border-radius:6em;padding:2em;display:flex;position:relative}.dark .pd-seg{border-color:#262626}.pd-seg-cell{border-radius:4em;flex:1;place-items:center;display:grid}.pd-seg-active{background:var(--fg);color:var(--bg)}.pd-seg-on{background:var(--fg);color:var(--bg);clip-path:inset(0 33.333% round 4em);border-radius:4em;display:flex;position:absolute;inset:2em}.pd-chat{--tg-wall:linear-gradient(160deg, #dde6c8, #b7cfa9 60%, #a9c6a4);--tg-dots:#3c5a281f;--tg-bar:#fff;--tg-line:#e6e6e6;--tg-text:#000;--tg-sub:#707579;--tg-in:#fff;--tg-out:#e3fcc9;--tg-time-out:#4a9443;--tg-accent:#3390ec;--tg-chip:#00000052;--tg-field:#f1f1f4;z-index:5;width:360em;height:460em;color:var(--tg-text);background:var(--tg-bar);border:1px solid #00000014;border-radius:14em;flex-direction:column;display:flex;position:absolute;top:40em;left:574em;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 30em 60em -20em #0000004d}.dark .pd-chat{--tg-wall:#0e1621;--tg-dots:#8caac812;--tg-bar:#17212b;--tg-line:#0b121a;--tg-text:#f5f5f5;--tg-sub:#8396a8;--tg-in:#182533;--tg-out:#2b5278;--tg-time-out:#8db6de;--tg-accent:#6ab2f2;--tg-chip:#00000073;--tg-field:#242f3d;border-color:#26313c;box-shadow:0 30em 60em -20em #000000e6}@container (max-width:599px){.pd-chat{width:330em;top:52em;left:14em}}.pd-chat-bar{flex:none;align-items:center;gap:10em;height:48em;padding:0 12em;display:flex}.pd-chat-avatar{background:linear-gradient(135deg, var(--lime), #7cf);color:#0a0a0a;border-radius:50%;place-items:center;width:32em;height:32em;font-weight:600;display:grid}.pd-chat-name{flex-direction:column;display:flex}.pd-tg-sub{color:var(--tg-sub)}.pd-tg-accent{color:var(--tg-accent)}.pd-wall{background:radial-gradient(var(--tg-dots) 1px, transparent 1.5px) 0 0 / 18em 18em, var(--tg-wall);flex-direction:column;flex:none;justify-content:flex-end;gap:8em;height:168em;padding:12em;display:flex}.pd-bubble{background:var(--tg-out);border-radius:14em 14em 4em;align-self:flex-end;align-items:baseline;gap:8em;padding:5em 10em 4em;display:flex;box-shadow:0 1px 1px #0000001f}.pd-tg-time{color:var(--tg-time-out)}.pd-sent{justify-content:flex-end;align-items:flex-end;gap:6em;display:flex}.pd-sticker{width:96em;height:96em;position:relative}.pd-sticker-char{width:100%;height:100%}.pd-time-chip{padding:calc(var(--u) * 2) calc(var(--u) * 6);border-radius:calc(var(--u) * 8);background:var(--tg-chip);color:#fff;position:absolute;bottom:0;right:0;line-height:1!important}.pd-composer{border-top:1px solid var(--tg-line);flex:none;align-items:center;gap:8em;height:44em;padding:0 12em;display:flex}.pd-composer-field{background:var(--tg-field);border-radius:8em;flex:1;height:28em}.pd-panel{border-top:1px solid var(--tg-line);flex:1}.pd-panel-tabs{align-items:center;height:40em;padding:0 8em;display:flex}.pd-panel-tab{background:var(--tg-field);border-radius:8em;place-items:center;width:32em;height:32em;display:grid}.pd-panel-tab-char{width:22em;height:22em}.pd-panel-grid{grid-template-columns:repeat(5,1fr);gap:6em;padding:0 10em;display:grid}.pd-panel-char{aspect-ratio:1;width:100%;height:auto;padding:3em}.pd-cursor{z-index:20;opacity:0;transform:translate(calc(var(--c4x) * 1em), calc(var(--c4y) * 1em));position:absolute;top:0;left:0}.pd-press{transform-origin:0 0}.pd-arrow{filter:drop-shadow(0 1px 1px #00000040);width:26em;height:26em;display:block;transform:translate(-31.25%,-21.875%)}.pd[data-paused] *,.pd[data-stopped] *,.pd[data-paused] :after,.pd[data-stopped] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:no-preference){.pd *,.pd :after{animation-duration:16s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.pd-track i{animation-name:pd-step-0}.pd-step:nth-child(2) .pd-track i{animation-name:pd-step-1}.pd-step:nth-child(3) .pd-track i{animation-name:pd-step-2}.pd-step:nth-child(4) .pd-track i{animation-name:pd-step-3}.pd-step-label{animation-name:pd-lit-0}.pd-step:nth-child(2) .pd-step-label{animation-name:pd-lit-1}.pd-step:nth-child(3) .pd-step-label{animation-name:pd-lit-2}.pd-step:nth-child(4) .pd-step-label{animation-name:pd-lit-3}.pd-window{animation-name:pd-window}.pd-chat{animation-name:pd-chat}.pd-msg{animation-name:pd-msg;animation-delay:calc(var(--k) * .16s)}.pd-cursor{animation-name:pd-cursor}.pd-press{animation-name:pd-press}.pd-publish{animation-name:pd-button}.pd-pub-idle{animation-name:pd-pub-out}.pd-pub-done{animation-name:pd-pub-in}.pd-count-0{animation-name:pd-count-out}.pd-count-6{animation-name:pd-count-in}.pd-empty{animation-name:pd-empty}.pd-empty>*{animation-name:pd-empty-content}.pd-empty:after{animation-name:pd-over}.pd-plus{animation-name:pd-plus}.pd-seg-on{animation-name:pd-seg}.pd-tile{animation-name:pd-fly}.pd-card{animation-name:pd-card}.pd-photo,.pd-flap,.pd-progress,.pd-progress i,.pd-meter,.pd-emoji,.pd-done,.pd-cut [stroke=\#fff]{animation-delay:calc(var(--i) * .1s)}.pd-photo{animation-name:pd-peel}.pd-flap{animation-name:pd-flap}.pd-progress{animation-name:pd-bar}.pd-progress i{animation-name:pd-fill}.pd-meter{animation-name:pd-meter}.pd-emoji{animation-name:pd-emoji}.pd-done{animation-name:pd-done}.pd-cut [stroke=\#fff]{animation-name:pd-outline}}@keyframes pd-cursor{0%,1.875%{opacity:1;transform:translate(calc(var(--c0x) * 1em), calc(var(--c0y) * 1em));animation-timing-function:var(--travel)}11.875%,13.125%{transform:translate(calc(var(--c1x) * 1em), calc(var(--c1y) * 1em));animation-timing-function:var(--travel)}21.25%,37.5%{transform:translate(calc(var(--c2x) * 1em), calc(var(--c2y) * 1em));animation-timing-function:var(--travel)}43.125%,48.75%{transform:translate(calc(var(--c3x) * 1em), calc(var(--c3y) * 1em));animation-timing-function:var(--travel)}55%,62.5%{opacity:1;transform:translate(calc(var(--c4x) * 1em), calc(var(--c4y) * 1em))}65%,96%{opacity:0;transform:translate(calc(var(--c4x) * 1em), calc(var(--c4y) * 1em))}96.1%,to{opacity:1;transform:translate(calc(var(--c0x) * 1em), calc(var(--c0y) * 1em))}}@keyframes pd-press{0%,12%,13.4%,43.4%,44.6%,55.9%,57.1%,to{transform:scale(1)}12.6%{transform:scale(.92)}44%,56.5%{transform:scale(.85)}}@keyframes pd-window{0%,62.5%{opacity:1;animation-timing-function:var(--travel);transform:translate(0)}68.125%,86.875%{opacity:1;transform:translate(calc(var(--shift) * 1em), 0);animation-timing-function:cubic-bezier(.5,0,.75,0)}90%{opacity:0;transform:translate(calc(var(--shift) * 1em), 14em)}90.1%,93.4%{opacity:0;animation-timing-function:var(--arrive);transform:translateY(14em)}97.5%,to{opacity:1;transform:translate(0)}}@keyframes pd-chat{0%,62.5%{opacity:0;animation-timing-function:var(--arrive);transform:translateY(56em)}64.5%{opacity:1}68.125%,86.875%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);transform:translateY(0)}90%,to{opacity:0;transform:translateY(14em)}}@keyframes pd-msg{0%,66.5%{opacity:0;animation-timing-function:var(--arrive);transform:translateY(12em)}71%,to{opacity:1;transform:translateY(0)}}@keyframes pd-button{0%,55.9%,57.1%,to{transform:scale(1)}56.5%{transform:scale(.96)}}@keyframes pd-pub-out{0%,61.5%{opacity:1;transform:translateY(0)}63%,90%{opacity:0;transform:translateY(-110%)}90.1%,to{opacity:1;transform:translateY(0)}}@keyframes pd-pub-in{0%,61.5%{opacity:0;transform:translateY(110%)}63%,90%{opacity:1;transform:translateY(0)}90.1%,to{opacity:0;transform:translateY(110%)}}@keyframes pd-count-out{0%,15.6%{opacity:1;transform:translateY(0)}17%,90%{opacity:0;transform:translateY(-110%)}90.1%,to{opacity:1;transform:translateY(0)}}@keyframes pd-count-in{0%,15.6%{opacity:0;transform:translateY(110%)}17%,90%{opacity:1;transform:translateY(0)}90.1%,to{opacity:0;transform:translateY(110%)}}@keyframes pd-empty{0%,12.5%{opacity:1;animation-timing-function:var(--arrive);transform:scale(1)}15%,90%{opacity:0;transform:scale(.98)}90.1%,to{opacity:1;transform:scale(1)}}@keyframes pd-empty-content{0%,8.4%{opacity:1}9.4%,90%{opacity:0}90.1%,to{opacity:1}}@keyframes pd-over{0%,8.4%{opacity:0}9.4%,12.5%{opacity:1}14%,to{opacity:0}}@keyframes pd-plus{0%,14%{opacity:0;animation-timing-function:var(--arrive);transform:scale(.94)}17.5%,90%{opacity:1;transform:scale(1)}90.1%,to{opacity:0;transform:scale(.94)}}@keyframes pd-seg{0%,44.2%{clip-path:inset(0 66.667% 0 0 round 4em);animation-timing-function:cubic-bezier(.3,.75,.1,1)}45.4%,90%{clip-path:inset(0 33.333% round 4em)}90.1%,to{clip-path:inset(0 66.667% 0 0 round 4em)}}@keyframes pd-fly{0%,1.875%{transform:translate(calc(var(--tx0) * 1em), calc(var(--ty0) * 1em));animation-timing-function:var(--travel)}11.875%,12.5%{transform:translate(calc(var(--tx1) * 1em), calc(var(--ty1) * 1em));animation-timing-function:var(--settle)}17.5%,90%{transform:translate(0)}90.1%,to{transform:translate(calc(var(--tx0) * 1em), calc(var(--ty0) * 1em))}}@keyframes pd-card{0%,12.5%{transform:rotate(calc(var(--fr) * 1deg)) scale(var(--s));animation-timing-function:var(--settle);border-radius:14em;box-shadow:0 0 0 6em #fff,0 10em 22em 2em #00000038}17.5%,90%{border-radius:10em;transform:rotate(0)scale(1);box-shadow:0 0 #fff0,0 0 #0000}90.1%,to{transform:rotate(calc(var(--fr) * 1deg)) scale(var(--s));border-radius:14em;box-shadow:0 0 0 6em #fff,0 10em 22em 2em #00000038}}@keyframes pd-bar{0%,18.125%{opacity:0}19.4%,26.25%{opacity:1}27.5%,56.875%{opacity:0}57.8%,61.25%{opacity:1}62.5%,to{opacity:0}}@keyframes pd-fill{0%,19%{animation-timing-function:cubic-bezier(.3,.1,.3,1);transform:scaleX(0)}26%,90%{transform:scaleX(1)}90.1%,to{transform:scaleX(0)}}@keyframes pd-peel{0%,26.25%{clip-path:polygon(0 0,300% 0,0 300%,0 0);animation-timing-function:cubic-bezier(.45,0,.3,1)}31%,90%{clip-path:polygon(200% 0,300% 0,0 300%,0 200%)}90.1%,to{clip-path:polygon(0 0,300% 0,0 300%,0 0)}}@keyframes pd-flap{0%,26.25%{animation-timing-function:cubic-bezier(.45,0,.3,1);transform:scale(0)}31%,90%{transform:scale(1)}90.1%,to{transform:scale(0)}}@keyframes pd-meter{0%,31%{opacity:0}33%,56.25%{opacity:1}57%,to{opacity:0}}@keyframes pd-emoji{0%,31%{opacity:0}33%,90%{opacity:1}90.1%,to{opacity:0}}@keyframes pd-done{0%,61.875%{animation-timing-function:cubic-bezier(.3,.75,.1,1);transform:scale(0)}63.5%{transform:scale(1.12)}64.5%,90%{transform:scale(1)}90.1%,to{transform:scale(0)}}@keyframes pd-outline{0%,45%{stroke-width:0;animation-timing-function:var(--arrive)}47.5%,90%{stroke-width:7px}90.1%,to{stroke-width:0}}@keyframes pd-step-0{0%,1.875%{opacity:1;transform:scaleX(0)}17.5%,86.875%{opacity:1;transform:scaleX(1)}90%{opacity:0;transform:scaleX(1)}90.1%,to{opacity:1;transform:scaleX(0)}}@keyframes pd-step-1{0%,18.125%{opacity:1;transform:scaleX(0)}35%,86.875%{opacity:1;transform:scaleX(1)}90%{opacity:0;transform:scaleX(1)}90.1%,to{opacity:1;transform:scaleX(0)}}@keyframes pd-step-2{0%,37.5%{opacity:1;transform:scaleX(0)}47.5%,86.875%{opacity:1;transform:scaleX(1)}90%{opacity:0;transform:scaleX(1)}90.1%,to{opacity:1;transform:scaleX(0)}}@keyframes pd-step-3{0%,48.75%{opacity:1;transform:scaleX(0)}68.125%,86.875%{opacity:1;transform:scaleX(1)}90%{opacity:0;transform:scaleX(1)}90.1%,to{opacity:1;transform:scaleX(0)}}@keyframes pd-lit-0{0%,1.2%{color:var(--muted)}1.875%,89%{color:var(--fg)}90%,to{color:var(--muted)}}@keyframes pd-lit-1{0%,17.5%{color:var(--muted)}18.75%,89%{color:var(--fg)}90%,to{color:var(--muted)}}@keyframes pd-lit-2{0%,36.9%{color:var(--muted)}38.1%,89%{color:var(--fg)}90%,to{color:var(--muted)}}@keyframes pd-lit-3{0%,48.1%{color:var(--muted)}49.4%,89%{color:var(--fg)}90%,to{color:var(--muted)}}@keyframes pd-note-0{0%,1.2%{opacity:0}1.875%,17.5%{opacity:1}18.75%,to{opacity:0}}@keyframes pd-note-1{0%,17.5%{opacity:0}18.75%,36.9%{opacity:1}38.1%,to{opacity:0}}@keyframes pd-note-2{0%,36.9%{opacity:0}38.1%,48.1%{opacity:1}49.4%,to{opacity:0}}@keyframes pd-note-3{0%,48.1%{opacity:0}49.4%,89%{opacity:1}90%,to{opacity:0}}
