@font-face{font-family:'Framework7 Icons';font-style:normal;font-weight:400;src:url(../fonts/Framework7Icons-Regular.woff2) format('woff2'),url(../fonts/Framework7Icons-Regular.woff) format('woff'),url(../fonts/Framework7Icons-Regular.ttf) format('truetype');font-display:block}.f7-icons,.framework7-icons{font-family:'Framework7 Icons';font-weight:400;font-style:normal;font-size:28px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga=1';-moz-font-feature-settings:'liga';font-feature-settings:'liga';text-align:center}/*! 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;color:#ffb4a4;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{-moz-box-sizing:content-box;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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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}td,th{padding:0}body{font-family:Inter,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;color:#ede0dd;margin:0;padding:0;position:relative;line-height:1.75;background:#201a19;-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;line-height:1.4;margin:1.25em 0 1em}.h4,h4{font-size:20px;margin:1.2em 0 1em;line-height:1.4}.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:0px}.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(100% / 3 - 10px)}}@media (max-width:400px){.f7-demo-icons .f7-demo-icon-cell{width:calc(100% / 2 - 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:rgba(255,255,255,.7);line-height:1.3;background:#3b2c2a;border:1px solid #534340;border-radius:12px;z-index:100;animation:2s f7-demo-icons-toast}.f7-demo-icons-toast b{color:#fff}@keyframes f7-demo-icons-toast{0%,100%{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:calc(16px / 5);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;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}nav{position:sticky;top:0;height:64px;background:#322624;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;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;appearance:none;outline:0;box-shadow:none}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:rgba(255,255,255,.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}}.DocSearch-Container{z-index:3000}.paneflow-banner,.sale-ribbon,.toggles-ribbon{display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px;padding:8px 16px;min-height:48px;background:#322624;border-bottom:1px solid #201a19;box-sizing:border-box;font-weight:600}.paneflow-banner a:hover,.sale-ribbon a:hover,.toggles-ribbon a:hover{text-decoration:none;opacity:.75}.paneflow-banner span,.sale-ribbon span,.toggles-ribbon span{text-decoration:underline}.paneflow-banner span::before,.sale-ribbon span::before,.toggles-ribbon span::before{content:' '}.paneflow-banner{background-color:#121212;border-bottom:1px solid rgba(255,255,255,.15)}.paneflow-banner a{color:#c27fff;display:flex;align-items:center;justify-content:center;gap:8px}.paneflow-banner img{width:40px;height:40px}header{font-size:14px;line-height:1.5}.home-header{box-sizing:border-box;position:relative;z-index:1}.home-header-canvas{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:-1}.home-header-canvas::after{pointer-events:none;content:'';position:absolute;left:0;bottom:0;width:100%;height:25%;background-image:linear-gradient(to top,#201a19,rgba(0,0,0,0))}.home-header canvas{position:absolute;left:0;top:0;width:100%;height:100%}.home-header>.center{padding-top:24px;padding-bottom:24px;height:100%;position:relative;display:flex;justify-content:space-between;align-items:center}.home-header .logo-title svg{width:400px;height:auto;max-width:100%}.home-header .slogan{font-size:44px;margin:24px 0;font-weight:700;line-height:1.2;text-align:right}.home-header .content{float:left;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex-shrink:10;width:50%;height:100%;max-width:560px}.home-header .links-info{text-align:right;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:16px;border-radius:16px;border:1px solid #534340;margin-top:24px}.home-header .buttons{text-align:right}.home-header .buttons 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;min-width:200px}.home-header .buttons a:hover{background:#ff8a71}.home-header .buttons a i{font-size:34px;width:34px;height:34px;margin-right:5px;position:relative;overflow:hidden}.home-header .links{margin:0px 0 12px}.home-header .links a{border:none;border-radius:50px;padding:0;display:inline-block;text-decoration:none;transition:.2s;text-align:center;font-weight:500;font-size:16px;color:#ffb4a4}.home-header .links a+a{margin-left:12px}.home-header .links a:hover{text-decoration:underline}.home-header .phone-wrap{width:50%}.home-header .phone-button,.home-header h2{display:none}.home-header .phone{flex-shrink:0;width:399px;height:814px;padding:12px;border-radius:54px;background:#3b2c2a;align-self:center;position:relative;box-sizing:border-box;margin-left:64px;border:1px solid #534340}.home-header .phone::after{content:'';width:120px;height:4px;background:#999;border-radius:999px;position:absolute;left:50%;transform:translateX(-50%);bottom:27px;z-index:100}.home-header .phone.ios::before{content:'';position:absolute;width:80px;height:24px;left:50%;transform:translateX(-50%);top:22px;background:#000;z-index:100;pointer-events:none;border-radius:999px}.home-header .phone.md::before{content:'';position:absolute;width:24px;height:24px;left:50%;transform:translateX(-50%);top:22px;background:#000;z-index:100;pointer-events:none;border-radius:999px}.home-header .phone .iframe-wrapper{position:relative;border-radius:38px;overflow:hidden;height:100%}.home-header .phone iframe{height:100%;display:block;width:100%;border-radius:20px}.home-header .phone .theme-switch{position:absolute;right:100%;top:70px;white-space:nowrap;background:#534340;border-radius:5px 0 0 5px;padding:3px}.home-header .phone .theme-switch i{font-size:22px;width:22px;height:22px;display:block}.home-header .phone .theme-switch a{text-align:center;text-decoration:none;color:#d8c2bd;padding:5px;display:block;font-size:12px;position:relative;font-weight:700;border-radius:4px}.home-header .phone .theme-switch a+a{margin-top:4px}.home-header .phone .theme-switch a span{display:block}.home-header .phone .theme-switch a:hover{background:rgba(255,180,164,.1)}.home-header .phone .theme-switch a.active{background:#ffb4a4;color:#640d00;z-index:10}.home-header .phone .theme-switch a.active:hover .theme-icon{opacity:0}.home-header .phone .theme-switch a.active:hover .fullscreen{opacity:1}.home-header .phone .theme-switch .fullscreen{position:absolute;right:0;top:0;width:100%;height:100%;font-size:10px;line-height:1;opacity:0;display:flex;align-content:center;align-items:center;justify-content:center;box-sizing:border-box}.home-header .release-info{font-size:12px;font-family:'Roboto Mono','Source Code Pro',Menlo,Monaco,Consolas,'Courier New',monospace}.home-header .release-info a{color:inherit;text-decoration:none}.home-header .release-info a:hover{text-decoration:underline}.home-header .patreon-github{display:flex;align-items:center;margin-top:10px;flex-wrap:nowrap;justify-content:flex-end}.home-header .github-buttons{margin-right:20px;display:flex;font-size:12px;align-items:center;line-height:20px;height:20px;text-decoration:none;position:relative;top:-1px;border-bottom:1px solid transparent}.home-header .github-buttons:hover{border-bottom:1px solid currentColor}.home-header .github-buttons>span{margin-left:8px;position:relative;top:1px}.home-header .github-buttons span span{font-size:14px}.home-header .github-buttons,.home-header .patreon-button{flex-shrink:0}.home-header .patreon-button{border-bottom:1px solid transparent}.home-header .patreon-button:hover{text-decoration:none;border-bottom:1px solid currentColor}@media (max-width:980px){.home-header-canvas{height:50%}.home-header .patreon-github{flex-wrap:wrap;justify-content:center}.home-header .links-info{text-align:center;border:1px solid #534340}.home-header .center{flex-direction:column;align-items:center}.home-header .content{width:100%;align-items:center;max-width:none}.home-header .buttons{text-align:center}.home-header .slogan{text-align:center;margin:32px 0}.home-header .phone-wrap{width:auto;margin-left:0;padding-top:48px}.home-header h2{display:block;font-size:48px;font-weight:700;text-align:center;margin-bottom:.9em;margin-top:.2em}.home-header .phone{margin-left:0}}@media (max-width:768px){.home-header .logo-title{text-align:center;max-width:500px}.home-header .logo-title svg{max-width:100%}.home-header .patreon-github{flex-wrap:wrap;justify-content:center}.home-header .github-buttons,.home-header .patreon-button{margin-left:12px;margin-right:12px}}@media (max-width:600px){.home-header h2{font-size:38px}}@media (max-width:480px){.home-header-canvas{height:75%}.home-header .logo-title{max-width:320px}.home-header .phone-button{display:flex;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;width:100%}.home-header .phone-button:hover{background:#ff8a71}.home-header .phone-button i{font-size:34px;width:34px;height:34px;margin-left:4px;position:relative;overflow:hidden}.home-header .slogan{font-size:38px}.home-header .links-info{text-align:center}.home-header .links{margin-bottom:8px}.home-header .links a{font-size:14px}.home-header .patreon-github{width:100%;display:none}.home-header .phone{display:none!important}}.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% - 40px - 40px);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){.home-ecosystem .links{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-ecosystem a{border-radius:16px;box-sizing:border-box;border:1px solid #534340;padding:16px}.home-ecosystem a:hover{text-decoration:none;background:#2b2220}.home-ecosystem .link-title{font-size:18px;margin-bottom:8px;line-height:1.25}.home-ecosystem .link-text{color:#ede0dd;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-get-started .terminal{max-width:100%;width:600px;background:#322624;color:#fff;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}.home-get-started .terminal span{user-select:none;opacity:.5}.home-get-started .buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-get-started .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}.home-get-started .buttons a:hover{text-decoration:none;background:#2b2220;transform:scale(1.025)}.home-get-started .buttons a img{width:64px;height:64px;object-fit:contain;max-width:100%;margin-bottom:16px}.home-get-started .buttons a>div{display:flex;flex-direction:column}.home-get-started .buttons a span{margin-top:12px;font-weight:400;color:#ede0dd;font-size:14px}.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;object-fit:cover;border-radius:16px;border:1px solid #534340}.home-projects .text{display:flex;flex-direction:column;gap:16px}@media (min-width:600px){.home-projects .text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:800px){.home-projects .text{gap:32px;grid-template-columns:repeat(4,minmax(0,1fr))}}.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 span{font-size:.75em;font-weight:400}.home-projects img{width:128px;margin-bottom:24px}@media (max-width:600px){.home-projects a{flex-direction:row;text-align:left}.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%;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:0px 0px 0px 1px #f1b7e7}.home-sponsors .sponsor-badge.sponsor-badge-gold{background:linear-gradient(to right bottom,#fffc2c 50%,#e1e206 50%);box-shadow:0px 0px 0px 1px #e1e206}.home-sponsors .sponsor-badge.sponsor-badge-silver{background:linear-gradient(to right bottom,#eee 50%,#dadada 50%);box-shadow:0px 0px 0px 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}.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}}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:calc(1400px - 40px - 40px - 256px)}}.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 0px;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{font-family:'Roboto Mono','Source Code Pro',Menlo,Monaco,Consolas,'Courier New',monospace;color:#e7bdb4;font-weight:500}ul.method-parameters .parameter-type{font-family:'Roboto Mono','Source Code Pro',Menlo,Monaco,Consolas,'Courier New',monospace;color:#74d1ff;font-weight:500}.method-returns{list-style:none}.docs-index{padding:0;list-style:none;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%;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;object-fit:contain;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(5,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}.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 - 64px - 24px);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% - 160px - 24px);padding-right:calc(50% - 160px - 24px);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;margin-left:-16px;width:calc(100% + 32px);box-sizing:border-box}.motion-docs-page-title [motion]{margin-left:-16px;width:calc(100% + 32px);box-sizing:border-box;border-radius:0;border-left:none;border-right:none}}#TA_AD_CONTAINER{margin-left:-20px;margin-right:-20px}@media (min-height:640px){#TA_AD_CONTAINER{position:sticky;bottom:0}}@media (min-width:961px){#TA_AD_CONTAINER{margin-left:-24px;margin-right:-8px}}@media (max-width:960px) and (min-height:640px){#TA_AD_CONTAINER{bottom:20px}}: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}.apps{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.apps .app{position:relative;min-width:0}.apps .app-icon{text-align:center;width:200px;height:200px;cursor:pointer;box-shadow:0px 10px 30px rgba(0,0,0,.1);border-radius:44px;position:relative;display:block;text-decoration:none}.apps .app-icon img{max-width:100%;border-radius:inherit}.apps .app-icon .img{height:100%;width:100%;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:10px;font-size:22px;border-radius:inherit;line-height:1.1;font-weight:700}.apps .app-icon:hover{opacity:.75}.apps .app-icon,.apps .app-icon:after,.apps .app-info{transition:transform .4s,box-shadow .4s}.apps .app-info{margin-top:16px}.apps .app-author{font-size:12px}.apps .app-title{font-weight:700;font-size:20px;margin-bottom:0;margin-top:0px;line-height:1.2}.apps .app-description{margin-top:12px;font-size:14px;line-height:1.5}.apps .app-badges{position:absolute;right:8px;top:4px;text-align:right;display:flex;align-items:center;line-height:1}.apps .app-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}.apps .app-badges span+span{margin-left:5px}.apps .app-buttons{z-index:10;margin-top:16px}.apps .app-buttons a{background:#ffb4a4;color:#640d00;border-radius:10em;display:inline-block;transition:.2s;text-decoration:none;padding:0 12px;font-size:14px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.apps .app-buttons a:hover{background:#ff8a71}.apps .app-buttons a+a{margin-left:4px}.apps.uiinitiative-apps .app-title{line-height:inherit}.apps.uiinitiative-apps .app-subtitle{font-size:14px}.apps.uiinitiative-apps .app-cover{display:block}.apps.uiinitiative-apps .app-cover:hover{opacity:.75}.apps.uiinitiative-apps .app-cover img{display:block;border-radius:12px}@media (max-width:1023px){.apps{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.docs-demo-device{right:10px}.apps .app-icon{width:150px;height:150px;border-radius:35px}.apps .app-title{font-size:18px}.apps.uiinitiative-apps{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.apps .app-buttons{flex-direction:column}.apps .app-buttons a+a{margin-left:0;margin-top:4px}.apps .app-icon{width:100%;height:0;padding-bottom:100%}.apps .app-icon img{display:block}.apps .app-icon .img{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px}}@media (max-width:400px){.apps{grid-template-columns:repeat(2,1fr)}.apps .app-icon{border-radius:8vw}.apps.uiinitiative-apps{grid-template-columns:repeat(1,1fr)}}.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-height:1.25;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;overflow:hidden;text-overflow:ellipsis}.showcase-apps .app-author{font-size:12px;margin-top:4px;opacity:.75;line-height:1.25;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis}.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:0px 30px 60px rgba(0,0,0,.4);animation:.2s forwards showcase-app-preview-in}.showcase-app-preview .app-about{font-size:14px}.showcase-app-preview .showcase-app-preview-close{position:absolute;width:40px;height:40px;cursor:pointer;right:0px;top:0px;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:calc(600px / 4);text-align:center}.showcase-app-preview .app-links .button:hover{background:#ff8a71}.showcase-app-preview .amazon-button,.showcase-app-preview .appstore-button,.showcase-app-preview .chrome-button,.showcase-app-preview .firefox-button,.showcase-app-preview .googleplay-button{width:calc(600px / 4);height:calc(180px / 4);display:inline-block;-webkit-background-size:100% auto;-moz-background-size:100% auto;background-size:100% auto}.showcase-app-preview .appstore-button{background-image:url(../i/appstore-button.png)}.showcase-app-preview .firefox-button{background-image:url(../i/firefox-button.png)}.showcase-app-preview .amazon-button{background-image:url(../i/amazon-button.png)}.showcase-app-preview .googleplay-button{background-image:url(../i/googleplay-button.png)}.showcase-app-preview .chrome-button{background-image:url(../i/chrome-button.png);height:42px}.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{from{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{justify-content:center;display:flex;flex-wrap:wrap}.sponsors .sponsor{text-align:center;font-size:0;margin:4px;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center}.sponsors .sponsor img{width:100%;height:100%;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{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;border-radius:0!important;height:100%}.example-preview pre code{border-radius:0!important}.constructor{perspective:1200px;width:320px;flex-shrink:0}.constructor *{animation-timing-function:cubic-bezier(0,1,.2,1)!important}.constructor .constructor-container{transform:rotateX(45deg) rotateZ(-30deg);position:relative;width:100%;padding-bottom:180%;transform-style:preserve-3d;margin:0 auto;animation:1s 7.4s forwards constructor-flip;animation-timing-function:ease-in-out!important}.constructor .constructor-frame{left:-8px;right:-8px;top:-8px;bottom:-8px;position:absolute;border-radius:24px}.constructor .constructor-frame+.constructor-frame{transform:translate3d(0,0,-16px)}.constructor .constructor-navbar{width:100%;height:11%;background:#4e3b38;position:absolute;left:0;top:0;backface-visibility:hidden;opacity:0;animation:1s 1s forwards constructor-drop-element-1;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:center}.constructor .constructor-navbar>span{height:25%;background:#e7bdb6;width:34%;opacity:0;transform-origin:left;animation:1s 4s forwards constructor-text-element}.constructor .constructor-toolbar{width:100%;height:11%;background:#4e3b38;position:absolute;left:0;bottom:0;transform:translate3d(0,0,100px);opacity:0;animation:1s 1.5s forwards constructor-drop-element-1;border-radius:0 0 16px 16px;display:flex;justify-content:space-around;align-items:center}.constructor .constructor-toolbar>span{width:7.5%;height:37.5%;background:#e7bdb6;border-radius:4px;opacity:0}.constructor .constructor-toolbar>span:nth-child(1){animation:1s 6s forwards constructor-pop-element}.constructor .constructor-toolbar>span:nth-child(2){animation:1s 6.2s forwards constructor-pop-element}.constructor .constructor-toolbar>span:nth-child(3){animation:1s 6.4s forwards constructor-pop-element}.constructor .constructor-canvas{width:100%;height:100%;background:#2b2220;animation:1s forwards constructor-canvas-1;border-radius:16px;position:absolute;left:0;top:0}.constructor.constructor-no-in .constructor-canvas{animation:none}.constructor .constructor-card{position:absolute;left:5%;right:5%;top:calc(12% + 2%);height:34.4%;border-radius:16px;background:#3b2c2a;transform-style:preserve-3d;opacity:0;animation:1s 2s forwards constructor-drop-element-1;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;box-sizing:border-box;padding:5%}.constructor .constructor-card-avatar{margin-right:7%;width:25.5%;height:38%;border-radius:999px;background:#e7bdb6;flex-shrink:0;opacity:0;animation:1s 4.2s forwards constructor-pop-element}.constructor .constructor-card-text{width:calc(100% - 25.5% - 8%);height:36%}.constructor .constructor-card-text div{height:27%;border-radius:0px;background:#e7bdb6;transform-origin:left;opacity:0;animation:1s 4.4s forwards constructor-text-element}.constructor .constructor-card-text div+div{margin-top:4%;width:86%;animation:1s 4.6s forwards constructor-text-element}.constructor .constructor-card-text div+div+div{width:93%;animation:1s 4.8s forwards constructor-text-element}.constructor .constructor-card-buttons{display:flex;width:100%;height:30%}.constructor .constructor-card-buttons div{width:100%;min-width:0;background:#5d3f3b;border-radius:9999px;height:100%;opacity:0;animation:1s 5s forwards constructor-pop-element;flex-shrink:1}.constructor .constructor-card-buttons div+div{margin-left:5%;background:#ffb4a8;animation:1s 5.2s forwards constructor-pop-element}.constructor .constructor-list{position:absolute;transform-style:preserve-3d;left:5%;right:5%;top:calc(51%);height:35.5%}.constructor .constructor-list>div{height:23.5%;background:#3b2c2a;opacity:0;display:flex;padding:0 6.5%;align-items:center}.constructor .constructor-list>div:nth-child(1){animation:1s 2.5s forwards constructor-drop-element-1;transform:translate3d(0,0,100px)}.constructor .constructor-list>div:nth-child(1) div{animation:1s 5.1s forwards constructor-pop-element}.constructor .constructor-list>div:nth-child(1) span{animation:1s 5.2s forwards constructor-text-element}.constructor .constructor-list>div:nth-child(2){animation:1s 2.75s forwards constructor-drop-element-1;transform:translate3d(0,0,120px)}.constructor .constructor-list>div:nth-child(2) div{animation:1s 5.3s forwards constructor-pop-element}.constructor .constructor-list>div:nth-child(2) span{animation:1s 5.4s forwards constructor-text-element;width:74%}.constructor .constructor-list>div:nth-child(3){transform:translate3d(0,0,140px);animation:1s 3s forwards constructor-drop-element-1}.constructor .constructor-list>div:nth-child(3) div{animation:1s 5.5s forwards constructor-pop-element}.constructor .constructor-list>div:nth-child(3) span{animation:1s 5.6s forwards constructor-text-element;width:91%}.constructor .constructor-list>div:nth-child(4){transform:translate3d(0,0,160px);animation:1s 3.25s forwards constructor-drop-element-1}.constructor .constructor-list>div:nth-child(4) div{animation:1s 5.7s forwards constructor-pop-element}.constructor .constructor-list>div:nth-child(4) span{animation:1s 5.8s forwards constructor-text-element;width:45%}.constructor .constructor-list>div:first-child{border-radius:16px 16px 0 0}.constructor .constructor-list>div:last-child{border-radius:0 0 16px 16px}.constructor .constructor-list>div+div{margin-top:1.4%}.constructor .constructor-list>div>div{width:10%;height:50%;background:#e7bdb6;border-radius:999px;flex-shrink:0;margin-right:6%;opacity:0}.constructor .constructor-list>div>span{height:33%;width:100%;background:#e7bdb6;opacity:0;transform-origin:left}@keyframes constructor-flip{from{transform:rotateX(45deg) rotateZ(-30deg) rotateY(0deg)}to{transform:rotateX(45deg) rotateZ(-30deg) rotateY(180deg)}}@keyframes constructor-canvas-1{from{opacity:0;transform:translate3d(-600px,0,0)}to{opacity:1;transform:translate3d(0px,0,0)}}@keyframes constructor-drop-element-1{from{opacity:0;transform:translate3d(0,0,200px)}to{opacity:1;transform:translate3d(0,0,.1px)}}@keyframes constructor-drop-element-2{from{opacity:0;transform:translate3d(0,0,200px)}to{opacity:1;transform:translate3d(0,0,8px)}}@keyframes constructor-pop-element{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes constructor-text-element{from{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}footer{border-top:1px solid #534340;position:relative;z-index:100;font-size:14px;line-height:1.5}footer .center{padding-top:40px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}footer .links{display:flex;justify-content:space-between}footer .links a{color:inherit}footer .links-block{text-align:left;margin-right:30px}footer .links-block ul{list-style:none;margin:0;padding:0}footer .links-block li{margin:10px 0}footer .links-block li:last-child{margin-bottom:0}footer .links-block-title{font-size:16px;font-weight:700}footer .footer-sponsors{text-align:right;max-width:230px}footer .footer-sponsors-title{font-size:16px;margin-bottom:5px;font-weight:700}footer .custom-sponsors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}footer .custom-sponsors a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;padding:4px;background:#fff;border-radius:4px}footer .custom-sponsors a img{max-width:100%;max-height:100%}footer .copy{padding:30px 0;font-size:14px;display:flex;justify-content:space-between;align-items:flex-start;width:100%;overflow:hidden}footer .copy .clearfix{display:none}footer .copy p{margin:5px 0}footer .copy p:first-child{margin-top:0}footer .copy p:last-child{margin-bottom:0}footer .copy-left{float:left}footer .copy-right{float:right;text-align:right;flex-shrink:0}footer img.keycdn-logo{height:20px;width:auto;vertical-align:middle;position:relative;top:-1px}@media (max-width:700px){footer .links{flex-direction:column}footer .links-block{order:1;margin-top:30px}footer .footer-sponsors{order:0;text-align:left;max-width:none}footer .custom-sponsors{grid-template-columns:repeat(4,minmax(0,1fr))}footer .copy{flex-direction:column}footer .copy-left{float:none;margin-bottom:30px}footer .copy-right{float:none;text-align:left}}