:root{--color-primary:#c9beff;--color-on-primary:#31285f;--color-primary-container:#483f77;--color-on-primary-container:#e6deff;--color-secondary:#c9c3dc;--color-on-secondary:#312e41;--color-secondary-container:#484459;--color-on-secondary-container:#e6dff9;--color-tertiary:#edb8cd;--color-on-tertiary:#482535;--color-tertiary-container:#623b4c;--color-on-tertiary-container:#ffd8e6;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--color-background:#141318;--color-on-background:#e5e1e9;--color-surface:#141318;--color-on-surface:#e5e1e9;--color-surface-variant:#48454e;--color-on-surface-variant:#c9c5d0;--color-outline:#938f99;--color-outline-variant:#48454e;--color-scrim:#000;--color-inverse-surface:#e5e1e9;--color-inverse-on-surface:#312f36;--color-inverse-primary:#605790;--color-surface-dim:#141318;--color-surface-bright:#3a383e;--color-surface-container-lowest:#0f0d13;--color-surface-container-low:#1c1b20;--color-surface-container:#201f25;--color-surface-container-high:#2b292f;--color-surface-container-highest:#36343a;--font-weight-regular:400;--font-weight-medium:500;--destop-max-width:1200px;--navigation-height:64px;--main-padding-y:32px;--main-padding-x:calc(max(var(--navigation-height),(100vw - var(--destop-max-width))/2))}@media (width<=800px){:root{--main-padding-x:var(--main-padding-y)}}.light-theme:root{--color-primary:#605790;--color-on-primary:#fff;--color-primary-container:#e6deff;--color-on-primary-container:#1c1149;--color-secondary:#605c71;--color-on-secondary:#fff;--color-secondary-container:#e6dff9;--color-on-secondary-container:#1c192b;--color-tertiary:#7c5264;--color-on-tertiary:#fff;--color-tertiary-container:#ffd8e6;--color-on-tertiary-container:#301120;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#410002;--color-background:#fdf8ff;--color-on-background:#1c1b20;--color-surface:#fdf8ff;--color-on-surface:#1c1b20;--color-surface-variant:#e6e0ec;--color-on-surface-variant:#48454e;--color-outline:#79757f;--color-outline-variant:#c9c5d0;--color-scrim:#000;--color-inverse-surface:#312f36;--color-inverse-on-surface:#f4eff7;--color-inverse-primary:#c9beff;--color-surface-dim:#ddd8e0;--color-surface-bright:#fdf8ff;--color-surface-container-lowest:#fff;--color-surface-container-low:#f7f2fa;--color-surface-container:#f1ecf4;--color-surface-container-high:#ebe6ee;--color-surface-container-highest:#e5e1e9}html,body{background:var(--color-background);width:100%;height:100%;color:var(--color-on-background);font-family:JetBrains Mono Variable,Noto Sans SC Variable,monospace;font-size:14px;font-weight:var(--font-weight-regular);scroll-behavior:smooth;flex-direction:column;margin:0;padding:0;line-height:20px;display:flex}a{text-decoration:underline}a,a:link,a:visited{color:var(--color-tertiary)}a:hover,a:active{color:var(--color-primary)}h1,h2,h3,h4,h5,h6,p,ul,ol{margin:0 0 32px;padding:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child,ul:last-child,ol:last-child{margin-bottom:0}p,ul,ol{font-size:14px;font-weight:var(--font-weight-regular);line-height:20px}ul,ol{padding-inline-start:2.4em}ul li{list-style-type:"•  "}h1{font-size:32px;font-weight:var(--font-weight-regular);line-height:40px}h2{font-size:28px;font-weight:var(--font-weight-regular);line-height:36px}h3{font-size:24px;font-weight:var(--font-weight-regular);line-height:32px}h4{font-size:22px;font-weight:var(--font-weight-regular);line-height:28px}h5{font-size:16px;font-weight:var(--font-weight-medium);line-height:24px}h6{font-size:14px;font-weight:var(--font-weight-medium);line-height:20px}code,pre,kbd{color:var(--color-on-secondary-container);background:var(--color-secondary-container);padding:.1em 0}.icon{font-variation-settings:"opsz" 24;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:-3px;direction:ltr;font-family:Material Symbols Outlined Variable,monospace;font-size:24px;font-style:normal;font-weight:400;line-height:1;text-decoration:none;display:inline-block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-container);border-radius:4px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background:var(--color-tertiary);border-radius:4px}#navigation{height:var(--navigation-height);padding:0 max(var(--navigation-height),(100% - var(--destop-max-width))/2);background:var(--color-surface-container);color:var(--color-on-surface);align-items:center;display:flex;position:relative}#navigation:before{content:"";width:200%;height:2px;top:calc(var(--navigation-height) - 2px);background:var(--color-outline-variant);display:block;position:absolute;left:-100%}@media (width<=800px){#navigation:before{top:126px}#navigation{height:calc(var(--navigation-height)*2);flex-wrap:wrap;padding:0}}#navigation .logo{font-size:22px;font-weight:var(--font-weight-regular);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-right:16px;line-height:28px;display:inline-flex}@media (width<=800px){#navigation .logo{height:var(--navigation-height);flex-grow:1;margin:0 16px}}#navigation .logo img{width:36px;height:36px}#navigation .navigation{scrollbar-width:none;flex-grow:1;display:inline-flex;overflow-x:scroll}@media (width<=800px){#navigation .navigation{flex-basis:100%;order:999}}#navigation .navigation ul{font-size:16px;font-weight:var(--font-weight-medium);flex-grow:1;align-content:stretch;align-items:center;margin:0;padding:0;line-height:24px;display:inline-flex}#navigation .navigation ul li{display:inline-flex}@media (width<=800px){#navigation .navigation ul li{flex-basis:100%}}#navigation .navigation ul li a{height:var(--navigation-height);text-wrap:nowrap;justify-content:center;align-items:center;width:100%;padding:0 16px;text-decoration:none;display:inline-flex;position:relative}#navigation .navigation ul li a.active{color:var(--color-primary)}#navigation .navigation ul li a.active>*{justify-content:center;align-items:center;height:100%;display:inline-flex;position:relative}#navigation .navigation ul li a.active>:before{content:"";width:calc(100% - 4px);height:3px;left:2px;top:calc(var(--navigation-height) - 3px);background:var(--color-primary);border-radius:3px 3px 0 0;position:absolute}#navigation .navigation ul li a.active:hover:after,#navigation .navigation ul li a.active:active:after{content:"";z-index:999;background:var(--color-primary);border-radius:inherit;opacity:.08;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#navigation .navigation ul li a.inactive{color:var(--color-on-surface-variant)}#navigation .navigation ul li a.inactive:hover:after,#navigation .navigation ul li a.inactive:active:after{content:"";z-index:999;background:var(--color-on-surface-variant);border-radius:inherit;opacity:.08;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#navigation .locales{font-size:16px;font-weight:var(--font-weight-medium);padding:0;line-height:24px;display:block;position:relative}@media (width<=800px){#navigation .locales{margin:12px 16px}}#navigation .locales .open{width:24px;height:24px;color:var(--color-on-surface-variant);display:block}#navigation .locales .open:hover:after,#navigation .locales .open:active:after{content:"";z-index:999;background:var(--color-on-surface-variant);border-radius:inherit;opacity:.08;border-radius:50%;width:40px;height:40px;display:block;position:absolute;top:-8px;left:-8px}#navigation .locales ul{display:none}#navigation .locales ul:target{z-index:999;background:var(--color-surface-container);border-radius:4px;flex-direction:column;padding:8px 0;display:flex;position:absolute;right:0;box-shadow:0 1px 1px #0000000d,0 2px 2px #0000000d}#navigation .locales ul li{display:block}#navigation .locales ul li a{height:48px;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-on-surface);padding:0 12px;line-height:48px;text-decoration:none;display:block;position:relative}#navigation .locales ul li a:hover:after,#navigation .locales ul li a:active:after{content:"";z-index:999;background:var(--color-on-surface-variant);border-radius:inherit;opacity:.08;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#navigation .locales .close{display:none}#navigation .locales ul:target~.close{content:"";z-index:999;background:var(--color-on-surface-variant);border-radius:inherit;opacity:.08;border-radius:50%;width:40px;height:40px;display:block;position:absolute;top:-8px;left:-8px}#main{padding:var(--main-padding-y)var(--main-padding-x);flex-direction:column;flex-grow:1;align-items:stretch;display:flex}#main .container{width:100%;height:calc(100vh - var(--navigation-height) - var(--main-padding-y)*2);align-items:center;gap:64px;display:flex}@media (width<=800px){#main .container{flex-direction:column;gap:32px;height:auto}}#main .container .description{flex-direction:column;flex-grow:1;display:flex}@media (width<=800px){#main .container .description{padding:16px 0}}#main .container .description .buttons{gap:16px;display:flex}@media (width<=800px){#main .container .description .buttons{flex-direction:column}}#main .container .description .buttons a{text-wrap:nowrap;background:var(--color-primary);height:40px;color:var(--color-on-primary);border-radius:20px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex;position:relative}#main .container .description .buttons a:hover:after,#main .container .description .buttons a:active:after{content:"";z-index:999;background:var(--color-on-primary);border-radius:inherit;opacity:.08;border-radius:20px;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#main .container .description .buttons a.tonal{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}#main .container .description .buttons a.tonal:hover:after,#main .container .description .buttons a.tonal:active:after{content:"";z-index:999;background:var(--color-on-secondary-container);border-radius:inherit;opacity:.08;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#main .container .screenshots{display:block}#main .container .screenshots a{width:100%;height:100%;display:block}#main .container .screenshots a img{width:auto;height:calc(100vh - var(--navigation-height) - 64px);border-radius:12px;display:block}@media (width<=800px){#main .container .screenshots a img{width:calc(100vw - 64px);height:auto}}
/*# sourceMappingURL=en.c81b5479.css.map */