@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW9.ttf) format('truetype')}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_7Pq_ROW9.ttf) format('truetype')}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_Of2_ROW9.ttf) format('truetype')}@font-face{font-display:fallback;font-family:Sailec;font-weight:400;src:url(../fonts/Sailec-Regular.woff2) format("woff2"),url(../fonts/Sailec-Regular.woff) format("woff")}@font-face{font-display:fallback;font-family:Sailec;font-weight:500;src:url(../fonts/Sailec-Medium.woff2) format("woff2"),url(../fonts/Sailec-Medium.woff) format("woff")}@font-face{font-display:fallback;font-family:Sailec;font-weight:700;src:url(../fonts/Sailec-Bold.woff2) format("woff2"),url(../fonts/Sailec-Bold.woff) format("woff")}@font-face{font-display:fallback;font-family:Sailec;font-weight:800;src:url(../fonts/Sailec-Black.woff2) format("woff2"),url(../fonts/Sailec-Black.woff) format("woff")}@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:#ee350f;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:Sailec,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;color:#000;margin:0;padding:0;position:relative;line-height:1.75;background:#fff;-webkit-font-smoothing:antialiased}@media (max-width:600px){body{line-height:1.6}}.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}.contribute-cols h2{text-align:center}}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:1em 0 .5em}.h3,h3{font-size:26px;line-height:1.4;margin:1em 0}.h4,h4{font-size:20px;margin:1em 0;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:33.33333333%}.github-buttons{font-size:0;line-height:18px;color:rgba(0,0,0,.7)}.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:5px 10px 5px 15px;background:#fde9e5;color:#000;border-left:4px solid #ee350f;transition-duration:.4s;position:relative}.important-note ul{margin:0;padding-left:20px}.carbon,.header-sponsor{width:300px;font-size:13px;line-height:1.4;padding:8px 10px;overflow:hidden;border-radius:3px;margin-top:0px;border:1px solid rgba(0,0,0,.2);min-height:103px}.carbon a,.header-sponsor a{color:#333;display:block;text-decoration:none}.carbon img,.header-sponsor img{display:block;width:130px;height:100px}.carbon .carbon-img,.carbon .header-sponsor-image,.header-sponsor .carbon-img,.header-sponsor .header-sponsor-image{display:block;float:left}.carbon .carbon-text,.carbon .header-sponsor-text,.header-sponsor .carbon-text,.header-sponsor .header-sponsor-text{margin-top:3px;margin-left:140px}.carbon .header-sponsor-text,.header-sponsor .header-sponsor-text{line-height:1.35}.carbon .carbon-poweredby,.carbon .header-sponsor-label,.header-sponsor .carbon-poweredby,.header-sponsor .header-sponsor-label{opacity:.8;font-size:12px;margin-top:10px;margin-left:140px}.carbon .header-sponsor-label,.header-sponsor .header-sponsor-label{display:block;margin-top:0;font-size:10px;opacity:.5}.carbon-placeholder{text-align:left;padding-top:30px}#carbonads+.carbon-placeholder{display:none}.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;left:15px;bottom:15px;width:auto;max-width:calc(100% - 30px);padding:10px;box-sizing:border-box;font-size:12px;font-weight:50;color:rgba(255,255,255,.7);line-height:1.3;background:#222;border-radius:6px;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;border-radius:11px;font-weight:500}.patreon-button:hover .patreon-text{text-decoration:underline}.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:#052d49}.patreon-button .patreon-logo:after{width:12px;height:12px;position:absolute;background:#ee350f;border-radius:10px;content:'';right:0;top:0}.patreon-button .patreon-text{font-size:14px;display:inline-block;vertical-align:middle;line-height:1;margin-left:5px}@media (min-width:801px){.contribute-cols{display:flex;max-width:1024px;margin-left:auto;margin-right:auto}.contribute-col{width:50%;box-sizing:border-box}.contribute-col:first-child{margin-right:40px}}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}header{background:#fff;font-size:14px;line-height:1.5}.home-header{height:700px;box-sizing:border-box;position:relative;color:#000;z-index:1;background:#fff}.home-header .mobile-preview-button{display:none}.home-header>.center{padding-top:20px;padding-bottom:20px;height:100%;position:relative;display:flex;justify-content:space-between;align-items:flex-start}.home-header .logo-title{margin-bottom:auto}.home-header .logo-title svg{width:400px;height:auto;max-width:107%;margin-top:-2%;margin-bottom:-6.5%;margin-right:-4%}.home-header .slogan{font-size:44px;margin:20px 0;font-weight:700;line-height:1.2}.home-header .content{float:left;position:relative;display:flex;flex-direction:column;justify-content:flex-start;flex-shrink:10;width:60%;height:100%}.home-header .buttons-links{align-self:flex-start;width:100%}.home-header .buttons a{background:#ee350f;color:#fff;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 30px;box-shadow:0px 10px 20px rgba(238,53,15,.3);min-width:200px}.home-header .buttons a:hover{box-shadow:0px 10px 20px rgba(238,53,15,.5)}.home-header .buttons a:active{box-shadow:0px 5px 10px rgba(238,53,15,.2)}.home-header .buttons a i{font-size:34px;width:1em;height:1em;margin-right:5px}.home-header .links{margin:20px 0}.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}.home-header .links a+a{margin-left:15px}.home-header .links a:hover{text-decoration:underline}.home-header .phone{flex-shrink:0;box-shadow:0px 0px 20px 10px rgba(0,0,0,.2);width:385px;height:680px;padding:5px;border-radius:25px;background:#000;align-self:center;margin-left:60px;position:relative;margin-right:-10px;box-sizing:border-box}.home-header .phone .iframe-wrapper{position:relative;border-radius:20px;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:#fff;box-shadow:-8px 2px 7px rgba(0,0,0,.1);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;background:#ddd;text-decoration:none;color:#777;padding:5px;display:block;font-size:12px;position:relative;font-weight:700}.home-header .phone .theme-switch a span{display:block}.home-header .phone .theme-switch a:hover{background:#ddd;color:#555}.home-header .phone .theme-switch a:first-child{border-radius:4px 4px 0 0}.home-header .phone .theme-switch a:last-child{border-radius:0 0 4px 4px}.home-header .phone .theme-switch a.active{background:#ee350f;color:#fff;box-shadow:0px 0px 5px rgba(238,53,15,.5)}.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;margin-top:auto;color:rgba(0,0,0,.7)}.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-start}.home-header .github-buttons{margin-right:20px}.home-header .github-buttons,.home-header .patreon-button{flex-shrink:0}@media (max-width:959px){.home-header .phone{width:320px;height:600px}}@media (max-width:900px){.home-header .slogan{font-size:32px}}@media (max-width:768px){.home-header{height:auto;overflow:hidden}.home-header .release-info{text-align:center}.home-header .content{width:100%;align-items:center}.home-header .logo-title{text-align:center;max-width:500px}.home-header .logo-title svg{max-width:100%}.home-header .slogan{text-align:center;margin:40px 0;font-size:44px}.home-header .buttons-links{align-self:center;text-align:center;margin-bottom:40px}.home-header .links{text-align:center}.home-header .patreon-github{flex-wrap:wrap;justify-content:center}.home-header .github-buttons,.home-header .patreon-button{margin-left:10px;margin-right:10px;margin-top:10px}.home-header .buttons{text-align:center}.home-header .phone{position:absolute;left:calc(100vw + 50%);margin:0 0 0 15px;max-width:320px;height:calc(100% - 30px);max-height:600px;transform:translateX(-50%)}.home-header:not(.mobile-preview-enabled) .phone{box-shadow:none}.home-header:not(.mobile-preview-enabled) .phone .theme-switch{opacity:0}.home-header .mobile-preview-button{display:flex;justify-content:center;align-items:center;position:absolute;right:2px;top:40%;height:34px;margin-top:-17px;width:34px;background-color:#ee350f;color:#fff;border-radius:50%;box-shadow:0px 5px 10px rgba(238,53,15,.3);cursor:pointer}.home-header .mobile-preview-button i:first-child{position:absolute;font-size:24px;right:26px;color:#ee350f}.home-header .mobile-preview-button i{font-size:24px}.home-header .content,.home-header .mobile-preview-button,.home-header .mobile-preview-button i,.home-header .phone,.home-header .theme-switch{transition:transform .6s,box-shadow .6s,opacity .6s}.mobile-preview-enabled .content{transform:translateX(-100vw);opacity:0}.mobile-preview-enabled .phone{transform:translateX(calc(-100vw - 50%))}.mobile-preview-enabled .theme-switch{opacity:1}.mobile-preview-enabled .mobile-preview-button{transform:translateX(calc(-100vw + 40px))}.mobile-preview-enabled .mobile-preview-button i:first-child{transform:translateX(40px) rotate(180deg)}}@media (max-width:480px){.home-header .logo-title{max-width:320px}.home-header .slogan{font-size:34px}.home-header .patreon-github{width:100%}.home-header .patreon-github .github-buttons,.home-header .patreon-github .patreon-button{margin-left:0;margin-top:10px;margin-right:10px}.home-header .links{margin-bottom:0}}.internal-header{box-sizing:border-box;position:relative;z-index:500;padding-top:15px;padding-bottom:20px}.internal-header>.center{display:flex;align-items:flex-start;justify-content:flex-start;height:100%}.internal-header .logo-holder{margin-top:-10px;margin-right:30px;margin-bottom:-10px;width:160px;height:140px;flex-shrink:0}.internal-header .logo{background:url(../i/logo.svg) center/contain no-repeat #fff;display:block;width:140px;height:140px;margin-left:auto;margin-right:auto;border-radius:50%;box-sizing:border-box;box-shadow:0px 10px 20px rgba(238,53,15,.4);transition:box-shadow .6s,transform .6s}.internal-header .logo:hover{box-shadow:0px 30px 100px rgba(238,53,15,.4);transform:scale(1.05)}.internal-header .header-content{width:100%;flex-shrink:10;margin-right:10px}.internal-header .title{font-size:42px;font-weight:400;line-height:1;margin-bottom:20px}.internal-header .title img{width:230px;height:auto}.internal-header .title .version{vertical-align:super;font-size:12px;font-weight:500;display:inline}.internal-header ul.nav{list-style:none;margin:0;padding:0;display:flex;font-weight:500;font-size:15px}.internal-header ul.nav li{margin:0;position:relative}.internal-header ul.nav li:hover ul{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(-50%) translateY(0px)}.internal-header ul.nav ul{font-size:14px;opacity:0;font-weight:400;pointer-events:none;visibility:hidden;position:absolute;background:#fff;box-shadow:0px 10px 50px rgba(0,0,0,.3);z-index:500;list-style:none;margin:10px 0 0;padding:10px 20px;white-space:nowrap;border-radius:5px;left:50%;transition:.2s;transform:translateX(-50%) translateY(10px);top:100%}.internal-header ul.nav ul:before{position:absolute;bottom:100%;width:100%;height:10px;left:0;content:''}.internal-header ul.nav ul:after{content:'';width:0;height:0;bottom:100%;left:50%;transform:translateX(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;position:absolute}.internal-header ul.nav ul li.divider{height:1px;background:rgba(0,0,0,.1);margin-left:-20px;margin-right:-20px}.internal-header ul.nav ul li+li{margin-top:6px}.internal-header ul.nav ul a{color:#000;text-decoration:none}.internal-header ul.nav ul a:hover{color:#ee350f}.internal-header ul.nav>li+li{margin-left:15px}.internal-header ul.nav>li>a{color:inherit;text-decoration:none;display:block}.internal-header ul.nav>li.active>a,.internal-header ul.nav>li:hover>a{color:#ee350f}.internal-header .carbon,.internal-header .header-sponsor{margin-left:auto;position:relative;top:0;right:0;left:0;bottom:0;flex-shrink:0;border:none;background:rgba(0,0,0,.1)}.internal-header .carbon a,.internal-header .header-sponsor a{color:#000}.internal-header .patreon-github{display:flex;margin-top:20px}.internal-header .github-buttons{margin-left:20px;line-height:22px}.internal-header .github-buttons a span{font-size:12px}.bsa-cpc,.internal-header-adline{border-top:1px solid rgba(0,0,0,.1);background:#ee350f;height:30px;position:relative;z-index:100}.bsa-cpc #_default_{margin:0px auto;box-sizing:border-box;height:30px;position:relative;padding:0 40px 0 230px;max-width:1200px;font-size:14px;line-height:1.5;display:flex;align-items:center}.bsa-cpc .default-ad{display:none}.bsa-cpc ._default_{display:inline;overflow:hidden;line-height:1}.bsa-cpc ._default_>*{vertical-align:middle}.bsa-cpc a{color:#fff;text-decoration:none}.bsa-cpc a:hover{color:rgba(255,255,255,.7);text-decoration:none}.bsa-cpc .default-image{display:none}.bsa-cpc .default-title:after{content:" — "}.bsa-cpc .default-description,.bsa-cpc .default-title{display:inline}.bsa-cpc .default-title{position:relative;margin-left:0}.bsa-cpc .default-title:before{position:relative;top:-1px;padding:3px 6px;border-radius:2px;background-color:#fff;color:#ee350f;content:"Sponsor";text-transform:uppercase;font-size:10px;line-height:1;margin-right:8px;display:inline-block}.internal-header-adline{text-align:center;font-size:14px;line-height:1.3;display:flex;align-items:center;justify-content:center;padding:6px 0;height:auto}.internal-header-adline a{color:#fff}.internal-header-adline a:hover{color:rgba(255,255,255,.7);text-decoration:none}.internal-header-adline span{padding:3px 6px;border-radius:2px;background-color:#fff;color:#ee350f;text-transform:uppercase;font-size:10px;line-height:1;margin-right:8px;display:inline-block;vertical-align:middle;font-weight:500;position:relative;top:-1px}@media (max-width:960px){.internal-header .header-content{max-width:100%;min-width:0;width:auto}.internal-header .logo-holder{width:120px;height:120px}.internal-header .logo{width:120px;height:120px;margin-top:0}.internal-header .title{font-size:32px;margin-bottom:10px}.internal-header .patreon-github{margin-bottom:0;margin-top:10px}.bsa-cpc{z-index:100;position:relative}.bsa-cpc #_default_{padding-left:180px}}@media (max-width:900px){.internal-header .header-content{width:100%;margin-right:0}.internal-header .patreon-github{display:block}.internal-header .github-buttons{margin-left:0;margin-top:10px}.bsa-cpc{z-index:100;position:relative}.bsa-cpc #_default_{padding-left:20px;padding-right:20px}}@media (max-width:850px){.internal-header{padding-top:30px;padding-bottom:20px}.internal-header .logo-holder{margin-right:20px}.internal-header .github-buttons{margin-top:10px}.internal-header .logo,.internal-header .logo-holder{width:100px;height:100px}.internal-header ul.nav{font-size:14px}}@media (max-width:800px){.internal-header{padding-top:15px;padding-bottom:15px}.internal-header .logo-holder{margin-right:15px;width:40px;height:40px}.internal-header .logo{border-width:2px;width:55px;height:55px;margin-left:-10px;margin-top:0;box-shadow:0px 5px 10px rgba(238,53,15,.4)}.internal-header .title img{width:calc(100% - 50px);max-width:230px}}@media (max-width:700px) and (min-width:601px){.internal-header ul.nav{flex-wrap:wrap}.internal-header ul.nav li+li{margin-left:0}.internal-header ul.nav li{margin-right:5px}}@media (max-width:600px){.internal-header .center{flex-direction:column}.internal-header .logo-holder{margin:0 0 -40px;z-index:100}.internal-header .carbon,.internal-header .header-sponsor{margin:20px 0 0;max-width:100%;box-sizing:border-box;min-height:119px}.internal-header .title{margin-left:55px;margin-top:5px}.internal-header ul.nav{margin-left:0;margin-top:30px;margin-bottom:20px}.internal-header ul.nav>li:hover>a{background:0 0;opacity:.7}.internal-header ul.nav>li>a{padding:0}.internal-header ul.nav>li+li{margin-left:15px}.internal-header ul.nav>li:first-child ul{left:0;margin-left:0;transform:translateX(0%) translateY(10px)}.internal-header ul.nav>li:first-child ul:after{left:20px}.internal-header ul.nav>li:first-child:hover ul{transform:translateX(0%) translateY(0px)}.internal-header .patreon-button:hover{background:0 0;opacity:.7}.internal-header .patreon-button .patreon-text{font-weight:500;font-size:13px}.internal-header .github-buttons{display:none}.bsa-cpc{min-height:30px;height:auto}}.home-block{padding-top:60px;padding-bottom:60px;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}.home-block .carbon{margin-left:auto;margin-right:auto;border-color:rgba(255,255,255,.5)}.home-block .carbon a{color:#000}@media (max-width:600px){.home-block{padding-top:40px;padding-bottom:40px}.home-block h2{font-size:38px}.home-block h3{font-size:32px}.home-block .carbon{width:100%;max-width:300px;box-sizing:border-box}}.home-main h1{font-size:47px}@media (max-width:480px){.home-main h1{font-size:10vw}}.home-main{text-align:center;margin-top:0!important;font-size:18px;padding:0}.home-main .logo{width:150px;height:150px;margin-left:auto;margin-right:auto;background-image:url(../i/logo.svg);background-size:100% 100%;background-position:center;background-repeat:no-repeat}.home-main .buttons{text-align:center;margin-top:-10px;margin-bottom:-10px}.home-main .buttons a{background:#ee350f;color:#fff;text-align:center;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:44px;transition:.2s;font-weight:700;padding:0;box-shadow:0 10px 20px rgba(238,53,15,.3);height:50px;width:200px;font-size:18px;margin:5px}.home-main .buttons a:hover{box-shadow:0 10px 20px rgba(238,53,15,.5)}.home-main .buttons a:active{box-shadow:0 5px 10px rgba(238,53,15,.2)}.home-main .carbon{text-align:left;margin-top:40px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,.2)}@media (max-width:320px){.home-main .carbon{margin-left:-15px;margin-right:-15px}}body.body-docs .center{max-width:none}body.body-docs main>.center{max-width:none;display:flex}.docs-page-nav{border-top:1px solid #eee;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:#ee350f;color:#fff;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 30px;box-shadow:0px 10px 20px rgba(238,53,15,.3)}.docs-start-button a:hover{box-shadow:0px 10px 20px rgba(238,53,15,.5)}.docs-start-button a:active{box-shadow:0px 5px 10px rgba(238,53,15,.2)}.docs-mobile-preview-links{display:none}.docs-content{font-family:-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;flex-shrink:10;box-sizing:border-box;position:relative;min-width:0;width:100%}.docs-content h1{margin-top:0}.docs-content .with-device{padding-right:395px}.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}.docs-content h2[id],.docs-content h3[id]{cursor:pointer}.ios-only,.md-only{background:#f4f4f4;padding:10px;font-weight:700;line-height:1;border-left:3px solid #000}.ios-only:before,.md-only:before{width:16px;height:16px;content:'';font-family:'Framework7 Icons';display:inline-block;margin-right:6px;position:relative;vertical-align:middle;font-weight:400!important;font-size:16px;line-height:16px}.ios-only:before{content:'logo_ios'}.md-only:before{content:'logo_android'}b.ios-only,b.md-only,span.ios-only,span.md-only{display:inline-block;font-size:12px;font-weight:500;padding:3px 6px;border:1px solid rgba(0,0,0,.1);border-radius:3px}.docs-demo-device{position:absolute;right:20px;top:0;background:#500308;z-index:1000;margin-top:40px;padding:10px 8px;border-radius:20px;backface-visibility:hidden}.docs-demo-device iframe{width:375px;height:768px;border-radius:12px;position:relative;border:none;margin:0;padding:0;display:block;overflow:hidden;background:#500308}.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{position:absolute;left:50%;bottom:100%;margin-bottom:10px;font-size:0;white-space:nowrap;transform:translateX(-50%)}.docs-demo-device .docs-demo-device-buttons a{padding-top:4px;padding-bottom:4px;width:60px;background:#f3f3f3;color:#777;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:.2s;cursor:pointer;text-decoration:none}.docs-demo-device .docs-demo-device-buttons a i{font-size:18px}.docs-demo-device .docs-demo-device-buttons a:first-child{border-radius:20px 0 0 20px}.docs-demo-device .docs-demo-device-buttons a:last-child{border-radius:0 20px 20px 0}.docs-demo-device .docs-demo-device-buttons a:hover{background:rgba(238,53,15,.2)}.docs-demo-device .docs-demo-device-buttons a.active{background-color:#ee350f;color:#fff}.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:20px;margin:1em 0px;border-left:3px solid #ccc;background:#fafafa}.method-wrap+.method-wrap{margin-top:30px}.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:-10px}.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:#000;font-weight:500}p.method span,span.method span{color:#b72f20}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:#b72f20;font-weight:500}ul.method-parameters .parameter-type{font-family:'Roboto Mono','Source Code Pro',Menlo,Monaco,Consolas,"Courier New",monospace;color:#006700;font-weight:500}.method-returns{list-style:none}.docs-index{margin:1em 0 2em;padding:0;list-style:none;font-size:14px;font-weight:500;position:relative}.docs-index:empty{padding:0;border:none}.docs-index li{margin:3px 0;position:relative}.docs-index li:first-child{margin-top:0}.docs-index li:last-child{margin-bottom:0}.docs-index a{color:#000;opacity:.75}.docs-index a:hover{opacity:1}.docs-index ul{list-style:none;margin:0 0 0 20px;padding:0}.docs-index.docs-index-multicolumn{display:flex;flex-wrap:wrap;flex-direction:column}.docs-index.docs-index-multicolumn>li{width:calc(100% / 3)}.docs-nav{width:200px;box-sizing:border-box;flex-shrink:0;background:#fff;position:relative;margin:-40px 30px -40px -40px}.docs-nav .title{color:#000;margin-bottom:10px;font-weight:700;font-size:16px}.docs-nav .subtitle{text-transform:uppercase;margin-bottom:10px;font-weight:500}.docs-nav-menu{padding-left:20px;padding-top:40px;padding-bottom:40px;box-sizing:border-box;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.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{margin-bottom:20px}.docs-nav-menu .docs-nav-sponsors a:not(.patreon-button){display:flex;border:1px solid rgba(0,0,0,.1);height:48px;align-items:center;justify-content:center;padding:4px;box-sizing:border-box;margin-bottom:8px}.docs-nav-menu .docs-nav-sponsors a:not(.patreon-button) img{display:block;max-width:100%;max-height:100%}.docs-nav-menu .docs-nav-sponsors .patreon-button{border:none;height:auto;white-space:nowrap;color:#ee350f;margin-top:16px}.docs-nav-menu ul{margin:0;padding:0;line-height:1.3;list-style:none;font-size:14px;transition:.4s}.docs-nav-menu ul ul ul{margin-left:10px}.docs-nav-menu li{margin-bottom:10px;position:relative}.docs-nav-menu li.active:before{content:'';position:absolute;right:0;width:1000px;height:100%;padding:5px 0;background:#ee350f;top:50%;transform:translateY(-50%)}.docs-nav-menu a{color:#000;text-decoration:none;display:block;padding-right:10px;position:relative}.docs-nav-menu a:hover{color:#ee350f}.docs-nav-menu a.active{font-weight:500;color:#fff}.docs-nav-menu .inactive{opacity:.4}.docs-nav-menu .inactive .inactive{opacity:1}.DocSearch-Container{z-index:3000!important}.DocSearch-Button-Placeholder{display:flex!important}.docs-nav-searchbar{position:absolute;top:20px;z-index:10;left:20px;right:0px}.docs-nav-searchbar button{margin-left:0;width:100%}.docs-nav-toggle{opacity:0;position:absolute;top:0;left:100%;background:#ee350f;cursor:pointer;width:44px;height:44px;z-index:100}.docs-nav-toggle span{display:block;height:3px;width:60%;background:#fff;position:relative;border-radius:4px;top:12px;left:20%;transition:.3s}.docs-nav-toggle span+span{margin-top:4px}.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 span:first-child{transform:translate(15%,-2px) rotate(45deg)}.docs-nav-visible .docs-nav-toggle span:last-child{transform:translate(15%,1px) rotate(-45deg)}.docs-nav-visible .docs-nav-toggle span:nth-child(2){opacity:0}.improve-docs-link{float:right}.improve-docs-link a{color:#000;font-size:16px;display:block;line-height:20px;height:20px;opacity:.4;text-decoration:none;transition:.2s}.improve-docs-link a:hover{opacity:1}.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;border:1px solid #eee;width:100px;height:44px}@media (min-width:961px){main{padding-top:40px}.docs-nav-toggle{display:none}}@media (max-width:960px){.docs-nav-menu .docs-nav-sponsors{margin-right:20px}.docs-nav-searchbar{right:20px}.docs-nav{transition-duration:.3s;transition-property:transform,box-shadow;z-index:1000;margin:0;position:fixed;left:0;top:0;height:100%;transform:translateX(-100%);width:260px}.docs-nav.docs-nav-visible{transform:translateX(0%);box-shadow:20px 0 50px rgba(0,0,0,.3)}}@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{color:#fff;display:inline-flex;align-items:center;align-content:center;background:#ee350f;margin-right:10px;margin-bottom:10px;padding:4px 10px;border-radius:20px;text-decoration:none;font-weight:500}.docs-mobile-preview-links .mobile-preview-aurora:before,.docs-mobile-preview-links .mobile-preview-ios:before,.docs-mobile-preview-links .mobile-preview-md:before{font-family:'Framework7 Icons';font-size:20px;width:20px;height:20px;position:relative;margin-right:5px;line-height:20px}.docs-mobile-preview-links .mobile-preview-aurora:after,.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_ios'}.docs-mobile-preview-links .mobile-preview-md:before{content:'logo_android'}.docs-mobile-preview-links .mobile-preview-aurora:before{content:'device_desktop'}.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}: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:4px}table{border-collapse:collapse;border-spacing:0;width:100%;font-size:14px;margin:1em 0 2em}table td,table th{padding:10px 5px}table thead{text-align:left;font-size:16px}table tbody td,table tbody th{border-top:1px solid #eaeaea}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:not([colspan]),table.params-table tbody td:nth-child(2),table.params-table tbody td:nth-child(3):not(:last-child){color:#b72f20;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:#006700}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:#f6f6f6;padding-top:20px;padding-bottom:20px}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 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:#000;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:#b72f20}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:#006700}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:#f6f6f6;padding-top:20px;padding-bottom:20px}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:#000;white-space:normal;font-weight:500}table.methods-table.dom7-table tbody td:first-child:not(:last-child) span{color:#b72f20}table.methods-table code,table.params-table code{white-space:pre-wrap}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:#b72f20;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:#000;white-space:nowrap;font-weight:500}table.events-table tbody th[colspan]{text-align:left;font-size:14px;background:#f6f6f6;padding-top:20px;padding-bottom:20px}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:#000;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:#fafafa}table.double-events-table tr:nth-child(4n-4) td{border:none}@media (max-width:600px){.docs-content .with-device-inline .docs-inline-device{position:relative;right:0}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 #eaeaea}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:#333}}.apps{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:40px}.apps .app{width:25%;text-align:center;margin-bottom:50px;position:relative}.apps .app-icon{width:200px;height:200px;margin-left:auto;margin-right:auto;cursor:pointer;box-shadow:0px 10px 30px rgba(0,0,0,.1);border-radius:45px;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;font-weight:500;border-radius:inherit;line-height:1.1}.apps .app-icon:after{position:absolute;bottom:10px;font-size:12px;font-weight:700;background:rgba(0,0,0,.5);color:#fff;padding:0 10px;border-radius:2em;opacity:0;left:50%;transform:translate3d(-50%,10px,0);content:attr(data-hover-text)}.apps .app-icon:hover{box-shadow:0px 40px 80px rgba(0,0,0,.1);transform:translate3d(0,0,0) scale(1.05)}.apps .app-icon:hover~.app-info{transform:translate3d(0,10px,0)}.apps .app-icon:hover:after{opacity:1;transform:translate3d(-50%,0px,0)}.apps .app-icon,.apps .app-icon:after,.apps .app-info{transition:transform .4s,box-shadow .4s}.apps .app-info{margin-top:20px}.apps .app-title{font-weight:700;font-size:20px;margin:0px 0 0;line-height:1.2}.apps .app-description{margin-top:10px;padding:0 10px;font-size:14px;line-height:1.5}.apps .app-badges{position:absolute;right:5px;top:5px;width:100%;text-align:right}.apps .app-badges span{background:#0d9ef1;display:inline-block;text-align:center;box-sizing:border-box;min-width:24px;color:#fff;font-size:12px;font-weight:700;line-height:18px;height:18px;border-radius:9px;padding:0 5px}.apps .app-badges span+span{margin-left:5px}.apps .app-buttons{z-index:10;margin-top:10px}.apps .app-buttons a{border-radius:10em;display:inline-block;transition:.2s;background-color:#f3f3f3;color:#333;text-decoration:none;font-weight:500;padding:0 15px;margin-bottom:5px;margin-left:2px;margin-right:2px}.apps .app-buttons a:active,.apps .app-buttons a:hover{background:#ee350f;color:#fff}.apps.uiinitiative-apps .app{width:33.33%}.apps.uiinitiative-apps .app-title{line-height:inherit}.apps.uiinitiative-apps .app-subtitle{font-size:14px}.apps.uiinitiative-apps .app-cover{display:block;transition:.4s;width:calc(100% - 32px);margin:0 auto}.apps.uiinitiative-apps .app-cover:hover{transform:scale(1.05)}.apps.uiinitiative-apps .app-cover img{display:block;border-radius:12px}@media (max-width:1023px){.apps .app{width:33.33333333%}}@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 .app{width:50%}.apps.uiinitiative-apps .app .app-cover{width:calc(100% - 16px)}}@media (max-width:600px){.apps .app-icon{width:80%;max-width:150px;height:25.17vw;max-height:150px;border-radius:5vw}.apps .app-icon img{display:block}.apps .app-icon .img{font-size:16px}.apps .app-title{font-size:14px;word-break:break-word}.apps .app-author,.apps .app-description{font-size:12px}}@media (max-width:400px){.apps .app{width:50%}.apps .app-icon{border-radius:8vw;height:37vw}.apps.uiinitiative-apps .app,.apps.uiinitiative-apps .app .app-cover{width:100%}}.showcase-apps{display:flex;justify-content:flex-start;flex-wrap:wrap}.showcase-apps .app{margin-top:50px;width:25%;text-align:center}.showcase-apps .app-author,.showcase-apps .app-icon img,.showcase-apps h4{transition:.4s}.showcase-apps .app-icon{width:200px;height:200px;margin-left:auto;margin-right:auto;cursor:pointer}.showcase-apps .app-icon img{max-width:100%;box-shadow:0px 10px 30px rgba(0,0,0,.1)}.showcase-apps .app-icon.app-icon-rounded img{border-radius:45px}.showcase-apps .app-icon.app-icon-bordered img{border:1px solid rgba(0,0,0,.1)}.showcase-apps .app-icon:hover img{box-shadow:0px 40px 80px rgba(0,0,0,.1);transform:scale(1.05)}.showcase-apps .app-icon:hover~.app-info .app-author,.showcase-apps .app-icon:hover~.app-info h4{transform:translateY(10px)}.showcase-apps .app-about,.showcase-apps .app-links,.showcase-apps .app-shots,.showcase-apps .app-show-shots{display:none}.showcase-apps h4{margin-bottom:0;margin-top:20px;line-height:1.2}.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:1000;background:#fff;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 .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-icon.app-icon-bordered img{border:1px solid rgba(0,0,0,.1)}.showcase-app-preview .app-info{margin-left:230px;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.showcase-app-preview .app-links{line-height:45px}.showcase-app-preview .app-links a{vertical-align:middle;margin-right:10px;margin-bottom:10px}.showcase-app-preview .app-links .button{border-radius:10em;display:inline-block;transition:.2s;background-color:#f3f3f3;color:#333;text-decoration:none;width:150px;padding:0;text-align:center;font-weight:700}.showcase-app-preview .app-links .button:active,.showcase-app-preview .app-links .button:hover{background:#ee350f;color:#fff}.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:150px;height:45px;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-author{margin-bottom:15px}.showcase-app-preview .app-shots{background:#f3f3f3;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 a{text-decoration:none;border-bottom:1px dotted}@media (max-width:1023px){.showcase-apps .app{width:33.33333333%}}@media (max-width:800px){.showcase-apps .app-icon{width:150px;height:150px}.showcase-apps .app-icon.app-icon-rounded img{border-radius:35px}.showcase-apps h4{font-size:18px}.showcase-apps .app-author{font-size:14px}}@media (max-width:600px){.showcase-apps .app-icon{width:80%;max-width:150px;height:auto}.showcase-apps .app-icon.app-icon-rounded img{border-radius:5vw}.showcase-apps h4{font-size:14px;word-break:break-word}.showcase-apps .app-author{font-size:12px}.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 h3{margin:0}.showcase-app-preview .app-info .app-author,.showcase-app-preview .app-info h3{margin-left:100px}.showcase-app-preview .app-links{margin-top:40px}.showcase-app-preview .app-links a{margin-left:0;margin-right:5px}}@media (max-width:400px){.showcase-apps .app{width:50%}.showcase-apps .app-icon.app-icon-rounded img{border-radius:8vw}}@keyframes showcase-app-preview-in{from{opacity:.8;transform:translate3d(-50%,-45%,0)}to{opacity:1;transform:translate3d(-50%,-50%,0)}}.tutorials{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-start}.tutorial{width:calc(100% / 3 - 40px);box-sizing:border-box;padding:20px;border-radius:10px;box-shadow:0px 10px 30px rgba(0,0,0,.1);margin-bottom:40px;position:relative}.tutorial:nth-child(3n),.tutorial:nth-child(3n-1){margin-left:40px}@media (max-width:960px){.tutorial{width:calc(100% / 2 - 20px)}.tutorial:nth-child(3n),.tutorial:nth-child(3n-1){margin-left:0px}.tutorial:nth-child(2n){margin-left:40px}}@media (max-width:600px){.tutorial{width:100%}.tutorial:nth-child(2n){margin-left:0px}}.tutorial.video .tutorial-title i{color:#ee350f;font-size:20px;margin-left:4px;vertical-align:middle}.tutorial-title{font-weight:700;font-size:18px;line-height:1.3;margin:0}.tutorial-title a{color:inherit;transition-duration:.1s;display:block}.tutorial-title a:hover{color:#ee350f;text-decoration:none}.tutorial-author{display:block;margin-top:5px;font-weight:500}.tutorial-author a{opacity:.7;text-decoration:none}.tutorial-author a:hover{opacity:1}.tutorial-date{color:#555;margin-bottom:5px}.tutorial-badges{position:absolute;right:5px;top:5px;white-space:nowrap}.tutorial-badges span{background:#0d9ef1;display:inline-block;text-align:center;box-sizing:border-box;min-width:24px;color:#fff;font-size:12px;font-weight:700;line-height:18px;height:18px;border-radius:9px;padding:0 5px}.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:10px;min-width:100px}.sponsors .sponsor img{max-width:100%;max-height:100%;vertical-align:middle}.sponsors .sponsor a{display:block;width:100%;height:100%}.sponsors .sponsor-join{font-size:12px;display:flex;align-content:center;align-items:center;justify-content:center;line-height:1.2!important;font-weight:500;border-radius:4px;text-decoration:none;transition:background-color .2s;box-sizing:border-box;padding:0 5px;background:#f5f5f5}.sponsors .sponsor-join:hover{background:#eee}.sponsors-diamond .sponsor{width:calc(50% - 30px);height:100px;line-height:100px}.sponsors-platinum .sponsor{width:calc(100% / 3 - 30px);height:100px;line-height:100px}.sponsors-gold .sponsor{width:calc(25% - 25px);height:100px;line-height:100px}.sponsors-silver .sponsor{width:calc(20% - 25px);height:100px;line-height:100px}.sponsors-top .sponsor{width:calc(100% / 10 - 25px);height:80px;line-height:80px}.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:#000;display:inline-flex;word-break:break-word;padding:0px 4px;border-radius:4px;font-weight:500}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{overflow:hidden;word-wrap:break-word;white-space:pre-wrap}pre code{padding:var(--pre-code-padding);background:#253238;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 code{background:rgba(255,255,255,.8)}.important-note pre code{background:#253238}.important-note pre code,table pre code{--pre-code-padding:8px;--pre-code-border-radius:4px}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){.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}}footer{background:#fff;color:#000;border-top:10px solid #ee350f;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 a{width:220px;height:65px;text-align:center!important;line-height:65px;font-size:0!important}footer .custom-sponsors a+a{margin-top:5px}footer .custom-sponsors a img{max-width:220px;max-height:65px;display:inline-block;vertical-align:middle}footer .custom-sponsors a.border{border:1px solid rgba(0,0,0,.1)}footer .custom-sponsors a.border img{max-width:210px;max-height:55px}footer #bsap_1306028 a,footer .custom-sponsors a{text-align:left;font-size:14px;box-sizing:border-box;display:inline-block;border:none;opacity:.97;font-family:inherit;position:relative;overflow:hidden;float:none;margin:5px 0;vertical-align:top}footer #bsap_1306028 a img,footer .custom-sponsors a img{border:none;outline:0}footer #bsap_1306028 a:hover,footer .custom-sponsors a:hover{opacity:1}footer #bsap_1306028 a:not(.adhere),footer .custom-sponsors a:not(.adhere){font-size:0}footer .custom-sponsors a{margin:0}footer #bsap_1306028{font-size:0;text-align:right}footer #bsap_1306028 a.adhere{background:rgba(0,0,0,.05);text-align:center;width:220px;height:65px;font-family:inherit;line-height:63px;font-weight:400;transform:translate3d(0,0,0)}footer #bsap_1306028 a.adhere:hover{background:rgba(0,0,0,.1)}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 a{border-bottom:1px solid rgba(255,255,255,.2)}footer .copy p{margin:5px 0}footer .copy p:first-child{margin-top:0}footer .copy p:last-child{margin-bottom:0}footer a.keycdn-link{text-decoration:none;border-bottom:none;opacity:.5}footer a.keycdn-link:hover{opacity:1}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 #bsap_1306028{text-align:left}footer #bsap_1306028 a{margin:5px 5px 5px 0px}footer .copy{flex-direction:column}footer .copy-left{float:none;margin-bottom:30px}footer .copy-right{float:none;text-align:left}}