:root{--botterfly-theme-accent-text-color:var(--tg-theme-accent-text-color);--botterfly-color-scheme:var(--tg-color-scheme);--botterfly-theme-bg-color:#1e1e28;--botterfly-theme-button-color:#dfccbe;--botterfly-theme-button-text-color:#000;--botterfly-theme-destructive-text-color:#dfccbe;--botterfly-theme-header-bg-color:#1e1e28;--botterfly-theme-hint-color:#dfccbe;--botterfly-theme-link-color:#dfccbe;--botterfly-theme-secondary-bg-color:#1e1e28;--botterfly-theme-section-bg-color:#1e1e28;--botterfly-theme-section-header-text-color:#dfccbe;--botterfly-theme-subtitle-text-color:#dfccbe;--botterfly-theme-text-color:#dfccbe;--botterfly-viewport-height:var(--tg-viewport-height);--botterfly-viewport-stable-height:var(--tg-viewport-stable-height)}nav{position:sticky;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:1010}nav .nav-left,nav .nav-left a,nav .nav-right{display:flex;align-items:center;justify-content:center}nav .nav-logo{text-decoration:none}nav .nav-logo img:first-child{height:48px}nav .nav-logo img:nth-child(2){height:20px}nav .nav-logo img+img{margin-left:8px}nav .nav-logo span{font-size:10px;color:#fff;font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;pointer-events:none;position:relative;left:8px;top:1px;opacity:.75}nav .nav-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-weight:500}nav .nav-menu a{text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}nav .nav-menu li+li{margin-left:8px}nav .nav-menu>li>a{font-size:14px;padding:6px 12px;border-radius:6px}nav .nav-menu>li:hover>ul{display:block}nav .nav-menu>li:hover>a{background:#ffb4a4;color:#640d00}nav .nav-menu>li{position:relative}nav .nav-menu ul{display:none;position:absolute;right:0;top:100%;background:#392b28;border-radius:12px;white-space:nowrap;font-size:14px;list-style:none;margin:0;padding:16px 12px;border:1px solid #534340}nav .nav-menu ul:before{content:"";position:absolute;bottom:100%;height:32px;width:50%;right:0}nav .nav-menu ul .divider{height:1px;background:#534340;margin:14px 0}nav .nav-menu ul li{margin:0}nav .nav-menu ul li+li{margin-top:2px}nav .nav-menu ul a{padding:4px 12px;display:block;border-radius:6px}nav .nav-menu ul a:hover{background:#ffb4a4;color:#640d00}nav .nav-searchbar{display:flex;margin-right:24px;--docsearch-searchbox-background:transparent;--docsearch-searchbox-focus-background:#3b2c2a;--docsearch-searchbox-shadow:none;--docsearch-text-color:#e7bdb4}nav .nav-searchbar input{background:0 0;border:1px solid #a08c88;border-radius:8px;height:36px;width:160px;box-sizing:border-box;color:#e7bdb4;font-size:14px;padding-left:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;box-shadow:none}nav .nav-searchbar input::-moz-placeholder{color:#e7bdb4}nav .nav-searchbar input::placeholder{color:#e7bdb4}nav .nav-searchbar button{border:1px solid #a08c88;border-radius:8px}nav .nav-searchbar .DocSearch-Container{z-index:3000!important}nav .nav-searchbar .DocSearch-Button-Placeholder{display:flex!important;font-size:14px;color:#e7bdb4;font-weight:400}nav .nav-searchbar .DocSearch-Button-Keys{justify-content:end;display:flex;align-items:center}nav .nav-searchbar .DocSearch-Button-Keys kbd{display:flex;color:#f3dfdb;border-radius:4px;background:hsla(0,0%,100%,.05);opacity:.85;box-shadow:none;padding:1px 4px;top:0;margin-right:2px}nav .nav-searchbar .DocSearch-Button-Keys kbd:last-child{margin-right:0}nav .github-buttons{display:flex;align-items:center}nav .github-buttons .gh-stars{position:relative;margin-left:4px}nav .github-buttons a{display:flex;align-items:center;line-height:1;color:#e7bdb4}nav .github-buttons a span{margin-right:2px}@media (max-width:1024px){nav .nav-logo img:nth-child(2),nav .nav-logo span{display:none}}@media (max-width:768px){nav .github-buttons .gh-stars{display:none}}@media (max-width:620px){nav{padding:0 16px}nav .nav-searchbar{margin-right:12px}nav .nav-menu:not(.nav-menu-visible),nav .nav-menu:not(.nav-menu-visible)+.nav-menu-backdrop{display:none}nav .nav-menu{overflow:auto;box-shadow:-20px 0 50px rgba(0,0,0,.3);position:fixed;right:0;top:0;height:100vh;width:256px;background:#3b2c2a;display:flex;flex-direction:column;align-items:flex-start;z-index:10}nav .nav-menu::-webkit-scrollbar{width:6px;background:0 0;position:relative}nav .nav-menu::-webkit-scrollbar-track{box-shadow:none;background:0 0}nav .nav-menu::-webkit-scrollbar-thumb{background-color:#3b2c2a;outline:0;border-radius:9999px;position:relative}nav .nav-menu-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;content:"";z-index:9}nav .nav-menu>li{width:100%}nav .nav-menu>li:hover>a{background:0 0;color:#ffb4a4}nav .nav-menu>li>a{display:block;box-sizing:border-box;padding-left:16px;margin-left:8px;margin-right:8px}nav .nav-menu>li>a:hover{background:#ffb4a4;color:#640d00}nav .nav-menu>li+li{padding-top:8px;border-top:1px solid #a08c88;margin-left:0}nav .nav-menu ul{padding-left:28px;padding-top:0;padding-bottom:16px;box-sizing:border-box;width:100%;display:block;position:relative;border:none;background:0 0;top:0;left:0;right:0}nav .nav-menu ul:before{content:"";display:none}nav .nav-menu .divider{display:none}nav .nav-menu .github-buttons{display:flex}nav .nav-menu .github-buttons .gh-stars{display:block}nav .nav-toggle{height:32px;width:32px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}nav .nav-toggle:hover{background:#ffb4a4}nav .nav-toggle:hover span{background:#640d00}nav .nav-toggle span{display:block;width:20px;height:2px;background:#ffb4a4}nav .nav-toggle span+span{margin-top:3px}}.description .terminal{max-width:100%;width:600px;background:#322624;padding:12px 24px;border:1px solid #534340;box-sizing:border-box;margin-left:auto;margin-right:auto;font-size:16px;margin-bottom:40px;border-radius:16px;font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace}.description .terminal span{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.5}.description .buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.description .buttons a{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:16px;border:1px solid #534340;border-radius:16px;line-height:1;transition-duration:.2s;font-size:18px}.description .buttons a:hover{text-decoration:none;background:#2b2220;transform:scale(1.025)}.description .buttons a img{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;max-width:100%;margin-bottom:16px}.description .buttons a>div{display:flex;flex-direction:column}.description .buttons a span{margin-top:12px;font-weight:400;color:#ede0dd;font-size:14px}@media(max-width:600px){.description{padding-top:48px;padding-bottom:48px}.description h2{font-size:38px}.description h3{font-size:32px}.description .text{font-size:18px;line-height:1.75}.description .logos img{margin:16px}.description .logos-platforms{justify-content:center}.description .logos-platforms img{width:90%;max-width:none}.description .logos-tools{flex-wrap:wrap}.description .logos-tools img{width:26%;height:auto;max-height:100px}.home-get-started .terminal{font-size:14px}.home-get-started .buttons{display:block}.home-get-started .buttons a{padding:16px;flex-direction:row;justify-content:flex-start;text-align:left}.home-get-started .buttons a img{margin:0 16px 0 0;width:64px;height:64px}.home-get-started .buttons a+a{margin-top:16px}}



/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}body,td,th{padding:0}body{font-family:Inter,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;margin:0;position:relative;line-height:1.75;-webkit-font-smoothing:antialiased}@media (max-width:600px){body{line-height:1.6}}body::-webkit-scrollbar{width:6px;background:0 0;position:relative}body::-webkit-scrollbar-track{box-shadow:none;background:0 0}body::-webkit-scrollbar-thumb{background-color:#3b2c2a;outline:0;border-radius:9999px;position:relative}.break-word{word-break:break-word}.center{max-width:1200px;position:relative;margin:0 auto;padding-left:40px;padding-right:40px;box-sizing:border-box}@media (max-width:960px){.center{padding-left:30px;padding-right:30px}}@media (max-width:800px){.center{padding-left:15px;padding-right:15px}}a:hover{text-decoration:underline}ul{padding-left:30px}li{margin:5px 0}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{font-weight:700}.h1,h1{font-size:40px;line-height:1.2;margin:.7em 0}.h1:first-child,h1:first-child{margin-top:0}.h2,h2{font-size:32px;line-height:1.3;margin:1.5em 0 .5em}.h3,h3{font-size:26px;margin:1.25em 0 1em}.h3,.h4,h3,h4{line-height:1.4}.h4,h4{font-size:20px;margin:1.2em 0 1em}.h5,h5{font-size:18px;line-height:1.3}h1 .code,h1.code,h2 .code,h2.code,h3 .code,h3.code,h4 .code,h4.code,h5 .code,h5.code{font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-weight:400!important}main{padding-top:60px;padding-bottom:40px;box-sizing:border-box}@media (min-width:601px){main{padding-top:50px}}main img{max-width:100%}.centered,.text-align-center{text-align:center}.large-text{font-size:18px}@media (max-width:600px){.large-text{font-size:16px}}.row{display:flex}.row .col-50{width:50%}.row .col-33{width:100%/3}.github-buttons{font-size:0;line-height:18px}.github-buttons i{width:20px;height:20px;font-size:20px;vertical-align:middle}.github-buttons a{display:inline-block;color:inherit;text-decoration:none;vertical-align:middle;font-size:12px;margin-left:4px}.github-buttons a span{font-size:15px}.github-buttons a:hover{text-decoration:underline}.github-buttons a:first-child{margin-left:0}.important-note{padding:6px 12px 6px 16px;background:#412626;border-left:4px solid #ffb4a4;position:relative}.important-note ul{margin:0;padding-left:20px}.f7-demo-icons{display:flex;flex-wrap:wrap;justify-content:space-between}.f7-demo-icons .f7-demo-icon-cell{float:left;width:calc(20% - 10px);text-align:center;margin-bottom:40px}.f7-demo-icons .f7-demo-icon{height:28px}.f7-demo-icons .f7-demo-icon i{cursor:pointer}.f7-demo-icons .f7-demo-icon-label{font-size:11px;margin-top:10px;word-break:break-all}@media (max-width:600px){.f7-demo-icons .f7-demo-icon-cell{width:calc(33.33333% - 10px)}}@media (max-width:400px){.f7-demo-icons .f7-demo-icon-cell{width:calc(50% - 10px)}}.f7-demo-icons-toast{position:fixed;right:32px;bottom:32px;width:auto;max-width:calc(100% - 64px);padding:12px;box-sizing:border-box;font-size:12px;font-weight:50;color:hsla(0,0%,100%,.7);line-height:1.3;background:#3b2c2a;border:1px solid #534340;border-radius:12px;z-index:100;animation:f7-demo-icons-toast 2s}.f7-demo-icons-toast b{color:#fff}@keyframes f7-demo-icons-toast{0%,to{transform:translateY(calc(100% + 15px))}10%,90%{transform:translateY(0)}}.patreon-button{font-size:0;line-height:22px;display:inline-block}.patreon-button .patreon-logo{display:inline-block;position:relative;height:16px;width:16px;vertical-align:middle}.patreon-button .patreon-logo:before{position:absolute;left:0;top:0;width:3.2px;height:16px;content:"";background:currentColor}.patreon-button .patreon-logo:after{width:12px;height:12px;position:absolute;background:currentColor;border-radius:10px;content:"";right:0;top:0}.patreon-button .patreon-text{font-size:12px;display:inline-block;vertical-align:middle;line-height:1;margin-left:5px}pre{position:relative;overflow:hidden;word-wrap:break-word;white-space:pre-wrap;margin:32px 0}pre .f7-copy-btn{position:absolute;border:none;outline:0;padding:0;margin:0;box-shadow:none;top:0;right:0;height:48px;width:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border-radius:0;opacity:.5;cursor:pointer}pre .f7-copy-btn:focus{opacity:.85}pre .f7-copy-btn:hover{opacity:1}pre .f7-copy-btn i{position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;font-size:20px;transition:transform .3s}pre .f7-copy-btn .hidden{transform:scale(0)}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.DocSearch-Container{z-index:3000}header{font-size:14px;line-height:1.5}.home-block{padding-top:64px;padding-bottom:64px;font-weight:500;position:relative;overflow:hidden}.home-block h2{font-size:48px;font-weight:700;text-align:center;margin-bottom:.9em;margin-top:.2em}.home-block h2 i{font-size:48px;width:48px;height:48px;position:relative;overflow:hidden}.home-block h3{font-weight:700;text-align:center;color:#000;font-size:40px;margin-bottom:30px}.home-block .text{font-size:20px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.home-block.home-block-red{background:#ee350f;color:#fff}.home-block.home-block-red h2,.home-block.home-block-red h3{color:#fff}.home-block .logos{display:flex;justify-content:center;align-items:center;margin:40px 0}.home-block .logos img{height:50px;width:auto}.home-block .ui{display:flex;justify-content:center;margin:40px 0;align-items:center}.home-block .ui img+img{margin-left:40px}@media (min-width:801px){.home-block-left .center,.home-block-right .center{display:flex;flex-wrap:wrap}.home-block-left .text,.home-block-left h2,.home-block-right .text,.home-block-right h2{text-align:left;width:60%;margin:0}.home-block-left .logos,.home-block-left .ui,.home-block-right .logos,.home-block-right .ui{position:absolute;top:50%;transform:translateY(-50%);flex-wrap:wrap;width:calc(40% - 80px);margin:0}.home-block-left .logos img,.home-block-left .ui img,.home-block-right .logos img,.home-block-right .ui img{margin:10px!important;max-width:100%}.home-block-left .logos img,.home-block-right .logos img{height:65px}.home-block-left .center{justify-content:flex-start}.home-block-left .logos,.home-block-left .ui{right:40px}.home-block-right .center{justify-content:flex-end}.home-block-right .logos,.home-block-right .ui{left:40px}}.home-ecosystem .links{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:auto;margin-right:auto;max-width:1000px}@media (max-width:600px){.desc-links .links{grid-template-columns:repeat(2,minmax(0,1fr))}}.desc-links a{border-radius:16px;box-sizing:border-box;border:1px solid #534340;padding:16px}.desc-links a:hover{text-decoration:none;background:#2b2220}.desc-links .link-title{font-size:18px;margin-bottom:8px;line-height:1.25}.desc-links .link-text{color:#ede0dd;line-height:1.35;font-weight:400;opacity:.8;font-size:14px}.description a{flex-flow:row wrap}.description .link-text{color:#ede0dd;display:block;width:100%;line-height:1.35;font-weight:400;opacity:.8;font-size:14px}.home-intro{overflow:visible;z-index:2;pointer-events:none}.home-intro .center{display:flex;align-items:center;justify-content:space-between;margin-top:-128px}.home-intro .text{text-align:left;max-width:600px;box-sizing:border-box;margin-right:0;margin-left:0;position:relative;z-index:10;pointer-events:auto}@media (max-width:980px){.home-intro .center{flex-direction:column;align-items:center;justify-content:center;margin-top:-48px}.home-intro .text{text-align:center;order:-1}.home-intro .constructor{margin-top:-64px}}@media (max-width:640px){.home-intro{overflow:hidden}.home-intro .center{margin-top:-64px}}@media (max-width:480px){.home-intro .center{margin-top:-48px}.home-intro .center .text{order:1}.home-intro .constructor{width:66.6vw;order:2;margin-top:-32px}}.home-sponsors-content{text-align:center;margin-top:40px;font-size:18px;font-weight:400}.home-support-button{background:#ffb4a4;color:#640d00;text-align:center;box-sizing:border-box;align-items:center;justify-content:center;height:60px;text-decoration:none;border-radius:44px;transition:.2s;font-weight:700;padding:0 36px;display:inline-flex;font-size:18px;line-height:1}.home-support-button:hover{background:#ff8a71;text-decoration:none}.home-support-button i{margin-left:5px;position:relative;top:-3px}.uiinitiative-banner{display:flex;padding:5%;border:1px solid #534340;align-items:center;border-radius:16px;transition-duration:.2s;background:#1b1412}.uiinitiative-banner:hover{background:#2b2220;transform:scale(1.025)}.uiinitiative-banner .uiinitiative-logo{margin-right:5%;width:25%;flex-shrink:0}.uiinitiative-banner .uiinitiative-logo img{display:block;width:100%}.uiinitiative-banner .uiinitiative-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6% 3%}.uiinitiative-banner .uiinitiative-items img{width:100%;height:100%;min-width:0;min-height:0;-o-object-fit:cover;object-fit:cover;border-radius:16px;border:1px solid #534340}.home-projects .text{display:flex}.home-projects a{display:flex;flex-direction:column;align-items:center;padding:16px;border:1px solid #534340;border-radius:16px;width:100%;transition-duration:.2s;box-sizing:border-box}.home-projects a b{font-weight:500}.home-projects a b,.home-projects a span{display:block}.home-projects a span{color:#ede0dd}.home-projects a:hover{background:#2b2220;text-decoration:none;transform:scale(1.025)}.home-projects a:nth-child(2){margin:0 32px}.home-projects span{font-size:.75em;font-weight:400}.home-projects img{width:128px;margin-bottom:24px}@media (max-width:600px){.home-projects .text{display:block}.home-projects a{flex-direction:row;text-align:left}.home-projects a:nth-child(2){margin:16px 0}.home-projects img{width:64px;height:64px;margin-right:16px;margin-bottom:0}}.home-sponsors .home-sponsors-list{display:flex;justify-content:center;flex-wrap:wrap}.home-sponsors .home-sponsors-list .home-sponsors-item{background:#fff;width:32px;height:32px;display:flex;align-items:center;justify-items:center;justify-content:center;text-align:center;margin:4px;border-radius:4px}.home-sponsors .home-sponsors-list a{width:100%;height:100%;font-size:0;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-items:center;justify-content:center;margin:auto}.home-sponsors .home-sponsors-list .home-sponsor-diamond,.home-sponsors .home-sponsors-list .home-sponsor-gold,.home-sponsors .home-sponsors-list .home-sponsor-platinum{width:96px;height:96px}.home-sponsors .home-sponsors-list .home-sponsor-silver{width:64px;height:64px}.home-sponsors .home-sponsors-list img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;vertical-align:middle;border-radius:4px}.home-sponsors .home-sponsors-separator{height:1px;width:100%;margin:10px 0}.home-sponsors .sponsor-badge{width:18px;height:18px;position:absolute;left:2px;top:2px;border-radius:4px;box-sizing:border-box}.home-sponsors .sponsor-badge.sponsor-badge-platinum{background:linear-gradient(to right bottom,#ffddf4 45%,#f1b7e7 55%);box-shadow:0 0 0 1px #f1b7e7}.home-sponsors .sponsor-badge.sponsor-badge-gold{background:linear-gradient(to right bottom,#fffc2c 50%,#e1e206 0);box-shadow:0 0 0 1px #e1e206}.home-sponsors .sponsor-badge.sponsor-badge-silver{background:linear-gradient(to right bottom,#eee 50%,#dadada 0);box-shadow:0 0 0 1px #eee}.home-sponsors .sponsor-badge.sponsor-badge-topSupporter{display:none}@media (max-width:800px){.home-block .logos{flex-wrap:wrap}.home-block .logos img{margin:32px;max-height:50px;height:auto;width:auto;max-width:30%}.home-block .ui{justify-content:center;flex-wrap:wrap}.home-block .ui img{margin-bottom:20px}.home-block .ui img+img{margin-left:10px}}@media (max-width:600px){.home-block{padding-top:48px;padding-bottom:48px}.home-block h2{font-size:38px}.home-block h3{font-size:32px}.home-block .text{font-size:18px;line-height:1.75}.home-block .logos img{margin:16px}.home-block .logos-platforms{justify-content:center}.home-block .logos-platforms img{width:90%;max-width:none}.home-block .logos-tools{flex-wrap:wrap}.home-block .logos-tools img{width:26%;height:auto;max-height:100px}.description .terminal{font-size:14px}.description .buttons{display:block}.description .buttons a{padding:16px;flex-direction:row;justify-content:flex-start;text-align:left}.description .buttons a img{margin:0 16px 0 0;width:64px;height:64px}.description .buttons a+a{margin-top:16px}}body.body-docs .center{max-width:1400px}body.body-docs main>.center{max-width:1400px;display:flex}body.body-docs main{display:flex;justify-content:space-between}.docs-right{flex-shrink:0;width:256px;font-size:14px;max-height:calc(100vh - 64px);position:sticky;overflow:auto;top:0;padding-top:40px;box-sizing:border-box;padding-bottom:40px;margin-top:-40px;margin-bottom:-40px}.docs-right::-webkit-scrollbar{width:6px;background:0 0;position:relative}.docs-right::-webkit-scrollbar-track{box-shadow:none;background:0 0}.docs-right::-webkit-scrollbar-thumb{background-color:#3b2c2a;outline:0;border-radius:9999px;position:relative}.docs-right a{color:#e7bdb4}.docs-right a:hover{color:#ffb4a4}.docs-right-block+.docs-right-block{padding-top:12px;margin-top:12px;border-top:1px solid #534340}.docs-page-nav{border-top:1px solid #534340;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2em;padding-top:1em}.docs-page-nav a{font-weight:600}.docs-page-nav a:hover{text-decoration:none;opacity:.55}.docs-start-button{text-align:center;margin:2em 0 1em}.docs-start-button a{background:#ffb4a4;color:#640d00;text-align:center;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:60px;font-size:24px;text-decoration:none;border-radius:44px;transition:.2s;font-weight:700;padding:0 36px}.docs-start-button a:hover{background:#ff8a71}.docs-mobile-preview-links{display:none}.docs-content{flex-shrink:10;box-sizing:border-box;position:relative;min-width:0;width:100%;padding-left:24px;padding-right:24px}@media (min-width:960px){.docs-content{padding-left:40px;padding-right:40px}}@media (max-width:620px){.docs-content{padding-left:16px;padding-right:16px}}@media (min-width:1400px){.docs-content{width:1064px}}.docs-content h1{margin-top:0}.docs-content .with-device{padding-right:340px}.docs-content .with-device .device-spacer{height:400px}.docs-content .with-device-inline{position:relative}.docs-content .with-device-inline .docs-inline-device{position:absolute;right:-20px;top:0}@media (max-width:600px){.docs-content .with-device-inline .docs-inline-device{position:relative;right:0}}.docs-content h2[id],.docs-content h3[id]{cursor:pointer;scroll-margin-top:64px}.docs-demo-device{position:absolute;right:20px;top:0;background:#3b2c2a;z-index:1000;margin-top:40px;padding:8px;border-radius:24px;backface-visibility:hidden;border:1px solid #534340}.docs-demo-device iframe{width:320px;height:680px;border-radius:18px;position:relative;border:none;margin:0;padding:0;display:block;overflow:hidden;background:#000}.docs-demo-device:not(.docs-inline-device){display:none}.docs-demo-device:not(.docs-inline-device).visible{display:block}.docs-demo-device .docs-demo-device-buttons{display:flex;align-items:center;position:absolute;left:50%;bottom:100%;margin-bottom:4px;transform:translateX(-50%)}.docs-demo-device .docs-demo-device-mode-buttons{margin-left:16px}.docs-demo-device .docs-demo-device-mode-buttons,.docs-demo-device .docs-demo-device-theme-buttons{font-size:0;white-space:nowrap;background:#534340;border-radius:8px;padding:2px}.docs-demo-device .docs-demo-device-mode-buttons a,.docs-demo-device .docs-demo-device-theme-buttons a{padding-top:4px;padding-bottom:4px;width:48px;color:#d8c2bd;display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;border-radius:6px;text-decoration:none}.docs-demo-device .docs-demo-device-mode-buttons a+a,.docs-demo-device .docs-demo-device-theme-buttons a+a{margin-left:2px}.docs-demo-device .docs-demo-device-mode-buttons a i,.docs-demo-device .docs-demo-device-theme-buttons a i{font-size:18px}.docs-demo-device .docs-demo-device-mode-buttons a:hover,.docs-demo-device .docs-demo-device-theme-buttons a:hover{background:rgba(255,180,164,.1)}.docs-demo-device .docs-demo-device-mode-buttons a.active,.docs-demo-device .docs-demo-device-theme-buttons a.active{background-color:#ffb4a4;color:#640d00}.docs-demo-device .docs-demo-device-iframe{position:relative;overflow:hidden;border-radius:12px}.docs-demo-device .fade-overlay{background:#000;position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:.2s;pointer-events:none;z-index:100}.docs-demo-device .fade-overlay.visible{transition:none;opacity:1;visibility:visible}.docs-demo-device.docs-inline-device{position:relative}.method-wrap{padding:24px;margin:1em 0;border-left:4px solid #a08c88;background:#322624}.method-wrap+.method-wrap{margin-top:32px}.method-wrap p:first-child{margin-top:0}.method-wrap p:last-child,.method-wrap ul:last-child{margin-bottom:0}.method-wrap .method-parameters{font-size:14px}.method-wrap .method-parameters+.method-returns{margin-top:-12px}.method-wrap .method-returns{font-style:italic;font-size:14px}p.method,span.method{font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;color:#fff;font-weight:500}p.method span,span.method span{color:#e7bdb4}ul.method-parameters{margin-top:-10px;margin-bottom:20px;padding-left:30px}ul.method-parameters .parameter{color:#e7bdb4}ul.method-parameters .parameter,ul.method-parameters .parameter-type{font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-weight:500}ul.method-parameters .parameter-type{color:#74d1ff}.docs-index,.method-returns{list-style:none}.docs-index{padding:0;position:relative;margin:0}.docs-index-title{font-weight:700;margin-bottom:12px}.docs-index:empty{padding:0;border:none}.docs-index li{margin:2px 0;position:relative}.docs-index li:first-child{margin-top:0}.docs-index li:last-child{margin-bottom:0}.docs-index a{text-decoration:none}.docs-index ul{list-style:none;margin:0 0 0 20px;padding:0}@media (max-width:1400px){.docs-content{order:2;margin-top:64px}.docs-right{order:1;width:240px;padding:0;position:relative;overflow:visible;min-height:0;height:48px;box-sizing:border-box;align-self:flex-start;display:flex;align-items:center;margin-top:0;margin-left:40px;margin-right:-280px}.docs-right .improve-docs-link,.docs-right-block{display:none}.docs-right-block.docs-right-block-index{width:100%;height:100%;position:relative;display:block;margin-top:0;padding-top:0;border:none}.docs-right-block.docs-right-block-index:after{content:"chevron_right";font-family:Framework7 Icons;font-size:24px;width:24px;height:24px;position:absolute;right:12px;top:50%;margin-top:-12px;line-height:1;pointer-events:none}.docs-index-title{margin-bottom:0!important;padding:0 12px;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;cursor:pointer;border:1px solid #534340;border-radius:12px;background:#2b2220}.docs-index{position:absolute;display:none;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.docs-index a{display:block;padding:2px 12px}.docs-index a:hover{background:#392b28}.docs-index-visible .docs-index{display:block;background:#2b2220;border:1px solid #534340;border-top:none;border-radius:0 0 12px 12px;padding-top:4px;padding-bottom:4px;max-height:240px;box-sizing:border-box;overflow:auto}.docs-index-visible .docs-index::-webkit-scrollbar{width:6px;background:0 0;position:relative}.docs-index-visible .docs-index::-webkit-scrollbar-track{box-shadow:none;background:0 0}.docs-index-visible .docs-index::-webkit-scrollbar-thumb{background-color:#3b2c2a;outline:0;border-radius:9999px;position:relative}.docs-index-visible .docs-index-title{border-radius:12px 12px 0 0}.docs-index-visible:after{transform:rotate(90deg)}}@media (max-width:960px){.docs-right{margin-left:24px;margin-top:-16px;margin-right:-264px}.docs-content{margin-top:48px}.docs-nav-menu .docs-nav-sponsors{margin-right:20px}}@media (max-width:620px){.docs-right{margin-left:16px;margin-right:-256px}}.docs-nav{width:256px;box-sizing:border-box;flex-shrink:0;background:#201a19;position:relative;margin-top:-40px;margin-bottom:-40px;padding-top:40px;padding-left:24px;padding-right:8px}.docs-nav::-webkit-scrollbar{width:6px;background:0 0;position:relative}.docs-nav::-webkit-scrollbar-track{box-shadow:none;background:0 0}.docs-nav::-webkit-scrollbar-thumb{background-color:#3b2c2a;outline:0;border-radius:9999px;position:relative}.docs-nav .title{margin-bottom:10px;font-weight:700;font-size:14px}.docs-nav .subtitle{text-transform:uppercase;margin-bottom:10px;font-weight:500}.docs-nav-frameworks{display:flex;box-sizing:border-box;padding:4px;background:#2b2220;border:1px solid #534340;border-radius:8px;margin-bottom:24px}.docs-nav-frameworks a{width:25%;display:block;padding:8px 4px!important;border-radius:4px}.docs-nav-frameworks a+a{margin-left:4px}.docs-nav-frameworks a:hover{background:#392b28}.docs-nav-frameworks a.active{background:#775854}.docs-nav-frameworks img{display:block;width:100%;height:24px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.docs-nav-menu{padding-bottom:40px;box-sizing:border-box}.docs-nav-menu>ul{position:relative}.docs-nav-menu>ul>li{margin-top:30px}.docs-nav-menu>ul>li:first-child{margin-top:0}.docs-nav-menu .docs-nav-sponsors{padding-top:16px;margin-bottom:24px;border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);padding-bottom:16px}.docs-nav-menu .docs-nav-sponsors .title{display:flex;align-items:center;justify-content:space-between;align-content:center}.docs-nav-menu .docs-nav-sponsors .title a{font-weight:500;font-size:11px;padding-right:0;line-height:1;letter-spacing:-.015em}.docs-nav-menu .docs-nav-sponsors .title a:hover{text-decoration:underline}.docs-nav-menu .docs-nav-sponsors-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.docs-nav-menu .docs-nav-sponsors-list a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;padding:0;background:#fff;border-radius:4px}.docs-nav-menu .docs-nav-sponsors-list a img{display:block;max-width:100%;max-height:100%}.docs-nav-menu ul{margin:0;padding:0;line-height:1.3;list-style:none;font-size:14px}.docs-nav-menu ul ul ul{margin-left:10px}.docs-nav-menu li{margin-bottom:10px;position:relative}.docs-nav-menu li li:hover:before,.docs-nav-menu li.active:before{pointer-events:none;content:"";position:absolute;right:0;width:calc(100% + 12px);height:100%;padding:5px 0;top:50%;transform:translateY(-50%);border-radius:4px}.docs-nav-menu li li:hover:before{background:#3d312f}.docs-nav-menu li.active:before{background:#ffb4a4!important}.docs-nav-menu li.active a{color:#640d00!important}.docs-nav-menu a{text-decoration:none;display:block;padding-right:10px;position:relative;color:#e7bdb4}.docs-nav-menu a:hover{color:#ffb4a4}.docs-nav-menu a.active{font-weight:500;color:#640d00}.docs-nav-menu .inactive{opacity:.4}.docs-nav-menu .inactive .inactive{opacity:1}.docs-nav-searchbar{z-index:10}.docs-nav-searchbar button{margin-left:0;width:100%}.docs-nav-backdrop{position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:-1;display:none}.docs-nav-toggle{position:absolute;bottom:24px;left:calc(100% + 100vw - 88px);background:#ffb4a4;cursor:pointer;width:64px;height:64px;z-index:100;border-radius:999px}.docs-nav-toggle span{display:block;height:3px;width:20px;background:#640d00;position:relative;top:24px;left:50%;margin-left:-10px}.docs-nav-toggle span+span{margin-top:3px}.docs-nav-toggle span:first-child{transform-origin:left top}.docs-nav-toggle span:last-child{transform-origin:left bottom}.docs-nav-visible .docs-nav-toggle{display:none}.improve-docs-link a{display:inline-flex;align-items:center;text-decoration:none}.improve-docs-link a:before{content:"logo_github";font-family:Framework7 Icons;font-size:20px;line-height:20px;width:20px;height:20px;display:inline-block;vertical-align:top;margin-right:3px}.color-example{display:inline-block;width:32px;height:32px;margin-right:16px}@media (min-width:961px){main{padding-top:40px}.docs-nav-backdrop,.docs-nav-toggle{display:none}.docs-nav{position:sticky;overflow:auto;top:64px;max-height:calc(100vh - 64px)}.docs-nav::-webkit-scrollbar{width:6px;background:0 0;position:relative}.docs-nav::-webkit-scrollbar-track{box-shadow:none;background:0 0}.docs-nav::-webkit-scrollbar-thumb{background-color:#3b2c2a;outline:0;border-radius:9999px;position:relative}}@media (max-width:960px){.docs-nav-searchbar{right:20px}.docs-nav{z-index:1000;margin:0;position:fixed;left:0;top:0;height:100%;transform:translateX(-100%);padding:0}.docs-nav.docs-nav-visible{transform:translateX(0);box-shadow:20px 0 50px rgba(0,0,0,.3)}.docs-nav.docs-nav-visible .docs-nav-backdrop{display:block}.docs-nav .docs-nav-content{overflow:auto;height:100%;padding:20px 20px 0}.docs-nav .docs-nav-content::-webkit-scrollbar{width:6px;background:0 0;position:relative}.docs-nav .docs-nav-content::-webkit-scrollbar-track{box-shadow:none;background:0 0}.docs-nav .docs-nav-content::-webkit-scrollbar-thumb{background-color:#3b2c2a;outline:0;border-radius:9999px;position:relative}}@media (max-width:768px){.docs-demo-device:not(.docs-inline-device),.docs-demo-device:not(.docs-inline-device).visible{display:none}.docs-content .with-device{padding-right:0}.method-wrap{padding:10px;overflow-x:auto}.improve-docs-link{float:none;margin-bottom:5px;display:inline-block}.docs-mobile-preview-links{display:flex;align-items:center;flex-wrap:wrap}.docs-mobile-preview-links a{background:#ffb4a4;color:#640d00;border-radius:10em;display:inline-block;transition:.2s;text-decoration:none;font-weight:700;padding:0 12px;font-size:14px;height:32px;display:inline-flex;align-items:center;justify-content:center}.docs-mobile-preview-links a:hover{background:#ff8a71}.docs-mobile-preview-links a+a{margin-left:16px}.docs-mobile-preview-links .mobile-preview-ios:before,.docs-mobile-preview-links .mobile-preview-md:before{font-family:Framework7 Icons;font-size:18px;width:18px;height:18px;position:relative;margin-right:8px;line-height:18px}.docs-mobile-preview-links .mobile-preview-ios:after,.docs-mobile-preview-links .mobile-preview-md:after{content:"Preview";line-height:1}.docs-mobile-preview-links .mobile-preview-ios:before{content:"logo_apple"}.docs-mobile-preview-links .mobile-preview-md:before{content:"logo_android"}.docs-content table{display:block;overflow-x:auto}}.docs-color-form fieldset{margin:1em 0;border-radius:4px;border:1px solid #ddd;padding:16px;background:#fff;box-sizing:border-box;line-height:1.3}.docs-color-form fieldset legend{font-weight:700;display:block;margin:0}.docs-color-form fieldset p{margin-top:0}.docs-color-form fieldset p:last-child{margin-bottom:0}@media (min-width:1100px){.docs-color-form-col{float:left;width:calc(50% - 8px)}.docs-color-form-col+.docs-color-form-col{float:right}}.docs-color-form-radio{display:inline-flex;margin-right:32px;align-items:center;cursor:pointer}.docs-color-form-radio input{margin:0 8px 0 0}.docs-color-form-input{display:inline-flex;align-items:center}.docs-color-form-input input{margin-left:8px}.docs-color-form-input input[type=text]{border-radius:4px;padding:4px 8px;border:1px solid #ddd}.docs-color-form-code code{min-height:210px}.docs-image{border-radius:16px;border:1px solid #534340}@media (min-width:640px){.motion-docs-page-title{height:240px;display:flex;align-items:flex-end;justify-content:space-between;padding-left:24px;background:#1b1412;border-radius:16px;border:1px solid #534340;margin-bottom:28px}.motion-docs-page-title h1{margin:0;padding-bottom:32px;flex-shrink:10;min-width:0}}@media (max-width:639px){.motion-docs-page-title [motion]{background:#1b1412;border-radius:16px;border:1px solid #534340;width:100%;padding-left:calc(50% - 184px);padding-right:calc(50% - 184px);box-sizing:border-box;overflow:hidden;margin-bottom:28px}}@media (max-width:429px){.motion-docs-page-title{padding-left:16px;padding-right:16px;overflow:hidden}.motion-docs-page-title,.motion-docs-page-title [motion]{margin-left:-16px;width:calc(100% + 32px);box-sizing:border-box}.motion-docs-page-title [motion]{border-radius:0;border-left:none;border-right:none}}:root{--table-monospace-font-size:inherit;--pre-code-padding:20px;--pre-code-line-height:20px;--pre-code-font-size:13.5px;--pre-code-border-radius:8px}table{border-collapse:collapse;border-spacing:0;width:100%;font-size:14px;margin:1em 0 2em}table a[id]{scroll-margin-top:64px}table td,table th{padding:10px 5px}table td:first-child,table th:first-child{padding-left:0}table td:last-child,table th:last-child{padding-right:0}table thead{text-align:left;font-size:16px}table tbody td,table tbody th{border-top:1px solid #534340}table thead+tbody tr:first-child td,table thead+tbody tr:first-child th{border-top-width:2px}table pre{white-space:pre-wrap}table.params-table{line-height:1.4}table.params-table td,table.params-table th{vertical-align:top}table.params-table tbody td:first-child>a{color:inherit}table.params-table tbody td:first-child:not([colspan]),table.params-table tbody td:nth-child(2),table.params-table tbody td:nth-child(3):not(:last-child){color:#fff;font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-weight:500;font-size:var(--table-monospace-font-size)}table.params-table tbody td:nth-child(2){color:#74d1ff}table.params-table tbody td:nth-child(n+3){word-break:break-word}table.params-table tbody th[colspan="3"],table.params-table tbody th[colspan="4"]{text-align:left;font-size:14px;background:#2b2220;padding:20px 10px}table.params-table tbody th[colspan="3"] small,table.params-table tbody th[colspan="4"] small{font-size:14px;font-weight:500;opacity:.7}table.params-table tbody td:last-child:nth-child(3),table.params-table tbody td:last-child:nth-child(4){width:50%}table.params-table td p:first-child{margin-top:0}table.params-table td p:last-child{margin-bottom:0}table.params-table tr.subparam-close-row td,table.params-table tr.subparam-open-row td{font-weight:700}table.params-table tr.subparam-close-row td,table.params-table tr.subparam-open-row+tr td{border-top:none}table.params-table tr.subparam-row td:first-child{padding-left:2em}table.methods-table{line-height:1.4}table.methods-table tbody td:first-child>a{color:inherit}table.methods-table td,table.methods-table th{vertical-align:top}table.methods-table tbody td:first-child:not(:last-child){font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;color:#fff;white-space:nowrap;font-weight:500;font-size:var(--table-monospace-font-size)}table.methods-table tbody td:first-child:not(:last-child) span{color:#e7bdb4}table.methods-table .parameter-type{font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--table-monospace-font-size);color:#74d1ff}table.methods-table ul.method-parameters{margin:0;padding-left:20px}table.methods-table .method-returns{font-style:italic}table.methods-table th[colspan="2"]{text-align:left;font-size:14px;background:#2b2220;padding:20px 10px}table.methods-table th[colspan="2"] small{font-size:14px;font-weight:500;opacity:.7}table.methods-table td p:first-child{margin-top:0}table.methods-table td p:last-child{margin-bottom:0}table.methods-table.dom7-table td{vertical-align:top}table.methods-table.dom7-table tbody td:first-child:not(:last-child){font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--table-monospace-font-size);color:#fff;white-space:normal;font-weight:500}table.methods-table.dom7-table tbody td:first-child:not(:last-child) span{color:#e7bdb4}table.methods-table code,table.params-table code{white-space:pre-wrap}table.events-table tbody td:first-child>a{color:inherit}table.events-table tbody td:nth-child(2) span,table.events-table tbody td:nth-child(3) span{white-space:nowrap;font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--table-monospace-font-size);color:#e7bdb4;font-weight:500;display:block}table.events-table tbody td:nth-child(3) span{display:inline-block;white-space:normal}table.events-table tbody td:first-child:not([colspan]){font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--table-monospace-font-size);color:#fff;white-space:nowrap;font-weight:500}table.events-table tbody th[colspan]{text-align:left;font-size:14px;background:#2b2220;padding:20px 10px}table.events-table tbody th[colspan] small{font-size:14px;font-weight:500;opacity:.7}table.props-table tbody td:first-child{font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--table-monospace-font-size);color:#fff;white-space:nowrap;font-weight:500}table.double-events-table tr:nth-child(4n-6) td{border:none}table.double-events-table tr:nth-child(4n-4),table.double-events-table tr:nth-child(4n-5){background:#2b2220}table.double-events-table tr:nth-child(4n-4) td{border:none}@media (max-width:600px){table.events-table,table.methods-table,table.params-table{display:block;font-size:14px;line-height:1.4;--table-monospace-font-size:13px}table.events-table thead,table.methods-table thead,table.params-table thead{display:none}table.events-table tbody,table.methods-table tbody,table.params-table tbody{display:block}table.events-table tr,table.methods-table tr,table.params-table tr{display:flex;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}table.events-table tbody td,table.events-table tbody th,table.events-table tbody th[colspan],table.methods-table tbody td,table.methods-table tbody th,table.methods-table tbody th[colspan],table.params-table tbody td,table.params-table tbody th,table.params-table tbody th[colspan]{display:block;border:none;padding:0;background:0 0;width:auto}table.events-table td:not(:last-child),table.methods-table td:not(:last-child),table.params-table td:not(:last-child){margin-right:20px}table.events-table tr.subparam-row,table.methods-table tr.subparam-row,table.params-table tr.subparam-row{padding-left:1em}table.events-table tr.subparam-row td:first-child,table.methods-table tr.subparam-row td:first-child,table.params-table tr.subparam-row td:first-child{padding-left:0}table.events-table tbody th[colspan],table.methods-table tbody th[colspan],table.params-table tbody th[colspan]{text-align:center;font-size:16px}table.events-table tbody tr+tr,table.methods-table tbody tr+tr,table.params-table tbody tr+tr{border-top:1px solid #534340}table.events-table tbody td:last-child,table.methods-table tbody td:last-child,table.params-table tbody td:last-child{width:100%!important;margin-top:10px;margin-left:0;font-size:14px;color:#d8c2bd}}.colors-table td:nth-child(2){display:flex;align-items:center}.showcase-apps{display:grid;grid-template-columns:repeat(8,1fr);gap:32px;margin-top:32px}@media (max-width:1024px){.showcase-apps{grid-template-columns:repeat(6,1fr)}}@media (max-width:640px){.showcase-apps{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.showcase-apps{grid-template-columns:repeat(3,1fr)}}.showcase-apps .app{min-width:0}.showcase-apps .app-icon{width:100%;cursor:pointer}.showcase-apps .app-icon img{max-width:100%;border-radius:22px}.showcase-apps .app-icon:hover~.app-info .app-name{color:#ffb4a4}.showcase-apps .app-name{font-size:14px;font-weight:500;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.showcase-apps .app-author,.showcase-apps .app-name{line-height:1.25;position:relative;overflow:hidden;text-overflow:ellipsis}.showcase-apps .app-author{font-size:12px;margin-top:4px;opacity:.75;white-space:nowrap}.showcase-apps .app-about,.showcase-apps .app-links,.showcase-apps .app-shots,.showcase-apps .app-show-shots{display:none}.showcase-apps h2{margin:0;line-height:1.2}.showcase-app-preview-backdrop{position:fixed;left:0;top:0;background:rgba(0,0,0,.4);width:100%;height:100%;z-index:900}.showcase-app-preview{position:fixed;left:50%;top:50%;z-index:2000;background:#3b2c2a;border-radius:15px;transform:translate3d(-50%,-50%,0);width:800px;padding:20px;box-sizing:border-box;height:600px;max-height:90%;max-width:90%;box-shadow:0 30px 60px rgba(0,0,0,.4);animation:showcase-app-preview-in .2s forwards}.showcase-app-preview .app-about{font-size:14px}.showcase-app-preview .showcase-app-preview-close{position:absolute;width:40px;height:40px;cursor:pointer;right:0;top:0;transform:rotate(45deg);border-radius:50%;box-sizing:border-box}.showcase-app-preview .showcase-app-preview-close:hover:after,.showcase-app-preview .showcase-app-preview-close:hover:before{transform:scale(1.2)}.showcase-app-preview .showcase-app-preview-close:after{content:"";position:absolute;left:50%;top:20%;margin-left:-2px;width:4px;height:60%;background:#999;border-radius:2px;transition:.2s}.showcase-app-preview .showcase-app-preview-close:before{content:"";position:absolute;left:20%;top:50%;margin-top:-2px;height:4px;width:60%;background:#999;border-radius:2px;transition:.2s}.showcase-app-preview .app-icon{width:200px;height:200px;margin-left:auto;margin-right:auto;float:left}.showcase-app-preview .app-icon img{max-width:100%}.showcase-app-preview .app-icon.app-icon-rounded img{border-radius:45px}.showcase-app-preview .app-info{margin-left:230px;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.showcase-app-preview .app-info::-webkit-scrollbar{width:6px;background:0 0;position:relative}.showcase-app-preview .app-info::-webkit-scrollbar-track{box-shadow:none;background:0 0}.showcase-app-preview .app-info::-webkit-scrollbar-thumb{outline:0;border-radius:9999px;position:relative;background-color:#59423f}.showcase-app-preview .app-links,.showcase-app-preview .app-links p{display:flex;align-items:center}.showcase-app-preview .app-links a{margin-right:10px}.showcase-app-preview .app-links .button{background:#ffb4a4;color:#640d00;border-radius:10em;display:inline-block;transition:.2s;text-decoration:none;font-weight:700;padding:0;font-size:14px;height:32px;display:inline-flex;align-items:center;justify-content:center;width:150px;text-align:center}.showcase-app-preview .app-links .button:hover{background:#ff8a71}.showcase-app-preview .app-name{font-size:18px;font-weight:700;line-height:1.25;margin-bottom:8px}.showcase-app-preview .app-author{margin-bottom:16px;font-size:14px}.showcase-app-preview .app-shots{background:#322624;border-radius:4px;padding:10px;overflow:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;display:none}.showcase-app-preview .app-shots iframe,.showcase-app-preview .app-shots img{max-height:568px;margin-right:10px;display:inline-block;vertical-align:top}.showcase-app-preview .app-shots iframe:last-child,.showcase-app-preview .app-shots img:last-child{margin-right:0}.showcase-app-preview .app-show-shots{font-size:14px}.showcase-app-preview .app-show-shots a{text-decoration:none;border-bottom:1px dotted}@media (max-width:600px){.showcase-app-preview{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;padding:15px;overflow:auto;-webkit-overflow-scrolling:touch}.showcase-app-preview .app-icon{width:80px;height:80px;float:none;margin-left:0;margin-right:0;margin-bottom:-80px}.showcase-app-preview .app-icon.app-icon-rounded img{border-radius:10px}.showcase-app-preview .app-info{margin-left:0;overflow:visible;height:auto}.showcase-app-preview .app-info .app-author,.showcase-app-preview .app-info .app-name{margin-left:100px}.showcase-app-preview .app-links{margin-top:40px}.showcase-app-preview .app-links a{margin-left:0;margin-right:5px}}@keyframes showcase-app-preview-in{0%{opacity:.8;transform:translate3d(-50%,-45%,0)}to{opacity:1;transform:translate3d(-50%,-50%,0)}}.tutorials{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;margin:40px 0 0;padding:0;flex-wrap:wrap;justify-content:flex-start}@media (max-width:960px){.tutorials{grid-template-columns:repeat(2,1fr)}}.tutorial{box-sizing:border-box;padding:16px;border-radius:12px;position:relative;background:#2b2220;border:1px solid #534340}.tutorial.video .tutorial-title i{color:#ee350f;font-size:20px;margin-left:4px;vertical-align:middle}.tutorial-title{line-height:1.25;font-weight:700;margin:0}.tutorial-title a{color:inherit;transition-duration:.1s;display:block}.tutorial-title a:hover{color:#ffb4a4;text-decoration:none}.tutorial-author{display:block;margin-top:5px;font-weight:500;font-size:14px}.tutorial-author a{opacity:.7;text-decoration:none}.tutorial-author a:hover{opacity:1}.tutorial-date{color:#a08c88;margin-bottom:5px;font-size:14px}.tutorial-badges{line-height:1;position:absolute;right:8px;top:4px;white-space:nowrap;display:flex;align-items:center}.tutorial-badges span{background:#534340;padding:4px 6px;color:#74d1ff;display:block;text-align:center;box-sizing:border-box;font-size:12px;font-weight:700;line-height:1;border-radius:6px}.tutorial-badges span+span{margin-left:5px}.sponsors{flex-wrap:wrap}.sponsors,.sponsors .sponsor{justify-content:center;display:flex}.sponsors .sponsor{text-align:center;font-size:0;margin:4px;border-radius:4px;background:#fff;align-items:center}.sponsors .sponsor img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sponsors .sponsor a{display:block;width:100%;height:100%}.sponsor-join{align-content:center;line-height:1.2!important;font-weight:500;border-radius:16px;text-decoration:none;transition:background-color .2s;box-sizing:border-box;padding:0 2px;background:#2b2220;border:1px solid #534340;width:256px;height:64px;font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center;margin-left:auto;margin-right:auto}.sponsors+.sponsor-join{margin-top:32px}.sponsor-join:hover{text-decoration:none;background:#322624}.sponsors-diamond .sponsor,.sponsors-gold .sponsor,.sponsors-platinum .sponsor{width:96px;height:96px}.sponsors-silver .sponsor{width:64px;height:64px}.sponsors-top .sponsor{width:32px;height:32px}.sponsors-top .sponsor-join{font-size:12px}code,pre{font-family:Roboto Mono,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace}code{font-size:14px;background:rgba(0,0,0,.05);color:#c1e8ff;display:inline-flex;word-break:break-word;font-weight:500}code:not([class]):after,code:not([class]):before{content:"`"}a code{color:inherit;display:inline}h1 code,h2 code,h3 code,h4 code{font-size:inherit;font-weight:700}b code,strong code{font-weight:700}pre code{padding:var(--pre-code-padding);background:#2b2220;color:#fff;display:block;overflow-x:auto;border-radius:var(--pre-code-border-radius);font-size:var(--pre-code-font-size);line-height:var(--pre-code-line-height);font-weight:400}.nowrap{white-space:nowrap}.important-note pre code,table pre code{--pre-code-padding:8px}table pre:first-child{margin-top:0}table pre:last-child{margin-bottom:0}code .punctuation{color:#86ddff}code .keyword,code .operator{color:#c88fec}code .keyword-block{color:#86ddff}code .function{color:#80a8ff}code .string{color:#c2e988}code .tag{color:#f27076}code .attr-name{color:#ffcc63;font-style:italic}code .script,code .spread,code.svelte .tag .token.language-javascript{color:#fff}code .attr-value{color:#c2e988}code .class-name{color:#ffcc63}code .comment{color:#6c8e9e;font-style:italic}code .boolean,code .number{color:#f98c68}code .constant{color:#f27076}code .context{color:#ff506e;font-style:italic}code .built-in{color:#ffcc63}code .literal{color:#f98c68}code .selector{color:#ffcc63}code .property{color:#b1ccd7}code .doctype{color:#aaa}code.less .variable{color:#86ddff}code.less .url{color:#c2e988}code .code-color{width:.8em;height:.8em;display:inline-block;margin-right:3px;box-sizing:border-box;border:1px solid #fff}@media (max-width:600px){.tutorials{grid-template-columns:repeat(1,1fr)}.docs-content>.with-device>pre,.docs-content>pre{margin-left:-15px;margin-right:-15px;--pre-code-padding:20px 15px;--pre-code-border-radius:0px;--pre-code-font-size:13px;--pre-code-line-height:18px}}.example-preview{margin:32px 0}.example-preview-top{display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0;background:#1b1412;padding:8px 16px}.example-preview-file{color:#fff;opacity:.75}.example-preview-buttons{display:flex}.example-preview-buttons-group{background:#534340;padding:2px;display:flex;align-items:center;border-radius:8px}.example-preview-buttons-group:nth-child(n+2){margin-left:16px;display:none}.example-preview-buttons-group a{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:6px;color:#d8c2bd}.example-preview-buttons-group a:hover{background:rgba(255,180,164,.1)}.example-preview-buttons-group a svg{position:relative;top:-1px;height:20px;width:20px}.example-preview-buttons-group button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border:none;outline:0;height:32px;width:80px;font-size:14px;font-weight:500;border-radius:6px;background:0 0;display:flex;align-items:center;justify-content:center}.example-preview-buttons-group button i{font-size:24px}.example-preview-buttons-group button.example-preview-button-active{background:#ffb4a4;color:#640d00}.example-preview-buttons-group button:not(.example-preview-button-active){color:#d8c2bd}.example-preview-buttons-group button:not(.example-preview-button-active):hover{background:rgba(255,180,164,.1)}.example-preview-container{display:flex}.example-preview-code{width:100%;min-width:0;flex-shrink:10}.example-preview-frame{display:none;width:320px;flex-shrink:0}@media (min-width:768px){.example-preview-buttons-group:nth-child(n+2){display:flex}.example-preview-container{border:4px solid #1b1412;border-top:none}.example-preview-code{border-right:4px solid #1b1412;height:734px}.example-preview-frame{display:block}}@media (min-width:1024px){.example-preview-frame{width:375px}}.example-preview-frame iframe{width:100%;height:100%;overflow:hidden;background:#1b1412;border:none}.example-preview pre{overflow:auto!important;margin:0;height:100%}.example-preview pre,.example-preview pre code{border-radius:0!important}.fade-enter-active{animation:fade .25s}.fade-leave-active{animation:fade .25s reverse}@keyframes fade{0%{opacity:0}to{opacity:100%}}.description .terminal,body{color:var(--botterfly-theme-text-color)}body{background:var(--botterfly-theme-bg-color)}a{color:var(--botterfly-theme-link-color)}a.text-link{font-weight:700}.description .buttons a:hover{background:var(--botterfly-theme-secondary-bg-color)}nav{background:var(--botterfly-theme-bg-color)}body .air-datepicker-nav--title{color:var(--botterfly-theme-text-color)}#app .air-datepicker.-is-mobile-,body .air-datepicker{color:var(--botterfly-theme-text-color);--adp-nav-color-secondary:var(--botterfly-theme-hint-color);--adp-background-color:var(--botterfly-theme-secondary-bg-color);--adp-background-color-hover:var(--botterfly-theme-secondary-bg-color);--adp-day-name-color:var(--botterfly-theme-accent-text-color);--adp-day-name-color-hover:var(--botterfly-theme-destructive-text-color)}body .el-input__wrapper{--el-input-text-color:var(--botterfly-theme-text-color);--el-input-placeholder-color:var(--botterfly-theme-hint-color)}#app .el-dialog{--el-dialog-bg-color:var(--botterfly-theme-bg-color)}#app .el-dialog__title{color:var(--botterfly-theme-section-header-text-color)}#app .el-input__wrapper{background-color:var(--botterfly-theme-secondary-bg-color)}#app .el-form-item__label{color:var(--botterfly-theme-text-color)}body .air-datepicker{--adp-background-color-active:var(--botterfly-theme-bg-color);--adp-background-color-in-range:var(--botterfly-theme-section-bg-color);--adp-background-color-in-range-focused:rgba(var(--botterfly-theme-section-bg-color),.2);--adp-background-color-selected-other-month-focused:var(--botterfly-theme-secondary-bg-color);--adp-background-color-selected-other-month:var(--botterfly-theme-header-bg-color);--adp-color:var(--botterfly-theme-text-color);--adp-color-secondary:#9c9c9c;--adp-accent-color:var(--botterfly-theme-section-header-text-color);--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:var(--botterfly-theme-hint-color);--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-color-inline:#d7d7d7;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-day-period-color:var(--adp-color-secondary)}body .el-button{--el-button-text-color:var(--botterfly-theme-destructive-text-color);--el-button-bg-color:var(--botterfly-theme-section-bg-color);--el-button-border-color:var(--botterfly-theme-secondary-bg-color);--el-button-hover-bg-color:var(--botterfly-theme-section-bg-color);--el-button-hover-text-color:var(--botterfly-theme-destructive-text-color)}body .el-button--primary{--el-button-text-color:var(--botterfly-theme-button-text-color);--el-button-bg-color:var(--botterfly-theme-button-color);--el-button-border-color:var(--botterfly-theme-secondary-bg-color);--el-button-hover-bg-color:var(--botterfly-theme-button-color);--el-button-hover-text-color:var(--botterfly-theme-button-text-color)}#app .el-button.is-disabled,#app .el-button.is-disabled:hover{background-color:var(--botterfly-theme-button-color);filter:brightness(.5);color:var(--botterfly-theme-button-text-color)}#app .el-dialog__body{color:var(--botterfly-theme-text-color)}.fullwidth{width:100%}body .el-button{font-size:16px;height:50px}.button-wrapper+.button-wrapper{display:flex;margin-top:10px}.el-message{background-color:var(--botterfly-theme-text-color);border-color:var(--botterfly-theme-button-color)}.el-message .el-icon.el-message-icon--success,.el-message .el-message__content{color:var(--botterfly-theme-bg-color)}#app .el-form--inline .el-form-item{margin-right:0}body .el-message.is-plain{background-color:var(--botterfly-theme-text-color);border-color:var(--botterfly-theme-bg-color)}body .el-message--success .el-message__content{color:var(--botterfly-theme-bg-color)}body .air-datepicker-body--day-name{color:var(--botterfly-theme-text-color)}.air-datepicker-cell.-day-.-other-month-,body .air-datepicker-cell.-year-.-other-decade-{filter:brightness(.4)}