.app-background[data-v-06e8169c]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.icon[data-v-bdb63727]{display:inline;max-width:none;vertical-align:middle}.smartphone[data-v-6ade2980]{box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.smartphone[data-v-6ade2980]{padding-inline:var(--containerInline)}.smartphone[data-v-6ade2980]{border-radius:var(--borderRadius)}.smartphone[data-v-6ade2980]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.smartphone[data-v-6ade2980]{position:relative;width:402px;height:874px;border-radius:64px;overflow:hidden}.smartphone__header[data-v-6ade2980]{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;padding-inline:20px;padding-block-start:20px;width:100%}.smartphone__header[data-v-6ade2980]>*{flex:1}.smartphone__time[data-v-6ade2980]{font-weight:500;padding-left:32px}.smartphone__notch[data-v-6ade2980]{width:130px;height:32px;background:#000;border-radius:99em}.smartphone__actions[data-v-6ade2980]{padding-right:15px;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.smartphone__footer[data-v-6ade2980]{position:absolute;bottom:5px;left:50%;translate:-50% 0;width:33%;height:6px;border-radius:99em;background:#000}.device-runner__iframe[data-v-27008d65]{width:100%;height:100%;border:none}.tabs__tracer[data-v-b4cedf43]{box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.tabs__tracer[data-v-b4cedf43]{padding-inline:var(--containerInline)}.tabs__tracer[data-v-b4cedf43]{border-radius:var(--borderRadius)}.tabs__tracer[data-v-b4cedf43]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.tabs[data-v-b4cedf43]{width:100%;anchor-name:--active-tab}.tabs__header[data-v-b4cedf43]{background-color:color-mix(in oklch,var(--textColor),var(--backgroundElevated) 98%);border-radius:var(--borderRadius);padding:0;position:relative;margin-bottom:var(--gap)}.tabs__list[data-v-b4cedf43]{position:relative;display:flex}.tabs__item[data-v-b4cedf43]{flex:1;background:none;box-shadow:none;border:none;border-radius:0;padding-block:calc(var(--spacingBlock) / 2);padding-inline:var(--spacingInline);cursor:pointer}.tabs__item--active[data-v-b4cedf43]{pointer-events:none;color:var(--colorText);anchor-name:--active-tab}.tabs__tracer[data-v-b4cedf43]{position:absolute;bottom:anchor(bottom);left:anchor(left);right:anchor(right);top:anchor(top);transition:all var(--transition);position-anchor:--active-tab}.tabs__body[data-v-b4cedf43]{overflow:hidden;width:100%}.transition-next-enter-active[data-v-b4cedf43],.transition-next-leave-active[data-v-b4cedf43],.transition-prev-enter-active[data-v-b4cedf43],.transition-prev-leave-active[data-v-b4cedf43]{transition:transform var(--transition)}.transition-next-enter-from[data-v-b4cedf43]{transform:translate3d(100%,0,0)}.transition-next-leave-to[data-v-b4cedf43],.transition-prev-enter-from[data-v-b4cedf43]{transform:translate3d(-100%,0,0)}.transition-prev-leave-to[data-v-b4cedf43]{transform:translate3d(100%,0,0)}.aside-navigation[data-v-605b9e30]{box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.aside-navigation[data-v-605b9e30]{padding-inline:var(--containerInline)}.aside-navigation[data-v-605b9e30]{border-radius:var(--borderRadius)}.aside-navigation[data-v-605b9e30]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.aside-navigation[data-v-605b9e30]{flex:1}.button[data-v-174681a3]{box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.button[data-v-174681a3]{font-size:1em;font-weight:400;line-height:1.2;letter-spacing:-.01em;font-family:var(--font)}.button[data-v-174681a3]{--buttonBackgroundColor: var(--backgroundElevated);--buttonTextColor: var(--textColor);border:none;appearance:button;font-weight:400;min-width:fit-content;line-height:1;font:inherit;font-size:.875em;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacingInline) / 2);background-color:var(--buttonBackgroundColor);color:var(--buttonTextColor);border-radius:var(--borderRadius);cursor:pointer;padding-block:calc(var(--spacingBlock) / 2);padding-inline:var(--spacingInline);letter-spacing:.01rem;text-align:center;transition:background-color var(--transition);border:1px solid var(--borderColor)}@media(hover:hover){.button[data-v-174681a3]:hover{background-color:color-mix(in oklch,var(--buttonTextColor),var(--buttonBackgroundColor) 98%)}}.button[data-v-174681a3]:active{background-color:color-mix(in oklch,var(--buttonTextColor),var(--buttonBackgroundColor) 90%)}.button--block[data-v-174681a3]{width:100%}.button--rounded[data-v-174681a3]{border-radius:var(--borderRadiusRounded)}.button--primary[data-v-174681a3]{--buttonBackgroundColor: var(--textColor);--buttonTextColor: var(--backgroundColor)}.button--secondary[data-v-174681a3]{--buttonBackgroundColor: color-mix(in oklch, var(--textColor), var(--backgroundColor) 95%);--buttonTextColor: var(--textMuted)}.button--discrete[data-v-174681a3]{border-color:transparent;box-shadow:none;--buttonBackgroundColor: transparent}.button--disabled[data-v-174681a3]{opacity:.35;cursor:not-allowed}.button--iconOnly[data-v-174681a3]{padding:0;width:2.175rem;height:2.175rem;align-items:center;justify-content:center;line-height:1}.header__input[data-v-5592f874]{box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.header__input[data-v-5592f874]{padding-inline:var(--containerInline)}.header__input[data-v-5592f874]{border-radius:var(--borderRadius)}.header__input[data-v-5592f874]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.header[data-v-5592f874]{position:absolute;top:var(--spacingBlock);left:50%;display:flex;align-items:center;justify-content:flex-end;gap:var(--gap);translate:-50% 0}.header__debug[data-v-5592f874]{display:flex;gap:var(--gap)}.header__input[data-v-5592f874]{padding-block:calc(var(--spacingBlock) / 2);padding-inline:var(--spacingInline);height:2.175rem}.alert[data-v-d1b1b86c]{box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.alert[data-v-d1b1b86c]{padding-inline:var(--containerInline)}.alert[data-v-d1b1b86c]{border-radius:var(--borderRadius)}.alert[data-v-d1b1b86c]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.alert__description[data-v-d1b1b86c]{font-size:.875em;color:var(--textMuted)}.alert[data-v-d1b1b86c]{position:relative;display:grid;width:100%;align-items:center;grid-template-columns:1rem 1fr;row-gap:calc(var(--gap) / 2);column-gap:var(--gap);--colorIcon: inherit}.alert--closable[data-v-d1b1b86c]{grid-template-columns:1rem 1fr 2.175rem}.alert--error[data-v-d1b1b86c]{border-color:color-mix(in oklch,var(--error),var(--backgroundElevated) 80%);background-color:color-mix(in oklch,var(--error),var(--backgroundElevated) 95%);--colorIcon: var(--error)}.alert--success[data-v-d1b1b86c]{border-color:color-mix(in oklch,var(--success),var(--backgroundElevated) 80%);background-color:color-mix(in oklch,var(--success),var(--backgroundElevated) 95%);--colorIcon: var(--success)}.alert--warning[data-v-d1b1b86c]{border-color:color-mix(in oklch,var(--warning),var(--backgroundElevated) 80%);background-color:color-mix(in oklch,var(--warning),var(--backgroundElevated) 95%);--colorIcon: var(--warning)}.alert__icon[data-v-d1b1b86c]{color:var(--colorIcon)}.alert__title[data-v-d1b1b86c]{font-weight:500}.alert__description[data-v-d1b1b86c]{font-size:.875em;grid-column-start:2}.alert__close[data-v-d1b1b86c]{position:absolute;top:50%;right:var(--containerInline);translate:0 -50%}.toast[data-v-12a7d5db]:nth-last-child(2),.toast[data-v-12a7d5db]:last-child{box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.toast[data-v-12a7d5db]{position:fixed;top:var(--spacingBlock);left:var(--containerInline);right:var(--containerInline);max-width:min(100% - var(--containerInline) * 2,var(--containerMaxWidth));margin-inline:auto;z-index:1000;transition:all var(--transition);scale:.9;translate:0 1em;overflow:hidden;box-shadow:none}.toast[data-v-12a7d5db]:last-child{scale:1;translate:0 0}*,*:before,*:after{box-sizing:border-box;min-width:0}html,body{min-height:100dvh;width:100%;margin:0}img,video,svg{display:block;height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:inherit}button{cursor:pointer}ul{padding-inline-start:1rem}:root{--backgroundColor: white;--backgroundElevated: white;--textColor: black;--textMuted: #333;--borderColor: color-mix(in oklch, var(--textColor), var(--backgroundElevated) 95%);--success: green;--warning: orange;--error: red;--textError: white}@media(prefers-color-scheme:dark){:root{--backgroundColor: black;--backgroundElevated: #111;--textColor: white;--textMuted: #ccc;--borderColor: #333}}:root{--font: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--containerInline: 1rem;--containerMaxWidth: 40rem;--spacingInline: 1rem;--spacingBlock: .75rem;--gap: .5rem;--borderRadius: .5rem;--borderRadiusContainer: 2rem;--borderRadiusRounded: 99rem;--transitionDuration: .15s;--transitionTimingFunction: linear;--transition: var(--transitionDuration) var(--transitionTimingFunction);--bouncingDuration: .4s;--bouncingTimingFunction: cubic-bezier(.47, 1.64, .41, .8);--bouncingTransition: var(--bouncingDuration) var(--bouncingTimingFunction)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-from-top-enter-active,.fade-from-top-leave-active{transition:all var(--transition)}.fade-from-top-enter-from,.fade-from-top-leave-to{opacity:0;transform:translateY(-100%)}.slide-from-bottom-enter-active,.slide-from-bottom-leave-active{transition:all var(--transition)}.slide-from-bottom-enter-from,.slide-from-bottom-leave-to{opacity:0;transform:translateY(100%)}.slide-from-right-enter-active,.slide-from-right-leave-active{transition:all var(--transition)}.slide-from-right-enter-from,.slide-from-right-leave-to{transform:translate(100%)}.slide-from-top-enter-active,.slide-from-top-leave-active{transition:transform var(--transition)}.slide-from-top-enter-from,.slide-from-top-leave-to{transform:translateY(-100%)}.blur-enter-active,.blur-leave-active{transition:all var(--transition)}.blur-enter-from,.blur-leave-to{opacity:0;filter:blur(1em)}.fade-scale-enter-active,.fade-scale-leave-active{transition:all var(--transition)}.fade-scale-enter-from,.fade-scale-leave-to{opacity:0;transform:scale(1.5)}.bouncy{animation:bouncy .5s}@keyframes bouncy{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}html,body{font-size:1em;font-weight:400;line-height:1.2;letter-spacing:-.01em;font-family:var(--font)}html,body{background:var(--backgroundColor);color:var(--textColor);font-synthesis:none;text-rendering:optimizeLegibility;text-size-adjust:100%;scrollbar-width:thin;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;interpolate-size:allow-keywords}::selection{background:var(--textColor);color:var(--backgroundColor)}:root{interpolate-size:allow-keywords}.app{position:relative;display:flex;min-height:100dvh}.app__content{flex:1;flex-shrink:0;position:relative;transition:all var(--transition);display:flex;flex-direction:column}.app__main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.app__aside{display:flex;flex-direction:column;gap:var(--gap);max-width:420px;width:30%;padding-inline:var(--spacingInline);padding-block:var(--spacingBlock);height:100dvh}