blockquote.svelte-1nqtdzx{display:flex;gap:.5rem 1rem;margin:1rem 0;max-width:60ch}blockquote.svelte-1nqtdzx:before{content:var(--content,"🤩");display:inline-block;min-width:var(--minWidth);width:auto;text-align:right;font-size:2rem;line-height:1;white-space:nowrap}@media(max-width:400px){blockquote.svelte-1nqtdzx{flex-direction:column}blockquote.svelte-1nqtdzx:before{text-align:left}}.flex.svelte-1bftigk{display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem 1.5rem;flex-wrap:wrap}.wrapper.svelte-1bftigk{height:calc(100% + var(--padding)*2);padding:var(--padding)}.wrapper.svelte-1bftigk,.wrapper.svelte-1bftigk svg:where(.svelte-1bftigk){position:relative;width:100%}.wrapper.svelte-1bftigk .html-layer:where(.svelte-1bftigk){position:absolute;top:var(--padding);left:var(--padding);transform:scale(var(--scale,1));transform-box:fill-box;transform-origin:0 0}:is(.wrapper:where(.svelte-1bftigk) .html-layer:where(.svelte-1bftigk)) .obj.svelte-1bftigk{offset-path:path(var(--path));offset-distance:var(--progress);width:20px;height:20px;background-color:#0ff;display:grid;place-items:center}.static.svelte-1bftigk:is(:is(.wrapper:where(.svelte-1bftigk) .html-layer:where(.svelte-1bftigk)) .obj:where(.svelte-1bftigk)){margin-top:10px;offset-rotate:0deg;background-color:#ff69b4}.animate.svelte-1bftigk:is(:is(.wrapper:where(.svelte-1bftigk) .html-layer:where(.svelte-1bftigk)) .obj:where(.svelte-1bftigk)){margin-top:-50px;background-color:#0003}:is(:is(.wrapper:where(.svelte-1bftigk) .html-layer:where(.svelte-1bftigk)) .obj:where(.svelte-1bftigk)) span.svelte-1bftigk{line-height:1;color:#000;margin:-1px auto 0;font-weight:700}label.flex.svelte-1bftigk,label.flex.svelte-1bftigk span.flex:where(.svelte-1bftigk){gap:0 .5rem}label.svelte-1bftigk .value:where(.svelte-1bftigk){width:4ch;text-align:right;font-variant-numeric:tabular-nums}.wrapper.isPlaying.svelte-1bftigk .obj.animate:where(.svelte-1bftigk){animation:svelte-1bftigk-move 2s infinite alternate}@keyframes svelte-1bftigk-move{0%{offset-distance:0}to{offset-distance:100%}}.wrapper.isPlaying.svelte-1bftigk path:where(.svelte-1bftigk){stroke-dasharray:var(--pathLength);stroke-dashoffset:var(--pathLength);animation:svelte-1bftigk-draw 2s infinite alternate}@keyframes svelte-1bftigk-draw{0%{stroke-dashoffset:var(--pathLength)}to{stroke-dashoffset:0}}h3.svelte-3kfiug{color:#000;margin-top:0;margin-bottom:0}.grid-center.svelte-3kfiug{display:grid;place-items:center;height:100%}button.active.svelte-3kfiug{background:#000;color:#fff}.flex.svelte-3kfiug{display:flex;flex-direction:column;gap:.5rem;margin:0 auto}.flex.row.svelte-3kfiug{flex-direction:row}.center.svelte-3kfiug{position:relative;height:100%;width:100%;display:grid;place-items:center;container:center/inline-size}.center.svelte-3kfiug h3:where(.svelte-3kfiug){font-size:6cqw}.center.svelte-3kfiug code:where(.svelte-3kfiug){font-size:5cqw}.ui.svelte-3kfiug{justify-content:space-between}.wrapper.svelte-3kfiug{position:relative;aspect-ratio:1;max-height:500px;max-width:500px;background:#daa520;border-radius:4px;padding:.5rem;overflow:hidden;margin:0 auto;width:100%}.overlay.svelte-3kfiug{position:absolute;top:0;left:0;z-index:99;color:#000;padding-left:.5rem}.layers.svelte-3kfiug{position:relative;height:100%;top:10%}.layer.svelte-3kfiug{margin-top:calc(var(--n, 0)*-1rem);visibility:hidden;position:absolute;top:55%;left:50%;width:80%;height:60%;padding:.5rem;border-radius:4px;container:layer/inline-size;transform:translate(-50%,-50%) rotateX(60deg) rotateY(0) rotate(-45deg);overflow:hidden;opacity:0}.layer.base.svelte-3kfiug{margin-top:0;top:50%;visibility:visible;background:#efefef;opacity:1;transform:translate(-50%,-70%);transition:all 2s ease-in-out}.layer.base.prevent.svelte-3kfiug{transition:all .4s ease-in-out}.layer.base.intro.svelte-3kfiug{margin-top:1rem;transform:translate(-50%,-50%) rotateX(60deg) rotateY(0) rotate(-45deg)}.layer.base.intro.svelte-3kfiug .layer-label:where(.svelte-3kfiug){display:none}.layer.slideIn.svelte-3kfiug{visibility:visible;animation:svelte-3kfiug-slideIn 2s 1 forwards}.layer-label.svelte-3kfiug{position:absolute;right:0;bottom:0;font-size:12px;padding:2px 6px;text-transform:uppercase;font-weight:500;background:#000;color:#fff}.layer.svelte-3kfiug:nth-of-type(2){background:#e15f97}.layer.svelte-3kfiug:nth-of-type(3){background:#e1a95f}.layer.svelte-3kfiug:nth-of-type(4){background:#5fe1a9}.layer.svelte-3kfiug:nth-of-type(5){background:#5f97e1}@keyframes svelte-3kfiug-slideIn{0%{top:54%;opacity:0}to{top:50%;opacity:1}}
