:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--vp-c-text-dark-1: rgba(255, 255, 255, .87);--vp-c-text-dark-2: rgba(235, 235, 235, .6);--vp-c-text-dark-3: rgba(235, 235, 235, .38);--vp-c-green: #42b883;--vp-c-green-light: #42d392;--vp-c-green-lighter: #35eb9a;--vp-c-green-dark: #33a06f;--vp-c-green-darker: #155f3e;--vp-c-brand: var(--vp-c-green);--vp-c-brand-dark: var(--vp-c-green-dark);--vp-c-brand-light: var(--vp-c-green-light);--vp-c-brand-lighter: var(--vp-c-green-lighter);--vp-button-brand-border: var(--vp-c-brand-light);--vp-button-brand-text: var(--vp-c-text-dark-1);--vp-button-brand-bg: var(--vp-c-brand-dark);--vp-button-brand-hover-border: var(--vp-c-brand-lighter);--vp-button-brand-hover-text: var(--vp-c-text-dark-1);--vp-button-brand-hover-bg: var(--vp-c-brand);--vp-button-brand-active-border: var(--vp-c-brand-lighter);--vp-button-brand-active-text: var(--vp-c-text-dark-1);--vp-button-brand-active-bg: var(--vp-button-brand-bg);--vp-button-alt-border: var(--vp-c-gray-dark-2);--vp-button-alt-text: var(--vp-c-text-dark-1);--vp-button-alt-bg: var(--vp-c-bg-mute);--vp-button-alt-hover-border: var(--vp-c-gray-dark-2);--vp-button-alt-hover-text: var(--vp-c-text-dark-1);--vp-button-alt-hover-bg: var(--vp-c-gray-dark-2);--vp-button-alt-active-border: var(--vp-c-gray-dark-2);--vp-button-alt-active-text: var(--vp-c-text-dark-1);--vp-button-alt-active-bg: var(--vp-button-alt-bg);--vp-button-sponsor-border: var(--vp-c-gray-dark-1);--vp-button-sponsor-text: var(--vp-c-text-dark-2)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr}}.bottom-sheet[data-v-f0c780e0]{z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;top:0;left:0;right:0;bottom:0;transition:visibility var(--42568111)}.bottom-sheet *[data-v-f0c780e0]{box-sizing:border-box}.bottom-sheet[aria-hidden=false][data-v-f0c780e0]{visibility:visible}.bottom-sheet[aria-hidden=true][data-v-f0c780e0]{visibility:hidden;pointer-events:none}.bottom-sheet__overlay[data-v-f0c780e0]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:var(--0327c788)}.bottom-sheet__content[data-v-f0c780e0]{display:flex;flex-direction:column;border-radius:16px 16px 0 0;background:#fff;overflow-y:hidden;transform:translate3d(0,var(--7008c7cb),0);height:var(--09c72560);max-width:var(--734f206c);width:100%;max-height:var(--152d8c25);box-sizing:border-box;pointer-events:all}.bottom-sheet__content--fullscreen[data-v-f0c780e0]{border-radius:0}.bottom-sheet__content[data-v-f0c780e0]:not(.bottom-sheet__content--dragging){transition:var(--42568111) ease}.bottom-sheet__draggable-area[data-v-f0c780e0]{width:100%;margin:auto;padding:16px;cursor:grab}.bottom-sheet__draggable-thumb[data-v-f0c780e0]{width:40px;height:4px;background:#333;border-radius:8px;margin:0 auto}.bottom-sheet__main[data-v-f0c780e0]{display:flex;flex-direction:column;overflow-y:scroll;box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:auto!important}.bottom-sheet__main[data-v-f0c780e0]::-webkit-scrollbar{height:8px;width:8px}.bottom-sheet__main[data-v-f0c780e0]::-webkit-scrollbar-corner{display:none}.bottom-sheet__main[data-v-f0c780e0]:hover::-webkit-scrollbar-thumb{background-color:#0003;border-radius:8px}.bottom-sheet__main[data-v-f0c780e0]::-webkit-scrollbar-thumb{background-color:#0000}.bottom-sheet__footer[data-v-f0c780e0]:empty{display:none}.v-enter-active[data-v-f0c780e0],.v-leave-active[data-v-f0c780e0]{transition:opacity var(--42568111) ease}.v-enter-from[data-v-f0c780e0],.v-leave-to[data-v-f0c780e0]{opacity:0}.fab{position:fixed;bottom:20px;right:20px;background-color:var(--vp-button-brand-bg);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 2px 5px #0003;display:flex;justify-content:center;align-items:center;z-index:1000}.fab:hover{background-color:var(--vp-button-brand-hover-bg)}.fab-save{position:fixed;bottom:90px;right:20px;background-color:#d306e7;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 2px 5px #0003;display:flex;justify-content:center;align-items:center;z-index:1000}.fab-save:hover{background-color:#a903b8}.fab-bluesky{position:fixed;bottom:160px;right:20px;background-color:#3299ff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 2px 5px #0003;display:flex;justify-content:center;align-items:center;z-index:1000}.fab-bluesky:hover{background-color:#0056b3}.select-picture{position:relative;line-height:38px;font-size:14px;color:var(--vp-button-brand-text);border-color:var(--vp-button-brand-border);background-color:var(--vp-button-brand-bg);border-radius:20px;padding:0 40px;margin-bottom:1em;display:inline-block;border:1px solid transparent;text-align:center;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s;cursor:pointer}.select-picture:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.select-picture input{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;cursor:pointer;opacity:0}.tools{display:flex;flex:1;justify-content:flex-end;align-items:center}.tools .btn{position:relative;line-height:32px;font-size:14px;color:var(--vp-button-alt-text);border-color:var(--vp-button-alt-border);background-color:var(--vp-button-alt-bg);border-radius:4px;padding:0 30px;margin-left:var(--demo-spacing);display:inline-block;border:1px solid transparent;text-align:center;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s;cursor:pointer}.tools .btn.primary{color:var(--vp-button-brand-text);border-color:var(--vp-button-brand-border);background-color:var(--vp-button-brand-bg)}.tools .btn.primary:hover{color:var(--vp-button-brand-hover-text);border-color:var(--vp-button-brand-hover-border);background-color:var(--vp-button-brand-hover-bg)}.tools .btn:hover{color:var(--vp-button-alt-hover-text);border-color:var(--vp-button-alt-hover-border);background-color:var(--vp-button-alt-hover-bg)}#text{width:100%;min-height:20vh;background-color:#181a1b;color:#ddd;font-size:20px;margin:1em 0}.bottom-sheet__content{background-color:#181a1b!important}.vue--picture-cropper__wrap{background-color:#1c1e1f!important}.sheet-content{padding:1em;display:flex;flex-direction:column}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}