1<!DOCTYPE html><!--ermHJIy1eHcs8H7S0q8QA--><html lang="en" class="roboto_d24be3b7-module__pZO6tq__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/ce62453a442c7f35-s.p.124b2306.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/assets/images/testmuai-white.svg"/><link rel="stylesheet" href="/_next/static/chunks/ac54d24efc2333b6.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/1ffeace3f2f42fab.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/2e175d805581124f.js"/>
1<script src="/_next/static/chunks/1821ef3cc63b094d.js" async=""></script>
1<script src="/_next/static/chunks/453dee700729d55d.js" async=""></script>
1<script src="/_next/static/chunks/54afae82ba38f00b.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-3e4594a8cc9fff68.js" async=""></script>
1<script src="/_next/static/chunks/71a52ffe77c5e564.js" async=""></script>
1<script src="/_next/static/chunks/56c9e54788b29174.js" async=""></script>
1<script src="/_next/static/chunks/ff6deef312872ea8.js" async=""></script>
1<script src="/_next/static/chunks/c951515ccc7cb569.js" async=""></script>
1<script src="/_next/static/chunks/882ee314f5f56fa0.js" async=""></script>
1<script src="/_next/static/chunks/71da95848123b84e.js" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js" async=""></script>
1<script src="/_next/static/chunks/7dd66bdf8a7e5707.js" async=""></script>
1<script src="/_next/static/chunks/12afc2639052c0c8.js" async=""></script>
1<script src="/_next/static/chunks/65ba570be8ed3b02.js" async=""></script>
1<script src="/_next/static/chunks/9078e0648af9afad.js" async=""></script>
1<script src="/_next/static/chunks/6dfcbb57d972e6c3.js" async=""></script>
1<link rel="alternate" type="text/plain" href="/llms.txt" title="LLM Documentation Guide"/><meta name="next-size-adjust" content=""/><title>Dexie.js Features - IndexedDB Wrapper & Dexie Cloud Sync Platform | Dexie.js - Offline-First Database for JavaScript</title><meta name="description" content="Discover Dexie.js features: Easy IndexedDB wrapper, reactive queries, and Dexie Cloud for real-time sync. Build offline-first apps with React, Vue, Angular, Svelte. Local-first development made simple with authentication and collaboration."/><meta name="author" content="David Fahlander"/><meta name="author" content="Dexie.js Team"/><meta name="keywords" content="dexie.js features,indexeddb wrapper benefits,dexie cloud sync,offline first framework,javascript database features,react offline database,vue offline database,angular offline storage,svelte offline database,local first development,browser database sync,real time database sync,offline collaboration,indexeddb react hooks,javascript client database,progressive web app storage,offline first architecture,browser storage solution"/><meta name="creator" content="David Fahlander"/><meta name="publisher" content="Dexie.js"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="technology"/><link rel="canonical" href="https://dexie.org/product"/><meta property="og:title" content="Dexie.js Features - The Smarter Way to Use IndexedDB"/><meta property="og:description" content="Easy IndexedDB wrapper with reactive queries + Dexie Cloud for real-time sync. Works with any JavaScript framework. Local-first development simplified."/><meta property="og:url" content="https://dexie.org/product"/><meta property="og:image" content="https://dexie.org/assets/images/og-images/og-base.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Build synced offline-first apps with Dexie"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Dexie.js Features - IndexedDB Wrapper & Cloud Sync"/><meta name="twitter:description" content="Easy IndexedDB wrapper + Cloud sync. Works with React, Vue, Angular, Svelte. Local-first development made simple."/><meta name="twitter:image" content="https://dexie.org/assets/images/og-images/og-base.png"/><link rel="icon" href="/favicon.ico?favicon.c269e170.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/favicon.ico"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Dexie.js","description":"IndexedDB wrapper library for offline-first web applications with real-time sync capabilities","url":"https://dexie.org","applicationCategory":"DeveloperApplication","operatingSystem":"Web Browser","programmingLanguage":"JavaScript","author":{"@type":"Person","name":"David Fahlander","url":"https://github.com/dfahlander"},"publisher":{"@type":"Organization","name":"Awarica AB","address":{"@type":"PostalAddress","addressCountry":"SE","addressLocality":"Stockholm"}},"softwareVersion":"4.0","downloadUrl":"https://www.npmjs.com/package/dexie","license":"https://github.com/dexie/Dexie.js/blob/master/LICENSE","codeRepository":"https://github.com/dexie/Dexie.js","installUrl":"https://www.npmjs.com/package/dexie","screenshot":"https://dexie.org/assets/images/dexie-hero-og.jpg","offers":[{"@type":"Offer","name":"Dexie.js Open Source","price":"0","priceCurrency":"USD","description":"Free IndexedDB wrapper library"},{"@type":"Offer","name":"Dexie Cloud Free","price":"0","priceCurrency":"USD","description":"Free tier with 3 production users and 100MB storage"},{"@type":"Offer","name":"Dexie Cloud Production","price":"0.12","priceCurrency":"USD","description":"Production tier starting at $0.12 per user per month"}],"featureList":["Offline-first database","IndexedDB wrapper","Real-time synchronization","Authentication system","Collaborative features","React integration","Vue.js support","Angular compatibility","Progressive Web App support"]}</script>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1<style data-emotion="mui-global 1mxs4yf">html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-text-size-adjust:100%;}*,*::before,*::after{box-sizing:inherit;}strong,b{font-weight:700;}body{margin:0;color:#dee2e6;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;line-height:1.5;margin-bottom:1rem;background-color:var(--mui-palette-background-default);}@media print{body{background-color:var(--mui-palette-common-white);}}body::backdrop{background-color:var(--mui-palette-background-default);}body{background-color:#000000;color:#dee2e6;font-size:1rem;font-weight:400;line-height:1.5;margin:0;padding-right:0!important;}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:#dee2e6;}h1 code,h2 code,h3 code,h4 code,h5 code,h6 code{font-size:0.95em!important;font-weight:500!important;background-color:rgba(255, 255, 255, 0.1);padding:0.1em 0.25em;border-radius:0.25rem;font-family:monospace;display:inline;}p{margin-top:0;margin-bottom:1rem;}a{color:#ffffff;opacity:0.8;-webkit-text-decoration:underline;text-decoration:underline;}a:hover{opacity:1;-webkit-text-decoration:none;text-decoration:none;}a:visited{color:#ffffff;opacity:0.8;}b,strong{font-weight:bolder;}small,.small{font-size:0.875em;}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:0.25;}</style><style data-emotion="mui-global 1prfaxn">@-webkit-keyframes mui-auto-fill{from{display:block;}}@keyframes mui-auto-fill{from{display:block;}}@-webkit-keyframes mui-auto-fill-cancel{from{display:block;}}@keyframes mui-auto-fill-cancel{from{display:block;}}</style><style data-emotion="mui-global 1sqylvj">:root{--mui-spacing:8px;--mui-shape-borderRadius:4px;--mui-shadows-0:none;--mui-shadows-1:0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);--mui-shadows-2:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);--mui-shadows-3:0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);--mui-shadows-4:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);--mui-shadows-5:0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);--mui-shadows-6:0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);--mui-shadows-7:0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);--mui-shadows-8:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);--mui-shadows-9:0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);--mui-shadows-10:0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);--mui-shadows-11:0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);--mui-shadows-12:0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);--mui-shadows-13:0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);--mui-shadows-14:0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);--mui-shadows-15:0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);--mui-shadows-16:0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);--mui-shadows-17:0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);--mui-shadows-18:0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);--mui-shadows-19:0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);--mui-shadows-20:0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);--mui-shadows-21:0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);--mui-shadows-22:0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);--mui-shadows-23:0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);--mui-shadows-24:0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);--mui-zIndex-mobileStepper:1000;--mui-zIndex-fab:1050;--mui-zIndex-speedDial:1050;--mui-zIndex-appBar:1100;--mui-zIndex-drawer:1200;--mui-zIndex-modal:1300;--mui-zIndex-snackbar:1400;--mui-zIndex-tooltip:1500;--mui-font-h1:500 clamp(1.375rem, 1.375rem + 1.5vw, 2.5rem)/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-h2:500 clamp(1.325rem, 1.325rem + 0.9vw, 2rem)/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-h3:500 clamp(1.3rem, 1.3rem + 0.6vw, 1.75rem)/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-h4:500 clamp(1.275rem, 1.275rem + 0.3vw, 1.5rem)/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-h5:500 1.25rem/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-h6:500 1rem/1.2 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-body1:400 1rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-body2:400 0.875rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-subtitle1:400 1rem/1.75 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-subtitle2:500 0.875rem/1.57 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-caption:400 0.75rem/1.66 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-overline:400 0.75rem/2.66 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-button:700 13px!important/1.75 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--mui-font-inherit:inherit inherit/inherit inherit;}:root{-webkit-print-color-scheme:dark;color-scheme:dark;--mui-palette-background-main:#212529;--mui-palette-background-default:#000000;--mui-palette-background-paper:rgba(255,255,255, 0.02)!important;--mui-palette-background-defaultChannel:0 0 0;--mui-palette-background-paperChannel:255 255 255;--mui-palette-background-mainChannel:33 37 41;--mui-palette-primary-main:#000000;--mui-palette-primary-light:#000000;
1--mui-palette-primary-dark:#000000;--mui-palette-primary-contrastText:#fff;--mui-palette-primary-mainChannel:0 0 0;--mui-palette-primary-lightChannel:0 0 0;--mui-palette-primary-darkChannel:0 0 0;--mui-palette-primary-contrastTextChannel:255 255 255;--mui-palette-secondary-main:#c77dff;--mui-palette-secondary-light:#e0b3ff;--mui-palette-secondary-dark:#9b59b6;--mui-palette-secondary-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-secondary-mainChannel:199 125 255;--mui-palette-secondary-lightChannel:224 179 255;--mui-palette-secondary-darkChannel:155 89 182;--mui-palette-secondary-contrastTextChannel:0 0 0;--mui-palette-discord-main:#5865F2;--mui-palette-discord-light:#7289DA;--mui-palette-discord-dark:#4752C4;--mui-palette-discord-mainChannel:88 101 242;--mui-palette-discord-lightChannel:114 137 218;--mui-palette-discord-darkChannel:71 82 196;--mui-palette-text-primary:#dee2e6;--mui-palette-text-secondary:#dee2e6bf;--mui-palette-text-disabled:rgba(255, 255, 255, 0.5);--mui-palette-text-icon:rgba(255, 255, 255, 0.5);--mui-palette-text-primaryChannel:222 226 230;--mui-palette-text-secondaryChannel:222 226 230;--mui-palette-success-main:#75b798;--mui-palette-success-dark:#0f5132;--mui-palette-success-light:rgb(144, 197, 172);--mui-palette-success-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-success-mainChannel:117 183 152;--mui-palette-success-lightChannel:144 197 172;--mui-palette-success-darkChannel:15 81 50;--mui-palette-success-contrastTextChannel:0 0 0;--mui-palette-warning-main:#ffda6a;--mui-palette-warning-dark:#997404;--mui-palette-warning-light:rgb(255, 225, 135);--mui-palette-warning-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-warning-mainChannel:255 218 106;--mui-palette-warning-lightChannel:255 225 135;--mui-palette-warning-darkChannel:153 116 4;--mui-palette-warning-contrastTextChannel:0 0 0;--mui-palette-error-main:#ea868f;--mui-palette-error-dark:#842029;--mui-palette-error-light:rgb(238, 158, 165);--mui-palette-error-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-error-mainChannel:234 134 143;--mui-palette-error-lightChannel:238 158 165;--mui-palette-error-darkChannel:132 32 41;--mui-palette-error-contrastTextChannel:0 0 0;--mui-palette-info-main:#6edff6;--mui-palette-info-dark:#087990;--mui-palette-info-light:rgb(139, 229, 247);--mui-palette-info-contrastText:rgba(0, 0, 0, 0.87);--mui-palette-info-mainChannel:110 223 246;--mui-palette-info-lightChannel:139 229 247;--mui-palette-info-darkChannel:8 121 144;--mui-palette-info-contrastTextChannel:0 0 0;--mui-palette-divider:#495057;--mui-palette-common-black:#000;--mui-palette-common-white:#fff;--mui-palette-common-background:#000;--mui-palette-common-onBackground:#fff;--mui-palette-common-backgroundChannel:0 0 0;--mui-palette-common-onBackgroundChannel:255 255 255;--mui-palette-grey-50:#fafafa;--mui-palette-grey-100:#f5f5f5;--mui-palette-grey-200:#eeeeee;--mui-palette-grey-300:#e0e0e0;--mui-palette-grey-400:#bdbdbd;--mui-palette-grey-500:#9e9e9e;--mui-palette-grey-600:#757575;--mui-palette-grey-700:#616161;--mui-palette-grey-800:#424242;--mui-palette-grey-900:#212121;--mui-palette-grey-A100:#f5f5f5;--mui-palette-grey-A200:#eeeeee;--mui-palette-grey-A400:#bdbdbd;--mui-palette-grey-A700:#616161;--mui-palette-action-active:#fff;--mui-palette-action-hover:rgba(255, 255, 255, 0.08);--mui-palette-action-hoverOpacity:0.08;--mui-palette-action-selected:rgba(255, 255, 255, 0.16);--mui-palette-action-selectedOpacity:0.16;--mui-palette-action-disabled:rgba(255, 255, 255, 0.3);--mui-palette-action-disabledBackground:rgba(255, 255, 255, 0.12);--mui-palette-action-disabledOpacity:0.38;--mui-palette-action-focus:rgba(255, 255, 255, 0.12);--mui-palette-action-focusOpacity:0.12;--mui-palette-action-activatedOpacity:0.24;--mui-palette-action-activeChannel:255 255 255;--mui-palette-action-selectedChannel:255 255 255;--mui-palette-Alert-errorColor:rgb(248, 216, 219);--mui-palette-Alert-infoColor:rgb(208, 244, 251);--mui-palette-Alert-successColor:rgb(210, 231, 221);--mui-palette-Alert-warningColor:rgb(255, 243, 207);--mui-palette-Alert-errorFilledBg:var(--mui-palette-error-dark, #842029);--mui-palette-Alert-infoFilledBg:var(--mui-palette-info-dark, #087990);--mui-palette-Alert-successFilledBg:var(--mui-palette-success-dark, #0f5132);--mui-palette-Alert-warningFilledBg:var(--mui-palette-warning-dark, #997404);--mui-palette-Alert-errorFilledColor:#fff;--mui-palette-Alert-infoFilledColor:#fff;--mui-palette-Alert-successFilledColor:#fff;--mui-palette-Alert-warningFilledColor:#fff;--mui-palette-Alert-errorStandardBg:rgb(23, 15, 16);--mui-palette-Alert-infoStandardBg:rgb(13, 22, 24);--mui-palette-Alert-successStandardBg:rgb(14, 19, 17);--mui-palette-Alert-warningStandardBg:rgb(25, 22, 13);--mui-palette-Alert-errorIconColor:var(--mui-palette-error-main, #ea868f);--mui-palette-Alert-infoIconColor:var(--mui-palette-info-main, #6edff6);--mui-palette-Alert-successIconColor:var(--mui-palette-success-main, #75b798);--mui-palette-Alert-warningIconColor:var(--mui-palette-warning-main, #ffda6a);--mui-palette-AppBar-defaultBg:var(--mui-palette-grey-900, #212121);--mui-palette-Avatar-defaultBg:var(--mui-palette-grey-600, #757575);
1--mui-palette-Button-inheritContainedBg:var(--mui-palette-grey-800, #424242);--mui-palette-Button-inheritContainedHoverBg:var(--mui-palette-grey-700, #616161);--mui-palette-Chip-defaultBorder:var(--mui-palette-grey-700, #616161);--mui-palette-Chip-defaultAvatarColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-Chip-defaultIconColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-FilledInput-bg:rgba(255, 255, 255, 0.09);--mui-palette-FilledInput-hoverBg:rgba(255, 255, 255, 0.13);--mui-palette-FilledInput-disabledBg:rgba(255, 255, 255, 0.12);--mui-palette-LinearProgress-primaryBg:rgb(0, 0, 0);--mui-palette-LinearProgress-secondaryBg:rgb(99, 62, 127);--mui-palette-LinearProgress-errorBg:rgb(117, 67, 71);--mui-palette-LinearProgress-infoBg:rgb(55, 111, 123);--mui-palette-LinearProgress-successBg:rgb(58, 91, 76);--mui-palette-LinearProgress-warningBg:rgb(127, 109, 53);--mui-palette-Skeleton-bg:rgba(var(--mui-palette-text-primaryChannel, undefined) / 0.13);--mui-palette-Slider-primaryTrack:rgb(0, 0, 0);--mui-palette-Slider-secondaryTrack:rgb(99, 62, 127);--mui-palette-Slider-errorTrack:rgb(117, 67, 71);--mui-palette-Slider-infoTrack:rgb(55, 111, 123);--mui-palette-Slider-successTrack:rgb(58, 91, 76);--mui-palette-Slider-warningTrack:rgb(127, 109, 53);--mui-palette-SnackbarContent-bg:rgb(249, 249, 249);--mui-palette-SnackbarContent-color:rgba(0, 0, 0, 0.87);--mui-palette-SpeedDialAction-fabHoverBg:rgba(216, 216, 216, 0.02);--mui-palette-StepConnector-border:var(--mui-palette-grey-600, #757575);--mui-palette-StepContent-border:var(--mui-palette-grey-600, #757575);--mui-palette-Switch-defaultColor:var(--mui-palette-grey-300, #e0e0e0);--mui-palette-Switch-defaultDisabledColor:var(--mui-palette-grey-600, #757575);--mui-palette-Switch-primaryDisabledColor:rgb(0, 0, 0);--mui-palette-Switch-secondaryDisabledColor:rgb(89, 56, 114);--mui-palette-Switch-errorDisabledColor:rgb(105, 60, 64);--mui-palette-Switch-infoDisabledColor:rgb(49, 100, 110);--mui-palette-Switch-successDisabledColor:rgb(52, 82, 68);--mui-palette-Switch-warningDisabledColor:rgb(114, 98, 47);--mui-palette-TableCell-border:rgba(23, 25, 27, 1);--mui-palette-Tooltip-bg:rgba(97, 97, 97, 0.92);--mui-palette-dividerChannel:73 80 87;--mui-opacity-inputPlaceholder:0.5;--mui-opacity-inputUnderline:0.7;--mui-opacity-switchTrackDisabled:0.2;--mui-opacity-switchTrack:0.3;--mui-overlays-0:none;--mui-overlays-1:linear-gradient(rgba(255 255 255 / 0.051), rgba(255 255 255 / 0.051));--mui-overlays-2:linear-gradient(rgba(255 255 255 / 0.069), rgba(255 255 255 / 0.069));--mui-overlays-3:linear-gradient(rgba(255 255 255 / 0.082), rgba(255 255 255 / 0.082));--mui-overlays-4:linear-gradient(rgba(255 255 255 / 0.092), rgba(255 255 255 / 0.092));--mui-overlays-5:linear-gradient(rgba(255 255 255 / 0.101), rgba(255 255 255 / 0.101));--mui-overlays-6:linear-gradient(rgba(255 255 255 / 0.108), rgba(255 255 255 / 0.108));--mui-overlays-7:linear-gradient(rgba(255 255 255 / 0.114), rgba(255 255 255 / 0.114));--mui-overlays-8:linear-gradient(rgba(255 255 255 / 0.119), rgba(255 255 255 / 0.119));--mui-overlays-9:linear-gradient(rgba(255 255 255 / 0.124), rgba(255 255 255 / 0.124));--mui-overlays-10:linear-gradient(rgba(255 255 255 / 0.128), rgba(255 255 255 / 0.128));--mui-overlays-11:linear-gradient(rgba(255 255 255 / 0.132), rgba(255 255 255 / 0.132));--mui-overlays-12:linear-gradient(rgba(255 255 255 / 0.135), rgba(255 255 255 / 0.135));--mui-overlays-13:linear-gradient(rgba(255 255 255 / 0.139), rgba(255 255 255 / 0.139));--mui-overlays-14:linear-gradient(rgba(255 255 255 / 0.142), rgba(255 255 255 / 0.142));--mui-overlays-15:linear-gradient(rgba(255 255 255 / 0.145), rgba(255 255 255 / 0.145));--mui-overlays-16:linear-gradient(rgba(255 255 255 / 0.147), rgba(255 255 255 / 0.147));--mui-overlays-17:linear-gradient(rgba(255 255 255 / 0.15), rgba(255 255 255 / 0.15));--mui-overlays-18:linear-gradient(rgba(255 255 255 / 0.152), rgba(255 255 255 / 0.152));--mui-overlays-19:linear-gradient(rgba(255 255 255 / 0.155), rgba(255 255 255 / 0.155));--mui-overlays-20:linear-gradient(rgba(255 255 255 / 0.157), rgba(255 255 255 / 0.157));--mui-overlays-21:linear-gradient(rgba(255 255 255 / 0.159), rgba(255 255 255 / 0.159));--mui-overlays-22:linear-gradient(rgba(255 255 255 / 0.161), rgba(255 255 255 / 0.161));--mui-overlays-23:linear-gradient(rgba(255 255 255 / 0.163), rgba(255 255 255 / 0.163));--mui-overlays-24:linear-gradient(rgba(255 255 255 / 0.165), rgba(255 255 255 / 0.165));--mui-palette-AppBar-darkBg:var(--mui-palette-background-paper, rgba(255,255,255, 0.02) !important);--mui-palette-AppBar-darkColor:var(--mui-palette-text-primary, #dee2e6);}</style><style data-emotion="mui 72qoxv 1przmbd cqblnh 1tu59u4 1kw0ket l1abcc nto4o6 1x8spqg 15w2vjn 1wbt3rf 0 1rzr0wq ve9q7h 1g78ho2 sp0z7q 1k4jagn 1wiiz7e bwl5ad 1r6a4md po4zxw 1x8b5wj uq4xup zowvql 1ssh1vm 1s1llov x0cmy 1kqoggs 1w3imdp dd05qe 1bl9ma3 w4cd9x 1tvbnga hlaccr 1oco6u7 cveorv n7nrgk 1m0tf1 1joc3o6 1a3docd rxjgtn 8o7k42 1f3at1o 1yn35xk 53z1dg 14fpvj3 mtwe15 1r8e29u 181pzvj 1ar8wvk 1yb5fmn 15rkzv5 1w3ufwa 13xh8n9 ty812g 15v0q51 25mqhm l2qk8f bdr7qj 7amwnl 18rq4cj w7oica 12f2gma 177dkdp 2aa06p r09krs 2tjepw 14rgst9 1bmqite 1q64ni9 1kidcgk bpqih 3kgr9s 1abrr79 14azgab j3dxt2 188f6t1 13fbmcm 1rdorde 4toemm 1vjuyo5 1di8bv7 jpvdkc 1h4i270 1d2wd8l z8asqr a4ihgr depviu d2o3oc t8aqrt 10h8wzf zopi6c wvbion dq6h5y u1mpai pm1js0 1kxdjqo jbxai4 125cx1y 531q7k hcl51y 1kq0or6 h5h7i0 1cnpd5v 16xdokm knucks 104ydzb 1f525bc uqrffp 1h2nye6 1siv2hp lpf57a 1iuwxj9 1lau8xi xz9ete 10v3jd1 1iu4g2o in67og bgh0yo 1nfgpsw 1k2o3f0 1nhprif 12dasgk 1u43i06 6rj6ya 1fzidxj 87yksb 19vjq82 4c05xi n9iqp8 102tcdj rwk876 10kec9y 1emsyb3 o3wuc6 l55s9c d0d8er 32wnm6 1es9xpb 1pf3trq s9vo95 1pw2ev9 1t8dvm7 15cwd8h 98n11k 166mr82 gf1pf4 qnwdoa 1ducgkx f0lxqi 1ts5p7l 19p6f1 1qg28yq 1smxzif 1krvdao unmoq7 1o9ib45 1n7ypht i9gxme 1kth8e0 1xq3eom 1ikzn8 181tk0k 1ymflz7 150iidm 11zblsi z699kw 1i31qzw 1i6b8dn y3597y 1ge4ozr 16l6yfr fl575a 1crppaj leak14 4e9ivi j2as55 m
16d895 17j8jf4 54xfij 1x1hih0 lwflgf xdrg7u">.mui-72qoxv{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:fixed;z-index:var(--mui-zIndex-appBar);top:0;left:auto;right:0;--AppBar-background:var(--mui-palette-primary-main);--AppBar-color:var(--mui-palette-primary-contrastText);background-color:var(--mui-palette-AppBar-darkBg, var(--AppBar-background));color:var(--mui-palette-AppBar-darkColor, var(--AppBar-color));background-color:#212529;color:#dee2e6;border-color:#495057;padding-right:0!important;background-color:transparent;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}@media print{.mui-72qoxv{position:absolute;}}.mui-1przmbd{background-color:var(--mui-palette-background-paper);color:var(--mui-palette-text-primary);-webkit-transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;box-shadow:var(--Paper-shadow);background-image:var(--Paper-overlay);background-color:#343a40;color:#dee2e6;border-color:#495057;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:fixed;z-index:var(--mui-zIndex-appBar);top:0;left:auto;right:0;--AppBar-background:var(--mui-palette-primary-main);--AppBar-color:var(--mui-palette-primary-contrastText);background-color:var(--mui-palette-AppBar-darkBg, var(--AppBar-background));color:var(--mui-palette-AppBar-darkColor, var(--AppBar-color));background-color:#212529;color:#dee2e6;border-color:#495057;padding-right:0!important;background-color:transparent;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}@media print{.mui-1przmbd{position:absolute;}}.mui-cqblnh{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(2 * var(--mui-spacing));padding-right:calc(2 * var(--mui-spacing));min-height:56px;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}@media (min-width:576px){.mui-cqblnh{padding-left:calc(3 * var(--mui-spacing));padding-right:calc(3 * var(--mui-spacing));}}@media (min-width:0px){@media (orientation: landscape){.mui-cqblnh{min-height:48px;}}}@media (min-width:576px){.mui-cqblnh{min-height:64px;}}.mui-1tu59u4{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}.mui-1kw0ket{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;}@media (min-width:0px){.mui-1kw0ket{display:block;}}@media (min-width:768px){.mui-1kw0ket{display:none;}}.mui-l1abcc{gap:var(--mui-spacing);-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}@media (min-width:0px){.mui-l1abcc{display:none;}}@media (min-width:768px){.mui-l1abcc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}.mui-nto4o6{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);
1--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;opacity:0.78;color:#dee2e6;font-size:17px!important;text-transform:none;font-weight:400;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;padding:0px 18px!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-style:normal;}.mui-nto4o6:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-nto4o6.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-nto4o6:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-nto4o6.MuiButton-loading{color:transparent;}.mui-nto4o6.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-nto4o6.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-nto4o6.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-nto4o6.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-nto4o6.MuiButton-textDiscord{color:#5865F2;}.mui-nto4o6.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-nto4o6.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-nto4o6.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-nto4o6:hover{color:#dee2e6;}.mui-nto4o6:hover{background-color:rgba(0, 0, 0, 0.08);}.mui-1x8spqg{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);
1--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;opacity:0.78;color:#dee2e6;font-size:17px!important;text-transform:none;font-weight:400;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;padding:0px 18px!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-style:normal;}.mui-1x8spqg::-moz-focus-inner{border-style:none;}.mui-1x8spqg.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-1x8spqg{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-1x8spqg:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1x8spqg.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-1x8spqg:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1x8spqg.MuiButton-loading{color:transparent;}.mui-1x8spqg.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1x8spqg.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1x8spqg.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1x8spqg.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1x8spqg.MuiButton-textDiscord{color:#5865F2;}.mui-1x8spqg.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1x8spqg.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1x8spqg.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1x8spqg:hover{color:#dee2e6;}.mui-1x8spqg:hover{background-color:rgba(0, 0, 0, 0.08);}.mui-15w2vjn{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;opacity:1;color:#dee2e6;font-size:17px!important;text-transform:none;font-weight:600;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;padding:0px 18px!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-style:normal;}.mui-15w2vjn:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-15w2vjn.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-15w2vjn:hover{--variant-containedBg:var
1(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-15w2vjn.MuiButton-loading{color:transparent;}.mui-15w2vjn.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-15w2vjn.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-15w2vjn.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-15w2vjn.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-15w2vjn.MuiButton-textDiscord{color:#5865F2;}.mui-15w2vjn.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-15w2vjn.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-15w2vjn.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-15w2vjn:hover{color:#dee2e6;}.mui-15w2vjn:hover{background-color:rgba(0, 0, 0, 0.08);}.mui-1wbt3rf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;opacity:1;color:#dee2e6;font-size:17px!important;text-transform:none;font-weight:600;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;padding:0px 18px!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-style:normal;}.mui-1wbt3rf::-moz-focus-inner{border-style:none;}.mui-1wbt3rf.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-1wbt3rf{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-1wbt3rf:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1wbt3rf.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-1wbt3rf:hover{--variant-containedBg:var
1(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1wbt3rf.MuiButton-loading{color:transparent;}.mui-1wbt3rf.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1wbt3rf.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1wbt3rf.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1wbt3rf.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1wbt3rf.MuiButton-textDiscord{color:#5865F2;}.mui-1wbt3rf.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1wbt3rf.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1wbt3rf.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1wbt3rf:hover{color:#dee2e6;}.mui-1wbt3rf:hover{background-color:rgba(0, 0, 0, 0.08);}.mui-1rzr0wq{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;opacity:0.78;color:#dee2e6;font-size:17px!important;text-transform:none;font-weight:400;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;padding:0px 18px!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.mui-1rzr0wq:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1rzr0wq.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-1rzr0wq:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1rzr0wq.MuiButton-loading{color:transparent;}.mui-1rzr0wq.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1rzr0wq.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1rzr0wq.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1rzr0wq.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1rzr0wq.MuiButton-textDiscord{color:#5865F2;}.mui-1rzr0wq.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1rzr0wq.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1rzr0wq.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1rzr0wq:hover{color:#dee2e6;}.mui-1rzr0wq:hover{background-color:rgba(0, 0, 0, 0.08);}.mui-ve9q7h{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;opacity:0.78;color:#dee2e6;font-size:17px!important;text-transform:none;font-weight:400;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;padding:0px 18px!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.mui-ve9q7h::-moz-focus-inner{border-style:none;}.mui-ve9q7h.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-ve9q7h{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-ve9q7h:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-ve9q7h.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-ve9q7h:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-ve9q7h.MuiButton-loading{color:transparent;}.mui-ve9q7h.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-ve9q7h.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-ve9q7h.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-ve9q7h.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-ve9q7h.MuiButton-textDiscord{color:#5865F2;}.mui-ve9q7h.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-ve9q7h.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-ve9q7h.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-ve9q7h:hover{color:#dee2e6;}.mui-ve9q7h:hover{background-color:rgba(0, 0, 0, 0.08);}.mui-1g78ho2{display:inherit;margin-right:-4px;margin-left:8px;}.mui-1g78ho2>*:nth-of-type(1){font-size:20px;}.mui-sp0z7q{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;font-size:16px;}.mui-1k4jagn{padding:0px!important;margin-top:calc(2 * var(--mui-spacing));}.mui-1k4jagn .MuiPaper-root{min-width:280px;background-color:#000000;}.mui-1k4jagn .MuiList-root{padding:0px!important;}.mui-1k4jagn .MuiList-root .MuiButtonBase-root:first-child{padding-top:10px!important;}.mui-1k4jagn .MuiList-root .MuiButtonBase-root:last-child{padding-bottom:15px!important;}.mui-1wiiz7e{padding:0px!important;margin-top:calc(2 * var(--mui-spacing));}.mui-1wiiz7e .MuiPaper-root{min-width:280px;background-color:#000000;}.mui-1wiiz7e .MuiList-root{padding:0px!important;}.mui-1wiiz7e .MuiList-root .MuiButtonBase-root:first-child{padding-top:10px!important;}.mui-1wiiz7e .MuiList-root .MuiButtonBase-root:last-child{padding-bottom:15px!important;}.mui-bwl5ad{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:calc(2 * var(--mui-spacing));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.mui-1r6a4md{position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;visibility:visible;pointer-events:auto;}@media (min-width:0px){.mui-1r6a4md{display:none;}}@media (min-width:992px){.mui-1r6a4md{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}
1.mui-po4zxw{width:200px;-webkit-transition:width 0.2s ease;transition:width 0.2s ease;margin-top:0;margin-bottom:0;}.mui-po4zxw .MuiOutlinedInput-root{background-color:#212529;}.mui-po4zxw .MuiOutlinedInput-root fieldset{border-color:#495057;}.mui-po4zxw .MuiOutlinedInput-root:hover fieldset{border-color:#6ea8fe;}.mui-po4zxw .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#6ea8fe;}.mui-po4zxw .MuiInputLabel-root{color:#dee2e6bf;}.mui-po4zxw .MuiOutlinedInput-input{color:#dee2e6;}.mui-po4zxw .MuiOutlinedInput-root{height:36px;border-radius:18px;background-color:rgba(255, 255, 255, 0.04);border:1px solid rgba(255, 255, 255, 0.1);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}.mui-po4zxw .MuiOutlinedInput-root:hover{background-color:rgba(255, 255, 255, 0.08);border-color:rgba(255, 255, 255, 0.2);}.mui-po4zxw .MuiOutlinedInput-root.Mui-focused{background-color:rgba(255, 255, 255, 0.1);border-color:rgba(199, 125, 255, 0.6);}.mui-po4zxw .MuiOutlinedInput-root fieldset{border:none;}.mui-po4zxw .MuiInputBase-input{font-size:14px;padding:8px 0;}.mui-po4zxw .MuiInputBase-input::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.5);opacity:1;}.mui-po4zxw .MuiInputBase-input::-moz-placeholder{color:rgba(255, 255, 255, 0.5);opacity:1;}.mui-po4zxw .MuiInputBase-input:-ms-input-placeholder{color:rgba(255, 255, 255, 0.5);opacity:1;}.mui-po4zxw .MuiInputBase-input::placeholder{color:rgba(255, 255, 255, 0.5);opacity:1;}.mui-po4zxw .MuiInputBase-root{margin-top:0;margin-bottom:0;}.mui-1x8b5wj{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;min-width:0;padding:0;margin:0;border:0;vertical-align:top;width:200px;-webkit-transition:width 0.2s ease;transition:width 0.2s ease;margin-top:0;margin-bottom:0;}.mui-1x8b5wj .MuiOutlinedInput-root{background-color:#212529;}.mui-1x8b5wj .MuiOutlinedInput-root fieldset{border-color:#495057;}.mui-1x8b5wj .MuiOutlinedInput-root:hover fieldset{border-color:#6ea8fe;}.mui-1x8b5wj .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#6ea8fe;}.mui-1x8b5wj .MuiInputLabel-root{color:#dee2e6bf;}.mui-1x8b5wj .MuiOutlinedInput-input{color:#dee2e6;}.mui-1x8b5wj .MuiOutlinedInput-root{height:36px;border-radius:18px;background-color:rgba(255, 255, 255, 0.04);border:1px solid rgba(255, 255, 255, 0.1);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}.mui-1x8b5wj .MuiOutlinedInput-root:hover{background-color:rgba(255, 255, 255, 0.08);border-color:rgba(255, 255, 255, 0.2);}.mui-1x8b5wj .MuiOutlinedInput-root.Mui-focused{background-color:rgba(255, 255, 255, 0.1);border-color:rgba(199, 125, 255, 0.6);}.mui-1x8b5wj .MuiOutlinedInput-root fieldset{border:none;}.mui-1x8b5wj .MuiInputBase-input{font-size:14px;padding:8px 0;}.mui-1x8b5wj .MuiInputBase-input::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.5);opacity:1;}.mui-1x8b5wj .MuiInputBase-input::-moz-placeholder{color:rgba(255, 255, 255, 0.5);opacity:1;}.mui-1x8b5wj .MuiInputBase-input:-ms-input-placeholder{color:rgba(255, 255, 255, 0.5);opacity:1;}.mui-1x8b5wj .MuiInputBase-input::placeholder{color:rgba(255, 255, 255, 0.5);opacity:1;}.mui-1x8b5wj .MuiInputBase-root{margin-top:0;margin-bottom:0;}.mui-uq4xup{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;line-height:1.4375em;margin-bottom:1rem;color:var(--mui-palette-text-primary);box-sizing:border-box;position:relative;cursor:text;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border-radius:var(--mui-shape-borderRadius);padding-left:14px;padding-right:14px;}.mui-uq4xup.Mui-disabled{color:var(--mui-palette-text-disabled);cursor:default;}.mui-uq4xup:hover .MuiOutlinedInput-notchedOutline{border-color:var(--mui-palette-text-primary);}@media (hover: none){.mui-uq4xup:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(var(--mui-palette-common-onBackgroun
1dChannel) / 0.23);}}.mui-uq4xup.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:2px;}.mui-uq4xup.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--mui-palette-primary-main);}.mui-uq4xup.Mui-error .MuiOutlinedInput-notchedOutline{border-color:var(--mui-palette-error-main);}.mui-uq4xup.Mui-disabled .MuiOutlinedInput-notchedOutline{border-color:var(--mui-palette-action-disabled);}.mui-zowvql{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-height:2em;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;color:var(--mui-palette-action-active);margin-right:8px;}.mui-1ssh1vm{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.4285714285714284rem;color:rgba(255, 255, 255, 0.5);-webkit-transition:color 0.2s ease;transition:color 0.2s ease;}.mui-1s1llov{font:inherit;letter-spacing:inherit;color:currentColor;padding:4px 0 5px;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;-webkit-animation-name:mui-auto-fill-cancel;animation-name:mui-auto-fill-cancel;-webkit-animation-duration:10ms;animation-duration:10ms;padding-top:1px;padding:16.5px 14px;padding:8.5px 14px;padding-left:0;padding-right:0;}.mui-1s1llov::-webkit-input-placeholder{color:currentColor;opacity:var(--mui-opacity-inputPlaceholder);-webkit-transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}.mui-1s1llov::-moz-placeholder{color:currentColor;opacity:var(--mui-opacity-inputPlaceholder);-webkit-transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}.mui-1s1llov::-ms-input-placeholder{color:currentColor;opacity:var(--mui-opacity-inputPlaceholder);-webkit-transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}.mui-1s1llov:focus{outline:0;}.mui-1s1llov:invalid{box-shadow:none;}.mui-1s1llov::-webkit-search-decoration{-webkit-appearance:none;}label[data-shrink=false]+.MuiInputBase-formControl .mui-1s1llov::-webkit-input-placeholder{opacity:0!important;}label[data-shrink=false]+.MuiInputBase-formControl .mui-1s1llov::-moz-placeholder{opacity:0!important;}label[data-shrink=false]+.MuiInputBase-formControl .mui-1s1llov::-ms-input-placeholder{opacity:0!important;}label[data-shrink=false]+.MuiInputBase-formControl .mui-1s1llov:focus::-webkit-input-placeholder{opacity:var(--mui-opacity-inputPlaceholder);}label[data-shrink=false]+.MuiInputBase-formControl .mui-1s1llov:focus::-moz-placeholder{opacity:var(--mui-opacity-inputPlaceholder);}label[data-shrink=false]+.MuiInputBase-formControl .mui-1s1llov:focus::-ms-input-placeholder{opacity:var(--mui-opacity-inputPlaceholder);}.mui-1s1llov.Mui-disabled{opacity:1;-webkit-text-fill-color:var(--mui-palette-text-disabled);}.mui-1s1llov:-webkit-autofill{-webkit-animation-duration:5000s;animation-duration:5000s;-webkit-animation-name:mui-auto-fill;animation-name:mui-auto-fill;}.mui-1s1llov:-webkit-autofill{border-radius:inherit;}.mui-1s1llov:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #266798 inset;-webkit-text-fill-color:#fff;caret-color:#fff;}.mui-x0cmy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-height:2em;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;color:var(--mui-palette-action-active);margin-left:8px;}.mui-1kqoggs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(0.25 * var(--mui-spacing));font-size:11px;color:rgba(255, 255, 255, 0.35);font-family:inherit;margin-right:calc(-0.5 * var(--mui-spacing));}.mui-1w3imdp{padding-left:calc(0.5 * var(--mui-spacing));padding-right:calc(0.5 * var(--mui-spacing));padding-top:calc(0.25 * var(--mui-spacing));padding-bottom:calc(0.25 * var(--mui-spacing));border-radius:4px;background-color:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.1);font-size:10px;line-height:1;}.mui-dd05qe{border-color:rgba(var(--mui-palette-common-onBackgroun
1dChannel) / 0.23);}.mui-1bl9ma3{text-align:left;position:absolute;bottom:0;right:0;top:-5px;left:0;margin:0;padding:0 8px;pointer-events:none;border-radius:inherit;border-style:solid;border-width:1px;overflow:hidden;min-width:0%;border-color:rgba(var(--mui-palette-common-onBackgroundChannel) / 0.23);}.mui-w4cd9x{float:unset;width:auto;overflow:hidden;padding:0;line-height:11px;-webkit-transition:width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;transition:width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;}.mui-1tvbnga{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:calc(2 * var(--mui-spacing));zoom:0.8;}@media (min-width:0px){.mui-1tvbnga{display:none;}}@media (min-width:768px){.mui-1tvbnga{display:block;}}.mui-hlaccr{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;font-size:14px!important;text-transform:none;color:#dee2e6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px!important;min-width:auto;opacity:1;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;}.mui-hlaccr:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-hlaccr.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-hlaccr:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-hlaccr.MuiButton-loading{color:transparent;}.mui-hlaccr.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-hlaccr.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-hlaccr.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-hlaccr.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-hlaccr.MuiButton-textDiscord{color:#5865F2;}.mui-hlaccr.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-hlaccr.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-hlaccr.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-hlaccr:hover{color:#dee2e6;}.mui-hlaccr:hover{opacity:1;}
1.mui-1oco6u7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;font-size:14px!important;text-transform:none;color:#dee2e6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px!important;min-width:auto;opacity:1;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out;}.mui-1oco6u7::-moz-focus-inner{border-style:none;}.mui-1oco6u7.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-1oco6u7{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-1oco6u7:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1oco6u7.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-1oco6u7:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1oco6u7.MuiButton-loading{color:transparent;}.mui-1oco6u7.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1oco6u7.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1oco6u7.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1oco6u7.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1oco6u7.MuiButton-textDiscord{color:#5865F2;}.mui-1oco6u7.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1oco6u7.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1oco6u7.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1oco6u7:hover{color:#dee2e6;}.mui-1oco6u7:hover{opacity:1;}.mui-cveorv{display:inherit;margin-right:8px;margin-left:-4px;}.mui-cveorv>*:nth-of-type(1){font-size:20px;}.mui-n7nrgk{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;font-size:18px;}.mui-1m0tf1{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}@media (min-width:0px){.mui-1m0tf1{display:none;}}@media (min-width:768px){.mui-1m0tf1{display:block;}}.mui-1joc3o6{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:5px 15px;border:1px solid currentColor;border-color:var(--variant-outlinedBorder, currentColor);background-color:var(--variant-outlinedBg);color:var(--variant-outlinedColor);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);
1--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:uppercase;-webkit-text-decoration:none!important;text-decoration:none!important;font-weight:400;font-size:13px;letter-spacing:0.65px;padding:6px 15px!important;height:33.5px;min-width:104.922px;border-radius:30px;border:1px solid #c77dff;color:#c77dff!important;background-color:transparent;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:19.5px;-webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}.mui-1joc3o6:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1joc3o6.Mui-disabled{color:var(--mui-palette-action-disabled);}.mui-1joc3o6.Mui-disabled{border:1px solid var(--mui-palette-action-disabledBackground);}@media (hover: hover){.mui-1joc3o6:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1joc3o6.MuiButton-loading{color:transparent;}.mui-1joc3o6.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1joc3o6.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1joc3o6.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1joc3o6.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1joc3o6.MuiButton-textDiscord{color:#5865F2;}.mui-1joc3o6.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1joc3o6.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1joc3o6.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1joc3o6:hover{background-color:#c77dff;color:#000000!important;border-color:#c77dff;}.mui-1a3docd{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:5px 15px;border:1px solid currentColor;border-color:var(--variant-outlinedBorder, currentColor);background-color:var(--variant-outlinedBg);color:var(--variant-outlinedColor);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);
1--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:uppercase;-webkit-text-decoration:none!important;text-decoration:none!important;font-weight:400;font-size:13px;letter-spacing:0.65px;padding:6px 15px!important;height:33.5px;min-width:104.922px;border-radius:30px;border:1px solid #c77dff;color:#c77dff!important;background-color:transparent;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:19.5px;-webkit-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;}.mui-1a3docd::-moz-focus-inner{border-style:none;}.mui-1a3docd.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-1a3docd{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-1a3docd:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1a3docd.Mui-disabled{color:var(--mui-palette-action-disabled);}.mui-1a3docd.Mui-disabled{border:1px solid var(--mui-palette-action-disabledBackground);}@media (hover: hover){.mui-1a3docd:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1a3docd.MuiButton-loading{color:transparent;}.mui-1a3docd.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1a3docd.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1a3docd.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1a3docd.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1a3docd.MuiButton-textDiscord{color:#5865F2;}.mui-1a3docd.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1a3docd.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1a3docd.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1a3docd:hover{background-color:#c77dff;color:#000000!important;border-color:#c77dff;}.mui-rxjgtn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;height:16px;margin-top:2px;}.mui-8o7k42{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}@media (min-width:0px){.mui-8o7k42{display:block;}}@media (min-width:768px){.mui-8o7k42{display:none;}}.mui-1f3at1o{text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.7142857142857142rem;padding:8px;border-radius:50%;color:var(--mui-palette-action-active);-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;--IconButton-hoverBg:rgba(var(--mui-palette-action-activeChannel) / calc(var(--mui-palette-action-hoverOpacity)));margin-right:-12px;color:inherit;color:#dee2e6;}.mui-1f3at1o:hover{background-color:var(--IconButton-hoverBg);}@media (hover: none){.mui-1f3at1o:hover{background-color:transparent;}}.mui-1f3at1o.Mui-disabled{background-color:transparent;color:var(--mui-palette-action-disabled);}.mui-1f3at1o.MuiIconButton-loading{color:transparent;}.mui-1yn35xk{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.7142857142857142rem;padding:8px;border-radius:50%;color:var(--mui-palette-action-active);-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;--IconButton-hoverBg:rgba(var(--mui-palette-action-activeChannel) / calc(var(--mui-palette-action-hoverOpacity)));margin-right:-12px;color:inherit;color:#dee2e6;}.mui-1yn35xk::-moz-focus-inner{border-style:none;}.mui-1yn35xk.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-1yn35xk{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-1yn35xk:hover{background-color:var(--IconButton-hoverBg);}@media (hover: none){.mui-1yn35xk:hover{background-color:transparent;}}.mui-1yn35xk.Mui-disabled{background-color:transparent;color:var(--mui-palette-action-disabled);}.mui-1yn35xk.MuiIconButton-loading{color:transparent;}.mui-53z1dg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;}.mui-14fpvj3{z-index:var(--mui-zIndex-drawer);}.mui-14fpvj3 .MuiDrawer-paper{width:100%;background-color:#000000;color:#dee2e6;}.mui-mtwe15{background-color:#0a0a0a;color:#dee2e6;padding-top:calc(8 * var(--mui-spacing));padding-bottom:calc(4 * var(--mui-spacing));border-top:1px solid rgba(222, 226, 230, 0.1);position:relative;z-index:200;}.mui-1r8e29u{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;padding-left:calc(2 * var(--mui-spacing));padding-right:calc(2 * var(--mui-spacing));}@media (min-width:576px){.mui-1r8e29u{padding-left:calc(3 * var(--mui-spacing));padding-right:calc(3 * var(--mui-spacing));}}@media (min-width:992px){.mui-1r8e29u{max-width:992px;}}.mui-181pzvj{display:grid;gap:calc(6 * var(--mui-spacing));}@media (min-width:0px){.mui-181pzvj{grid-template-columns:1fr;}}@media (min-width:768px){.mui-181pzvj{grid-template-columns:1fr 1fr;}}@media (min-width:992px){.mui-181pzvj{grid-template-columns:1fr 1fr;}}.mui-1ar8wvk{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#ffffff;font-weight:600;margin-bottom:calc(3 * var(--mui-spacing));}.mui-1ar8wvk.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1ar8wvk.MuiLink-root:hover{opacity:1;}.mui-1ar8wvk.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1yb5fmn{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#dee2e6;color:#dee2e6;margin-bottom:calc(4 * var(--mui-spacing));font-size:1.1rem;}.mui-1yb5fmn.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1yb5fmn.MuiLink-root:hover{opacity:1;}.mui-1yb5fmn.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-15rkzv5{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#ffffff;font-weight:500;margin-bottom:calc(2 * var(--mui-spacing));}.mui-15rkzv5.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-15rkzv5.MuiLink-root:hover{opacity:1;}.mui-15rkzv5.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1w3ufwa{margin-bottom:calc(3 * var(--mui-spacing));}.mui-13xh8n9{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;margin-bottom:var(--mui-spacing);}.mui-13xh8n9:hover{text-decoration-color:inherit;}.mui-13xh8n9:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-13xh8n9:visited{color:#dee2e6;}.mui-13xh8n9:hover{color:#ffffff;}.mui-ty812g{margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--mui-palette-primary-main);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;margin-bottom:var(--mui-spacing);}.mui-ty812g.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-ty812g.MuiLink-root:hover{opacity:1;}.mui-ty812g.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-ty812g:hover{text-decoration-color:inherit;}.mui-ty812g:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-ty812g:visited{color:#dee2e6;}.mui-ty812g:hover{color:#ffffff;}.mui-15v0q51{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;color:rgba(222, 226, 230, 0.7);margin-bottom:calc(2 * var(--mui-spacing));margin-left:calc(2 * var(--mui-spacing));}.mui-15v0q51.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-15v0q51.MuiLink-root:hover{opacity:1;}.mui-15v0q51.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-25mqhm{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;color:rgba(222, 226, 230, 0.7);margin-left:calc(2 * var(--mui-spacing));}.mui-25mqhm.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-25mqhm.MuiLink-root:hover{opacity:1;}.mui-25mqhm.MuiLink-root:visited{color:#ffffff;opacity:0.8;}
1.mui-l2qk8f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--mui-spacing);}.mui-bdr7qj{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;margin-right:var(--mui-spacing);font-size:20px;}.mui-7amwnl{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;color:#dee2e6;}.mui-7amwnl.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-7amwnl.MuiLink-root:hover{opacity:1;}.mui-7amwnl.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-18rq4cj{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#ffffff;font-weight:500;margin-bottom:calc(3 * var(--mui-spacing));}.mui-18rq4cj.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-18rq4cj.MuiLink-root:hover{opacity:1;}.mui-18rq4cj.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-w7oica{width:100%;overflow:hidden;padding-bottom:calc(5 * var(--mui-spacing));}@media (min-width:0px){.mui-w7oica{height:300px;}}@media (min-width:768px){.mui-w7oica{height:-webkit-fill-available;}}.mui-12f2gma{background-color:#000000;color:#dee2e6;padding-top:calc(3 * var(--mui-spacing));padding-bottom:calc(6 * var(--mui-spacing));border-top:1px solid rgba(222, 226, 230, 0.1);position:relative;z-index:200;}.mui-177dkdp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:calc(2 * var(--mui-spacing));text-transform:uppercase;}.mui-2aa06p{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;color:rgba(222, 226, 230, 0.8);}.mui-2aa06p.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-2aa06p.MuiLink-root:hover{opacity:1;}.mui-2aa06p.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-2aa06p{-webkit-order:3;-ms-flex-order:3;order:3;width:100%;text-align:center;}}@media (min-width:992px){.mui-2aa06p{-webkit-order:1;-ms-flex-order:1;order:1;width:auto;text-align:left;}}.mui-r09krs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;gap:calc(3 * var(--mui-spacing));-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}@media (min-width:0px){.mui-r09krs{-webkit-order:1;-ms-flex-order:1;order:1;}}@media (min-width:992px){.mui-r09krs{-webkit-order:2;-ms-flex-order:2;order:2;}}.mui-2tjepw{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.mui-2tjepw:hover{text-decoration-color:inherit;}.mui-2tjepw:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-2tjepw:visited{color:#dee2e6;}.mui-2tjepw:hover{color:#ffffff;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}.mui-14rgst9{margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--mui-palette-primary-main);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.mui-14rgst9.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-14rgst9.MuiLink-root:hover{opacity:1;}.mui-14rgst9.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-14rgst9:hover{text-decoration-color:inherit;}.mui-14rgst9:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-14rgst9:visited{color:#dee2e6;}.mui-14rgst9:hover{color:#ffffff;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}.mui-1bmqite{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}@media (min-width:0px){.mui-1bmqite{-webkit-order:2;-ms-flex-order:2;order:2;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;}}@media (min-width:992px){.mui-1bmqite{-webkit-order:3;-ms-flex-order:3;order:3;width:auto;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}}.mui-1q64ni9{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;color:#dee2e6;text-transform:uppercase;}.mui-1q64ni9:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1q64ni9.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-1q64ni9:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1q64ni9.MuiButton-loading{color:transparent;}.mui-1q64ni9.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1q64ni9.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1q64ni9.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1q64ni9.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1q64ni9.MuiButton-textDiscord{color:#5865F2;}.mui-1q64ni9.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1q64ni9.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1q64ni9.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1q64ni9:hover{color:#dee2e6;}.mui-1q64ni9:hover{color:#ffffff;background-color:transparent;}.mui-1kidcgk{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);
1--variant-containedBg:var(--mui-palette-primary-main);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;color:#dee2e6;text-transform:uppercase;}.mui-1kidcgk::-moz-focus-inner{border-style:none;}.mui-1kidcgk.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-1kidcgk{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-1kidcgk:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1kidcgk.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-1kidcgk:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1kidcgk.MuiButton-loading{color:transparent;}.mui-1kidcgk.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1kidcgk.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1kidcgk.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1kidcgk.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1kidcgk.MuiButton-textDiscord{color:#5865F2;}.mui-1kidcgk.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1kidcgk.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1kidcgk.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1kidcgk:hover{color:#dee2e6;}.mui-1kidcgk:hover{color:#ffffff;background-color:transparent;}.mui-bpqih{text-align:center;margin-top:calc(3 * var(--mui-spacing));margin-bottom:var(--mui-spacing);}.mui-3kgr9s{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;color:rgba(222, 226, 230, 0.7);margin-bottom:calc(1.5 * var(--mui-spacing));}.mui-3kgr9s.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-3kgr9s.MuiLink-root:hover{opacity:1;}.mui-3kgr9s.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1abrr79{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;display:inline-block;}.mui-1abrr79:hover{text-decoration-color:inherit;}.mui-1abrr79:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-1abrr79:visited{color:#dee2e6;}.mui-14azgab{margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--mui-palette-primary-main);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;display:inline-block;}.mui-14azgab.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-14azgab.MuiLink-root:hover{opacity:1;}.mui-14azgab.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-14azgab:hover{text-decoration-color:inherit;}.mui-14azgab:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-14azgab:visited{color:#dee2e6;}.mui-j3dxt2{text-align:center;margin-top:calc(4 * var(--mui-spacing));padding-top:calc(3 * var(--mui-spacing));}.mui-188f6t1{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;color:rgba(222, 226, 230, 0.8);margin-bottom:var(--mui-spacing);}.mui-188f6t1.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-188f6t1.MuiLink-root:hover{opacity:1;}.mui-188f6t1.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-13fbmcm{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.75rem;line-height:1.66;color:#dee2e680;color:rgba(222, 226, 230, 0.6);}.mui-13fbmcm.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-13fbmcm.MuiLink-root:hover{opacity:1;}.mui-13fbmcm.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1rdorde{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;color:#000000;}.mui-1rdorde:hover{text-decoration-color:inherit;}.mui-1rdorde:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-1rdorde:visited{color:#dee2e6;}.mui-4toemm{margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--mui-palette-primary-main);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;color:#000000;}.mui-4toemm.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-4toemm.MuiLink-root:hover{opacity:1;}.mui-4toemm.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-4toemm:hover{text-decoration-color:inherit;}.mui-4toemm:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-4toemm:visited{color:#dee2e6;}.mui-1vjuyo5{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);position:relative;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;color:#000000;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.mui-1vjuyo5:hover{text-decoration-color:inherit;}.mui-1vjuyo5::-moz-focus-inner{border-style:none;}.mui-1vjuyo5.Mui-focusVisible{outline:auto;}.mui-1vjuyo5:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-1vjuyo5:visited{color:#dee2e6;}.mui-1vjuyo5:hover{-webkit-text-decoration:underline;text-decoration:underline;}.mui-1di8bv7{margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--mui-palette-primary-main);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);position:relative;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;color:#000000;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.mui-1di8bv7.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1di8bv7.MuiLink-root:hover{opacity:1;}.mui-1di8bv7.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1di8bv7:hover{text-decoration-color:inherit;}.mui-1di8bv7::-moz-focus-inner{border-style:none;}.mui-1di8bv7.Mui-focusVisible{outline:auto;}.mui-1di8bv7:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-1di8bv7:visited{color:#dee2e6;}.mui-1di8bv7:hover{-webkit-text-decoration:underline;text-decoration:underline;}.mui-jpvdkc{position:relative;padding:calc(2 * var(--mui-spacing));
1background-image:url(https://old.dexie.org/assets/images/bg.png);-webkit-background-position:0 0;background-position:0 0;-webkit-background-size:cover;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;z-index:200;box-shadow:inset 0 4px 8px rgba(0, 0, 0, 0.4),inset 0 -4px 8px rgba(0, 0, 0, 0.3);}.mui-jpvdkc::before{content:"";position:absolute;height:2px;width:100%;left:0;top:0;background-color:#000000;-webkit-clip-path:polygon(1% 0%, 4% 100%, 9% 0%, 13% 100%, 19% 1%, 21% 100%, 26% 5%, 30% 100%, 36% 2%, 43% 100%, 50% 1%, 52% 100%, 61% 0%, 69% 94%, 70% 0%, 76% 100%, 81% 0%, 84% 100%, 91% 0%, 97% 100%, 99% 3%);clip-path:polygon(1% 0%, 4% 100%, 9% 0%, 13% 100%, 19% 1%, 21% 100%, 26% 5%, 30% 100%, 36% 2%, 43% 100%, 50% 1%, 52% 100%, 61% 0%, 69% 94%, 70% 0%, 76% 100%, 81% 0%, 84% 100%, 91% 0%, 97% 100%, 99% 3%);}.mui-1h4i270{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;}.mui-1d2wd8l{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;color:rgba(222, 226, 230, 0.9);font-style:italic;font-size:0.875rem;padding-top:calc(2 * var(--mui-spacing));padding-bottom:calc(2 * var(--mui-spacing));position:relative;z-index:1;text-align:center;}.mui-1d2wd8l.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1d2wd8l.MuiLink-root:hover{opacity:1;}.mui-1d2wd8l.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-z8asqr{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration:underline;text-decoration:underline;}.mui-z8asqr:hover{text-decoration-color:inherit;}.mui-z8asqr:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-z8asqr:visited{color:#dee2e6;}.mui-z8asqr:hover{-webkit-text-decoration:underline;text-decoration:underline;color:#000000;}.mui-a4ihgr{margin:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:var(--mui-palette-primary-main);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--Link-underlineColor);--Link-underlineColor:rgba(var(--mui-palette-primary-mainChannel) / 0.4);color:#dee2e6;-webkit-text-decoration:none;text-decoration:none;-webkit-text-decoration:underline;text-decoration:underline;}.mui-a4ihgr.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-a4ihgr.MuiLink-root:hover{opacity:1;}.mui-a4ihgr.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-a4ihgr:hover{text-decoration-color:inherit;}.mui-a4ihgr:hover{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;}.mui-a4ihgr:visited{color:#dee2e6;}.mui-a4ihgr:hover{-webkit-text-decoration:underline;text-decoration:underline;color:#000000;}@media print{.mui-depviu{position:absolute!important;}}.mui-d2o3oc{background:url("/assets/images/dexie-bg.jpg") center/cover no-repeat;color:white;padding:calc(6 * var(--mui-spacing)) 0px;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;}@media (min-width:768px){.mui-d2o3oc{padding:calc(12 * var(--mui-spacing)) 0px;height:90vh;min-height:auto;}}.mui-d2o3oc::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);opacity:0.9;z-index:1;}.mui-d2o3oc >*{position:relative;z-index:2;}.mui-t8aqrt{background:url("/assets/images/dexie-bg.jpg") center/cover no-repeat;color:white;padding:calc(6 * var(--mui-spacing)) 0px;position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;}@media (min-width:768px){.mui-t8aqrt{padding:calc(12 * var(--mui-spacing)) 0px;height:90vh;min-height:auto;}}
1.mui-t8aqrt::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);opacity:0.9;z-index:1;}.mui-t8aqrt >*{position:relative;z-index:2;}.mui-10h8wzf{margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}@media (min-width:0px){.mui-10h8wzf{max-width:100%;padding-left:calc(2 * var(--mui-spacing));padding-right:calc(2 * var(--mui-spacing));padding-top:calc(12 * var(--mui-spacing));padding-bottom:calc(8 * var(--mui-spacing));-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:calc(4 * var(--mui-spacing));-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;}}@media (min-width:576px){.mui-10h8wzf{max-width:1400px;}}@media (min-width:768px){.mui-10h8wzf{padding-left:calc(3 * var(--mui-spacing));padding-right:calc(3 * var(--mui-spacing));padding-top:calc(18 * var(--mui-spacing));padding-bottom:calc(18 * var(--mui-spacing));-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:calc(6 * var(--mui-spacing));-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;min-height:auto;}}.mui-zopi6c{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;}@media (min-width:0px){.mui-zopi6c{max-width:100%;text-align:center;}}@media (min-width:768px){.mui-zopi6c{max-width:50%;text-align:left;}}.mui-wvbion{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:clamp(1.375rem, 1.375rem + 1.5vw, 2.5rem);line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;font-weight:500;margin-bottom:calc(3 * var(--mui-spacing));}.mui-wvbion.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-wvbion.MuiLink-root:hover{opacity:1;}.mui-wvbion.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-wvbion{font-size:8vw;line-height:1.2;}}@media (min-width:576px){.mui-wvbion{font-size:2.5rem;}}@media (min-width:768px){.mui-wvbion{font-size:60px;line-height:72px;}}.mui-dq6h5y{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;font-weight:300;opacity:0.9;line-height:1.4;}.mui-dq6h5y.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-dq6h5y.MuiLink-root:hover{opacity:1;}.mui-dq6h5y.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-dq6h5y{margin-bottom:calc(3 * var(--mui-spacing));font-size:1.1rem;}}@media (min-width:576px){.mui-dq6h5y{font-size:1.3rem;}}@media (min-width:768px){.mui-dq6h5y{margin-bottom:calc(4 * var(--mui-spacing));font-size:1.5rem;}}@media (min-width:0px){.mui-u1mpai{margin-bottom:calc(2 * var(--mui-spacing));}}@media (min-width:768px){.mui-u1mpai{margin-bottom:calc(4 * var(--mui-spacing));}}.mui-pm1js0{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;margin-bottom:calc(2 * var(--mui-spacing));opacity:0.8;}.mui-pm1js0.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-pm1js0.MuiLink-root:hover{opacity:1;}.mui-pm1js0.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-pm1js0{font-size:1rem;}}@media (min-width:768px){.mui-pm1js0{font-size:1.25rem;}}.mui-1kxdjqo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-width:0;}@media (min-width:0px){.mui-1kxdjqo{gap:calc(0.8 * var(--mui-spacing));-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;overflow-x:auto;zoom:0.6;}}@media (min-width:768px){.mui-1kxdjqo{gap:var(--mui-spacing);-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;overflow-x:visible;zoom:0.9;}}.mui-jbxai4{padding:var(--mui-spacing) calc(0.5 * var(--mui-spacing));margin:0;background-color:rgba(255, 255, 255, 0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--mui-spacing);cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;min-width:50px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;}.mui-jbxai4:hover,.mui-jbxai4.active{background-color:rgba(255, 255, 255, 0.1);border-color:#000000;box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);}@media (min-width:768px){.mui-jbxai4{padding:calc(2 * var(--mui-spacing));margin:var(--mui-spacing);min-width:80px;border-radius:calc(2 * var(--mui-spacing));}}.mui-125cx1y{padding:var(--mui-spacing) calc(0.5 * var(--mui-spacing));margin:0;background-color:rgba(255, 255, 255, 0.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--mui-spacing);cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;min-width:50px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;text-align:center;}.mui-125cx1y:hover,.mui-125cx1y.active{background-color:rgba(255, 255, 255, 0.1);border-color:#000000;box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);}@media (min-width:768px){.mui-125cx1y{padding:calc(2 * var(--mui-spacing));margin:var(--mui-spacing);min-width:80px;border-radius:calc(2 * var(--mui-spacing));}}@media (min-width:0px){.mui-531q7k{margin-bottom:calc(0.5 * var(--mui-spacing));}}@media (min-width:768px){.mui-531q7k{margin-bottom:var(--mui-spacing);}}.mui-hcl51y{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.75rem;line-height:1.66;color:#dee2e680;color:white;font-weight:500;line-height:1;}.mui-hcl51y.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-hcl51y.MuiLink-root:hover{opacity:1;}.mui-hcl51y.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-hcl51y{font-size:0.6rem;}}@media (min-width:768px){.mui-hcl51y{font-size:0.75rem;}}.mui-1kq0or6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0.6;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}@media (min-width:0px){.mui-1kq0or6{margin-left:var(--mui-spacing);margin-right:var(--mui-spacing);}}@media (min-width:768px){.mui-1kq0or6{margin-left:calc(2 * var(--mui-spacing));margin-right:calc(2 * var(--mui-spacing));}}.mui-h5h7i0{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;color:white;}@media (min-width:0px){.mui-h5h7i0{font-size:16px;}}@media (min-width:768px){.mui-h5h7i0{font-size:24px;}}.mui-1cnpd5v{-webkit-flex:1;-ms-flex:1;flex:1;width:100%;}@media (min-width:0px){.mui-1cnpd5v{margin-top:calc(2 * var(--mui-spacing));max-width:100%;}}@media (min-width:768px){.mui-1cnpd5v{margin-top:calc(-5 * var(--mui-spacing));max-width:50%;}}.mui-16xdokm{top:20px;}@media (min-width:0px){.mui-16xdokm{position:static;}}@media (min-width:768px){.mui-16xdokm{position:-webkit-sticky;position:sticky;}}.mui-knucks{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:calc(2 * var(--mui-spacing));}@media (min-width:0px){.mui-knucks{-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;}}@media (min-width:768px){.mui-knucks{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}}.mui-104ydzb{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;font-weight:600;margin-bottom:0;}.mui-104ydzb.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-104ydzb.MuiLink-root:hover{opacity:1;}.mui-104ydzb.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-104ydzb{font-size:1rem;}}@media (min-width:768px){.mui-104ydzb{font-size:1.25rem;}}@media (min-width:0px){.mui-1f525bc{zoom:0.8;overflow-x:auto;}}@media (min-width:576px){.mui-1f525bc{zoom:1;}}@media (min-width:768px){.mui-1f525bc{overflow-x:hidden;}}@media (min-width:0px){.mui-1f525bc .MuiBox-root{font-size:0.8rem;}}@media (min-width:768px){.mui-1f525bc .MuiBox-root{font-size:1rem;}}.mui-uqrffp{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);padding:4px 5px;font-size:0.9285714285714285rem;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;position:absolute;top:0px;right:0px;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:4px;padding:4px 10px!important;cursor:pointer;color:#fff;font-size:12px!important;font-family:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0.5;zoom:0.9;min-width:auto;text-transform:none;}.mui-uqrffp:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-uqrffp.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-uqrffp:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-uqrffp.MuiButton-loading{color:transparent;}.mui-uqrffp.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-uqrffp.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-uqrffp.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-uqrffp.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-uqrffp.MuiButton-textDiscord{color:#5865F2;}.mui-uqrffp.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-uqrffp.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-uqrffp.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-uqrffp:hover{color:#dee2e6;}.mui-uqrffp:hover{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.3);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);opacity:1;}.mui-uqrffp:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}.mui-1h2nye6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:6px 8px;color:var(--variant-textColor);background-color:var(--variant-textBg);--variant-textColor:var(--mui-palette-primary-main);--variant-outlinedColor:var(--mui-palette-primary-main);--variant-outlinedBorder:rgba(var(--mui-palette-primary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-primary-contrastText);--variant-containedBg:var(--mui-palette-primary-main);padding:4px 5px;font-size:0.9285714285714285rem;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);text-transform:none;color:#dee2e6;font-size:17px!important;font-weight:500;letter-spacing:0.5px;position:absolute;top:0px;right:0px;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:4px;padding:4px 10px!important;cursor:pointer;color:#fff;font-size:12px!important;font-family:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:10;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0.5;zoom:0.9;min-width:auto;text-transform:none;}.mui-1h2nye6::-moz-focus-inner{border-style:none;}.mui-1h2nye6.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-1h2nye6{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-1h2nye6:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1h2nye6.Mui-disabled{color:var(--mui-palette-action-disabled);}@media (hover: hover){.mui-1h2nye6:hover{--variant-containedBg:var(--mui-palette-primary-dark);--variant-textBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-primary-main);--variant-outlinedBg:rgba(var(--mui-palette-primary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1h2nye6.MuiButton-loading{color:transparent;}.mui-1h2nye6.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1h2nye6.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1h2nye6.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1h2nye6.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1h2nye6.MuiButton-textDiscord{color:#5865F2;}.mui-1h2nye6.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1h2nye6.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1h2nye6.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1h2nye6:hover{color:#dee2e6;}.mui-1h2nye6:hover{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.3);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);opacity:1;}.mui-1h2nye6:active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}.mui-1siv2hp{display:inherit;margin-right:8px;margin-left:-4px;margin-left:-2px;}.mui-1siv2hp>*:nth-of-type(1){font-size:18px;}.mui-lpf57a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;font-size:14px!important;}.mui-1iuwxj9{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;margin-top:calc(2 * var(--mui-spacing));opacity:0.8;font-style:italic;}.mui-1iuwxj9.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1iuwxj9.MuiLink-root:hover{opacity:1;}.mui-1iuwxj9.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-1iuwxj9{text-align:center;font-size:0.85rem;}}@media (min-width:768px){.mui-1iuwxj9{text-align:left;font-size:0.9rem;}}.mui-1lau8xi{background-color:#000000;color:#dee2e6;padding-top:calc(16 * var(--mui-spacing));padding-bottom:calc(16 * var(--mui-spacing));min-height:auto;}.mui-xz9ete{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;padding-left:calc(2 * var(--mui-spacing));padding-right:calc(2 * var(--mui-spacing));max-width:1400px;position:relative;}@media (min-width:576px){.mui-xz9ete{padding-left:calc(3 * var(--mui-spacing));padding-right:calc(3 * var(--mui-spacing));}}.mui-10v3jd1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(-2 * var(--mui-spacing));margin-right:calc(-2 * var(--mui-spacing));}.mui-1iu4g2o{padding-left:calc(2 * var(--mui-spacing));padding-right:calc(2 * var(--mui-spacing));}@media (min-width:0px){.mui-1iu4g2o{width:100%;margin-bottom:calc(4 * var(--mui-spacing));}}@media (min-width:992px){.mui-1iu4g2o{width:25%;margin-bottom:0;}}.mui-in67og{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.75rem;line-height:2.66;text-transform:uppercase;color:#dee2e680;color:#dee2e6;opacity:0.7;font-size:0.875rem;font-weight:500;margin-bottom:var(--mui-spacing);text-transform:uppercase;letter-spacing:0.1em;}.mui-in67og.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-in67og.MuiLink-root:hover{opacity:1;}.mui-in67og.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-bgh0yo{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:clamp(1.3rem, 1.3rem + 0.6vw, 1.75rem);line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#dee2e6;margin-bottom:calc(3 * var(--mui-spacing));}.mui-bgh0yo.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-bgh0yo.MuiLink-root:hover{opacity:1;}.mui-bgh0yo.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-bgh0yo{font-size:2rem;}}@media (min-width:768px){.mui-bgh0yo{font-size:2.5rem;}}.mui-1nfgpsw{width:60px;height:2px;background-color:#dee2e6;opacity:0.5;}.mui-1k2o3f0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}@media (min-width:0px){.mui-1k2o3f0{width:100%;padding-left:0;padding-right:0;margin-bottom:calc(4 * var(--mui-spacing));}}@media (min-width:576px){.mui-1k2o3f0{padding-left:calc(2 * var(--mui-spacing));padding-right:calc(2 * var(--mui-spacing));margin-bottom:0;}}@media (min-width:768px){.mui-1k2o3f0{width:33.333%;}}@media (min-width:992px){.mui-1k2o3f0{width:25%;}}.mui-1nhprif{background-color:transparent;border:none;box-shadow:none;border-radius:0;width:100%;padding-left:calc(3 * var(--mui-spacing));}@media (min-width:0px){.mui-1nhprif{border-left:none;}}@media (min-width:768px){.mui-1nhprif{border-left:1px solid #dee2e6;}}.mui-12dasgk{padding:16px;padding:0;}.mui-12dasgk:last-child{padding-bottom:24px;}.mui-12dasgk:last-child{padding-bottom:0;}.mui-1u43i06{margin-bottom:calc(2 * var(--mui-spacing));}@media (min-width:0px){.mui-1u43i06{margin-top:calc(4 * var(--mui-spacing));}}@media (min-width:768px){.mui-1u43i06{margin-top:0;}}.mui-1u43i06 .MuiSvgIcon-root{width:2em;height:2em;}.mui-6rj6ya{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;width:24px;height:24px;color:#dee2e6;margin-bottom:calc(2 * var(--mui-spacing));}.mui-1fzidxj{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#dee2e6;margin-bottom:calc(2 * var(--mui-spacing));font-weight:600;font-size:1.25rem;}.mui-1fzidxj.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1fzidxj.MuiLink-root:hover{opacity:1;}.mui-1fzidxj.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-87yksb{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#dee2e6;color:#dee2e6;margin-bottom:calc(4 * var(--mui-spacing));opacity:0.8;line-height:1.6;}.mui-87yksb.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-87yksb.MuiLink-root:hover{opacity:1;}.mui-87yksb.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-19vjq82{list-style:none;margin:0;padding:0;position:relative;padding-top:8px;padding-bottom:8px;padding:0;margin-top:calc(4 * var(--mui-spacing));}.mui-19vjq82 .MuiListItem-root:hover{border-radius:4px!important;padding:0px 10px!important;margin:0px -10px!important;background-color:rgba(255, 255, 255, 0.075)!important;}.mui-4c05xi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;
1-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-text-decoration:none;text-decoration:none;width:100%;box-sizing:border-box;text-align:left;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;color:#dee2e6;padding:0px!important;}.mui-4c05xi:hover{background-color:#2b3035;}.mui-4c05xi .MuiTypography-root{margin-bottom:0px;}.mui-4c05xi .MuiListItemText-root{margin:0px;}.mui-n9iqp8{min-width:56px;color:var(--mui-palette-action-active);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:auto;margin-right:var(--mui-spacing);}.mui-102tcdj{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;color:#dee2e6;font-size:1rem;}.mui-rwk876{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin-top:4px;margin-bottom:4px;}.MuiTypography-root:where(.mui-rwk876 .MuiListItemText-primary){display:block;}.MuiTypography-root:where(.mui-rwk876 .MuiListItemText-secondary){display:block;}.mui-rwk876 .MuiListItemText-primary{color:#dee2e6;font-size:0.9rem;}.mui-10kec9y{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#dee2e6;}.mui-10kec9y.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-10kec9y.MuiLink-root:hover{opacity:1;}.mui-10kec9y.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1emsyb3{margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-width:0;border-style:solid;border-color:var(--mui-palette-divider);border-bottom-width:thin;background-color:#495057;opacity:0.25;}.mui-o3wuc6{color:#dee2e6;padding-top:calc(18 * var(--mui-spacing));padding-bottom:calc(8 * var(--mui-spacing));background-image:linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),url("/assets/images/dexie-bg.jpg");-webkit-background-size:cover;background-size:cover;-webkit-background-position:center;background-position:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;}.mui-l55s9c{max-width:1200px;margin:0 auto;padding-left:calc(3 * var(--mui-spacing));padding-right:calc(3 * var(--mui-spacing));}.mui-d0d8er{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:clamp(1.3rem, 1.3rem + 0.6vw, 1.75rem);line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;text-align:center;color:#ffffff;margin-bottom:calc(2 * var(--mui-spacing));}.mui-d0d8er.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-d0d8er.MuiLink-root:hover{opacity:1;}.mui-d0d8er.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-32wnm6{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;text-align:center;margin-bottom:calc(6 * var(--mui-spacing));opacity:0.8;font-weight:300;}.mui-32wnm6.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-32wnm6.MuiLink-root:hover{opacity:1;}.mui-32wnm6.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1es9xpb{display:grid;gap:calc(4 * var(--mui-spacing));margin-bottom:calc(8 * var(--mui-spacing));}@media (min-width:0px){.mui-1es9xpb{grid-template-columns:1fr;}}@media (min-width:768px){.mui-1es9xpb{grid-template-columns:1fr 1fr 1fr;}}.mui-1pf3trq{text-align:left;padding:calc(3 * var(--mui-spacing));}.mui-s9vo95{margin-bottom:calc(4 * var(--mui-spacing));}.mui-1pw2ev9{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#ffffff;margin-bottom:calc(2 * var(--mui-spacing));}.mui-1pw2ev9.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1pw2ev9.MuiLink-root:hover{opacity:1;}.mui-1pw2ev9.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1t8dvm7{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#dee2e6;opacity:0.9;}.mui-1t8dvm7.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1t8dvm7.MuiLink-root:hover{opacity:1;}.mui-1t8dvm7.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-15cwd8h{color:#dee2e6;padding-top:calc(8 * var(--mui-spacing));padding-bottom:calc(8 * var(--mui-spacing));}.mui-98n11k{max-width:1400px;margin:0 auto;padding-left:calc(3 * var(--mui-spacing));padding-right:calc(3 * var(--mui-spacing));}.mui-166mr82{display:grid;gap:calc(4 * var(--mui-spacing));-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}@media (min-width:0px){.mui-166mr82{grid-template-columns:1fr;}}@media (min-width:992px){.mui-166mr82{grid-template-columns:1fr 1fr;}}.mui-gf1pf4{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#ffffff;margin-bottom:calc(2 * var(--mui-spacing));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.mui-gf1pf4.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-gf1pf4.MuiLink-root:hover{opacity:1;}.mui-gf1pf4.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-qnwdoa{border:2px solid rgba(255,255,255, 0.5);border-radius:50%;width:32px;height:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;margin-right:calc(2 * var(--mui-spacing));font-size:0.9rem;font-weight:700;}.mui-1ducgkx{zoom:0.8;}@media (min-width:0px){.mui-1ducgkx{overflow:auto;}}@media (min-width:768px){.mui-1ducgkx{overflow:hidden;}}.mui-f0lxqi{text-align:center;margin-bottom:calc(8 * var(--mui-spacing));}.mui-1ts5p7l{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:clamp(1.375rem, 1.375rem + 1.5vw, 2.5rem);line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#dee2e6;font-weight:500!important;margin-bottom:calc(2 * var(--mui-spacing));}.mui-1ts5p7l.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1ts5p7l.MuiLink-root:hover{opacity:1;}.mui-1ts5p7l.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-1ts5p7l{font-size:2.5rem;}}@media (min-width:768px){.mui-1ts5p7l{font-size:56px;}}.mui-19p6f1{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#dee2e6;opacity:0.8;font-weight:400;}.mui-19p6f1.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-19p6f1.MuiLink-root:hover{opacity:1;}.mui-19p6f1.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-19p6f1{font-size:1.2rem;}}@media (min-width:768px){.mui-19p6f1{font-size:1.5rem;}}.mui-1qg28yq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:calc(4 * var(--mui-spacing));-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.mui-1smxzif{overflow:hidden;background-color:#343a40;color:#dee2e6;border:1px solid #495057;border-radius:0.375rem;background-color:#000000;color:#dee2e6;min-height:420px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:40px!important;}@media (min-width:0px){.mui-1smxzif{width:100%;}}@media (min-width:768px){.mui-1smxzif{width:30%;}}.mui-1krvdao{background-color:var(--mui-palette-background-paper);color:var(--mui-palette-text-primary);-webkit-transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border-radius:4px;box-shadow:var(--Paper-shadow);background-image:var(--Paper-overlay);background-color:#343a40;color:#dee2e6;border-color:#495057;overflow:hidden;background-color:#343a40;color:#dee2e6;border:1px solid #495057;border-radius:0.375rem;background-color:#000000;color:#dee2e6;min-height:420px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:40px!important;}@media (min-width:0px){.mui-1krvdao{width:100%;}}@media (min-width:768px){.mui-1krvdao{width:30%;}}.mui-unmoq7{padding:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.mui-unmoq7:last-child{padding-bottom:24px;}.mui-1o9ib45{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:500;font-size:1.25rem;line-height:1.2;margin-bottom:0.5rem;color:#dee2e6;color:#dee2e6;font-weight:600;margin-bottom:calc(2 * var(--mui-spacing));}.mui-1o9ib45.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1o9ib45.MuiLink-root:hover{opacity:1;}.mui-1o9ib45.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-1n7ypht{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#dee2e6;color:#dee2e6;opacity:0.8;margin-bottom:calc(8 * var(--mui-spacing));}.mui-1n7ypht.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-1n7ypht.MuiLink-root:hover{opacity:1;}.mui-1n7ypht.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-i9gxme{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.mui-1kth8e0{list-style:none;margin:0;padding:0;position:relative;padding-top:8px;padding-bottom:8px;padding:0;margin-top:auto;}.mui-1kth8e0 .MuiListItem-root:hover{border-radius:4px!important;background-color:rgba(255, 255, 255, 0.075)!important;}.mui-1xq3eom{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;
1-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-text-decoration:none;text-decoration:none;width:100%;box-sizing:border-box;text-align:left;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;color:#dee2e6;padding:0px 10px!important;margin:0px -10px!important;border-radius:4px;}.mui-1xq3eom:hover{background-color:#2b3035;}.mui-1xq3eom .MuiTypography-root{margin-bottom:0px;}.mui-1xq3eom .MuiListItemText-root{margin:0px;}.mui-1ikzn8{min-width:56px;color:var(--mui-palette-action-active);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:auto;margin-right:var(--mui-spacing);-webkit-align-self:flex-start;-ms-flex-item-align:flex-start;align-self:flex-start;margin-top:3px;}.mui-181tk0k{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;margin-top:4px;margin-bottom:4px;}.MuiTypography-root:where(.mui-181tk0k .MuiListItemText-primary){display:block;}.MuiTypography-root:where(.mui-181tk0k .MuiListItemText-secondary){display:block;}.mui-181tk0k .MuiListItemText-primary{color:#dee2e6;font-size:0.9rem;}.mui-181tk0k .MuiListItemText-secondary{color:#dee2e6;opacity:0.5;font-size:0.75rem;}.mui-1ymflz7{background-color:#000000;color:#dee2e6;padding-top:calc(10 * var(--mui-spacing));padding-bottom:calc(10 * var(--mui-spacing));position:relative;z-index:1;}.mui-150iidm{text-align:center;margin-left:auto;margin-right:auto;}@media (min-width:768px){.mui-150iidm{max-width:66.666%;}}@media (min-width:992px){.mui-150iidm{max-width:50%;}}.mui-11zblsi{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:1rem;line-height:1.5;margin-bottom:1rem;color:#dee2e6;color:#dee2e6;line-height:1.6;opacity:0.85;}.mui-11zblsi.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-11zblsi.MuiLink-root:hover{opacity:1;}.mui-11zblsi.MuiLink-root:visited{color:#ffffff;opacity:0.8;}@media (min-width:0px){.mui-11zblsi{font-size:1.1rem;margin-bottom:calc(4 * var(--mui-spacing));}}@media (min-width:576px){.mui-11zblsi{margin-bottom:calc(6 * var(--mui-spacing));}}@media (min-width:768px){.mui-11zblsi{font-size:calc(1.152rem + .33vw)!important;}}.mui-z699kw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:calc(2 * var(--mui-spacing));-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media (min-width:0px){.mui-z699kw{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}@media (min-width:576px){.mui-z699kw{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}.mui-1i31qzw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(-2 * var(--mui-spacing));margin-right:calc(-2 * var(--mui-spacing));margin-top:calc(6 * var(--mui-spacing));}.mui-1i6b8dn{padding-left:calc(2 * var(--mui-spacing));padding-right:calc(2 * var(--mui-spacing));}@media (min-width:0px){.mui-1i6b8dn{width:100%;}}@media (min-width:992px){.mui-1i6b8dn{width:25%;}}.mui-y3597y{margin-top:calc(6 * var(--mui-spacing));text-align:center;}.mui-1ge4ozr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(2 * var(--mui-spacing));-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:calc(4 * var(--mui-spacing));}.mui-16l6yfr{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;font-size:0.875rem;line-height:1.5;color:#dee2e6bf;}.mui-16l6yfr.MuiLink-root{color:#ffffff;opacity:0.8;}.mui-16l6yfr.MuiLink-root:hover{opacity:1;}.mui-16l6yfr.MuiLink-root:visited{color:#ffffff;opacity:0.8;}.mui-fl575a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;color:#666;}.mui-1crppaj{margin-top:calc(4 * var(--mui-spacing));}.mui-leak14{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:var(--variant-containedColor);background-color:var(--variant-containedBg);box-shadow:var(--mui-shadows-2);--variant-textColor:var(--mui-palette-secondary-main);--variant-outlinedColor:var(--mui-palette-secondary-main);--variant-outlinedBorder:rgba(var(--mui-palette-secondary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-secondary-contrastText);
1--variant-containedBg:var(--mui-palette-secondary-main);padding:8px 22px;font-size:1.0714285714285714rem;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);margin-right:calc(2 * var(--mui-spacing));margin-bottom:calc(2 * var(--mui-spacing));}.mui-leak14:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-leak14.Mui-disabled{color:var(--mui-palette-action-disabled);}.mui-leak14:hover{box-shadow:var(--mui-shadows-4);}@media (hover: none){.mui-leak14:hover{box-shadow:var(--mui-shadows-2);}}.mui-leak14:active{box-shadow:var(--mui-shadows-8);}.mui-leak14.Mui-focusVisible{box-shadow:var(--mui-shadows-6);}.mui-leak14.Mui-disabled{color:var(--mui-palette-action-disabled);box-shadow:var(--mui-shadows-0);background-color:var(--mui-palette-action-disabledBackground);}@media (hover: hover){.mui-leak14:hover{--variant-containedBg:var(--mui-palette-secondary-dark);--variant-textBg:rgba(var(--mui-palette-secondary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-secondary-main);--variant-outlinedBg:rgba(var(--mui-palette-secondary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-leak14.MuiButton-loading{color:transparent;}.mui-leak14.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-leak14.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-leak14.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-leak14.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-leak14.MuiButton-textDiscord{color:#5865F2;}.mui-leak14.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-leak14.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-leak14.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-4e9ivi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:var(--variant-containedColor);background-color:var(--variant-containedBg);box-shadow:var(--mui-shadows-2);--variant-textColor:var(--mui-palette-secondary-main);--variant-outlinedColor:var(--mui-palette-secondary-main);--variant-outlinedBorder:rgba(var(--mui-palette-secondary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-secondary-contrastText);
1--variant-containedBg:var(--mui-palette-secondary-main);padding:8px 22px;font-size:1.0714285714285714rem;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);margin-right:calc(2 * var(--mui-spacing));margin-bottom:calc(2 * var(--mui-spacing));}.mui-4e9ivi::-moz-focus-inner{border-style:none;}.mui-4e9ivi.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-4e9ivi{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-4e9ivi:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-4e9ivi.Mui-disabled{color:var(--mui-palette-action-disabled);}.mui-4e9ivi:hover{box-shadow:var(--mui-shadows-4);}@media (hover: none){.mui-4e9ivi:hover{box-shadow:var(--mui-shadows-2);}}.mui-4e9ivi:active{box-shadow:var(--mui-shadows-8);}.mui-4e9ivi.Mui-focusVisible{box-shadow:var(--mui-shadows-6);}.mui-4e9ivi.Mui-disabled{color:var(--mui-palette-action-disabled);box-shadow:var(--mui-shadows-0);background-color:var(--mui-palette-action-disabledBackground);}@media (hover: hover){.mui-4e9ivi:hover{--variant-containedBg:var(--mui-palette-secondary-dark);--variant-textBg:rgba(var(--mui-palette-secondary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-secondary-main);--variant-outlinedBg:rgba(var(--mui-palette-secondary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-4e9ivi.MuiButton-loading{color:transparent;}.mui-4e9ivi.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-4e9ivi.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-4e9ivi.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-4e9ivi.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-4e9ivi.MuiButton-textDiscord{color:#5865F2;}.mui-4e9ivi.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-4e9ivi.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-4e9ivi.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-j2as55{display:inherit;margin-right:8px;margin-left:-4px;}.mui-j2as55>*:nth-of-type(1){font-size:22px;}.mui-m6d895{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:5px 15px;border:1px solid currentColor;border-color:var(--variant-outlinedBorder, currentColor);background-color:var(--variant-outlinedBg);color:var(--variant-outlinedColor);--variant-textColor:var(--mui-palette-secondary-main);--variant-outlinedColor:var(--mui-palette-secondary-main);--variant-outlinedBorder:rgba(var(--mui-palette-secondary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-secondary-contrastText);--variant-containedBg:var(--mui-palette-secondary-main);padding:7px 21px;font-size:1.0714285714285714rem;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);margin-bottom:calc(2 * var(--mui-spacing));}.mui-m6d895:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-m6d895.Mui-disabled{color:var(--mui-palette-action-disabled);}.mui-m6d895.Mui-disabled{border:1px solid var(--mui-palette-action-disabledBackgroun
1d);}@media (hover: hover){.mui-m6d895:hover{--variant-containedBg:var(--mui-palette-secondary-dark);--variant-textBg:rgba(var(--mui-palette-secondary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-secondary-main);--variant-outlinedBg:rgba(var(--mui-palette-secondary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-m6d895.MuiButton-loading{color:transparent;}.mui-m6d895.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-m6d895.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-m6d895.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-m6d895.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-m6d895.MuiButton-textDiscord{color:#5865F2;}.mui-m6d895.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-m6d895.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-m6d895.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-17j8jf4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:5px 15px;border:1px solid currentColor;border-color:var(--variant-outlinedBorder, currentColor);background-color:var(--variant-outlinedBg);color:var(--variant-outlinedColor);--variant-textColor:var(--mui-palette-secondary-main);--variant-outlinedColor:var(--mui-palette-secondary-main);--variant-outlinedBorder:rgba(var(--mui-palette-secondary-mainChannel) / 0.5);--variant-containedColor:var(--mui-palette-secondary-contrastText);--variant-containedBg:var(--mui-palette-secondary-main);padding:7px 21px;font-size:1.0714285714285714rem;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);margin-bottom:calc(2 * var(--mui-spacing));}.mui-17j8jf4::-moz-focus-inner{border-style:none;}.mui-17j8jf4.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-17j8jf4{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-17j8jf4:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-17j8jf4.Mui-disabled{color:var(--mui-palette-action-disabled);}.mui-17j8jf4.Mui-disabled{border:1px solid var(--mui-palette-action-disabledBackgroun
1d);}@media (hover: hover){.mui-17j8jf4:hover{--variant-containedBg:var(--mui-palette-secondary-dark);--variant-textBg:rgba(var(--mui-palette-secondary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBorder:var(--mui-palette-secondary-main);--variant-outlinedBg:rgba(var(--mui-palette-secondary-mainChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-17j8jf4.MuiButton-loading{color:transparent;}.mui-17j8jf4.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-17j8jf4.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-17j8jf4.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-17j8jf4.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-17j8jf4.MuiButton-textDiscord{color:#5865F2;}.mui-17j8jf4.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-17j8jf4.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-17j8jf4.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-54xfij{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}.mui-54xfij>:not(style)~:not(style){margin-left:8px;}.mui-1x1hih0{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:5px 15px;border:1px solid currentColor;border-color:var(--variant-outlinedBorder, currentColor);background-color:var(--variant-outlinedBg);color:var(--variant-outlinedColor);color:inherit;border-color:currentColor;--variant-containedBg:var(--mui-palette-Button-inheritContainedBg);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);border-color:#dee2e6;color:#dee2e6;font-weight:400;font-size:0.8rem;padding:0px 6px!important;border-radius:3px!important;border:1px solid #dee2e6;opacity:0.8;}.mui-1x1hih0:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-1x1hih0.Mui-disabled{color:var(--mui-palette-action-disabled);}.mui-1x1hih0.Mui-disabled{border:1px solid var(--mui-palette-action-disabledBackground);}@media (hover: hover){.mui-1x1hih0:hover{--variant-containedBg:var(--mui-palette-Button-inheritContainedHoverBg);--variant-textBg:rgba(var(--mui-palette-text-primaryChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBg:rgba(var(--mui-palette-text-primaryChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-1x1hih0.MuiButton-loading{color:transparent;}.mui-1x1hih0.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-1x1hih0.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-1x1hih0.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-1x1hih0.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-1x1hih0.MuiButton-textDiscord{color:#5865F2;}.mui-1x1hih0.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-1x1hih0.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-1x1hih0.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-1x1hih0:hover{color:#dee2e6;opacity:1;}.mui-lwflgf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;
1-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:700;font-size:13px!important;line-height:1.75;text-transform:uppercase;color:#dee2e6;padding-left:32px!important;padding-right:32px!important;padding-top:16px!important;padding-bottom:15px!important;border-radius:var(--mui-shape-borderRadius);min-width:64px;padding:6px 16px;border:0;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;padding:5px 15px;border:1px solid currentColor;border-color:var(--variant-outlinedBorder, currentColor);background-color:var(--variant-outlinedBg);color:var(--variant-outlinedColor);color:inherit;border-color:currentColor;--variant-containedBg:var(--mui-palette-Button-inheritContainedBg);-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;text-transform:uppercase;border-radius:0.375rem;font-weight:700;letter-spacing:1.105px;font-size:13px!important;color:rgba(255, 255, 255, 0.8);border-color:#dee2e6;color:#dee2e6;font-weight:400;font-size:0.8rem;padding:0px 6px!important;border-radius:3px!important;border:1px solid #dee2e6;opacity:0.8;}.mui-lwflgf::-moz-focus-inner{border-style:none;}.mui-lwflgf.Mui-disabled{pointer-events:none;cursor:default;}@media print{.mui-lwflgf{-webkit-print-color-adjust:exact;color-adjust:exact;}}.mui-lwflgf:hover{-webkit-text-decoration:none;text-decoration:none;}.mui-lwflgf.Mui-disabled{color:var(--mui-palette-action-disabled);}.mui-lwflgf.Mui-disabled{border:1px solid var(--mui-palette-action-disabledBackground);}@media (hover: hover){.mui-lwflgf:hover{--variant-containedBg:var(--mui-palette-Button-inheritContainedHoverBg);--variant-textBg:rgba(var(--mui-palette-text-primaryChannel) / calc(var(--mui-palette-action-hoverOpacity)));--variant-outlinedBg:rgba(var(--mui-palette-text-primaryChannel) / calc(var(--mui-palette-action-hoverOpacity)));}}.mui-lwflgf.MuiButton-loading{color:transparent;}.mui-lwflgf.MuiButton-containedDiscord{background-color:#5865F2;color:white;}.mui-lwflgf.MuiButton-containedDiscord:hover{background-color:#4752C4;}.mui-lwflgf.MuiButton-outlinedDiscord{color:#5865F2;border-color:#5865F2;}.mui-lwflgf.MuiButton-outlinedDiscord:hover{background-color:rgba(88, 101, 242, 0.1);border-color:#4752C4;}.mui-lwflgf.MuiButton-textDiscord{color:#5865F2;}.mui-lwflgf.MuiButton-textDiscord:hover{background-color:rgba(88, 101, 242, 0.1);}.mui-lwflgf.MuiButton-outlinedSecondary{color:#c77dff;border-color:#c77dff;}.mui-lwflgf.MuiButton-outlinedSecondary:hover{background-color:rgba(199, 125, 255, 0.1);border-color:#e0b3ff;}.mui-lwflgf:hover{color:#dee2e6;opacity:1;}.mui-xdrg7u{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;font-size:1.7142857142857142rem;height:0.875rem;}</style></head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable"><div hidden=""><!--$--><!--/$--></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><header class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation0 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionFixed mui-fixed mui-1przmbd" style="--Paper-shadow:var(--mui-shadows-0);--Paper-overlay:var(--mui-overlays-0)"><div class="MuiToolbar-root MuiToolbar-gutters MuiToolbar-regular mui-cqblnh"><a style="text-decoration:none;opacity:1" href="/"><div class="MuiBox-root mui-1tu59u4"><img alt="Dexie Logo" loading="lazy" width="80" height="20" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimages%2Fdexie-logo.png&w=96&q=75 1x, /_next/image?url=%2Fassets%2Fimages%2Fdexie-logo.png&w=256&q=75 2x" src="/_next/image?url=%2Fassets%2Fimages%2Fdexie-logo.png&w=256&q=75"/></div></a><div class="MuiBox-root mui-1kw0ket"></div><div class="MuiBox-root mui-l1abcc"><a class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary mui-1x8spqg" tabindex="0" href="/">Home</a><a class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary mui-1wbt3rf" tabindex="0" href="/product">Product</a><a class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary mui-1x8spqg" tabindex="0" href="/pricing">Pricing</a><a class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary mui-1x8spqg" tabindex="0" href="/docs">Docs</a><div class="MuiBox-root mui-0"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary mui-ve9q7h" tabindex="0" type="button">Support<span class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium mui-1g78ho2"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-sp0z7q" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
1<path d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"></path></svg></span></button></div><a class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary mui-1x8spqg" tabindex="0" href="/blog">Blog</a></div><div class="MuiBox-root mui-bwl5ad"><div class="MuiBox-root mui-1r6a4md"><div class="MuiFormControl-root MuiTextField-root mui-1x8b5wj"><div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiInputBase-hiddenLabel mui-uq4xup"><div class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-hiddenLabel MuiInputAdornment-sizeSmall mui-zowvql"><span class="notranslate" aria-hidden="true">â</span><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall mui-1ssh1vm" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"></path></svg></div><input aria-invalid="false" id="_R_d96iltb_" placeholder="Search docs..." type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputHiddenLabel MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd mui-1s1llov" value=""/><div class="MuiInputAdornment-root MuiInputAdornment-positionEnd MuiInputAdornment-outlined MuiInputAdornment-hiddenLabel MuiInputAdornment-sizeSmall mui-x0cmy"><div class="MuiBox-root mui-1kqoggs"><kbd class="MuiBox-root mui-1w3imdp">Ctrl</kbd><kbd class="MuiBox-root mui-1w3imdp">K</kbd></div></div><fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline mui-1bl9ma3"><legend class="mui-w4cd9x"><span class="notranslate" aria-hidden="true">â</span></legend></fieldset></div></div></div></div><div class="MuiBox-root mui-1tvbnga"><a class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary mui-1oco6u7" tabindex="0" href="https://github.com/dexie/Dexie.js" target="_blank"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium mui-cveorv"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-n7nrgk" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.28.73-.55v-1.84c-3.03.64-3.67-1.46-3.67-1.46-.55-1.29-1.28-1.65-1.28-1.65-.92-.65.1-.65.1-.65 1.1 0 1.73 1.1 1.73 1.1.92 1.65 2.57 1.2 3.21.92a2 2 0 01.64-1.47c-2.47-.27-5.04-1.19-5.04-5.5 0-1.1.46-2.1 1.2-2.84a3.76 3.76 0 010-2.93s.91-.28 3.11 1.1c1.8-.49 3.7-.49 5.5 0 2.1-1.38 3.02-1.1 3.02-1.1a3.76 3.76 0 010 2.93c.83.74 1.2 1.74 1.2 2.94 0 4.21-2.57 5.13-5.04 5.4.45.37.82.92.82 2.02v3.03c0 .27.1.64.73.55A11 11 0 0012 1.27"></path></svg></span>13k</a></div><div class="MuiBox-root mui-1m0tf1"><a class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorPrimary mui-1a3docd" tabindex="0" href="https://manager.dexie.cloud" target="_blank" rel="noopener noreferrer"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium mui-cveorv"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-rxjgtn" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2m-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1z"></path></svg></span>Sign In</a></div><div class="MuiBox-root mui-8o7k42"><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-colorInherit MuiIconButton-edgeEnd MuiIconButton-sizeMedium mui-1yn35xk" tabindex="0" type="button" aria-label="open drawer"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-53z1dg" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
1<path d="M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"></path></svg></button></div></div></header><div class="MuiBox-root mui-t8aqrt"><div class="MuiBox-root mui-10h8wzf"><div class="MuiBox-root mui-zopi6c"><h1 class="MuiTypography-root MuiTypography-h1 mui-wvbion">The smarter way to use<br/><span style="background:linear-gradient(to right, #7b2cbf, #9d4edd, #c77dff, #9d4edd, #7b2cbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent" class="index-module_type__E-SaG"></span></h1><h5 class="MuiTypography-root MuiTypography-h5 mui-dq6h5y">Works with any JavaScript framework. Start local, add sync when ready. No complicated setup, no learning curve - just natural, intuitive code.</h5><div class="MuiBox-root mui-u1mpai"></div><h6 class="MuiTypography-root MuiTypography-h6 mui-pm1js0">Works with your favorite framework:</h6><div class="MuiBox-root mui-1kxdjqo"><div class="active MuiBox-root mui-125cx1y"><div class="MuiBox-root mui-531q7k"><img alt="React" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent;width:auto;height:auto;max-width:24px;max-height:24px" src="/assets/images/icons/react-svgrepo-com.svg"/></div><span class="MuiTypography-root MuiTypography-caption mui-hcl51y">React</span></div><div class="MuiBox-root mui-125cx1y"><div class="MuiBox-root mui-531q7k"><img alt="Vue" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent;width:auto;height:auto;max-width:24px;max-height:24px" src="/assets/images/icons/vue-svgrepo-com.svg"/></div><span class="MuiTypography-root MuiTypography-caption mui-hcl51y">Vue</span></div><div class="MuiBox-root mui-125cx1y"><div class="MuiBox-root mui-531q7k"><img alt="Svelte" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent;width:auto;height:auto;max-width:24px;max-height:24px" src="/assets/images/icons/svelte-svgrepo-com.svg"/></div><span class="MuiTypography-root MuiTypography-caption mui-hcl51y">Svelte</span></div><div class="MuiBox-root mui-125cx1y"><div class="MuiBox-root mui-531q7k"><img alt="Angular" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent;width:auto;height:auto;max-width:24px;max-height:24px" src="/assets/images/icons/angular-svgrepo-com.svg"/></div><span class="MuiTypography-root MuiTypography-caption mui-hcl51y">Angular</span></div><div class="MuiBox-root mui-125cx1y"><div class="MuiBox-root mui-531q7k"><img alt="Vanilla JS" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent;width:auto;height:auto;max-width:24px;max-height:24px" src="/assets/images/icons/javascript-svgrepo-com.svg"/></div><span class="MuiTypography-root MuiTypography-caption mui-hcl51y">Vanilla JS</span></div><div class="MuiBox-root mui-1kq0or6"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-h5h7i0" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path></svg></div><div class="MuiBox-root mui-0"><div class="MuiBox-root mui-125cx1y"><div class="MuiBox-root mui-531q7k"><img alt="Dexie Cloud" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent;width:auto;height:auto;max-width:24px;max-height:24px" src="/assets/favicon/favicon-white.svg"/></div><span class="MuiTypography-root MuiTypography-caption mui-hcl51y">Dexie Cloud</span></div></div></div></div><div class="MuiBox-root mui-1cnpd5v"><div class="MuiBox-root mui-16xdokm"><div class="MuiBox-root mui-knucks"><img alt="React" loading="lazy" width="24" height="24" decoding="async" data-nimg="1" style="color:transparent;margin-right:8px" src="/assets/images/icons/react-svgrepo-com.svg"/><h6 class="MuiTypography-root MuiTypography-h6 mui-104ydzb">React<!-- --> Example</h6></div><div class="MuiBox-root mui-1f525bc"><div class="codeblock-container" style="position:relative"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary mui-1h2nye6" tabindex="0" type="button"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall mui-1siv2hp"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-lpf57a" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
1<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"></path></svg></span>Copy</button><pre class="prism-javascript"><code class="prism-javascript code-highlight"><span class="code-line line-number" line="1"><span class="token keyword">import</span> <span class="token punctuation">{</span> useLiveQuery <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"dexie-react-hooks"</span><span class="token punctuation">;</span> 2</span><span class="code-line line-number" line="2"><span class="token keyword">import</span> <span class="token punctuation">{</span> db <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"./db"</span><span class="token punctuation">;</span> 3</span><span class="code-line line-number" line="3"> 4</span><span class="code-line line-number" line="4"><span class="token keyword">export</span> <span class="token keyword">function</span> <span class="token function">TaskList</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> 5</span><span class="code-line line-number" line="5"> <span class="token keyword">const</span> tasks <span class="token operator">=</span> <span class="token function">useLiveQuery</span><span class="token punctuation">(</span> 6</span><span class="code-line line-number" line="6"> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> db<span class="token punctuation">.</span>tasks<span class="token punctuation">.</span><span class="token function">orderBy</span><span class="token punctuation">(</span><span class="token string">"created"</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">toArray</span><span class="token punctuation">(</span><span class="token punctuation">)</span> 7</span><span class="code-line line-number" line="7"> <span class="token punctuation">)</span><span class="token punctuation">;</span> 8</span><span class="code-line line-number" line="8"> 9</span><span class="code-line line-number" line="9"> <span class="token keyword">return</span> <span class="token punctuation">(</span> 10</span><span class="code-line line-number" line="10"> <span class="token operator"><</span>ul<span class="token operator">></span> 11</span><span class="code-line line-number" line="11"> <span class="token punctuation">{</span>tasks<span class="token operator">?.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">task</span> <span class="token operator">=></span> 12</span><span class="code-line line-number" line="12"> <span class="token operator"><</span>li key<span class="token operator">=</span><span class="token punctuation">{</span>task<span class="token punctuation">.</span>id<span class="token punctuation">}</span><span class="token operator">></span><span class="token punctuation">{</span>task<span class="token punctuation">.</span>title<span class="token punctuation">}</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span> 13</span><span class="code-line line-number" line="13"> <span class="token punctuation">)</span><span class="token punctuation">}</span> 14</span><span class="code-line line-number" line="14"> <span class="token operator"><</span><span class="token operator">/</span>ul<span class="token operator">></span> 15</span><span class="code-line line-number" line="15"> <span class="token punctuation">)</span><span class="token punctuation">;</span> 16</span><span class="code-line line-number" line="16"><span class="token punctuation">}</span> 17</span></code></pre></div></div><p class="MuiTypography-root MuiTypography-body2 mui-1iuwxj9">Perfect integration with React hooks and state management</p></div></div></div></div><section class="MuiBox-root mui-1lau8xi"><div class="MuiContainer-root mui-xz9ete"><div class="MuiBox-root mui-10v3jd1"><div class="MuiBox-root mui-1iu4g2o"><h2 class="MuiTypography-root MuiTypography-overline mui-in67og">What is Dexie.js?</h2><h3 class="MuiTypography-root MuiTypography-h3 mui-bgh0yo">The Smarter Way to Use IndexedDB</h3><div class="MuiBox-root mui-1nfgpsw"></div></div><div class="MuiBox-root mui-1k2o3f0"><div class="MuiBox-root mui-1nhprif"><div class="MuiCardContent-root mui-12dasgk"><div class="MuiBox-root mui-1u43i06"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-6rj6ya" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
17<path d="M24 11.374c0 4.55-3.783 6.96-7.146 6.796-.151 1.448.061 2.642.384 3.641l-3.72 1.189c-.338-1.129-.993-3.822-2.752-5.279-2.728.802-4.969-.646-5.784-2.627-2.833.046-4.982-1.836-4.982-4.553 0-4.199 4.604-9.541 11.99-9.541 7.532 0 12.01 5.377 12.01 10.374zm-21.992-1.069c-.145 2.352 2.179 3.07 4.44 2.826.336 2.429 2.806 3.279 4.652 2.396 1.551.74 2.747 2.37 3.729 4.967l.002.006.111-.036c-.219-1.579-.09-3.324.36-4.528 3.907.686 6.849-1.153 6.69-4.828-.166-3.829-3.657-8.011-9.843-8.109-6.302-.041-9.957 4.255-10.141 7.306zm8.165-2.484c-.692-.314-1.173-1.012-1.173-1.821 0-1.104.896-2 2-2s2 .896 2 2c0 .26-.05.509-.141.738 1.215.911 2.405 1.855 3.6 2.794.424-.333.96-.532 1.541-.532 1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5c-1.171 0-2.155-.807-2.426-1.895-1.201.098-2.404.173-3.606.254-.17.933-.987 1.641-1.968 1.641-1.104 0-2-.896-2-2 0-1.033.784-1.884 1.79-1.989.12-.731.252-1.46.383-2.19zm2.059-.246c-.296.232-.66.383-1.057.417l-.363 2.18c.504.224.898.651 1.079 1.177l3.648-.289c.047-.267.137-.519.262-.749l-3.569-2.736z"></path></svg></div><h4 class="MuiTypography-root MuiTypography-h5 mui-1fzidxj">The Smarter IndexedDB</h4><p class="MuiTypography-root MuiTypography-body1 mui-87yksb">Dexie is a lightweight API over IndexedDB that removes callback complexity and exposes a promise/async-friendly API.</p><ul class="MuiList-root MuiList-padding mui-19vjq82"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Less code, better error handling</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Higher readability</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Promise-based operations</span></div></li></ul></div></div></div><div class="MuiBox-root mui-1k2o3f0"><div class="MuiBox-root mui-1nhprif"><div class="MuiCardContent-root mui-12dasgk"><div class="MuiBox-root mui-1u43i06"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-6rj6ya" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M18 15.422v.983c0 .771-1.862 1.396-4 1.396s-4-.625-4-1.396v-.983c.968.695 2.801.902 4 .902 1.202 0 3.035-.208 4-.902zm-4-1.363c-1.202 0-3.035-.209-4-.902v.973c0 .771 1.862 1.396 4 1.396s4-.625 4-1.396v-.973c-.968.695-2.801.902-4 .902zm0-5.86c-2.138 0-4 .625-4 1.396 0 .77 1.862 1.395 4 1.395s4-.625 4-1.395c0-.771-1.862-1.396-4-1.396zm0 3.591c-1.202 0-3.035-.209-4-.902v.977c0 .77 1.862 1.395 4 1.395s4-.625 4-1.395v-.977c-.968.695-2.801.902-4 .902zm-.5-9.79c-5.288 0-9.649 3.914-10.377 9h-3.123l4 5.917 4-5.917h-2.847c.711-3.972 4.174-7 8.347-7 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-3.015 0-5.662-1.583-7.171-3.957l-1.2 1.775c1.916 2.536 4.948 4.182 8.371 4.182 5.797 0 10.5-4.702 10.5-10.5s-4.703-10.5-10.5-10.5z"></path></svg></div><h4 class="MuiTypography-root MuiTypography-h5 mui-1fzidxj">Built-in Reactivity</h4><p class="MuiTypography-root MuiTypography-body1 mui-87yksb">liveQuery() keeps UI in sync with DB in real-time â components update when relevant records change, even across multiple tabs.</p><ul class="MuiList-root MuiList-padding mui-19vjq82"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
17<path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Real-time UI updates</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Cross-tab synchronization</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Automatic re-rendering</span></div></li></ul></div></div></div><div class="MuiBox-root mui-1k2o3f0"><div class="MuiBox-root mui-1nhprif"><div class="MuiCardContent-root mui-12dasgk"><div class="MuiBox-root mui-1u43i06"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-6rj6ya" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M15.91 13.34l2.636-4.026-.454-.406-3.673 3.099c-.675-.138-1.402.068-1.894.618-.736.823-.665 2.088.159 2.824.824.736 2.088.665 2.824-.159.492-.55.615-1.295.402-1.95zm-3.91-10.646v-2.694h4v2.694c-1.439-.243-2.592-.238-4 0zm8.851 2.064l1.407-1.407 1.414 1.414-1.321 1.321c-.462-.484-.964-.927-1.5-1.328zm-18.851 4.242h8v2h-8v-2zm-2 4h8v2h-8v-2zm3 4h7v2h-7v-2zm21-3c0 5.523-4.477 10-10 10-2.79 0-5.3-1.155-7.111-3h3.28c1.138.631 2.439 1 3.831 1 4.411 0 8-3.589 8-8s-3.589-8-8-8c-1.392 0-2.693.369-3.831 1h-3.28c1.811-1.845 4.321-3 7.111-3 5.523 0 10 4.477 10 10z"></path></svg></div><h4 class="MuiTypography-root MuiTypography-h5 mui-1fzidxj">Performance & Modeling</h4><p class="MuiTypography-root MuiTypography-body1 mui-87yksb">Indexes, transactions, and clear schema definition make it fast to query and safe to write â without wrestling with IndexedDB's raw API.</p><ul class="MuiList-root MuiList-padding mui-19vjq82"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Optimized querying with indexes</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Transaction safety</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Clear schema definition</span></div></li></ul></div></div></div></div></div></section><hr class="MuiDivider-root MuiDivider-fullWidth mui-1emsyb3"/><section class="MuiBox-root mui-1lau8xi"><div class="MuiContainer-root mui-xz9ete"><div class="MuiBox-root mui-10v3jd1"><div class="MuiBox-root mui-1iu4g2o"><h2 class="MuiTypography-root MuiTypography-overline mui-in67og">What is Dexie Cloud?</h2><h3 class="MuiTypography-root MuiTypography-h3 mui-bgh0yo">Offline-First Sync Without the Complexity</h3><div class="MuiBox-root mui-1nfgpsw"></div></div><div class="MuiBox-root mui-1k2o3f0"><div class="MuiBox-root mui-1nhprif"><div class="MuiCardContent-root mui-12dasgk"><div class="MuiBox-root mui-1u43i06"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-6rj6ya" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
17<path d="M22 18.055v2.458c0 1.925-4.655 3.487-10 3.487-5.344 0-10-1.562-10-3.487v-2.458c2.418 1.738 7.005 2.256 10 2.256 3.006 0 7.588-.523 10-2.256zm-10-18.055c-5.344 0-10 1.562-10 3.488s4.656 3.487 10 3.487c5.345 0 10-1.562 10-3.487 0-1.926-4.655-3.488-10-3.488zm0 8.975c-3.006 0-7.588-.523-10-2.256v2.44c0 1.926 4.656 3.487 10 3.487 5.345 0 10-1.562 10-3.487v-2.44c-2.418 1.738-7.005 2.256-10 2.256zm-6.023 5.02l-.495 3.473c.373.112.772.215 1.192.308l.505-3.535c-.414-.073-.816-.155-1.202-.246zm8.564.54l-.527 3.706c.429-.03.845-.071 1.251-.12l.529-3.722c-.409.054-.827.099-1.253.136zm2.197-.28l-.53 3.732c.439-.071.862-.153 1.266-.246l.532-3.743c-.407.097-.831.182-1.268.257zm-4.37.384l-.521 3.672c.428 0 .721 0 1.235-.02l.525-3.691c-.408.021-.822.034-1.239.039zm8.353 1.892c.813-.505 1.279-1.087 1.279-1.707v-2.439c-.23.16-.482.313-.755.458l-.524 3.688zm-16.819-3.168l-.468 3.26c.337.195.725.377 1.162.544l.487-3.407c-.395-.114-.804-.249-1.181-.397zm6.314 1.226l-.517 3.629c.399.033.808.057 1.224.073l.521-3.655c-.414-.007-.824-.023-1.228-.047zm-8.216-2.204v2.439c0 .415.21.813.592 1.183l.436-3.024c-.381-.187-.723-.386-1.028-.598zm6.085 1.997l-.51 3.569c.391.067.794.126 1.211.175l.514-3.605c-.413-.038-.819-.084-1.215-.139zm10.88-.636l-.533 3.748c.471-.138.904-.291 1.296-.457l.531-3.737c-.427.17-.808.303-1.294.446z"></path></svg></div><h4 class="MuiTypography-root MuiTypography-h5 mui-1fzidxj">Local-First Without Backend Building</h4><p class="MuiTypography-root MuiTypography-body1 mui-87yksb">Add two-way sync, user auth, and access control on top of Dexie â without having to develop and maintain your own sync API.</p><ul class="MuiList-root MuiList-padding mui-19vjq82"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">No backend development needed</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Built-in sync infrastructure</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Focus on your app, not plumbing</span></div></li></ul></div></div></div><div class="MuiBox-root mui-1k2o3f0"><div class="MuiBox-root mui-1nhprif"><div class="MuiCardContent-root mui-12dasgk"><div class="MuiBox-root mui-1u43i06"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-6rj6ya" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-10-4c0-2.206 1.794-4 4-4s4 1.794 4 4v4h-8v-4zm11 16h-14v-10h14v10z"></path></svg></div><h4 class="MuiTypography-root MuiTypography-h5 mui-1fzidxj">Security & Permissions</h4><p class="MuiTypography-root MuiTypography-body1 mui-87yksb">Data is private by default; share selectively via 'realms', roles, and members with fine-grained access control.</p><ul class="MuiList-root MuiList-padding mui-19vjq82"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
17<path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Private by default</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Flexible sharing with realms</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Role-based permissions</span></div></li></ul></div></div></div><div class="MuiBox-root mui-1k2o3f0"><div class="MuiBox-root mui-1nhprif"><div class="MuiCardContent-root mui-12dasgk"><div class="MuiBox-root mui-1u43i06"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-6rj6ya" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 16l-6-2.935v-2.131l6-2.934v2.199l-3.64 1.801 3.64 1.796v2.204zm2-8v2.199l3.64 1.801-3.64 1.796v2.204l6-2.935v-2.131l-6-2.934z"></path></svg></div><h4 class="MuiTypography-root MuiTypography-h5 mui-1fzidxj">Developer Experience</h4><p class="MuiTypography-root MuiTypography-body1 mui-87yksb">Start free with OTP login out-of-the-box, scale up as users grow; manage seats in Cloud Manager with transparent pricing.</p><ul class="MuiList-root MuiList-padding mui-19vjq82"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Free tier for getting started</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Built-in authentication</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Simple scaling model</span></div></li></ul></div></div></div></div><div class="MuiBox-root mui-1i31qzw"><div class="MuiBox-root mui-1i6b8dn"></div><div class="MuiBox-root mui-1k2o3f0"><div class="MuiBox-root mui-1nhprif"><div class="MuiCardContent-root mui-12dasgk"><div class="MuiBox-root mui-1u43i06"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-6rj6ya" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M15 10c3.753 0 3.844 3.922 3.701 4.822 1.033.053 3.299.246 3.299 2.206 0 1.087-.953 1.972-2.125 1.972h-9.75c-1.172 0-2.125-.885-2.125-1.972 0-1.94 2.235-2.151 3.299-2.206-.127-.797-.171-4.822 3.701-4.822zm0-2c-3.004 0-5.45 2.268-5.609 5.123-1.928.333-3.391 1.954-3.391 3.905 0 2.193 1.848 3.972 4.125 3.972h9.75c2.277 0 4.125-1.779 4.125-3.972 0-1.951-1.463-3.572-3.391-3.905-.159-2.855-2.605-5.123-5.609-5.123zm-7.382 3.58c.766-2.932 3.325-5.126 6.445-5.502-.905-1.82-2.828-3.078-5.063-3.078-3.004 0-5.45 2.268-5.609 5.123-1.928.333-3.391 1.954-3.391 3.905 0 2.185 1.835 3.957 4.101 3.97.349-1.959 1.671-3.615 3.517-4.418z"></path></svg></div><h4 class="MuiTypography-root MuiTypography-h5 mui-1fzidxj">Deployment Flexibility</h4><p class="MuiTypography-root MuiTypography-body1 mui-87yksb">Run as SaaS or self-hosted (Node.js + PostgreSQL) when you need full control over your infrastru
17cture.</p><ul class="MuiList-root MuiList-padding mui-19vjq82"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">SaaS for simplicity</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Self-hosted option available</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Full infrastructure control</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-4c05xi"><div class="MuiListItemIcon-root mui-n9iqp8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-rwk876"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Full source code access available</span></div></li></ul></div></div></div></div></div></section><hr class="MuiDivider-root MuiDivider-fullWidth mui-1emsyb3"/><div class="MuiBox-root mui-o3wuc6"><div class="MuiBox-root mui-l55s9c"><h2 class="MuiTypography-root MuiTypography-h3 mui-d0d8er">Why choose Dexie?</h2><h6 class="MuiTypography-root MuiTypography-h6 mui-32wnm6">Three powerful advantages that make IndexedDB development a breeze</h6><div class="MuiBox-root mui-1es9xpb"><div class="MuiBox-root mui-1pf3trq"><div class="MuiBox-root mui-s9vo95"><svg width="60" height="60" fill="rgba(255, 255, 255, 0.8)" viewBox="0 0 24 24"><path d="M12 18l1.291-4h-4.291l6.584-7-1.375 4h3.791l-6 7zm1.5-16c-5.288 0-9.649 3.914-10.377 9h-3.123l4 5.917 4-5.917h-2.847c.711-3.972 4.174-7 8.347-7 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-3.015 0-5.662-1.583-7.171-3.957l-1.2 1.775c1.916 2.536 4.948 4.182 8.371 4.182 5.797 0 10.5-4.702 10.5-10.5s-4.703-10.5-10.5-10.5z"></path></svg></div><h5 class="MuiTypography-root MuiTypography-h5 mui-1pw2ev9">Reactive</h5><p class="MuiTypography-root MuiTypography-body1 mui-1t8dvm7">Dexie 4 integrates better with front-end frameworks. Query the db without boilerplate and let your components mirror the database in real time.</p></div><div class="MuiBox-root mui-1pf3trq"><div class="MuiBox-root mui-s9vo95"><svg width="60" height="60" fill="rgba(255, 255, 255, 0.8)" viewBox="0 0 24 24"><path d="M15.996 23.999h-12.605s.734-3.931.633-5.686c-.041-.724-.161-1.474-.54-2.104-.645-1-2.636-3.72-2.475-7.43.224-5.209 4.693-8.779 10.126-8.779 5.098 0 8.507 3.001 9.858 7.483.328 1.079.311 1.541-.151 2.607l-.006.013 1.751 2.142c.26.381.413.791.413 1.239 0 .547-.233 1.045-.61 1.399-.368.345-.767.452-1.248.642 0 0-.576 2.592-.873 3.291-.7 1.643-1.97 1.659-2.97 1.849-.394.083-.49.133-.681.681-.208.591-.363 1.435-.622 2.653m-4.842-22c-4.285.048-7.74 2.548-8.121 6.488-.192 1.991.463 3.986 1.516 5.705.611 1 1.305 1.592 1.464 3.875.091 1.313-.05 2.636-.241 3.932h8.604c.141-.645.35-1.485.687-2.057.449-.766 1.097-1.099 1.926-1.254.838-.148 1.238-.059 1.489-.785.212-.579.612-2.221.831-3.902 1.203-.335.612-.161 1.671-.559-.206-.234-1.918-2.314-2.045-2.6-.336-.759-.046-1.19.225-1.913.086-.251.06-.357-.009-.613-1.049-3.949-3.891-6.317-7.997-6.317m.52 3c.242.684.312 1.122.841 1.341h.001c.53.221.893-.044 1.543-.353l.953.952c-.312.655-.573 1.016-.354 1.544v.001c.219.528.653.597 1.342.841v1.347c-.681.243-1.123.313-1.342.843-.22.529.043.891.354 1.544l-.953.952c-.657-.313-1.014-.574-1.541-.355h-.001c-.531.222-.601.661-.843 1.343h-1.348c-.242-.684-.312-1.122-.841-1.34l-.001-.001c-.529-.221-.892.043-1.544.353l-.952-.952c.305-.643.574-1.011.353-1.545-.22-.529-.661-.599-1.341-.842v-1.347c.681-.242 1.121-.312 1.341-.841.22-.531-.042-.891-.353-1.545l.952-.952c.657.312 1.015.573 1.544.353h.001c.529-.219.599-.661.841-1.341h1.348zm-.674 6.667c-.92 0-1.667-.746-1.667-1.667s.747-1.667 1.667-1.667 1.666.746 1.666 1.667-.746 1.667-1.666 1.667"></path></svg></div><h5 class="MuiTypography-root MuiTypography-h5 mui-1pw2ev9">Easy to learn</h5><p class="MuiTypography-root MuiTypography-body1 mui-1t8dvm7">Dexie was written to be straightforward and easy to learn. If you've ever had to work with native IndexedDB then you'll certainly appreciate Dexie's concise API.</p></div><div class="MuiBox-root mui-1pf3trq"><div class="MuiBox-root mui-s9vo95"><svg width="60" height="60" fill="rgba(255, 255, 255, 0.8)" viewB
17ox="0 0 24 24"><path d="M15.408 21h-9.908c-3.037 0-5.5-2.463-5.5-5.5 0-2.702 1.951-4.945 4.521-5.408.212-3.951 3.473-7.092 7.479-7.092 3.267 0 6.037 2.089 7.063 5.003l-.063-.003c-.681 0-1.336.102-1.958.283-.878-2.025-2.73-3.283-5.042-3.283-3.359 0-5.734 2.562-5.567 6.78-1.954-.113-4.433.923-4.433 3.72 0 1.93 1.57 3.5 3.5 3.5h7.76c.566.81 1.3 1.49 2.148 2zm2.257-8.669c.402-.206.852-.331 1.335-.331 1.455 0 2.67 1.042 2.941 2.418l1.96-.398c-.456-2.291-2.475-4.02-4.901-4.02-.957 0-1.845.278-2.604.745l-1.396-1.745-1 5h5l-1.335-1.669zm5.335 8.669l-1.396-1.745c-.759.467-1.647.745-2.604.745-2.426 0-4.445-1.729-4.901-4.02l1.96-.398c.271 1.376 1.486 2.418 2.941 2.418.483 0 .933-.125 1.335-.331l-1.335-1.669h5l-1 5z"></path></svg></div><h5 class="MuiTypography-root MuiTypography-h5 mui-1pw2ev9">Easy to sync</h5><p class="MuiTypography-root MuiTypography-body1 mui-1t8dvm7">With only a few lines of extra code, you can build a consistent, authenticated and access controlled local-first app!</p></div></div></div></div><hr class="MuiDivider-root MuiDivider-fullWidth mui-1emsyb3"/><div class="MuiBox-root mui-15cwd8h" id="from-local-to-global"><div class="MuiBox-root mui-98n11k"><h2 class="MuiTypography-root MuiTypography-h3 mui-d0d8er">From local to global in 4 steps</h2><h6 class="MuiTypography-root MuiTypography-h6 mui-32wnm6">Start local, add reactivity and scale with sync and collaboration</h6><div class="MuiBox-root mui-166mr82"><div class="MuiBox-root mui-0"><div class="MuiBox-root mui-1w3ufwa"><h5 class="MuiTypography-root MuiTypography-h5 mui-gf1pf4"><span class="MuiBox-root mui-qnwdoa">1</span>Declare your database</h5></div><div class="MuiBox-root mui-1ducgkx"><div class="codeblock-container" style="position:relative"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary mui-1h2nye6" tabindex="0" type="button"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall mui-1siv2hp"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-lpf57a" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"></path></svg></span>Copy</button><pre class="prism-javascript"><code class="prism-javascript code-highlight"><span class="code-line line-number" line="1"><span class="token keyword">const</span> db <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Dexie</span><span class="token punctuation">(</span><span class="token string">'MyDatabase'</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 18</span><span class="code-line line-number" line="2"> 19</span><span class="code-line line-number" line="3"><span class="token comment">// Declare tables, IDs and indexes</span> 20</span><span class="code-line line-number" line="4">db<span class="token punctuation">.</span><span class="token function">version</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">stores</span><span class="token punctuation">(</span><span class="token punctuation">{</span> 21</span><span class="code-line line-number" line="5"> <span class="token literal-property property">friends</span><span class="token operator">:</span> <span class="token string">'id, name, age'</span> 22</span><span class="code-line line-number" line="6"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 23</span></code></pre></div></div></div><div class="MuiBox-root mui-0"><div class="MuiBox-root mui-1w3ufwa"><h5 class="MuiTypography-root MuiTypography-h5 mui-gf1pf4"><span class="MuiBox-root mui-qnwdoa">2</span>Then run some queries</h5></div><div class="MuiBox-root mui-1ducgkx"><div class="codeblock-container" style="position:relative"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary mui-1h2nye6" tabindex="0" type="button"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall mui-1siv2hp"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-lpf57a" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
23<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"></path></svg></span>Copy</button><pre class="prism-javascript"><code class="prism-javascript code-highlight"><span class="code-line line-number" line="1"><span class="token comment">// Find some old friends</span> 24</span><span class="code-line line-number" line="2"><span class="token keyword">const</span> oldFriends <span class="token operator">=</span> <span class="token keyword">await</span> db<span class="token punctuation">.</span>friends 25</span><span class="code-line line-number" line="3"> <span class="token punctuation">.</span><span class="token function">where</span><span class="token punctuation">(</span><span class="token string">'age'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">above</span><span class="token punctuation">(</span><span class="token number">75</span><span class="token punctuation">)</span> 26</span><span class="code-line line-number" line="4"> <span class="token punctuation">.</span><span class="token function">toArray</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 27</span><span class="code-line line-number" line="5"> 28</span><span class="code-line line-number" line="6"><span class="token comment">// or make a new one</span> 29</span><span class="code-line line-number" line="7"><span class="token keyword">await</span> db<span class="token punctuation">.</span>friends<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token punctuation">{</span> 30</span><span class="code-line line-number" line="8"> <span class="token literal-property property">id</span><span class="token operator">:</span> <span class="token function">uuidv7</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">,</span> <span class="token comment">// import { v7 as uuidv7 } from "uuid"</span> 31</span><span class="code-line line-number" line="9"> <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'Camilla'</span><span class="token punctuation">,</span> 32</span><span class="code-line line-number" line="10"> <span class="token literal-property property">age</span><span class="token operator">:</span> <span class="token number">25</span><span class="token punctuation">,</span> 33</span><span class="code-line line-number" line="11"> <span class="token literal-property property">street</span><span class="token operator">:</span> <span class="token string">'East 13:th Street'</span><span class="token punctuation">,</span> 34</span><span class="code-line line-number" line="12"> <span class="token literal-property property">picture</span><span class="token operator">:</span> <span class="token keyword">await</span> <span class="token function">getBlob</span><span class="token punctuation">(</span><span class="token string">'camilla.png'</span><span class="token punctuation">)</span> 35</span><span class="code-line line-number" line="13"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 36</span></code></pre></div></div></div><div class="MuiBox-root mui-0"><div class="MuiBox-root mui-1w3ufwa"><h5 class="MuiTypography-root MuiTypography-h5 mui-gf1pf4"><span class="MuiBox-root mui-qnwdoa">3</span>Live Queries</h5></div><div class="MuiBox-root mui-1ducgkx"><div class="codeblock-container" style="position:relative"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary mui-1h2nye6" tabindex="0" type="button"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall mui-1siv2hp"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-lpf57a" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
36<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"></path></svg></span>Copy</button><pre class="prism-javascript"><code class="prism-javascript code-highlight"><span class="code-line line-number" line="1"><span class="token keyword">import</span> <span class="token punctuation">{</span> useLiveQuery <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">"dexie-react-hooks"</span><span class="token punctuation">;</span> 37</span><span class="code-line line-number" line="2"> 38</span><span class="code-line line-number" line="3"><span class="token keyword">function</span> <span class="token function">FriendList</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> 39</span><span class="code-line line-number" line="4"> <span class="token keyword">const</span> friends <span class="token operator">=</span> <span class="token function">useLiveQuery</span><span class="token punctuation">(</span> 40</span><span class="code-line line-number" line="5"> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> db<span class="token punctuation">.</span>friends 41</span><span class="code-line line-number" line="6"> <span class="token punctuation">.</span><span class="token function">where</span><span class="token punctuation">(</span><span class="token string">"age"</span><span class="token punctuation">)</span> 42</span><span class="code-line line-number" line="7"> <span class="token punctuation">.</span><span class="token function">between</span><span class="token punctuation">(</span><span class="token number">18</span><span class="token punctuation">,</span> <span class="token number">65</span><span class="token punctuation">)</span> 43</span><span class="code-line line-number" line="8"> <span class="token punctuation">.</span><span class="token function">toArray</span><span class="token punctuation">(</span><span class="token punctuation">)</span> 44</span><span class="code-line line-number" line="9"> <span class="token punctuation">)</span><span class="token punctuation">;</span> 45</span><span class="code-line line-number" line="10"> 46</span><span class="code-line line-number" line="11"> <span class="token keyword">return</span> <span class="token punctuation">(</span> 47</span><span class="code-line line-number" line="12"> <span class="token operator"><</span>ul<span class="token operator">></span> 48</span><span class="code-line line-number" line="13"> <span class="token punctuation">{</span>friends<span class="token operator">?.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token parameter">friend</span> <span class="token operator">=></span> 49</span><span class="code-line line-number" line="14"> <span class="token operator"><</span>li key<span class="token operator">=</span><span class="token punctuation">{</span>friend<span class="token punctuation">.</span>id<span class="token punctuation">}</span><span class="token operator">></span> 50</span><span class="code-line line-number" line="15"> <span class="token punctuation">{</span>friend<span class="token punctuation">.</span>name<span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>friend<span class="token punctuation">.</span>age<span class="token punctuation">}</span> 51</span><span class="code-line line-number" line="16"> <span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span> 52</span><span class="code-line line-number" line="17"> <span class="token punctuation">)</span><span class="token punctuation">}</span> 53</span><span class="code-line line-number" line="18"> <span class="token operator"><</span><span class="token operator">/</span>ul<span class="token operator">></span> 54</span><span class="code-line line-number" line="19"> <span class="token punctuation">)</span><span class="token punctuation">;</span> 55</span><span class="code-line line-number" line="20"><span class="token punctuation">}</span> 56</span></code></pre></div></div></div><div class="MuiBox-root mui-0"><div class="MuiBox-root mui-1w3ufwa"><h5 class="MuiTypography-root MuiTypography-h5 mui-gf1pf4"><span class="MuiBox-root mui-qnwdoa">4</span>Sync</h5></div><div class="MuiBox-root mui-1ducgkx"><div class="codeblock-container" style="position:relative"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary mui-1h2nye6" tabindex="0" type="button"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall mui-1siv2hp"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-lpf57a" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
56<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"></path></svg></span>Copy</button><pre class="prism-javascript"><code class="prism-javascript code-highlight"><span class="code-line line-number" line="1"><span class="token keyword">import</span> dexieCloud <span class="token keyword">from</span> <span class="token string">"dexie-cloud-addon"</span><span class="token punctuation">;</span> 57</span><span class="code-line line-number" line="2"> 58</span><span class="code-line line-number" line="3"><span class="token keyword">const</span> db <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Dexie</span><span class="token punctuation">(</span><span class="token string">'SyncedDB'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> 59</span><span class="code-line line-number" line="4"> <span class="token literal-property property">addons</span><span class="token operator">:</span> <span class="token punctuation">[</span>dexieCloud<span class="token punctuation">]</span> 60</span><span class="code-line line-number" line="5"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 61</span><span class="code-line line-number" line="6"> 62</span><span class="code-line line-number" line="7">db<span class="token punctuation">.</span><span class="token function">version</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">stores</span><span class="token punctuation">(</span><span class="token punctuation">{</span> 63</span><span class="code-line line-number" line="8"> <span class="token literal-property property">friends</span><span class="token operator">:</span> <span class="token string">'id, name, age'</span> 64</span><span class="code-line line-number" line="9"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 65</span><span class="code-line line-number" line="10"> 66</span><span class="code-line line-number" line="11">db<span class="token punctuation">.</span>cloud<span class="token punctuation">.</span><span class="token function">configure</span><span class="token punctuation">(</span><span class="token punctuation">{</span> 67</span><span class="code-line line-number" line="12"> <span class="token literal-property property">databaseUrl</span><span class="token operator">:</span> <span class="token string">"https://yourdatabase.dexie.cloud"</span><span class="token punctuation">,</span> 68</span><span class="code-line line-number" line="13"> <span class="token literal-property property">requireAuth</span><span class="token operator">:</span> <span class="token boolean">true</span> 69</span><span class="code-line line-number" line="14"><span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span> 70</span><span class="code-line line-number" line="15"> 71</span><span class="code-line line-number" line="16"><span class="token comment">// Now it syncs automatically! ð</span> 72</span></code></pre></div></div></div></div><div class="MuiBox-root mui-y3597y"><div class="MuiBox-root mui-1ge4ozr"><p class="MuiTypography-root MuiTypography-body2 mui-16l6yfr">Local Storage</p><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-fl575a" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path></svg><p class="MuiTypography-root MuiTypography-body2 mui-16l6yfr">Queries</p><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-fl575a" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path></svg><p class="MuiTypography-root MuiTypography-body2 mui-16l6yfr">Reactivity</p><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-fl575a" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
72<path d="m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"></path></svg><p class="MuiTypography-root MuiTypography-body2 mui-16l6yfr">Global Sync</p></div><div class="MuiBox-root mui-1crppaj"><a class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-colorSecondary mui-4e9ivi" tabindex="0" href="https://jsfiddle.net/dfahlander/w2zqxn49/" target="_blank"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeLarge mui-j2as55"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-53z1dg" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"></path></svg></span>Try in JSFiddle</a><a class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedSecondary MuiButton-sizeLarge MuiButton-outlinedSizeLarge MuiButton-colorSecondary MuiButton-root MuiButton-outlined MuiButton-outlinedSecondary MuiButton-sizeLarge MuiButton-outlinedSizeLarge MuiButton-colorSecondary mui-17j8jf4" tabindex="0" href="/docs/Tutorial"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeLarge mui-j2as55"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-53z1dg" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"></path></svg></span>
72Follow Tutorial</a></div></div></div></div><hr class="MuiDivider-root MuiDivider-fullWidth mui-1emsyb3"/><section class="MuiBox-root mui-1lau8xi"><div class="MuiContainer-root mui-xz9ete"><div class="MuiBox-root mui-f0lxqi"><h2 class="MuiTypography-root MuiTypography-h1 mui-1ts5p7l">Kickstart with templates</h2><h5 class="MuiTypography-root MuiTypography-h5 mui-19p6f1">From local storage to global sync - choose your path</h5></div><div class="MuiBox-root mui-1qg28yq"><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root mui-1krvdao" style="--Paper-shadow:var(--mui-shadows-1);--Paper-overlay:var(--mui-overlays-1)"><div class="MuiCardContent-root mui-unmoq7"><h5 class="MuiTypography-root MuiTypography-h5 mui-1o9ib45">Dexie Cloud Quickstart</h5><p class="MuiTypography-root MuiTypography-body1 mui-1n7ypht">A simple but concice Dexie Cloud application, built with vanilla React and Vite. It is a great starting point for building your own Dexie Cloud application.</p><div class="MuiBox-root mui-i9gxme"></div><ul class="MuiList-root MuiList-padding mui-1kth8e0"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Typescript + Vite + React</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">PWA with Service worker & manifest</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Offline storage and sync</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Best way to learn the basics</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Starter template for your own app</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Sharing and access control</span></div></li></ul></div><div class="MuiCardActions-root MuiCardActions-spacing mui-54xfij"><a class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit mui-lwflgf" tabindex="0" href="/docs/cloud/quickstart#steps" target="_self"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium mui-cveorv"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-xdrg7u" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
72<path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3z"></path></svg></span>View Template</a></div></div><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root mui-1krvdao" style="--Paper-shadow:var(--mui-shadows-1);--Paper-overlay:var(--mui-overlays-1)"><div class="MuiCardContent-root mui-unmoq7"><h5 class="MuiTypography-root MuiTypography-h5 mui-1o9ib45">Dexie Cloud Starter</h5><p class="MuiTypography-root MuiTypography-body1 mui-1n7ypht">Dexie Cloud Starter uses collaborative text editing with Y.js and Tiptap. Inspired by the popular MyMind app, it demonstrates how to build a collaborative note-taking application using Dexie Cloud.</p><div class="MuiBox-root mui-i9gxme"></div><ul class="MuiList-root MuiList-padding mui-1kth8e0"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">NextJS and TypeScript</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Offline storage and sync</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Conflict-free rich text editing</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Tiptap and Y.js with awareness protocol</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Image upload and storage</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Full text search in notes</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24">
72<path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Full sharing support</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Social Authentication</span></div></li></ul></div><div class="MuiCardActions-root MuiCardActions-spacing mui-54xfij"><a class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit mui-lwflgf" tabindex="0" href="https://github.com/dexie/dexie-cloud-starter" target="_blank"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium mui-cveorv"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-xdrg7u" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3z"></path></svg></span>View Template</a></div></div><div class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root mui-1krvdao" style="--Paper-shadow:var(--mui-shadows-1);--Paper-overlay:var(--mui-overlays-1)"><div class="MuiCardContent-root mui-unmoq7"><h5 class="MuiTypography-root MuiTypography-h5 mui-1o9ib45">Sveltekit Dexie-boilerplate</h5><p class="MuiTypography-root MuiTypography-body1 mui-1n7ypht">An example of a Dexie Cloud application built with Svelte. It is a great starting point for building your own Dexie Cloud application using Svelte.</p><div class="MuiBox-root mui-i9gxme"></div><ul class="MuiList-root MuiList-padding mui-1kth8e0"><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Svelte framework</span></div></li><li class="MuiListItem-root MuiListItem-gutters MuiListItem-padding mui-1xq3eom"><div class="MuiListItemIcon-root mui-1ikzn8"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-102tcdj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg></div><div class="MuiListItemText-root mui-181tk0k"><span class="MuiTypography-root MuiTypography-body1 MuiListItemText-primary mui-10kec9y">Build-in authentication</span></div></li></ul></div><div class="MuiCardActions-root MuiCardActions-spacing mui-54xfij"><a class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit MuiButton-root MuiButton-outlined MuiButton-outlinedInherit MuiButton-sizeMedium MuiButton-outlinedSizeMedium MuiButton-colorInherit mui-lwflgf" tabindex="0" href="https://github.com/albarin/sveltekit-dexie-boilerplate" target="_blank"><span class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium mui-cveorv"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-xdrg7u" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3z"></path></svg></span>View Template</a></div></div></div></div></section><section class="MuiBox-root mui-1ymflz7"><div class="MuiContainer-root mui-xz9ete"><div class="MuiBox-root mui-150iidm"><p class="MuiTypography-root MuiTypography-body1 mui-11zblsi">Ready to build offline-first apps? Start with Dexie.js for local storage, add Dexie Cloud when you need sync, auth, and collaboration. No backend required.</p><div class="MuiBox-root mui-z699kw"></div></div></div></section><!--$--><!--/$--><footer class="MuiBox-root mui-mtwe15"><div class="MuiContainer-root MuiContainer-maxWidthLg mui-1r8e29u"><div class="MuiBox-root mui-181pzvj"><div class="MuiBox-root mui-0"><h5 class="MuiTypography-root MuiTypography-h5 mui-1ar8wvk">Contact Us</h5><p class="MuiTypography-root MuiTypography-body1 mui-1yb5fmn">Let's start the productive work.</p><h6 class="MuiTypography-root MuiTypography-h6 mui-15rkzv5">Questions & Support</h6><div class="MuiBox-root mui-1w3ufwa"><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-ty812g" href="https://stackoverflow.com/questions/ask?tags=dexie" target="_blank" rel="noopener noreferrer">â Ask on Stack Overflow</a><p class="MuiTypography-root MuiTypography-body2 mui-15v0q51">Fastest response for technical questions</p><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-ty812g" href="https://github.com/dexie/Dexie.js/issues/new" target="_blank" rel="noopener noreferrer">â File an issue on GitHub</a><p class="MuiTypography-root MuiTypography-body2 mui-15v0q51">Bug reports and feature requests</p><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-ty812g" href="https://discord.gg/huhre7MHBF" target="_blank" rel="noopener noreferrer">â Chat on Discord</a><p class="MuiTypography-root MuiTypography-body2 mui-25mqhm">Community discussions</p></div><h6 class="MuiTypography-root MuiTypography-h6 mui-15rkzv5">Location</h6><div class="MuiBox-root mui-0">
72<div class="MuiBox-root mui-l2qk8f"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-bdr7qj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7m0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5"></path></svg><p class="MuiTypography-root MuiTypography-body2 mui-7amwnl">Störtloppsvägen 14, Hägersten, Stockholm</p></div><div class="MuiBox-root mui-l2qk8f"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-bdr7qj" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7m0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5"></path></svg><p class="MuiTypography-root MuiTypography-body2 mui-7amwnl">Oxtorget 4, Växjö</p></div></div></div><div class="MuiBox-root mui-0"><h6 class="MuiTypography-root MuiTypography-h6 mui-18rq4cj">Our Locations</h6><div class="MuiBox-root mui-w7oica"><iframe src="https://www.google.com/maps/embed/v1/search?key=AIzaSyDmOtclVWnqNu30_6OQ_NFVOhdOa6NFOA4&q=Störtloppsvägen+14+Hägersten+Sweden|Oxtorget+4+Växjö+Sweden&center=57.5,16&zoom=5&maptype=satellite" width="100%" height="100%" style="border:0;border-radius:8px" loading="lazy" referrerPolicy="no-referrer-when-downgrade"></iframe></div></div></div></div></footer><div class="MuiBox-root mui-12f2gma"><div class="MuiContainer-root MuiContainer-maxWidthLg mui-1r8e29u"><div class="MuiBox-root mui-177dkdp"><p class="MuiTypography-root MuiTypography-body2 mui-2aa06p">© 2014-2025 Awarica AB</p><div class="MuiBox-root mui-r09krs"><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-14rgst9" href="https://github.com/dexie/Dexie.js" target="_blank" rel="nofollow noopener">GitHub</a><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-14rgst9" href="/blog" rel="nofollow noopener">Blog</a><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-14rgst9" href="https://stackoverflow.com/questions/tagged/dexie" target="_blank" rel="nofollow noopener">Stack Overflow</a><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-14rgst9" href="https://twitter.com/dexiejs" target="_blank" rel="nofollow noopener">Twitter</a></div><div class="MuiBox-root mui-1bmqite"><button class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary mui-1kidcgk" tabindex="0" type="button">Back to top<span class="MuiButton-icon MuiButton-endIcon MuiButton-iconSizeMedium mui-1g78ho2"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-53z1dg" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"></path></svg></span></button></div></div><div class="MuiBox-root mui-bpqih"><p class="MuiTypography-root MuiTypography-body2 mui-3kgr9s">Browser testing via</p><a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-14azgab" href="https://www.testmuai.com/?utm_medium=sponsor&utm_source=dexiejs" target="_blank" rel="noopener noreferrer"><img src="/assets/images/testmuai-white.svg" alt="TestMu AI (Formerly LambdaTest)" width="147" height="26" style="vertical-align:middle;filter:brightness(0.85)"/></a></div><div class="MuiBox-root mui-j3dxt2"><p class="MuiTypography-root MuiTypography-body2 mui-188f6t1">Made with love for great people.</p><span class="MuiTypography-root MuiTypography-caption mui-13fbmcm">Read<!-- --> <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-4toemm" href="/terms">Terms & Conditions</a> <!-- -->and<!-- --> <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-4toemm" href="/privacy">Privacy Policy</a>.<!-- --> <button class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways MuiLink-button mui-1di8bv7">Cookie Settings</button></span></div></div></div><div class="MuiBox-root mui-jpvdkc"><div class="MuiBox-root mui-1h4i270"></div><div><p class="MuiTypography-root MuiTypography-body2 mui-1d2wd8l">We recently launched a new website! Missing something? Visit the<!-- --> <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-a4ihgr" href="https://old.dexie.org" target="_blank" rel="noopener noreferrer">old site</a>. Your<!-- --> <a class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways mui-a4ihgr" href="/contact">feedback</a> <!-- -->is welcome!</p></div></div>
72<script src="/_next/static/chunks/2e175d805581124f.js" id="_R_" async=""></script>
72<script>(self.__next_f=self.__next_f||[]).push([0])</script>
72<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[53229,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\n4:I[98882,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\n5:I[6460,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\n6:I[52669,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\n7:I[17350,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\n8:I[11054,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\n9:I[53675,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\na:I[45678,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next"])</script>
72<script>self.__next_f.push([1,"/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\nb:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7dd66bdf8a7e5707.js\"],\"default\"]\nc:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7dd66bdf8a7e5707.js\"],\"default\"]\n13:I[68027,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\n:HL[\"/_next/static/chunks/ac54d24efc2333b6.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ce62453a442c7f35-s.p.124b2306.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/1ffeace3f2f42fab.css\",\"style\"]\n2:T60b,"])</script>
72<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"SoftwareApplication\",\"name\":\"Dexie.js\",\"description\":\"IndexedDB wrapper library for offline-first web applications with real-time sync capabilities\",\"url\":\"https://dexie.org\",\"applicationCategory\":\"DeveloperApplication\",\"operatingSystem\":\"Web Browser\",\"programmingLanguage\":\"JavaScript\",\"author\":{\"@type\":\"Person\",\"name\":\"David Fahlander\",\"url\":\"https://github.com/dfahlander\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Awarica AB\",\"address\":{\"@type\":\"PostalAddress\",\"addressCountry\":\"SE\",\"addressLocality\":\"Stockholm\"}},\"softwareVersion\":\"4.0\",\"downloadUrl\":\"https://www.npmjs.com/package/dexie\",\"license\":\"https://github.com/dexie/Dexie.js/blob/master/LICENSE\",\"codeRepository\":\"https://github.com/dexie/Dexie.js\",\"installUrl\":\"https://www.npmjs.com/package/dexie\",\"screenshot\":\"https://dexie.org/assets/images/dexie-hero-og.jpg\",\"offers\":[{\"@type\":\"Offer\",\"name\":\"Dexie.js Open Source\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"description\":\"Free IndexedDB wrapper library\"},{\"@type\":\"Offer\",\"name\":\"Dexie Cloud Free\",\"price\":\"0\",\"priceCurrency\":\"USD\",\"description\":\"Free tier with 3 production users and 100MB storage\"},{\"@type\":\"Offer\",\"name\":\"Dexie Cloud Production\",\"price\":\"0.12\",\"priceCurrency\":\"USD\",\"description\":\"Production tier starting at $0.12 per user per month\"}],\"featureList\":[\"Offline-first database\",\"IndexedDB wrapper\",\"Real-time synchronization\",\"Authentication system\",\"Collaborative features\",\"React integration\",\"Vue.js support\",\"Angular compatibility\",\"Progressive Web App support\"]}"])</script>
72<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"ermHJIy1eHcs8H7S0q8QA\",\"p\":\"\",\"c\":[\"\",\"product\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"product\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/ac54d24efc2333b6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/71a52ffe77c5e564.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/56c9e54788b29174.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/ff6deef312872ea8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/c951515ccc7cb569.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/882ee314f5f56fa0.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/71da95848123b84e.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"roboto_d24be3b7-module__pZO6tq__variable\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"alternate\",\"type\":\"text/plain\",\"href\":\"/llms.txt\",\"title\":\"LLM Documentation Guide\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}]]}],[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable\",\"children\":[\"$\",\"$L3\",null,{\"gaId\":\"G-7W0YET4Q10\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{\"theme\":\"$8\",\"children\":[[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],\"$Ld\",\"$Le\"]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],\"$Lf\"]}]}]]}]}]]}]]}],{\"children\":[\"product\",\"$L10\",{\"children\":[\"__PAGE__\",\"$L11\",{},null,false]},null,false]},null,false],\"$L12\",false]],\"m\":\"$undefined\",\"G\":[\"$13\",[\"$L14\"]],\"s\":false,\"S\":true}\n"])</script>
72<script>self.__next_f.push([1,"15:I[13642,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\"],\"default\"]\n16:I[906,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n17:I[19646,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n18:I[52057,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n19:I[26863,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next"])</script>
72<script>self.__next_f.push([1,"/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n1a:I[99011,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n1b:I[73481,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n1c:I[32412,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n1d:I[65801,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n1e:I[76391,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\","])</script>
72<script>self.__next_f.push([1,"\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n1f:I[50028,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n20:I[63153,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n32:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7dd66bdf8a7e5707.js\"],\"ViewportBoundary\"]\n34:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7dd66bdf8a7e5707.js\"],\"MetadataBoundary\"]\n35:\"$Sreact.suspense\"\nd:[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}]\ne:[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]\nf:[\"$\",\"$L15\",null,{}]\n10:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":["])</script>
72<script>self.__next_f.push([1,"\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n"])</script>
72<script>self.__next_f.push([1,"11:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L16\",null,{}],[\"$\",\"$L17\",null,{\"component\":\"section\",\"sx\":{\"backgroundColor\":\"#000000\",\"color\":\"#dee2e6\",\"py\":16,\"minHeight\":\"auto\"},\"children\":[\"$\",\"$L18\",null,{\"maxWidth\":false,\"sx\":{\"maxWidth\":\"1400px\",\"position\":\"relative\"},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"display\":\"flex\",\"flexWrap\":\"wrap\",\"mx\":-2},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"width\":{\"xs\":\"100%\",\"lg\":\"25%\"},\"px\":2,\"mb\":{\"xs\":4,\"lg\":0}},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"overline\",\"component\":\"h2\",\"sx\":{\"color\":\"#dee2e6\",\"opacity\":0.7,\"fontSize\":\"0.875rem\",\"fontWeight\":500,\"mb\":1,\"textTransform\":\"uppercase\",\"letterSpacing\":\"0.1em\"},\"children\":\"What is Dexie.js?\"}],[\"$\",\"$L19\",null,{\"variant\":\"h3\",\"component\":\"h3\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":3,\"fontSize\":{\"xs\":\"2rem\",\"md\":\"2.5rem\"}},\"children\":\"The Smarter Way to Use IndexedDB\"}],[\"$\",\"$L17\",null,{\"sx\":{\"width\":\"60px\",\"height\":\"2px\",\"backgroundColor\":\"#dee2e6\",\"opacity\":0.5}}]]}],[[\"$\",\"$L17\",\"1\",{\"sx\":{\"width\":{\"xs\":\"100%\",\"md\":\"33.333%\",\"lg\":\"25%\"},\"px\":{\"xs\":0,\"sm\":2},\"mb\":{\"xs\":4,\"sm\":0},\"display\":\"flex\",\"alignItems\":\"stretch\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"backgroundColor\":\"transparent\",\"border\":\"none\",\"boxShadow\":\"none\",\"borderLeft\":{\"xs\":\"none\",\"md\":\"1px solid #dee2e6\"},\"borderRadius\":0,\"width\":\"100%\",\"pl\":3},\"children\":[\"$\",\"$L1a\",null,{\"sx\":{\"p\":0,\"\u0026:last-child\":{\"pb\":0}},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":2,\"\u0026 .MuiSvgIcon-root\":{\"width\":\"2em\",\"height\":\"2em\"},\"mt\":{\"xs\":4,\"md\":0}},\"children\":[\"$\",\"$L1b\",null,{\"sx\":{\"width\":24,\"height\":24,\"color\":\"#dee2e6\",\"mb\":2},\"children\":[\"$\",\"path\",null,{\"d\":\"M24 11.374c0 4.55-3.783 6.96-7.146 6.796-.151 1.448.061 2.642.384 3.641l-3.72 1.189c-.338-1.129-.993-3.822-2.752-5.279-2.728.802-4.969-.646-5.784-2.627-2.833.046-4.982-1.836-4.982-4.553 0-4.199 4.604-9.541 11.99-9.541 7.532 0 12.01 5.377 12.01 10.374zm-21.992-1.069c-.145 2.352 2.179 3.07 4.44 2.826.336 2.429 2.806 3.279 4.652 2.396 1.551.74 2.747 2.37 3.729 4.967l.002.006.111-.036c-.219-1.579-.09-3.324.36-4.528 3.907.686 6.849-1.153 6.69-4.828-.166-3.829-3.657-8.011-9.843-8.109-6.302-.041-9.957 4.255-10.141 7.306zm8.165-2.484c-.692-.314-1.173-1.012-1.173-1.821 0-1.104.896-2 2-2s2 .896 2 2c0 .26-.05.509-.141.738 1.215.911 2.405 1.855 3.6 2.794.424-.333.96-.532 1.541-.532 1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5c-1.171 0-2.155-.807-2.426-1.895-1.201.098-2.404.173-3.606.254-.17.933-.987 1.641-1.968 1.641-1.104 0-2-.896-2-2 0-1.033.784-1.884 1.79-1.989.12-.731.252-1.46.383-2.19zm2.059-.246c-.296.232-.66.383-1.057.417l-.363 2.18c.504.224.898.651 1.079 1.177l3.648-.289c.047-.267.137-.519.262-.749l-3.569-2.736z\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"component\":\"h4\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":2,\"fontWeight\":600,\"fontSize\":\"1.25rem\"},\"children\":\"The Smarter IndexedDB\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":4,\"opacity\":0.8,\"lineHeight\":1.6},\"children\":\"Dexie is a lightweight API over IndexedDB that removes callback complexity and exposes a promise/async-friendly API.\"}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":4,\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"padding\":\"0px 10px !important\",\"margin\":\"0px -10px!important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Less code, better error handling\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Higher readability\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Promise-based operations\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}]]}]]}]}]}],[\"$\",\"$L17\",\"2\",{\"sx\":{\"width\":{\"xs\":\"100%\",\"md\":\"33.333%\",\"lg\":\"25%\"},\"px\":{\"xs\":0,\"sm\":2},\"mb\":{\"xs\":4,\"sm\":0},\"display\":\"flex\",\"alignItems\":\"stretch\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"backgroundColor\":\"transparent\",\"border\":\"none\",\"boxShadow\":\"none\",\"borderLeft\":{\"xs\":\"none\",\"md\":\"1px solid #dee2e6\"},\"borderRadius\":0,\"width\":\"100%\",\"pl\":3},\"children\":\"$L21\"}]}],\"$L22\"]]}],false]}]}],\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\"],[\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\"],\"$L31\"]}]\n"])</script>
72<script>self.__next_f.push([1,"12:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L32\",null,{\"children\":\"$L33\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L34\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$35\",null,{\"fallback\":null,\"children\":\"$L36\"}]}]}]]}]\n14:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/ac54d24efc2333b6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
72<script>self.__next_f.push([1,"37:I[36773,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n42:I[63876,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n48:I[4896,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n4c:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7dd66bdf8a7e5707.js\"],\"OutletBoundary\"]\n4e:I[11533,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7dd66bdf8a7e5707.js\"],\"AsyncMetadataOutlet\"]\n"])</script>
72<script>self.__next_f.push([1,"21:[\"$\",\"$L1a\",null,{\"sx\":{\"p\":0,\"\u0026:last-child\":{\"pb\":0}},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":2,\"\u0026 .MuiSvgIcon-root\":{\"width\":\"2em\",\"height\":\"2em\"},\"mt\":{\"xs\":4,\"md\":0}},\"children\":[\"$\",\"$L1b\",null,{\"sx\":{\"width\":24,\"height\":24,\"color\":\"#dee2e6\",\"mb\":2},\"children\":[\"$\",\"path\",null,{\"d\":\"M18 15.422v.983c0 .771-1.862 1.396-4 1.396s-4-.625-4-1.396v-.983c.968.695 2.801.902 4 .902 1.202 0 3.035-.208 4-.902zm-4-1.363c-1.202 0-3.035-.209-4-.902v.973c0 .771 1.862 1.396 4 1.396s4-.625 4-1.396v-.973c-.968.695-2.801.902-4 .902zm0-5.86c-2.138 0-4 .625-4 1.396 0 .77 1.862 1.395 4 1.395s4-.625 4-1.395c0-.771-1.862-1.396-4-1.396zm0 3.591c-1.202 0-3.035-.209-4-.902v.977c0 .77 1.862 1.395 4 1.395s4-.625 4-1.395v-.977c-.968.695-2.801.902-4 .902zm-.5-9.79c-5.288 0-9.649 3.914-10.377 9h-3.123l4 5.917 4-5.917h-2.847c.711-3.972 4.174-7 8.347-7 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-3.015 0-5.662-1.583-7.171-3.957l-1.2 1.775c1.916 2.536 4.948 4.182 8.371 4.182 5.797 0 10.5-4.702 10.5-10.5s-4.703-10.5-10.5-10.5z\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"component\":\"h4\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":2,\"fontWeight\":600,\"fontSize\":\"1.25rem\"},\"children\":\"Built-in Reactivity\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":4,\"opacity\":0.8,\"lineHeight\":1.6},\"children\":\"liveQuery() keeps UI in sync with DB in real-time â components update when relevant records change, even across multiple tabs.\"}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":4,\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"padding\":\"0px 10px !important\",\"margin\":\"0px -10px!important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Real-time UI updates\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Cross-tab synchronization\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Automatic re-rendering\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}]]}]]}]\n"])</script>
72<script>self.__next_f.push([1,"22:[\"$\",\"$L17\",\"3\",{\"sx\":{\"width\":{\"xs\":\"100%\",\"md\":\"33.333%\",\"lg\":\"25%\"},\"px\":{\"xs\":0,\"sm\":2},\"mb\":{\"xs\":4,\"sm\":0},\"display\":\"flex\",\"alignItems\":\"stretch\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"backgroundColor\":\"transparent\",\"border\":\"none\",\"boxShadow\":\"none\",\"borderLeft\":{\"xs\":\"none\",\"md\":\"1px solid #dee2e6\"},\"borderRadius\":0,\"width\":\"100%\",\"pl\":3},\"children\":[\"$\",\"$L1a\",null,{\"sx\":{\"p\":0,\"\u0026:last-child\":{\"pb\":0}},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":2,\"\u0026 .MuiSvgIcon-root\":{\"width\":\"2em\",\"height\":\"2em\"},\"mt\":{\"xs\":4,\"md\":0}},\"children\":[\"$\",\"$L1b\",null,{\"sx\":{\"width\":24,\"height\":24,\"color\":\"#dee2e6\",\"mb\":2},\"children\":[\"$\",\"path\",null,{\"d\":\"M15.91 13.34l2.636-4.026-.454-.406-3.673 3.099c-.675-.138-1.402.068-1.894.618-.736.823-.665 2.088.159 2.824.824.736 2.088.665 2.824-.159.492-.55.615-1.295.402-1.95zm-3.91-10.646v-2.694h4v2.694c-1.439-.243-2.592-.238-4 0zm8.851 2.064l1.407-1.407 1.414 1.414-1.321 1.321c-.462-.484-.964-.927-1.5-1.328zm-18.851 4.242h8v2h-8v-2zm-2 4h8v2h-8v-2zm3 4h7v2h-7v-2zm21-3c0 5.523-4.477 10-10 10-2.79 0-5.3-1.155-7.111-3h3.28c1.138.631 2.439 1 3.831 1 4.411 0 8-3.589 8-8s-3.589-8-8-8c-1.392 0-2.693.369-3.831 1h-3.28c1.811-1.845 4.321-3 7.111-3 5.523 0 10 4.477 10 10z\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"component\":\"h4\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":2,\"fontWeight\":600,\"fontSize\":\"1.25rem\"},\"children\":\"Performance \u0026 Modeling\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":4,\"opacity\":0.8,\"lineHeight\":1.6},\"children\":\"Indexes, transactions, and clear schema definition make it fast to query and safe to write â without wrestling with IndexedDB's raw API.\"}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":4,\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"padding\":\"0px 10px !important\",\"margin\":\"0px -10px!important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Optimized querying with indexes\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Transaction safety\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Clear schema definition\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}]]}]]}]}]}]\n"])</script>
72<script>self.__next_f.push([1,"23:[\"$\",\"$L37\",null,{}]\n38:T522,"])</script>
72<script>self.__next_f.push([1,"M22 18.055v2.458c0 1.925-4.655 3.487-10 3.487-5.344 0-10-1.562-10-3.487v-2.458c2.418 1.738 7.005 2.256 10 2.256 3.006 0 7.588-.523 10-2.256zm-10-18.055c-5.344 0-10 1.562-10 3.488s4.656 3.487 10 3.487c5.345 0 10-1.562 10-3.487 0-1.926-4.655-3.488-10-3.488zm0 8.975c-3.006 0-7.588-.523-10-2.256v2.44c0 1.926 4.656 3.487 10 3.487 5.345 0 10-1.562 10-3.487v-2.44c-2.418 1.738-7.005 2.256-10 2.256zm-6.023 5.02l-.495 3.473c.373.112.772.215 1.192.308l.505-3.535c-.414-.073-.816-.155-1.202-.246zm8.564.54l-.527 3.706c.429-.03.845-.071 1.251-.12l.529-3.722c-.409.054-.827.099-1.253.136zm2.197-.28l-.53 3.732c.439-.071.862-.153 1.266-.246l.532-3.743c-.407.097-.831.182-1.268.257zm-4.37.384l-.521 3.672c.428 0 .721 0 1.235-.02l.525-3.691c-.408.021-.822.034-1.239.039zm8.353 1.892c.813-.505 1.279-1.087 1.279-1.707v-2.439c-.23.16-.482.313-.755.458l-.524 3.688zm-16.819-3.168l-.468 3.26c.337.195.725.377 1.162.544l.487-3.407c-.395-.114-.804-.249-1.181-.397zm6.314 1.226l-.517 3.629c.399.033.808.057 1.224.073l.521-3.655c-.414-.007-.824-.023-1.228-.047zm-8.216-2.204v2.439c0 .415.21.813.592 1.183l.436-3.024c-.381-.187-.723-.386-1.028-.598zm6.085 1.997l-.51 3.569c.391.067.794.126 1.211.175l.514-3.605c-.413-.038-.819-.084-1.215-.139zm10.88-.636l-.533 3.748c.471-.138.904-.291 1.296-.457l.531-3.737c-.427.17-.808.303-1.294.446z"])</script>
72<script>self.__next_f.push([1,"24:[\"$\",\"$L17\",null,{\"component\":\"section\",\"sx\":{\"backgroundColor\":\"#000000\",\"color\":\"#dee2e6\",\"py\":16,\"minHeight\":\"auto\"},\"children\":[\"$\",\"$L18\",null,{\"maxWidth\":false,\"sx\":{\"maxWidth\":\"1400px\",\"position\":\"relative\"},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"display\":\"flex\",\"flexWrap\":\"wrap\",\"mx\":-2},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"width\":{\"xs\":\"100%\",\"lg\":\"25%\"},\"px\":2,\"mb\":{\"xs\":4,\"lg\":0}},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"overline\",\"component\":\"h2\",\"sx\":{\"color\":\"#dee2e6\",\"opacity\":0.7,\"fontSize\":\"0.875rem\",\"fontWeight\":500,\"mb\":1,\"textTransform\":\"uppercase\",\"letterSpacing\":\"0.1em\"},\"children\":\"What is Dexie Cloud?\"}],[\"$\",\"$L19\",null,{\"variant\":\"h3\",\"component\":\"h3\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":3,\"fontSize\":{\"xs\":\"2rem\",\"md\":\"2.5rem\"}},\"children\":\"Offline-First Sync Without the Complexity\"}],[\"$\",\"$L17\",null,{\"sx\":{\"width\":\"60px\",\"height\":\"2px\",\"backgroundColor\":\"#dee2e6\",\"opacity\":0.5}}]]}],[[\"$\",\"$L17\",\"1\",{\"sx\":{\"width\":{\"xs\":\"100%\",\"md\":\"33.333%\",\"lg\":\"25%\"},\"px\":{\"xs\":0,\"sm\":2},\"mb\":{\"xs\":4,\"sm\":0},\"display\":\"flex\",\"alignItems\":\"stretch\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"backgroundColor\":\"transparent\",\"border\":\"none\",\"boxShadow\":\"none\",\"borderLeft\":{\"xs\":\"none\",\"md\":\"1px solid #dee2e6\"},\"borderRadius\":0,\"width\":\"100%\",\"pl\":3},\"children\":[\"$\",\"$L1a\",null,{\"sx\":{\"p\":0,\"\u0026:last-child\":{\"pb\":0}},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":2,\"\u0026 .MuiSvgIcon-root\":{\"width\":\"2em\",\"height\":\"2em\"},\"mt\":{\"xs\":4,\"md\":0}},\"children\":[\"$\",\"$L1b\",null,{\"sx\":{\"width\":24,\"height\":24,\"color\":\"#dee2e6\",\"mb\":2},\"children\":[\"$\",\"path\",null,{\"d\":\"$38\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"component\":\"h4\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":2,\"fontWeight\":600,\"fontSize\":\"1.25rem\"},\"children\":\"Local-First Without Backend Building\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":4,\"opacity\":0.8,\"lineHeight\":1.6},\"children\":\"Add two-way sync, user auth, and access control on top of Dexie â without having to develop and maintain your own sync API.\"}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":4,\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"padding\":\"0px 10px !important\",\"margin\":\"0px -10px!important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"No backend development needed\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Built-in sync infrastructure\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":\"$L39\"}],\"$L3a\"]}]]}]]}]}]}],\"$L3b\",\"$L3c\"]]}],\"$L3d\"]}]}]\n"])</script>
72<script>self.__next_f.push([1,"25:[\"$\",\"$L37\",null,{}]\n3e:T5fd,"])</script>
72<script>self.__next_f.push([1,"M15.996 23.999h-12.605s.734-3.931.633-5.686c-.041-.724-.161-1.474-.54-2.104-.645-1-2.636-3.72-2.475-7.43.224-5.209 4.693-8.779 10.126-8.779 5.098 0 8.507 3.001 9.858 7.483.328 1.079.311 1.541-.151 2.607l-.006.013 1.751 2.142c.26.381.413.791.413 1.239 0 .547-.233 1.045-.61 1.399-.368.345-.767.452-1.248.642 0 0-.576 2.592-.873 3.291-.7 1.643-1.97 1.659-2.97 1.849-.394.083-.49.133-.681.681-.208.591-.363 1.435-.622 2.653m-4.842-22c-4.285.048-7.74 2.548-8.121 6.488-.192 1.991.463 3.986 1.516 5.705.611 1 1.305 1.592 1.464 3.875.091 1.313-.05 2.636-.241 3.932h8.604c.141-.645.35-1.485.687-2.057.449-.766 1.097-1.099 1.926-1.254.838-.148 1.238-.059 1.489-.785.212-.579.612-2.221.831-3.902 1.203-.335.612-.161 1.671-.559-.206-.234-1.918-2.314-2.045-2.6-.336-.759-.046-1.19.225-1.913.086-.251.06-.357-.009-.613-1.049-3.949-3.891-6.317-7.997-6.317m.52 3c.242.684.312 1.122.841 1.341h.001c.53.221.893-.044 1.543-.353l.953.952c-.312.655-.573 1.016-.354 1.544v.001c.219.528.653.597 1.342.841v1.347c-.681.243-1.123.313-1.342.843-.22.529.043.891.354 1.544l-.953.952c-.657-.313-1.014-.574-1.541-.355h-.001c-.531.222-.601.661-.843 1.343h-1.348c-.242-.684-.312-1.122-.841-1.34l-.001-.001c-.529-.221-.892.043-1.544.353l-.952-.952c.305-.643.574-1.011.353-1.545-.22-.529-.661-.599-1.341-.842v-1.347c.681-.242 1.121-.312 1.341-.841.22-.531-.042-.891-.353-1.545l.952-.952c.657.312 1.015.573 1.544.353h.001c.529-.219.599-.661.841-1.341h1.348zm-.674 6.667c-.92 0-1.667-.746-1.667-1.667s.747-1.667 1.667-1.667 1.666.746 1.666 1.667-.746 1.667-1.666 1.667"])</script>
72<script>self.__next_f.push([1,"26:[\"$\",\"$L17\",null,{\"sx\":{\"color\":\"#dee2e6\",\"py\":8,\"pt\":18,\"backgroundImage\":\"linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(\\\"/assets/images/dexie-bg.jpg\\\")\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\",\"display\":\"flex\",\"justifyContent\":\"center\",\"position\":\"relative\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"maxWidth\":\"1200px\",\"margin\":\"0 auto\",\"px\":3},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"h3\",\"component\":\"h2\",\"textAlign\":\"center\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\"},\"children\":\"Why choose Dexie?\"}],[\"$\",\"$L19\",null,{\"variant\":\"h6\",\"textAlign\":\"center\",\"sx\":{\"mb\":6,\"opacity\":0.8,\"fontWeight\":300},\"children\":\"Three powerful advantages that make IndexedDB development a breeze\"}],[\"$\",\"$L17\",null,{\"sx\":{\"display\":\"grid\",\"gap\":4,\"gridTemplateColumns\":{\"xs\":\"1fr\",\"md\":\"1fr 1fr 1fr\"},\"mb\":8},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"textAlign\":\"left\",\"p\":3},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":4},\"children\":[\"$\",\"svg\",null,{\"width\":\"60\",\"height\":\"60\",\"fill\":\"rgba(255, 255, 255, 0.8)\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"M12 18l1.291-4h-4.291l6.584-7-1.375 4h3.791l-6 7zm1.5-16c-5.288 0-9.649 3.914-10.377 9h-3.123l4 5.917 4-5.917h-2.847c.711-3.972 4.174-7 8.347-7 4.687 0 8.5 3.813 8.5 8.5s-3.813 8.5-8.5 8.5c-3.015 0-5.662-1.583-7.171-3.957l-1.2 1.775c1.916 2.536 4.948 4.182 8.371 4.182 5.797 0 10.5-4.702 10.5-10.5s-4.703-10.5-10.5-10.5z\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\"},\"children\":\"Reactive\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"opacity\":0.9},\"children\":\"Dexie 4 integrates better with front-end frameworks. Query the db without boilerplate and let your components mirror the database in real time.\"}]]}],[\"$\",\"$L17\",null,{\"sx\":{\"textAlign\":\"left\",\"p\":3},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":4},\"children\":[\"$\",\"svg\",null,{\"width\":\"60\",\"height\":\"60\",\"fill\":\"rgba(255, 255, 255, 0.8)\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$\",\"path\",null,{\"d\":\"$3e\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\"},\"children\":\"Easy to learn\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"opacity\":0.9},\"children\":\"Dexie was written to be straightforward and easy to learn. If you've ever had to work with native IndexedDB then you'll certainly appreciate Dexie's concise API.\"}]]}],[\"$\",\"$L17\",null,{\"sx\":{\"textAlign\":\"left\",\"p\":3},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":4},\"children\":[\"$\",\"svg\",null,{\"width\":\"60\",\"height\":\"60\",\"fill\":\"rgba(255, 255, 255, 0.8)\",\"viewBox\":\"0 0 24 24\",\"children\":\"$L3f\"}]}],\"$L40\",\"$L41\"]}]]}]]}]}]\n"])</script>
72<script>self.__next_f.push([1,"27:[\"$\",\"$L37\",null,{}]\n43:T544,"])</script>
72<script>self.__next_f.push([1,"\u003cspan class=\"code-line line-number\" line=\"1\"\u003e\u003cspan class=\"token keyword\"\u003econst\u003c/span\u003e db \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token keyword\"\u003enew\u003c/span\u003e \u003cspan class=\"token class-name\"\u003eDexie\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token string\"\u003e'MyDatabase'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"2\"\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"3\"\u003e\u003cspan class=\"token comment\"\u003e// Declare tables, IDs and indexes\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"4\"\u003edb\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003eversion\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token number\"\u003e1\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003estores\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"5\"\u003e \u003cspan class=\"token literal-property property\"\u003efriends\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\u003e'id, name, age'\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"6\"\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e"])</script>
72<script>self.__next_f.push([1,"44:Tc4a,"])</script>
72<script>self.__next_f.push([1,"\u003cspan class=\"code-line line-number\" line=\"1\"\u003e\u003cspan class=\"token comment\"\u003e// Find some old friends\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"2\"\u003e\u003cspan class=\"token keyword\"\u003econst\u003c/span\u003e oldFriends \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token keyword\"\u003eawait\u003c/span\u003e db\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003efriends\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"3\"\u003e \u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003ewhere\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token string\"\u003e'age'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003eabove\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token number\"\u003e75\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"4\"\u003e \u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003etoArray\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"5\"\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"6\"\u003e\u003cspan class=\"token comment\"\u003e// or make a new one\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"7\"\u003e\u003cspan class=\"token keyword\"\u003eawait\u003c/span\u003e db\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003efriends\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003eadd\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"8\"\u003e \u003cspan class=\"token literal-property property\"\u003eid\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token function\"\u003euuidv7\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e \u003cspan class=\"token comment\"\u003e// import { v7 as uuidv7 } from \"uuid\"\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"9\"\u003e \u003cspan class=\"token literal-property property\"\u003ename\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\u003e'Camilla'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"10\"\u003e \u003cspan class=\"token literal-property property\"\u003eage\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token number\"\u003e25\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"11\"\u003e \u003cspan class=\"token literal-property property\"\u003estreet\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\u003e'East 13:th Street'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"12\"\u003e \u003cspan class=\"token literal-property property\"\u003epicture\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token keyword\"\u003eawait\u003c/span\u003e \u003cspan class=\"token function\"\u003egetBlob\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token string\"\u003e'camilla.png'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"13\"\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e"])</script>
72<script>self.__next_f.push([1,"28:[\"$\",\"$L17\",null,{\"sx\":{\"color\":\"#dee2e6\",\"py\":8},\"id\":\"from-local-to-global\",\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"maxWidth\":\"1400px\",\"margin\":\"0 auto\",\"px\":3},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"h3\",\"component\":\"h2\",\"textAlign\":\"center\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\"},\"children\":\"From local to global in 4 steps\"}],[\"$\",\"$L19\",null,{\"variant\":\"h6\",\"textAlign\":\"center\",\"sx\":{\"mb\":6,\"opacity\":0.8,\"fontWeight\":300},\"children\":\"Start local, add reactivity and scale with sync and collaboration\"}],[\"$\",\"$L17\",null,{\"sx\":{\"display\":\"grid\",\"gap\":4,\"gridTemplateColumns\":{\"xs\":\"1fr\",\"lg\":\"1fr 1fr\"},\"alignItems\":\"start\"},\"children\":[[\"$\",\"$L17\",null,{\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":3},\"children\":[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\",\"display\":\"flex\",\"alignItems\":\"center\"},\"children\":[[\"$\",\"$L17\",null,{\"component\":\"span\",\"sx\":{\"border\":\"2px solid rgba(255,255,255, 0.5)\",\"borderRadius\":\"50%\",\"width\":32,\"height\":32,\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"marginRight\":2,\"fontSize\":\"0.9rem\",\"fontWeight\":\"bold\"},\"children\":\"1\"}],\"Declare your database\"]}]}],[\"$\",\"$L17\",null,{\"sx\":{\"zoom\":0.8,\"overflow\":{\"xs\":\"auto\",\"md\":\"hidden\"}},\"children\":[\"$\",\"div\",null,{\"className\":\"codeblock-container\",\"style\":{\"position\":\"relative\"},\"children\":[[\"$\",\"$L42\",null,{\"code\":\"const db = new Dexie('MyDatabase');\\n\\n// Declare tables, IDs and indexes\\ndb.version(1).stores({\\n friends: 'id, name, age'\\n});\"}],[\"$\",\"pre\",null,{\"className\":\"prism-javascript\",\"children\":[\"$\",\"code\",null,{\"className\":\"prism-javascript code-highlight\",\"dangerouslySetInnerHTML\":{\"__html\":\"$43\"}}]}]]}]}]]}],[\"$\",\"$L17\",null,{\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":3},\"children\":[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\",\"display\":\"flex\",\"alignItems\":\"center\"},\"children\":[[\"$\",\"$L17\",null,{\"component\":\"span\",\"sx\":{\"border\":\"2px solid rgba(255,255,255, 0.5)\",\"borderRadius\":\"50%\",\"width\":32,\"height\":32,\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"marginRight\":2,\"fontSize\":\"0.9rem\",\"fontWeight\":\"bold\"},\"children\":\"2\"}],\"Then run some queries\"]}]}],[\"$\",\"$L17\",null,{\"sx\":{\"zoom\":0.8,\"overflow\":{\"xs\":\"auto\",\"md\":\"hidden\"}},\"children\":[\"$\",\"div\",null,{\"className\":\"codeblock-container\",\"style\":{\"position\":\"relative\"},\"children\":[[\"$\",\"$L42\",null,{\"code\":\"// Find some old friends\\nconst oldFriends = await db.friends\\n .where('age').above(75)\\n .toArray();\\n\\n// or make a new one\\nawait db.friends.add({\\n id: uuidv7(), // import { v7 as uuidv7 } from \\\"uuid\\\"\\n name: 'Camilla',\\n age: 25,\\n street: 'East 13:th Street',\\n picture: await getBlob('camilla.png')\\n});\"}],[\"$\",\"pre\",null,{\"className\":\"prism-javascript\",\"children\":[\"$\",\"code\",null,{\"className\":\"prism-javascript code-highlight\",\"dangerouslySetInnerHTML\":{\"__html\":\"$44\"}}]}]]}]}]]}],\"$L45\",\"$L46\"]}],\"$L47\"]}]}]\n"])</script>
72<script>self.__next_f.push([1,"29:[\"$\",\"$L37\",null,{}]\n"])</script>
72<script>self.__next_f.push([1,"2a:[\"$\",\"$L17\",null,{\"component\":\"section\",\"sx\":{\"backgroundColor\":\"#000000\",\"color\":\"#dee2e6\",\"py\":16,\"minHeight\":\"auto\"},\"children\":[\"$\",\"$L18\",null,{\"maxWidth\":false,\"sx\":{\"maxWidth\":\"1400px\",\"position\":\"relative\"},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"textAlign\":\"center\",\"mb\":8},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"h1\",\"component\":\"h2\",\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":{\"xs\":\"2.5rem\",\"md\":\"56px\"},\"fontWeight\":\"500 !important\",\"mb\":2},\"children\":\"Kickstart with templates\"}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"color\":\"#dee2e6\",\"opacity\":0.8,\"fontWeight\":400,\"fontSize\":{\"xs\":\"1.2rem\",\"md\":\"1.5rem\"}},\"children\":\"From local storage to global sync - choose your path\"}]]}],[\"$\",\"$L17\",null,{\"sx\":{\"display\":\"flex\",\"flexWrap\":\"wrap\",\"gap\":4,\"justifyContent\":\"center\"},\"children\":[[\"$\",\"$L48\",\"1\",{\"sx\":{\"backgroundColor\":\"#000000\",\"color\":\"#dee2e6\",\"width\":{\"xs\":\"100%\",\"md\":\"30%\"},\"minHeight\":\"420px\",\"display\":\"flex\",\"flexDirection\":\"column\",\"padding\":\"40px !important\"},\"children\":[[\"$\",\"$L1a\",null,{\"sx\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"flexGrow\":1},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"color\":\"#dee2e6\",\"fontWeight\":600,\"mb\":2},\"children\":\"Dexie Cloud Quickstart\"}],\"$undefined\",[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"opacity\":0.8,\"mb\":8},\"children\":\"A simple but concice Dexie Cloud application, built with vanilla React and Vite. It is a great starting point for building your own Dexie Cloud application.\"}],[\"$\",\"$L17\",null,{\"sx\":{\"flexGrow\":1}}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":\"auto\",\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Typescript + Vite + React\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"PWA with Service worker \u0026 manifest\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Offline storage and sync\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}
72],[\"$\",\"$L1d\",\"3\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Best way to learn the basics\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"4\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Starter template for your own app\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"5\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Sharing and access control\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}]]}]]}],\"$L49\"]}],\"$L4a\",\"$L4b\"]}]]}]}]\n"])</script>
72<script>self.__next_f.push([1,"2b:[\"$\",\"$L17\",null,{\"component\":\"section\",\"sx\":{\"backgroundColor\":\"#000000\",\"color\":\"#dee2e6\",\"py\":10,\"position\":\"relative\",\"zIndex\":1},\"children\":[\"$\",\"$L18\",null,{\"maxWidth\":false,\"sx\":{\"maxWidth\":\"1400px\",\"position\":\"relative\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"textAlign\":\"center\",\"maxWidth\":{\"md\":\"66.666%\",\"lg\":\"50%\"},\"mx\":\"auto\"},\"children\":[\"$undefined\",[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":{\"xs\":\"1.1rem\",\"md\":\"calc(1.152rem + .33vw) !important\"},\"lineHeight\":1.6,\"mb\":{\"xs\":4,\"sm\":6},\"opacity\":0.85},\"children\":\"Ready to build offline-first apps? Start with Dexie.js for local storage, add Dexie Cloud when you need sync, auth, and collaboration. No backend required.\"}],[\"$\",\"$L17\",null,{\"sx\":{\"display\":\"flex\",\"flexDirection\":{\"xs\":\"column\",\"sm\":\"row\"},\"gap\":2,\"justifyContent\":\"center\",\"alignItems\":\"center\"},\"children\":[\"$undefined\",\"$undefined\"]}]]}]}]}]\n"])</script>
72<script>self.__next_f.push([1,"2c:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/1ffeace3f2f42fab.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n2d:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/12afc2639052c0c8.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2e:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/65ba570be8ed3b02.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n2f:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/9078e0648af9afad.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n30:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/6dfcbb57d972e6c3.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n31:[\"$\",\"$L4c\",null,{\"children\":[\"$L4d\",[\"$\",\"$L4e\",null,{\"promise\":\"$@4f\"}]]}]\n"])</script>
72<script>self.__next_f.push([1,"52:I[14245,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n53:I[36807,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n54:I[56105,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n55:I[74811,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n56:I[26762,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_ne"])</script>
72<script>self.__next_f.push([1,"xt/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n57:I[49624,[\"/_next/static/chunks/71a52ffe77c5e564.js\",\"/_next/static/chunks/56c9e54788b29174.js\",\"/_next/static/chunks/ff6deef312872ea8.js\",\"/_next/static/chunks/c951515ccc7cb569.js\",\"/_next/static/chunks/882ee314f5f56fa0.js\",\"/_next/static/chunks/71da95848123b84e.js\",\"/_next/static/chunks/12afc2639052c0c8.js\",\"/_next/static/chunks/65ba570be8ed3b02.js\",\"/_next/static/chunks/9078e0648af9afad.js\",\"/_next/static/chunks/6dfcbb57d972e6c3.js\"],\"default\"]\n39:[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]\n3a:[\"$\",\"$L20\",null,{\"primary\":\"Focus on your app, not plumbing\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]\n"])</script>
72<script>self.__next_f.push([1,"3b:[\"$\",\"$L17\",\"2\",{\"sx\":{\"width\":{\"xs\":\"100%\",\"md\":\"33.333%\",\"lg\":\"25%\"},\"px\":{\"xs\":0,\"sm\":2},\"mb\":{\"xs\":4,\"sm\":0},\"display\":\"flex\",\"alignItems\":\"stretch\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"backgroundColor\":\"transparent\",\"border\":\"none\",\"boxShadow\":\"none\",\"borderLeft\":{\"xs\":\"none\",\"md\":\"1px solid #dee2e6\"},\"borderRadius\":0,\"width\":\"100%\",\"pl\":3},\"children\":[\"$\",\"$L1a\",null,{\"sx\":{\"p\":0,\"\u0026:last-child\":{\"pb\":0}},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":2,\"\u0026 .MuiSvgIcon-root\":{\"width\":\"2em\",\"height\":\"2em\"},\"mt\":{\"xs\":4,\"md\":0}},\"children\":[\"$\",\"$L1b\",null,{\"sx\":{\"width\":24,\"height\":24,\"color\":\"#dee2e6\",\"mb\":2},\"children\":[\"$\",\"path\",null,{\"d\":\"M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-10-4c0-2.206 1.794-4 4-4s4 1.794 4 4v4h-8v-4zm11 16h-14v-10h14v10z\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"component\":\"h4\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":2,\"fontWeight\":600,\"fontSize\":\"1.25rem\"},\"children\":\"Security \u0026 Permissions\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":4,\"opacity\":0.8,\"lineHeight\":1.6},\"children\":\"Data is private by default; share selectively via 'realms', roles, and members with fine-grained access control.\"}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":4,\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"padding\":\"0px 10px !important\",\"margin\":\"0px -10px!important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Private by default\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Flexible sharing with realms\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Role-based permissions\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}]]}]]}]}]}]\n"])</script>
72<script>self.__next_f.push([1,"3c:[\"$\",\"$L17\",\"3\",{\"sx\":{\"width\":{\"xs\":\"100%\",\"md\":\"33.333%\",\"lg\":\"25%\"},\"px\":{\"xs\":0,\"sm\":2},\"mb\":{\"xs\":4,\"sm\":0},\"display\":\"flex\",\"alignItems\":\"stretch\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"backgroundColor\":\"transparent\",\"border\":\"none\",\"boxShadow\":\"none\",\"borderLeft\":{\"xs\":\"none\",\"md\":\"1px solid #dee2e6\"},\"borderRadius\":0,\"width\":\"100%\",\"pl\":3},\"children\":[\"$\",\"$L1a\",null,{\"sx\":{\"p\":0,\"\u0026:last-child\":{\"pb\":0}},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":2,\"\u0026 .MuiSvgIcon-root\":{\"width\":\"2em\",\"height\":\"2em\"},\"mt\":{\"xs\":4,\"md\":0}},\"children\":[\"$\",\"$L1b\",null,{\"sx\":{\"width\":24,\"height\":24,\"color\":\"#dee2e6\",\"mb\":2},\"children\":[\"$\",\"path\",null,{\"d\":\"M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 16l-6-2.935v-2.131l6-2.934v2.199l-3.64 1.801 3.64 1.796v2.204zm2-8v2.199l3.64 1.801-3.64 1.796v2.204l6-2.935v-2.131l-6-2.934z\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"component\":\"h4\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":2,\"fontWeight\":600,\"fontSize\":\"1.25rem\"},\"children\":\"Developer Experience\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":4,\"opacity\":0.8,\"lineHeight\":1.6},\"children\":\"Start free with OTP login out-of-the-box, scale up as users grow; manage seats in Cloud Manager with transparent pricing.\"}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":4,\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"padding\":\"0px 10px !important\",\"margin\":\"0px -10px!important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Free tier for getting started\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Built-in authentication\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Simple scaling model\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}]]}]]}]}]}]\n"])</script>
72<script>self.__next_f.push([1,"3d:[\"$\",\"$L17\",null,{\"sx\":{\"display\":\"flex\",\"flexWrap\":\"wrap\",\"mx\":-2,\"mt\":6},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"width\":{\"xs\":\"100%\",\"lg\":\"25%\"},\"px\":2}}],[[\"$\",\"$L17\",\"4\",{\"sx\":{\"width\":{\"xs\":\"100%\",\"md\":\"33.333%\",\"lg\":\"25%\"},\"px\":{\"xs\":0,\"sm\":2},\"mb\":{\"xs\":4,\"sm\":0},\"display\":\"flex\",\"alignItems\":\"stretch\"},\"children\":[\"$\",\"$L17\",null,{\"sx\":{\"backgroundColor\":\"transparent\",\"border\":\"none\",\"boxShadow\":\"none\",\"borderLeft\":{\"xs\":\"none\",\"md\":\"1px solid #dee2e6\"},\"borderRadius\":0,\"width\":\"100%\",\"pl\":3},\"children\":[\"$\",\"$L1a\",null,{\"sx\":{\"p\":0,\"\u0026:last-child\":{\"pb\":0}},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":2,\"\u0026 .MuiSvgIcon-root\":{\"width\":\"2em\",\"height\":\"2em\"},\"mt\":{\"xs\":4,\"md\":0}},\"children\":[\"$\",\"$L1b\",null,{\"sx\":{\"width\":24,\"height\":24,\"color\":\"#dee2e6\",\"mb\":2},\"children\":[\"$\",\"path\",null,{\"d\":\"M15 10c3.753 0 3.844 3.922 3.701 4.822 1.033.053 3.299.246 3.299 2.206 0 1.087-.953 1.972-2.125 1.972h-9.75c-1.172 0-2.125-.885-2.125-1.972 0-1.94 2.235-2.151 3.299-2.206-.127-.797-.171-4.822 3.701-4.822zm0-2c-3.004 0-5.45 2.268-5.609 5.123-1.928.333-3.391 1.954-3.391 3.905 0 2.193 1.848 3.972 4.125 3.972h9.75c2.277 0 4.125-1.779 4.125-3.972 0-1.951-1.463-3.572-3.391-3.905-.159-2.855-2.605-5.123-5.609-5.123zm-7.382 3.58c.766-2.932 3.325-5.126 6.445-5.502-.905-1.82-2.828-3.078-5.063-3.078-3.004 0-5.45 2.268-5.609 5.123-1.928.333-3.391 1.954-3.391 3.905 0 2.185 1.835 3.957 4.101 3.97.349-1.959 1.671-3.615 3.517-4.418z\"}]}]}],[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"component\":\"h4\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":2,\"fontWeight\":600,\"fontSize\":\"1.25rem\"},\"children\":\"Deployment Flexibility\"}],[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"mb\":4,\"opacity\":0.8,\"lineHeight\":1.6},\"children\":\"Run as SaaS or self-hosted (Node.js + PostgreSQL) when you need full control over your infrastructure.\"}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":4,\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"padding\":\"0px 10px !important\",\"margin\":\"0px -10px!important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"SaaS for simplicity\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Self-hosted option available\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Full infrastructure control\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}],[\"$\",\"$L1d\",\"3\",{\"sx\":{\"p\":\"0px !important\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Full source code access available\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"}}}]]}]]}]]}]}]}]]]}]\n"])</script>
72<script>self.__next_f.push([1,"3f:[\"$\",\"path\",null,{\"d\":\"M15.408 21h-9.908c-3.037 0-5.5-2.463-5.5-5.5 0-2.702 1.951-4.945 4.521-5.408.212-3.951 3.473-7.092 7.479-7.092 3.267 0 6.037 2.089 7.063 5.003l-.063-.003c-.681 0-1.336.102-1.958.283-.878-2.025-2.73-3.283-5.042-3.283-3.359 0-5.734 2.562-5.567 6.78-1.954-.113-4.433.923-4.433 3.72 0 1.93 1.57 3.5 3.5 3.5h7.76c.566.81 1.3 1.49 2.148 2zm2.257-8.669c.402-.206.852-.331 1.335-.331 1.455 0 2.67 1.042 2.941 2.418l1.96-.398c-.456-2.291-2.475-4.02-4.901-4.02-.957 0-1.845.278-2.604.745l-1.396-1.745-1 5h5l-1.335-1.669zm5.335 8.669l-1.396-1.745c-.759.467-1.647.745-2.604.745-2.426 0-4.445-1.729-4.901-4.02l1.96-.398c.271 1.376 1.486 2.418 2.941 2.418.483 0 .933-.125 1.335-.331l-1.335-1.669h5l-1 5z\"}]\n"])</script>
72<script>self.__next_f.push([1,"40:[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\"},\"children\":\"Easy to sync\"}]\n41:[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"opacity\":0.9},\"children\":\"With only a few lines of extra code, you can build a consistent, authenticated and access controlled local-first app!\"}]\n50:Tfee,"])</script>
72<script>self.__next_f.push([1,"\u003cspan class=\"code-line line-number\" line=\"1\"\u003e\u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e useLiveQuery \u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e \u003cspan class=\"token keyword\"\u003efrom\u003c/span\u003e \u003cspan class=\"token string\"\u003e\"dexie-react-hooks\"\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"2\"\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"3\"\u003e\u003cspan class=\"token keyword\"\u003efunction\u003c/span\u003e \u003cspan class=\"token function\"\u003eFriendList\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"4\"\u003e \u003cspan class=\"token keyword\"\u003econst\u003c/span\u003e friends \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token function\"\u003euseLiveQuery\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"5\"\u003e \u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003e\u003c/span\u003e db\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003efriends\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"6\"\u003e \u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003ewhere\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token string\"\u003e\"age\"\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"7\"\u003e \u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003ebetween\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token number\"\u003e18\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e \u003cspan class=\"token number\"\u003e65\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"8\"\u003e \u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003etoArray\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"9\"\u003e \u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"10\"\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"11\"\u003e \u003cspan class=\"token keyword\"\u003ereturn\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"12\"\u003e \u003cspan class=\"token operator\"\u003e\u0026lt;\u003c/span\u003eul\u003cspan class=\"token operator\"\u003e\u003e\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"13\"\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003efriends\u003cspan class=\"token operator\"\u003e?.\u003c/span\u003e\u003cspan class=\"token function\"\u003emap\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token parameter\"\u003efriend\u003c/span\u003e \u003cspan class=\"token operator\"\u003e=\u003e\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"14\"\u003e \u003cspan class=\"token operator\"\u003e\u0026lt;\u003c/span\u003eli key\u003cspan class=\"token operator\"\u003e=\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003efriend\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eid\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003cspan class=\"token operator\"\u003e\u003e\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"15\"\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003efriend\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003ename\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003efriend\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003eage\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"16\"\u003e \u003cspan class=\"token operator\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"token operator\"\u003e/\u003c/span\u003eli\u003cspan class=\"token operator\"\u003e\u003e\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"17\"\u003e \u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"18\"\u003e \u003cspan class=\"token operator\"\u003e\u0026lt;\u003c/span\u003e\u003cspan class=\"token operator\"\u003e/\u003c/span\u003eul\u003cspan class=\"token operator\"\u003e\u003e\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"19\"\u003e \u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"20\"\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\n\u003c/span\u003e"])</script>
72<script>self.__next_f.push([1,"45:[\"$\",\"$L17\",null,{\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":3},\"children\":[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\",\"display\":\"flex\",\"alignItems\":\"center\"},\"children\":[[\"$\",\"$L17\",null,{\"component\":\"span\",\"sx\":{\"border\":\"2px solid rgba(255,255,255, 0.5)\",\"borderRadius\":\"50%\",\"width\":32,\"height\":32,\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"marginRight\":2,\"fontSize\":\"0.9rem\",\"fontWeight\":\"bold\"},\"children\":\"3\"}],\"Live Queries\"]}]}],[\"$\",\"$L17\",null,{\"sx\":{\"zoom\":0.8,\"overflow\":{\"xs\":\"auto\",\"md\":\"hidden\"}},\"children\":[\"$\",\"div\",null,{\"className\":\"codeblock-container\",\"style\":{\"position\":\"relative\"},\"children\":[[\"$\",\"$L42\",null,{\"code\":\"import { useLiveQuery } from \\\"dexie-react-hooks\\\";\\n\\nfunction FriendList() {\\n const friends = useLiveQuery(\\n () =\u003e db.friends\\n .where(\\\"age\\\")\\n .between(18, 65)\\n .toArray()\\n );\\n\\n return (\\n \u003cul\u003e\\n {friends?.map(friend =\u003e\\n \u003cli key={friend.id}\u003e\\n {friend.name}, {friend.age}\\n \u003c/li\u003e\\n )}\\n \u003c/ul\u003e\\n );\\n}\"}],[\"$\",\"pre\",null,{\"className\":\"prism-javascript\",\"children\":[\"$\",\"code\",null,{\"className\":\"prism-javascript code-highlight\",\"dangerouslySetInnerHTML\":{\"__html\":\"$50\"}}]}]]}]}]]}]\n"])</script>
72<script>self.__next_f.push([1,"51:Tbfb,"])</script>
72<script>self.__next_f.push([1,"\u003cspan class=\"code-line line-number\" line=\"1\"\u003e\u003cspan class=\"token keyword\"\u003eimport\u003c/span\u003e dexieCloud \u003cspan class=\"token keyword\"\u003efrom\u003c/span\u003e \u003cspan class=\"token string\"\u003e\"dexie-cloud-addon\"\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"2\"\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"3\"\u003e\u003cspan class=\"token keyword\"\u003econst\u003c/span\u003e db \u003cspan class=\"token operator\"\u003e=\u003c/span\u003e \u003cspan class=\"token keyword\"\u003enew\u003c/span\u003e \u003cspan class=\"token class-name\"\u003eDexie\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token string\"\u003e'SyncedDB'\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"4\"\u003e \u003cspan class=\"token literal-property property\"\u003eaddons\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token punctuation\"\u003e[\u003c/span\u003edexieCloud\u003cspan class=\"token punctuation\"\u003e]\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"5\"\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"6\"\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"7\"\u003edb\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003eversion\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token number\"\u003e1\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003estores\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"8\"\u003e \u003cspan class=\"token literal-property property\"\u003efriends\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\u003e'id, name, age'\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"9\"\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"10\"\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"11\"\u003edb\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003ecloud\u003cspan class=\"token punctuation\"\u003e.\u003c/span\u003e\u003cspan class=\"token function\"\u003econfigure\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e(\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e{\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"12\"\u003e \u003cspan class=\"token literal-property property\"\u003edatabaseUrl\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token string\"\u003e\"https://yourdatabase.dexie.cloud\"\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e,\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"13\"\u003e \u003cspan class=\"token literal-property property\"\u003erequireAuth\u003c/span\u003e\u003cspan class=\"token operator\"\u003e:\u003c/span\u003e \u003cspan class=\"token boolean\"\u003etrue\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"14\"\u003e\u003cspan class=\"token punctuation\"\u003e}\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e)\u003c/span\u003e\u003cspan class=\"token punctuation\"\u003e;\u003c/span\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"15\"\u003e\n\u003c/span\u003e\u003cspan class=\"code-line line-number\" line=\"16\"\u003e\u003cspan class=\"token comment\"\u003e// Now it syncs automatically! ð\u003c/span\u003e\n\u003c/span\u003e"])</script>
72<script>self.__next_f.push([1,"46:[\"$\",\"$L17\",null,{\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"mb\":3},\"children\":[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"mb\":2,\"color\":\"#ffffff\",\"display\":\"flex\",\"alignItems\":\"center\"},\"children\":[[\"$\",\"$L17\",null,{\"component\":\"span\",\"sx\":{\"border\":\"2px solid rgba(255,255,255, 0.5)\",\"borderRadius\":\"50%\",\"width\":32,\"height\":32,\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"center\",\"marginRight\":2,\"fontSize\":\"0.9rem\",\"fontWeight\":\"bold\"},\"children\":\"4\"}],\"Sync\"]}]}],[\"$\",\"$L17\",null,{\"sx\":{\"zoom\":0.8,\"overflow\":{\"xs\":\"auto\",\"md\":\"hidden\"}},\"children\":[\"$\",\"div\",null,{\"className\":\"codeblock-container\",\"style\":{\"position\":\"relative\"},\"children\":[[\"$\",\"$L42\",null,{\"code\":\"import dexieCloud from \\\"dexie-cloud-addon\\\";\\n\\nconst db = new Dexie('SyncedDB', {\\n addons: [dexieCloud]\\n});\\n\\ndb.version(1).stores({\\n friends: 'id, name, age'\\n});\\n\\ndb.cloud.configure({\\n databaseUrl: \\\"https://yourdatabase.dexie.cloud\\\",\\n requireAuth: true\\n});\\n\\n// Now it syncs automatically! ð\"}],[\"$\",\"pre\",null,{\"className\":\"prism-javascript\",\"children\":[\"$\",\"code\",null,{\"className\":\"prism-javascript code-highlight\",\"dangerouslySetInnerHTML\":{\"__html\":\"$51\"}}]}]]}]}]]}]\n"])</script>
72<script>self.__next_f.push([1,"47:[\"$\",\"$L17\",null,{\"sx\":{\"mt\":6,\"textAlign\":\"center\"},\"children\":[[\"$\",\"$L17\",null,{\"sx\":{\"display\":\"flex\",\"justifyContent\":\"center\",\"alignItems\":\"center\",\"gap\":2,\"flexWrap\":\"wrap\",\"mb\":4},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"body2\",\"children\":\"Local Storage\"}],[\"$\",\"$L52\",null,{\"sx\":{\"color\":\"#666\"}}],[\"$\",\"$L19\",null,{\"variant\":\"body2\",\"children\":\"Queries\"}],[\"$\",\"$L52\",null,{\"sx\":{\"color\":\"#666\"}}],[\"$\",\"$L19\",null,{\"variant\":\"body2\",\"children\":\"Reactivity\"}],[\"$\",\"$L52\",null,{\"sx\":{\"color\":\"#666\"}}],[\"$\",\"$L19\",null,{\"variant\":\"body2\",\"children\":\"Global Sync\"}]]}],[\"$\",\"$L17\",null,{\"sx\":{\"mt\":4},\"children\":[[\"$\",\"$L53\",null,{\"variant\":\"contained\",\"size\":\"large\",\"startIcon\":[\"$\",\"$L54\",null,{}],\"color\":\"secondary\",\"sx\":{\"mr\":2,\"mb\":2},\"href\":\"https://jsfiddle.net/dfahlander/w2zqxn49/\",\"target\":\"_blank\",\"children\":\"Try in JSFiddle\"}],[\"$\",\"$L53\",null,{\"variant\":\"outlined\",\"size\":\"large\",\"startIcon\":[\"$\",\"$L55\",null,{}],\"color\":\"secondary\",\"sx\":{\"mb\":2},\"href\":\"/docs/Tutorial\",\"children\":\"Follow Tutorial\"}]]}]]}]\n"])</script>
72<script>self.__next_f.push([1,"49:[\"$\",\"$L56\",null,{\"sx\":{\"justifyContent\":\"flex-start\"},\"children\":[\"$\",\"$L53\",null,{\"variant\":\"outlined\",\"color\":\"inherit\",\"href\":\"/docs/cloud/quickstart#steps\",\"target\":\"_self\",\"startIcon\":[\"$\",\"$L57\",null,{\"sx\":{\"height\":\"0.875rem\"}}],\"sx\":{\"borderColor\":\"#dee2e6\",\"color\":\"#dee2e6\",\"fontWeight\":400,\"fontSize\":\"0.8rem\",\"padding\":\"0px 6px !important\",\"borderRadius\":\"3px !important\",\"border\":\"1px solid #dee2e6\",\"opacity\":0.8,\"\u0026:hover\":{\"color\":\"#dee2e6\",\"opacity\":1}},\"children\":\"View Template\"}]}]\n"])</script>
72<script>self.__next_f.push([1,"4a:[\"$\",\"$L48\",\"2\",{\"sx\":{\"backgroundColor\":\"#000000\",\"color\":\"#dee2e6\",\"width\":{\"xs\":\"100%\",\"md\":\"30%\"},\"minHeight\":\"420px\",\"display\":\"flex\",\"flexDirection\":\"column\",\"padding\":\"40px !important\"},\"children\":[[\"$\",\"$L1a\",null,{\"sx\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"flexGrow\":1},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"color\":\"#dee2e6\",\"fontWeight\":600,\"mb\":2},\"children\":\"Dexie Cloud Starter\"}],\"$undefined\",[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"opacity\":0.8,\"mb\":8},\"children\":\"Dexie Cloud Starter uses collaborative text editing with Y.js and Tiptap. Inspired by the popular MyMind app, it demonstrates how to build a collaborative note-taking application using Dexie Cloud.\"}],[\"$\",\"$L17\",null,{\"sx\":{\"flexGrow\":1}}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":\"auto\",\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"NextJS and TypeScript\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Offline storage and sync\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"2\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Conflict-free rich text editing\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"3\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Tiptap and Y.js with awareness protocol\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"4\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Image upload and storage\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"5\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Full text search in notes\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"6\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Full sharing support\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],\"$L58\"]}]]}],\"$L59\"]}]\n"])</script>
72<script>self.__next_f.push([1,"4b:[\"$\",\"$L48\",\"3\",{\"sx\":{\"backgroundColor\":\"#000000\",\"color\":\"#dee2e6\",\"width\":{\"xs\":\"100%\",\"md\":\"30%\"},\"minHeight\":\"420px\",\"display\":\"flex\",\"flexDirection\":\"column\",\"padding\":\"40px !important\"},\"children\":[[\"$\",\"$L1a\",null,{\"sx\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"flexGrow\":1},\"children\":[[\"$\",\"$L19\",null,{\"variant\":\"h5\",\"sx\":{\"color\":\"#dee2e6\",\"fontWeight\":600,\"mb\":2},\"children\":\"Sveltekit Dexie-boilerplate\"}],\"$undefined\",[\"$\",\"$L19\",null,{\"variant\":\"body1\",\"sx\":{\"color\":\"#dee2e6\",\"opacity\":0.8,\"mb\":8},\"children\":\"An example of a Dexie Cloud application built with Svelte. It is a great starting point for building your own Dexie Cloud application using Svelte.\"}],[\"$\",\"$L17\",null,{\"sx\":{\"flexGrow\":1}}],[\"$\",\"$L1c\",null,{\"sx\":{\"p\":0,\"mt\":\"auto\",\"\u0026 .MuiListItem-root:hover\":{\"borderRadius\":\"4px !important\",\"backgroundColor\":\"rgba(255, 255, 255, 0.075) !important\"}},\"children\":[[\"$\",\"$L1d\",\"0\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Svelte framework\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}],[\"$\",\"$L1d\",\"1\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Build-in authentication\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}]]}]]}],[\"$\",\"$L56\",null,{\"sx\":{\"justifyContent\":\"flex-start\"},\"children\":[\"$\",\"$L53\",null,{\"variant\":\"outlined\",\"color\":\"inherit\",\"href\":\"https://github.com/albarin/sveltekit-dexie-boilerplate\",\"target\":\"_blank\",\"startIcon\":[\"$\",\"$L57\",null,{\"sx\":{\"height\":\"0.875rem\"}}],\"sx\":{\"borderColor\":\"#dee2e6\",\"color\":\"#dee2e6\",\"fontWeight\":400,\"fontSize\":\"0.8rem\",\"padding\":\"0px 6px !important\",\"borderRadius\":\"3px !important\",\"border\":\"1px solid #dee2e6\",\"opacity\":0.8,\"\u0026:hover\":{\"color\":\"#dee2e6\",\"opacity\":1}},\"children\":\"View Template\"}]}]]}]\n"])</script>
72<script>self.__next_f.push([1,"58:[\"$\",\"$L1d\",\"7\",{\"sx\":{\"p\":\"0px 10px !important\",\"m\":\"0px -10px !important\",\"borderRadius\":\"4px\",\"\u0026 .MuiTypography-root\":{\"mb\":\"0px\"},\"\u0026 .MuiListItemText-root\":{\"m\":\"0px\"}},\"children\":[[\"$\",\"$L1e\",null,{\"sx\":{\"minWidth\":\"auto\",\"mr\":1,\"alignSelf\":\"flex-start\",\"mt\":\"3px\"},\"children\":[\"$\",\"$L1f\",null,{\"sx\":{\"color\":\"#dee2e6\",\"fontSize\":\"1rem\"}}]}],[\"$\",\"$L20\",null,{\"primary\":\"Social Authentication\",\"secondary\":\"$undefined\",\"sx\":{\"\u0026 .MuiListItemText-primary\":{\"color\":\"#dee2e6\",\"fontSize\":\"0.9rem\"},\"\u0026 .MuiListItemText-secondary\":{\"color\":\"#dee2e6\",\"opacity\":0.5,\"fontSize\":\"0.75rem\"}}}]]}]\n59:[\"$\",\"$L56\",null,{\"sx\":{\"justifyContent\":\"flex-start\"},\"children\":[\"$\",\"$L53\",null,{\"variant\":\"outlined\",\"color\":\"inherit\",\"href\":\"https://github.com/dexie/dexie-cloud-starter\",\"target\":\"_blank\",\"startIcon\":[\"$\",\"$L57\",null,{\"sx\":{\"height\":\"0.875rem\"}}],\"sx\":{\"borderColor\":\"#dee2e6\",\"color\":\"#dee2e6\",\"fontWeight\":400,\"fontSize\":\"0.8rem\",\"padding\":\"0px 6px !important\",\"borderRadius\":\"3px !important\",\"border\":\"1px solid #dee2e6\",\"opacity\":0.8,\"\u0026:hover\":{\"color\":\"#dee2e6\",\"opacity\":1}},\"children\":\"View Template\"}]}]\n"])</script>
72<script>self.__next_f.push([1,"33:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
72<script>self.__next_f.push([1,"4d:null\n"])</script>
72<script>self.__next_f.push([1,"5a:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js\",\"/_next/static/chunks/7dd66bdf8a7e5707.js\"],\"IconMark\"]\n"])</script>
72<script>self.__next_f.push([1,"4f:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Dexie.js Features - IndexedDB Wrapper \u0026 Dexie Cloud Sync Platform | Dexie.js - Offline-First Database for JavaScript\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Discover Dexie.js features: Easy IndexedDB wrapper, reactive queries, and Dexie Cloud for real-time sync. Build offline-first apps with React, Vue, Angular, Svelte. Local-first development made simple with authentication and collaboration.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"David Fahlander\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Dexie.js Team\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"dexie.js features,indexeddb wrapper benefits,dexie cloud sync,offline first framework,javascript database features,react offline database,vue offline database,angular offline storage,svelte offline database,local first development,browser database sync,real time database sync,offline collaboration,indexeddb react hooks,javascript client database,progressive web app storage,offline first architecture,browser storage solution\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"David Fahlander\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"Dexie.js\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"9\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://dexie.org/product\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"Dexie.js Features - The Smarter Way to Use IndexedDB\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"Easy IndexedDB wrapper with reactive queries + Dexie Cloud for real-time sync. Works with any JavaScript framework. Local-first development simplified.\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:url\",\"content\":\"https://dexie.org/product\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image\",\"content\":\"https://dexie.org/assets/images/og-images/og-base.png\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:alt\",\"content\":\"Build synced offline-first apps with Dexie\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:title\",\"content\":\"Dexie.js Features - IndexedDB Wrapper \u0026 Cloud Sync\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:description\",\"content\":\"Easy IndexedDB wrapper + Cloud sync. Works with React, Vue, Angular, Svelte. Local-first development made simple.\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image\",\"content\":\"https://dexie.org/assets/images/og-images/og-base.png\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.c269e170.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"$L5a\",\"24\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
72<script>self.__next_f.push([1,"36:\"$4f:metadata\"\n"])</script>
72</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.