@font-face{font-family:wotfard;src:url(/assets/Wotfard-Regular.aF8QINu7.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:tanker;src:url(/src/assets/fonts/tanker/Tanker-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:chillax;src:url(/assets/Chillax-Regular.DCEovDrN.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:chillax-bold;src:url(/assets/Chillax-Bold.CjEtuJG9.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:chillax-semibold;src:url(/assets/Chillax-Semibold.BeOZ2uPm.woff2) format("woff2");font-weight:700;font-style:normal}.home.content{text-align:center}.home.content .logo-image{z-index:99;display:inline;width:243px;height:185px}.home.content .logo{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:-53px;margin-bottom:-13px}.home.content .logo .logo-left{font-size:9rem;font-weight:700;padding:2px}.home.content .logo .logo-right{font-size:9rem;margin-left:2px}.home.content .description{font-size:2.5rem;text-align:center}.home.content .breakdown{display:flex;flex-direction:row;justify-content:center;align-items:start;padding-bottom:55px}.home.content .breakdown>div{flex:0 1 30%;border-left:2px solid var(--color-violet-400);padding-left:9px;padding-right:15px;text-align:left}.home.content .breakdown>div p{margin-bottom:0}.home.content .breakdown>div .title{font-family:chillax-semibold;text-transform:uppercase}.home.content .get-started-btn{margin-top:27px;margin-bottom:37px}@media (max-width: 767px){.home.content .logo-image{width:143px;height:104px}.home.content .logo{margin-top:-31px}.home.content .logo .logo-left,.home.content .logo .logo-right{font-size:6rem}.home.content .description{font-size:1.5rem;text-align:center}.home.content .breakdown{flex-direction:column}.home.content .breakdown>div{margin-bottom:26px}}.readme.content{padding:22px 22px 100px;overflow-y:auto;flex:0 1 70%}.table-of-contents{padding:22px 22px 22px 17px;flex:0 1 30%;min-width:233px}.table-of-contents h1{font-size:1rem}.table-of-contents ul{margin:23px 0 0;padding:0 0 0 22px}.table-of-contents ul li{padding:3px}@media (max-width: 767px){.readme.content{flex:1}.table-of-contents{display:none}}.containers.content{display:flex;flex-direction:column}.containers.content h2{margin-top:33px}.containers.content .app-section{display:flex;flex-direction:column}.containers.content .app-section .demo{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 1rem;padding:1rem}.containers.content .app-section .demo div{max-width:100%}.containers.content .app-section .demo textarea{border:0;border-radius:6px;padding:6px}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}@font-face{font-family:wotfard;src:url(/assets/Wotfard-Regular.aF8QINu7.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:tanker;src:url(/src/assets/fonts/tanker/Tanker-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:chillax;src:url(/assets/Chillax-Regular.DCEovDrN.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:chillax-bold;src:url(/assets/Chillax-Bold.CjEtuJG9.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:chillax-semibold;src:url(/assets/Chillax-Semibold.BeOZ2uPm.woff2) format("woff2");font-weight:700;font-style:normal}:root{--logo-font-family: "chillax", "tanker", sans-serif;--logo-font-family-semibold: "chillax-semibold", "tanker", sans-serif;--logo-font-family-bold: "chillax-bold", "tanker", sans-serif;--primary-font-family: "wotfard", ui-sans-serif, system-ui, Arial, sans-serif;--primary-font-size: 1rem;--header-height: 43px;--max-width-mobile: 767px;--min-width-tablet: 768px;--max-width-tablet: 991px;--min-width-desktop: 992px;--color-sky-950: #082f49;--color-sky-900: #0c4a6e;--color-sky-800: #075985;--color-sky-700: #0369a1;--color-sky-600: #0284c7;--color-sky-500: #0ea5e9;--color-sky-400: #38bdf8;--color-sky-300: #7dd3fc;--color-sky-200: #bae6fd;--color-sky-100: #e0f2fe;--color-sky-50: #f0f9ff;--color-slate-950: #020617;--color-slate-900: #0f172a;--color-slate-800: #1e293b;--color-slate-700: #334155;--color-slate-600: #475569;--color-slate-500: #64748b;--color-slate-400: #94a3b8;--color-slate-300: #cbd5e1;--color-slate-200: #e2e8f0;--color-slate-100: #f1f5f9;--color-slate-50: #f8fafc;--color-amber-600: #d97706;--color-amber-500: #f59e0b;--color-amber-400: #fbbf24;--color-amber-300: #fcd34d;--color-orange-600: #ea580c;--color-orange-500: #f97316;--color-orange-400: #fb923c;--color-orange-300: #fdba74;--light-color: var(--color-slate-600);--light-color-code: var(--color-slate-400);--light-color-hover: var(--color-slate-400);--light-bgcolor: var(--color-slate-200);--light-bgcolor-content: var(--color-slate-50);--light-bgcolor-content-light: var(--color-slate-100);--light-color-border: var(--color-slate-400);--light-color-logo: var(--color-amber-500);--light-color-link: var(--color-amber-600);--light-color-submenu-category: var(--color-sky-700);--dark-color: var(--color-slate-200);--dark-color-code: var(--color-slate-400);--dark-color-hover: var(--color-sky-400);--dark-bgcolor: var(--color-slate-950);--dark-bgcolor-content: var(--color-slate-800);--dark-bgcolor-content-light: var(--color-slate-700);--dark-color-border: var(--color-sky-600);--dark-color-logo: var(--color-amber-400);--dark-color-link: var(--color-amber-400);--dark-color-submenu-category: var(--color-amber-400);--color-lime-50: oklch(.986 .031 120.757);--color-lime-100: oklch(.967 .067 122.328);--color-lime-200: oklch(.938 .127 124.321);--color-lime-300: oklch(.897 .196 126.665);--color-lime-400: oklch(.841 .238 128.85);--color-lime-500: oklch(.768 .233 130.85);--color-lime-600: oklch(.648 .2 131.684);--color-lime-700: oklch(.532 .157 131.589);--color-lime-800: oklch(.453 .124 130.933);--color-lime-900: oklch(.405 .101 131.063);--color-lime-950: oklch(.274 .072 132.109);--color-green-50: oklch(.982 .018 155.826);--color-green-100: oklch(.962 .044 156.743);--color-green-200: oklch(.925 .084 155.995);--color-green-300: oklch(.871 .15 154.449);--color-green-400: oklch(.792 .209 151.711);--color-green-500: oklch(.723 .219 149.579);--color-green-600: oklch(.627 .194 149.214);--color-green-700: oklch(.527 .154 150.069);--color-green-800: oklch(.448 .119 151.328);--color-green-900: oklch(.393 .095 152.535);--color-green-950: oklch(.266 .065 152.934);--color-emerald-50: oklch(.979 .021 166.113);--color-emerald-100: oklch(.95 .052 163.051);--color-emerald-200: oklch(.905 .093 164.15);--color-emerald-300: oklch(.845 .143 164.978);--color-emerald-400: oklch(.765 .177 163.223);--color-emerald-500: oklch(.696 .17 162.48);--color-emerald-600: oklch(.596 .145 163.225);--color-emerald-700: oklch(.508 .118 165.612);--color-emerald-800: oklch(.432 .095 166.913);--color-emerald-900: oklch(.378 .077 168.94);--color-emerald-950: oklch(.262 .051 172.552);--color-teal-50: oklch(.984 .014 180.72);--color-teal-100: oklch(.953 .051 180.801);--color-teal-200: oklch(.91 .096 180.426);--color-teal-300: oklch(.855 .138 181.071);--color-teal-400: oklch(.777 .152 181.912);--color-teal-500: oklch(.704 .14 182.503);--color-teal-600: oklch(.6 .118 184.704);--color-teal-700: oklch(.511 .096 186.391);--color-teal-800: oklch(.437 .078 188.216);--color-teal-900: oklch(.386 .063 188.416);--color-teal-950: oklch(.277 .046 192.524);--color-cyan-50: oklch(.984 .019 200.873);--color-cyan-100: oklch(.956 .045 203.388);--color-cyan-200: oklch(.917 .08 205.041);--color-cyan-300: oklch(.865 .127 207.078);--color-cyan-400: oklch(.789 .154 211.53);--color-cyan-500: oklch(.715 .143 215.221);--color-cyan-600: oklch(.609 .126 221.723);--color-cyan-700: oklch(.52 .105 223.128);--color-cyan-800: oklch(.45 .085 224.283);--color-cyan-900: oklch(.398 .07 227.392);--color-cyan-950: oklch(.302 .056 229.695);--color-sky-50: oklch(.977 .013 236.62);--color-sky-100: oklch(.951 .026 236.824);--color-sky-200: oklch(.901 .058 230.902);--color-sky-300: oklch(.828 .111 230.318);--color-sky-400: oklch(.746 .16 232.661);--color-sky-500: oklch(.685 .169 237.323);--color-sky-600: oklch(.588 .158 241.966);--color-sky-700: oklch(.5 .134 242.749);--color-sky-800: oklch(.443 .11 240.79);--color-sky-900: oklch(.391 .09 240.876);--color-sky-950: oklch(.293 .066 243.157);--color-blue-50: oklch(.97 .014 254.604);--color-blue-100: oklch(.932 .032 255.585);--color-blue-200: oklch(.882 .059 254.128);--color-blue-300: oklch(.809 .105 251.813);--color-blue-400: oklch(.707 .165 254.624);--color-blue-500: oklch(.623 .214 259.815);--color-blue-600: oklch(.546 .245 262.881);--color-blue-700: oklch(.488 .243 264.376);--color-blue-800: oklch(.424 .199 265.638);--color-blue-900: oklch(.379 .146 265.522);--color-blue-950: oklch(.282 .091 267.935);--color-indigo-50: oklch(.962 .018 272.314);--color-indigo-100: oklch(.93 .034 272.788);--color-indigo-200: oklch(.87 .065 274.039);--color-indigo-300: oklch(.785 .115 274.713);--color-indigo-400: oklch(.673 .182 276.935);--color-indigo-500: oklch(.585 .233 277.117);--color-indigo-600: oklch(.511 .262 276.966);--color-indigo-700: oklch(.457 .24 277.023);--color-indigo-800: oklch(.398 .195 277.366);--color-indigo-900: oklch(.359 .144 278.697);--color-indigo-950: oklch(.257 .09 281.288);--color-violet-50: oklch(.969 .016 293.756);--color-violet-100: oklch(.943 .029 294.588);--color-violet-200: oklch(.894 .057 293.283);--color-violet-300: oklch(.811 .111 293.571);--color-violet-400: oklch(.702 .183 293.541);--color-violet-500: oklch(.606 .25 292.717);--color-violet-600: oklch(.541 .281 293.009);--color-violet-700: oklch(.491 .27 292.581);--color-violet-800: oklch(.432 .232 292.759);--color-violet-900: oklch(.38 .189 293.745);--color-violet-950: oklch(.283 .141 291.089);--color-purple-50: oklch(.977 .014 308.299);--color-purple-100: oklch(.946 .033 307.174);--color-purple-200: oklch(.902 .063 306.703);--color-purple-300: oklch(.827 .119 306.383);--color-purple-400: oklch(.714 .203 305.504);--color-purple-500: oklch(.627 .265 303.9);--color-purple-600: oklch(.558 .288 302.321);--color-purple-700: oklch(.496 .265 301.924);--color-purple-800: oklch(.438 .218 303.724);--color-purple-900: oklch(.381 .176 304.987);--color-purple-950: oklch(.291 .149 302.717);--color-fuchsia-50: oklch(.977 .017 320.058);--color-fuchsia-100: oklch(.952 .037 318.852);--color-fuchsia-200: oklch(.903 .076 319.62);--color-fuchsia-300: oklch(.833 .145 321.434);--color-fuchsia-400: oklch(.74 .238 322.16);--color-fuchsia-500: oklch(.667 .295 322.15);--color-fuchsia-600: oklch(.591 .293 322.896);--color-fuchsia-700: oklch(.518 .253 323.949);--color-fuchsia-800: oklch(.452 .211 324.591);--color-fuchsia-900: oklch(.401 .17 325.612);--color-fuchsia-950: oklch(.293 .136 325.661);--color-pink-50: oklch(.971 .014 343.198);--color-pink-100: oklch(.948 .028 342.258);--color-pink-200: oklch(.899 .061 343.231);--color-pink-300: oklch(.823 .12 346.018);--color-pink-400: oklch(.718 .202 349.761);--color-pink-500: oklch(.656 .241 354.308);--color-pink-600: oklch(.592 .249 .584);--color-pink-700: oklch(.525 .223 3.958);--color-pink-800: oklch(.459 .187 3.815);--color-pink-900: oklch(.408 .153 2.432);--color-pink-950: oklch(.284 .109 3.907);--color-rose-50: oklch(.969 .015 12.422);--color-rose-100: oklch(.941 .03 12.58);--color-rose-200: oklch(.892 .058 10.001);--color-rose-300: oklch(.81 .117 11.638);--color-rose-400: oklch(.712 .194 13.428);--color-rose-500: oklch(.645 .246 16.439);--color-rose-600: oklch(.586 .253 17.585);--color-rose-700: oklch(.514 .222 16.935);--color-rose-800: oklch(.455 .188 13.697);--color-rose-900: oklch(.41 .159 10.272);--color-rose-950: oklch(.271 .105 12.094)}#root{position:"relative"}body{font-family:var(--primary-font-family);font-size:var(--primary-font-size);display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;scroll-behavior:smooth}p,li{line-height:1.5rem}p,ul,h3{margin:1rem 0}h1{font-size:2rem}h1,h2,h3{font-family:chillax-semibold}a{text-decoration:none;display:inline-block;text-decoration:underline;transition:opacity .1s ease-in-out}a:hover{text-decoration:none;opacity:.9}pre{margin-left:55px;margin-bottom:23px}pre code{padding:0}code{font-family:monospace;color:var(--code-color);padding:0 3px}button{color:#fff;font-family:chillax-semibold;text-transform:uppercase;padding:.6em 1.2em;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out}.logo-left{font-family:var(--logo-font-family-semibold);font-weight:700}.logo-right{font-family:var(--logo-font-family);margin-left:2px}.color-react,.color-lamp,.color-vite,.color-docker{font-family:chillax-semibold}header{position:fixed;top:0;display:flex;flex-direction:row;align-items:center;z-index:1000;height:var(--header-height);width:100%}header .logo{width:250px;min-width:250px;display:flex;flex-direction:row;align-items:center;justify-content:start;font-size:2rem;cursor:pointer;transition:opacity .21s ease-in-out;padding-left:8px}header .logo:hover{opacity:.85}header .logo img{margin-right:8px}header ul.menu{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:row;align-items:center;max-height:30px;width:100%}header ul.menu li{width:101px;margin-left:33px;text-align:center}header ul.menu li a,header ul.menu li i,header ul.menu li .github-icon{font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:color .21s ease-in-out}header ul.menu .slideout-launcher{display:none;cursor:pointer;transition:color .21s ease-in-out;max-width:28px}@media (max-width: 767px){header ul.menu li.menu-link{display:none}header ul.menu .slideout-launcher{flex:1;display:block;text-align:center}}header ul.menu li:last-child{margin-left:auto;margin-right:10px;padding-top:5px;width:100px;display:flex;flex-direction:row;justify-content:space-evenly}.slideout{position:fixed;top:0;left:-300px;width:200px;height:100vh;background-color:inherit;color:#fff;padding:1rem;transition:left .3s ease-in-out;z-index:99999;overflow-y:auto}.slideout.open{left:0}.slideout-opened{display:none}.slideout-button{transition:display .9s ease-in-out}.rounded-box{border-radius:8px}main{position:fixed;top:var(--header-height);display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden}.left-column{flex:0 1 20%;overflow-y:auto;padding:12px;min-width:200px;max-width:200px}.submenu-category{font-size:1.25rem}ul.submenu{margin:22px 0;padding:0;list-style-type:none}ul.submenu li{cursor:pointer;padding:4px 4px 4px 10px;margin-bottom:10px;border-left:2px solid transparent;transition:border-color .2s ease,color .2s ease}ul.submenu li a{width:100%;text-decoration:none;display:inline-block}.right-column{flex:0 1 auto;overflow-y:auto;display:flex;flex-direction:row;flex:1}.right-column section.content{padding:19px 19px 159px;width:100%;height:100vh;overflow-y:auto;object-fit:contain}body.light-mode{background-color:var(--light-bgcolor);color:var(--light-color)}body.light-mode .slideout{background-color:var(--light-bgcolor);border-right:1px solid var(--light-color-border)}body.light-mode h1{color:var(--light-color-logo)}body.light-mode a{color:var(--light-color-link)}body.light-mode code{color:var(--light-color-code)}body.light-mode .tshadow{text-shadow:2px 2px 2px var(--color-slate-200)}body.light-mode .bshadow{box-shadow:2px 2px 2px var(--color-slate-200)}body.light-mode .logo-left{color:var(--light-color-logo)}body.light-mode .color-react{color:var(--color-sky-400)}body.light-mode .color-lamp{color:var(--color-fuchsia-400)}body.light-mode .color-vite{color:var(--color-indigo-500)}body.light-mode .color-docker{color:var(--color-lime-500)}body.light-mode .highlight-text{color:var(--color-sky-600)}body.light-mode .rounded-box{border:1px solid var(--light-color-border);background-color:var(--light-bgcolor-content-light)}body.light-mode .get-started-btn,body.light-mode .btn-primary{background-color:var(--color-emerald-400)}body.light-mode .get-started-btn:hover,body.light-mode .btn-primary:hover{background-color:var(--color-emerald-500)}body.light-mode header{background-color:var(--light-bgcolor);border-bottom:1px solid var(--light-color-border)}body.light-mode header ul.menu li{color:var(--light-color)}body.light-mode header ul.menu li a,body.light-mode header ul.menu li i,body.light-mode header ul.menu li .github-icon{color:inherit}body.light-mode header ul.menu li a:hover,body.light-mode header ul.menu li i:hover,body.light-mode header ul.menu li .github-icon:hover{color:var(--light-color-hover)}body.light-mode header ul.menu .slideout-launcher{color:inherit}body.light-mode header ul.menu .slideout-launcher:hover{color:var(--light-color-hover)}body.light-mode header ul.menu li.selected{color:var(--light-color-hover)}body.light-mode .left-column{background-color:var(--light-bgcolor);border-right:1px solid var(--light-color-border)}body.light-mode .submenu-category{color:var(--light-color-submenu-category)}body.light-mode ul.submenu{color:var(--light-color)}body.light-mode ul.submenu li{transition:color .1s ease-in-out}body.light-mode ul.submenu li a{color:inherit}body.light-mode ul.submenu li:hover{color:var(--color-slate-500)}body.light-mode ul.submenu li.selected{color:var(--color-slate-500);border-left:2px solid var(--color-slate-400)}body.light-mode .right-column{background-color:var(--light-bgcolor-content)}body.light-mode .right-column .table-of-contents h1{color:var(--color-sky-700)}body.light-mode .right-column .table-of-contents ul li a{color:var(--light-color);text-decoration:none}body.light-mode .right-column .table-of-contents ul li a:hover{color:var(--light-color-hover);text-decoration:underline}body.dark-mode{background-color:var(--dark-bgcolor);color:var(--dark-color)}body.dark-mode .slideout{background-color:var(--dark-bgcolor);border-right:1px solid var(--dark-color-border)}body.dark-mode h1{color:var(--dark-color-logo)}body.dark-mode a{color:var(--dark-color-link)}body.dark-mode code{color:var(--dark-color-code)}body.dark-mode .tshadow{text-shadow:0px 4px 8px var(--dark-bgcolor)}body.dark-mode .color-react{color:var(--color-sky-300)}body.dark-mode .color-lamp{color:var(--color-fuchsia-300)}body.dark-mode .color-vite{color:var(--color-indigo-400)}body.dark-mode .color-docker{color:var(--color-lime-300)}body.dark-mode .logo-left{color:var(--dark-color-logo)}body.dark-mode .highlight-text{color:var(--color-sky-400)}body.dark-mode .rounded-box{border:1px solid var(--dark-color-border);background-color:var(--dark-bgcolor-content-light)}body.dark-mode .get-started-btn,body.dark-mode .btn-primary{background-color:var(--color-emerald-500)}body.dark-mode .get-started-btn:hover,body.dark-mode .btn-primary:hover{background-color:var(--color-emerald-600)}body.dark-mode header{background-color:var(--dark-bgcolor);border-bottom:1px solid var(--dark-color-border)}body.dark-mode header ul.menu li{color:var(--dark-color)}body.dark-mode header ul.menu li a,body.dark-mode header ul.menu li i,body.dark-mode header ul.menu li .github-icon{color:inherit}body.dark-mode header ul.menu li a:hover,body.dark-mode header ul.menu li i:hover,body.dark-mode header ul.menu li .github-icon:hover{color:var(--dark-color-hover)}body.dark-mode header ul.menu .slideout-launcher{color:inherit}body.dark-mode header ul.menu .slideout-launcher:hover{color:var(--dark-color-hover)}body.dark-mode header ul.menu li.selected{color:var(--dark-color-hover)}body.dark-mode .left-column{background-color:var(--dark-bgcolor);border-right:1px solid var(--dark-color-border)}body.dark-mode .submenu-category{color:var(--dark-color-submenu-category)}body.dark-mode ul.submenu{color:var(--dark-color)}body.dark-mode ul.submenu li{transition:color .1s ease-in-out}body.dark-mode ul.submenu li a{color:inherit}body.dark-mode ul.submenu li:hover{color:var(--dark-color-hover)}body.dark-mode ul.submenu li.selected{color:var(--dark-color-hover);border-left:2px solid var(--dark-color-hover)}body.dark-mode .right-column{color:var(--dark-color);background-color:var(--dark-bgcolor-content)}body.dark-mode .right-column .table-of-contents h1{color:var(--color-sky-400)}body.dark-mode .right-column .table-of-contents ul li a{color:var(--dark-color);text-decoration:none}body.dark-mode .right-column .table-of-contents ul li a:hover{color:var(--dark-color-hover);text-decoration:underline}