.appBackground{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:cover}.appBackground-enter-active,.appBackground-leave-active{transition:opacity 1s ease-in-out}.appBackground-enter-from,.appBackground-leave-to{opacity:0}.icon[data-v-bdb63727]{display:inline;max-width:none;vertical-align:middle}.smartphone[data-v-df8fa6c6]{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-df8fa6c6]{padding-inline:var(--containerInline)}.smartphone[data-v-df8fa6c6]{border-radius:var(--borderRadius)}.smartphone[data-v-df8fa6c6]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.smartphone[data-v-df8fa6c6]{position:relative;width:402px;height:874px;border-radius:64px;overflow:hidden;padding:0}.smartphone__header[data-v-df8fa6c6]{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-df8fa6c6]>*{flex:1}.smartphone__time[data-v-df8fa6c6]{font-weight:500;padding-left:32px}.smartphone__notch[data-v-df8fa6c6]{width:130px;height:32px;background:#000;border-radius:99em}.smartphone__actions[data-v-df8fa6c6]{padding-right:15px;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.smartphone__footer[data-v-df8fa6c6]{position:absolute;bottom:5px;left:50%;translate:-50% 0;width:33%;height:6px;border-radius:99em;background:var(--textColor)}.deviceRunner[data-v-8356405f]{display:flex;gap:var(--gap)}.deviceRunner__component[data-v-8356405f]{flex-shrink:0}.deviceRunner__iframe[data-v-8356405f]{width:100%;height:100%;border:none}.settingRow[data-v-305931f8]{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);width:100%}.settingRow__icon[data-v-305931f8]{font-size:1.5em}.settingRow__text[data-v-305931f8]{flex:1;text-align:initial;font-size:.875em}.settingRow__action[data-v-305931f8]{font-size:.875em;flex-shrink:0;color:var(--textMuted)}.button[data-v-9136d96b]{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-9136d96b]{font-size:1em;font-weight:400;line-height:1.2;letter-spacing:-.01em;font-family:var(--font)}.button[data-v-9136d96b]{--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-9136d96b]:hover{background-color:color-mix(in oklch,var(--buttonTextColor),var(--buttonBackgroundColor) 98%)}}.button[data-v-9136d96b]:active{background-color:color-mix(in oklch,var(--buttonTextColor),var(--buttonBackgroundColor) 90%)}.button--block[data-v-9136d96b]{width:100%}.button--rounded[data-v-9136d96b]{border-radius:var(--borderRadiusRounded)}.button--primary[data-v-9136d96b]{--buttonBackgroundColor: var(--textColor);--buttonTextColor: var(--backgroundColor)}.button--secondary[data-v-9136d96b]{--buttonBackgroundColor: color-mix(in oklch, var(--textColor), var(--backgroundColor) 95%);--buttonTextColor: var(--textMuted)}.button--discrete[data-v-9136d96b]{border-color:transparent;box-shadow:none;--buttonBackgroundColor: transparent}.button--error[data-v-9136d96b]{border-color:var(--error);--buttonBackgroundColor: var(--error);--buttonTextColor: var(--textError)}.button--disabled[data-v-9136d96b]{opacity:.35;cursor:not-allowed}.button--iconOnly[data-v-9136d96b]{padding:0;width:2.175rem;height:2.175rem;align-items:center;justify-content:center;line-height:1}.page__title[data-v-c7eae9a9]{font-size:1.875em;font-weight:700;letter-spacing:-.01em}.page__description[data-v-c7eae9a9]{font-size:.875em;color:var(--textMuted)}.page[data-v-c7eae9a9],.page__body[data-v-c7eae9a9],.page__footer[data-v-c7eae9a9]{display:flex;flex-direction:column;gap:var(--gap)}.page[data-v-c7eae9a9]{flex:1;padding-block-start:var(--spacingBlock)}.page__header[data-v-c7eae9a9]{display:flex;height:2em}.page--skip .page__header[data-v-c7eae9a9]{justify-content:flex-end}.page__description[data-v-c7eae9a9]{font-size:.875em}.page__body[data-v-c7eae9a9]{flex:1;overflow:auto}.sidePage[data-v-84fbae17]{padding-inline:var(--containerInline)}.sidePage[data-v-84fbae17]{position:absolute;z-index:1;inset:0;background-color:var(--backgroundColor);padding-block-start:var(--safetyTop);border-radius:var(--borderRadius)}.sidePage__activator[data-v-84fbae17]{cursor:pointer}.divider[data-v-3eb1f887]{border:none;border-top:1px solid var(--borderColor)}.configurationPanel__backgroundInput[data-v-9a5f0225]{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}.configurationPanel__backgroundInput[data-v-9a5f0225]{padding-inline:var(--containerInline)}.configurationPanel__backgroundInput[data-v-9a5f0225]{border-radius:var(--borderRadius)}.configurationPanel__backgroundInput[data-v-9a5f0225]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.configurationPanel[data-v-9a5f0225],.configurationPanel__backgroundList[data-v-9a5f0225]{display:flex;flex-direction:column;gap:var(--gap)}.configurationPanel__backgroundView[data-v-9a5f0225]{position:relative;cursor:pointer;background-color:var(--backgroundElevated);border-radius:var(--borderRadius)}.configurationPanel__backgroundViewIcon[data-v-9a5f0225]{position:absolute;top:50%;left:50%;translate:-50% -50%;opacity:0;transition:opacity var(--transition)}.configurationPanel__backgroundView:hover .configurationPanel__backgroundViewIcon[data-v-9a5f0225]{opacity:1}.configurationPanel__backgroundImage[data-v-9a5f0225]{width:2.175rem;height:2.175rem;border-radius:var(--borderRadius);object-fit:cover;flex-shrink:0}.configurationPanel__backgroundView:hover .configurationPanel__backgroundImage[data-v-9a5f0225]{opacity:.5}.configurationPanel__backgroundItem[data-v-9a5f0225]{display:flex;gap:var(--gap)}.configurationPanel__backgroundInput[data-v-9a5f0225]{flex:1;padding-block:calc(var(--spacingBlock) / 2);padding-inline:var(--spacingInline);color:var(--textColor)}.iconesLibrary__iframe[data-v-5f74f392]{width:100%;height:100%}.pxItem[data-v-502d33d0]{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}.pxItem[data-v-502d33d0]{padding-inline:var(--containerInline)}.pxItem[data-v-502d33d0]{border-radius:var(--borderRadius)}.pxItem[data-v-502d33d0]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.pxItem[data-v-502d33d0]{padding:.25rem .5rem;cursor:pointer;opacity:.7;transition:opacity var(--transition)}.pxItem[data-v-502d33d0]:hover{opacity:1}.pxItem--base[data-v-502d33d0]{background-color:var(--backgroundElevated)}.pxItem__value[data-v-502d33d0],.pxItem__size[data-v-502d33d0]{display:flex;align-items:baseline;font-weight:700}.pxItem__size[data-v-502d33d0]{font-size:1.25em;justify-content:flex-end}.pxItem__value[data-v-502d33d0]{opacity:.3;font-size:.75em;margin-bottom:var(--spacingBlock)}.pxItem__unit[data-v-502d33d0]{font-size:.625em;font-weight:400}.pxConverter__input[data-v-a74062e4]{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}.pxConverter__input[data-v-a74062e4]{padding-inline:var(--containerInline)}.pxConverter__input[data-v-a74062e4]{border-radius:var(--borderRadius)}.pxConverter__input[data-v-a74062e4]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.pxConverter__label[data-v-a74062e4]{font-size:.75em}.pxConverter[data-v-a74062e4]{margin-top:var(--spacingBlock);height:100%;display:flex;flex-direction:column}.pxConverter__header[data-v-a74062e4]{display:flex;gap:var(--gap);margin-bottom:var(--spacingBlock)}.pxConverter__field[data-v-a74062e4]{flex:1;display:flex;flex-direction:column;gap:calc(var(--spacingBlock) / 2)}.pxConverter__input[data-v-a74062e4]{color:var(--textColor)}.pxConverter__list[data-v-a74062e4]{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);padding-block-end:calc(var(--spacingBlock) * 4)}.tool__description[data-v-4c657583]{font-size:.875em;color:var(--textMuted)}.tool__description[data-v-4c657583]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tool__page[data-v-4c657583]{padding-inline:var(--containerInline)}.tool[data-v-4c657583]{display:flex;gap:var(--gap);align-items:center;justify-content:space-between}.tool__image[data-v-4c657583]{width:2.175rem;height:2.175rem;object-fit:cover;flex-shrink:0;border-radius:var(--borderRadius);background-color:var(--textColor)}.tool__content[data-v-4c657583]{flex:1}.tool__name[data-v-4c657583]{font-size:1em;font-weight:500}.tool__action[data-v-4c657583]{flex-shrink:0}.tool__page[data-v-4c657583]{position:absolute;z-index:1;inset:0;background-color:var(--backgroundColor);padding-block-start:var(--safetyTop);border-radius:var(--borderRadius)}.tool__pageContent[data-v-4c657583]{height:100%;display:flex;flex-direction:column}[data-v-4c657583] .page__body{overflow:hidden}.tabs__tracer[data-v-a6bcd3bc]{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-a6bcd3bc]{padding-inline:var(--containerInline)}.tabs__tracer[data-v-a6bcd3bc]{border-radius:var(--borderRadius)}.tabs__tracer[data-v-a6bcd3bc]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.tabs[data-v-a6bcd3bc]{width:100%;anchor-name:--active-tab}.tabs__header[data-v-a6bcd3bc]{background-color:color-mix(in oklch,var(--textColor),var(--backgroundElevated) 98%);border-radius:var(--borderRadius);padding:0;position:relative;margin-bottom:calc(var(--spacingBlock) + var(--gap))}.tabs__list[data-v-a6bcd3bc]{position:relative;display:flex}.tabs__item[data-v-a6bcd3bc]{flex:1;background:none;box-shadow:none;border:none;border-radius:0;padding-block:calc(var(--spacingBlock) / 2);padding-inline:var(--spacingInline);cursor:pointer;color:var(--textColor)}.tabs__item--active[data-v-a6bcd3bc]{pointer-events:none;color:var(--colorText);anchor-name:--active-tab}.tabs__tracer[data-v-a6bcd3bc]{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-a6bcd3bc]{overflow:hidden;width:100%}.transition-next-enter-active[data-v-a6bcd3bc],.transition-next-leave-active[data-v-a6bcd3bc],.transition-prev-enter-active[data-v-a6bcd3bc],.transition-prev-leave-active[data-v-a6bcd3bc]{transition:transform var(--transition)}.transition-next-enter-from[data-v-a6bcd3bc]{transform:translate3d(100%,0,0)}.transition-next-leave-to[data-v-a6bcd3bc],.transition-prev-enter-from[data-v-a6bcd3bc]{transform:translate3d(-100%,0,0)}.transition-prev-leave-to[data-v-a6bcd3bc]{transform:translate3d(100%,0,0)}.asideNavigation[data-v-fe0d2b55]{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}.asideNavigation[data-v-fe0d2b55]{padding-inline:var(--containerInline)}.asideNavigation[data-v-fe0d2b55]{border-radius:var(--borderRadius)}.asideNavigation[data-v-fe0d2b55]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.asideNavigation[data-v-fe0d2b55]{position:relative;flex:1}.asideNavigation__close[data-v-fe0d2b55]{position:absolute;top:calc(var(--spacingBlock) * 2);right:100%;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;box-shadow:none}.badge[data-v-f06a24c2]{font-size:.75em}.badge[data-v-f06a24c2]{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}.badge[data-v-f06a24c2]{--badgeBackgroundColor: var(--backgroundElevated);--badgeTextColor: var(--textColor);display:inline-flex;align-items:center;gap:calc(var(--spacingInline) / 4);border-radius:var(--borderRadiusRounded);padding-inline:calc(var(--spacingInline) / 2);padding-block:calc(var(--spacingBlock) / 4);font-weight:500;background-color:var(--badgeBackgroundColor);color:var(--badgeTextColor);border:1px solid var(--borderColor)}.badge--primary[data-v-f06a24c2]{--badgeBackgroundColor: var(--textColor);--badgeTextColor: var(--backgroundColor)}.badge--secondary[data-v-f06a24c2]{--badgeBackgroundColor: color-mix(in oklch, var(--textColor), var(--backgroundColor) 95%);--badgeTextColor: var(--textMuted)}.badge--important[data-v-f06a24c2]{--badgeBackgroundColor: var(--error);--badgeTextColor: var(--textError)}.header__input[data-v-66223f6e]{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-66223f6e]{padding-inline:var(--containerInline)}.header__input[data-v-66223f6e]{border-radius:var(--borderRadius)}.header__input[data-v-66223f6e]{padding-block:var(--spacingBlock);background:var(--backgroundElevated);border:1px solid var(--borderColor)}.header[data-v-66223f6e]{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-66223f6e]{display:flex;align-items:center;gap:var(--gap)}.header__externalLink[data-v-66223f6e]{position:absolute;top:0;bottom:0;right:0}.header__logo[data-v-66223f6e]{border-radius:var(--borderRadius)}.header__field[data-v-66223f6e]{position:relative}.header__label[data-v-66223f6e]{position:absolute;left:calc(var(--spacingInline) / 2);top:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center}.header__input[data-v-66223f6e]{padding-block:calc(var(--spacingBlock) / 2);height:2.175rem;padding-inline-start:calc(var(--spacingInline) + 1.25rem);padding-inline-end:2.175rem;color:var(--textColor)}.header__icon[data-v-66223f6e]{font-size:1.25em}.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) 98%);--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;overflow:hidden}.app__content{width:100%;flex-shrink:0;transition:all var(--transition);display:flex;justify-content:center;gap:var(--gap)}.app--settings-open .app__content{width:calc(100% - 560px)}.app__device{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.app__aside{position:absolute;top:0;right:0;bottom:0;flex-shrink:0;display:flex;flex-direction:column;gap:var(--gap);width:560px;padding-inline:var(--spacingInline);padding-inline-start:0;padding-block:var(--spacingBlock);height:100dvh;translate:100% 0;transition:all var(--transition)}.app--settings-open .app__aside{translate:0 0}