:root{--theme1:#469ea0;--theme2:#36417d;--theme2dis:#828dc9;--theme3:#4e5b95;--ft:#444;--ftxs:#666;--ftcont:#fafafa;--ftcontdis:#c7c7c7;--bkgd:#f4f2ee;--bkgdcont:#fff;--bkgdcontdis:#eee;--bkgdconttransp:#fffa;--bkgdic:var(--theme3);--bkgdbtn:var(--theme2);--bkgdbtndis:var(--theme2dis);--bdcol:#888;--bdcolxs:#aaa;--bdcolcont:var(--bkgdcont);--bdrad:1rem;--shad:#ddd;--appshad:#eee;--blue:#0f727f;--bluebkgd:#167e8c;--bluebkgdxs:#d2eef2;--green:#3a663a;--greenbkgd:#487f48;--greenbkgdxs:#b6d8b6;--greenbkgdsolid:#5a9f5a;--greenft:var(--greenbkgd);--greenftcont:#74b274;--orange:#966b2a;--orangebkgd:#a5762e;--orangebkgds:#b79661;--orangebds:#b2925e;--orangebkgdxs:#ffe5bf;--orangeft:var(--orange);--red:#a82936;--redbkgd:#bd2e3c;--redbkgds:#e49098;--redbkgdxs:#f2b5bb;--redbkgdsolid:var(--redbkgd);--redbkgdsolidcont:#c33745;--redft:var(--red);--redftcont:#d86571;--redftxl:#4e1319;--fs:1.35rem;--fss:1.2rem;--fsxs:1rem;--fsl:1.5rem;--fsxl:1.65rem}html{font-size:1.6vh}body{margin:0;&.dark{--theme1:#4ba8aa;--theme2:#4755a5;--theme3:#5d72d0;--theme3dis:#878da6;--ft:#ccc;--ftxs:#c8c8c8;--ftxxs:#eee;--ftcont:#111;--ftcontdis:#444;--bkgd:#242424;--bkgdcont:#181818;--bkgdcontdis:var(--bkgd);--bkgdconttransp:#000a;--bkgdic:var(--theme3);--bkgdbtn:#5065c3;--bkgdbtndis:var(--theme3dis);--bdcol:#8b8b8b;--bdcolxs:#9b9b9b;--bdcolcont:var(--bkgdcont);--shad:var(--bkgd);--appshad:#000;--blue:#0b335b;--bluebkgd:#113d6a;--bluebkgdxs:#99b0c7;--green:#1c311c;--greenbkgd:#2a4b2a;--greenbkgdxs:#83a583;--greenbkgdsolid:#6dac6d;--greenft:var(--greenbkgdsolid);--orange:#3c2b10;--orangebkgd:#4c3615;--orangebkgds:#bfa06e;--orangebds:#c19247;--orangebkgdxs:#c0a072;--orangeft:var(--orangebds);--red:#4e1319;--redbkgd:#62181f;--redbkgdxs:#bb868b;--redbkgdsolid:#b02b39;--redbkgdsolidcont:#ac303d;--redft:#da6773;background:#000}& *{color:var(--ft);font-family:sans-serif;font-size:var(--fs);letter-spacing:.04rem}}app{background:var(--bkgd);box-sizing:border-box;height:100vh;margin:auto;overflow:hidden;position:relative;width:49vh;html:not(.mobile) &{box-shadow:0 0 2rem var(--appshad)}}.flex{display:flex;&.dc{flex-direction:column}&.cc,&.cl{justify-content:center}&.rc{justify-content:flex-end}&.sbc{justify-content:space-between}&.cc,&.lc,&.rc,&.sbc{align-items:center}&.ls{align-items:stretch}&.ll{align-items:self-start}& .g{flex-grow:1;flex-shrink:1}& .ng{flex-grow:0;flex-shrink:0}}.hidden{display:none}.txit{font-style:italic}.txb{font-weight:700}.txle{text-align:left}.txce{text-align:center}.txri{text-align:right}.txs{font-size:var(--fss)}.txxs{font-size:var(--fsxs)}.txl{font-size:var(--fsl)}.txxl{font-size:var(--fsxl)}.txred{color:var(--redft)}.cursd{cursor:default}.cursp{cursor:pointer}.flr{float:right}input{background:var(--bkgdcont);border:.1rem solid var(--bdcol);border-radius:var(--bdrad);box-sizing:border-box;outline:none;padding:.7rem 1.5rem;&::placeholder{color:var(--ftxs);font-size:var(--fss);font-style:italic}&[type=checkbox],&[type=radio]{appearance:none;border:none;cursor:pointer;margin:0;position:relative;&:before{background:var(--bkgdcont);border:.1rem solid var(--bdcol);border-radius:.9rem;box-sizing:border-box;content:"";height:1.8rem;left:0;position:absolute;top:0;width:3.2rem}&:disabled{cursor:default;&:before{background:var(--bkgdcontdis)}&:checked:after{background:var(--bkgdbtndis)}&+label{cursor:default}}&+label{margin-left:1rem}}&[type=checkbox]{border-radius:.9rem;height:1.8rem;width:3.2rem;&:after{background:var(--bdcol);border:.1rem solid var(--bdcol);border-radius:.65rem;box-sizing:border-box;content:"";height:1.3rem;left:.25rem;position:absolute;top:.25rem;transition:left .5s ease-out;width:1.3rem}&:checked:after{background:var(--bkgdbtn);border-color:var(--bkgdbtn);left:1.65rem}}&[type=radio]{border-radius:.9rem;height:1.8rem;padding:0;width:1.8rem;&:before{border-radius:.9rem;height:1.8rem;width:1.8rem}&:checked:after{background:var(--bkgdbtn);border-color:var(--bkgdbtn);border-radius:.65rem;box-sizing:border-box;content:"";height:1.3rem;left:.25rem;position:absolute;top:.25rem;width:1.3rem}}&+.invalid{color:var(--redft);display:none;margin-top:.25rem}&:user-invalid:invalid{border-color:var(--redbkgd);&+.invalid{display:initial}}}textarea{background:var(--bkgdcont);border:.1rem solid var(--bdcol);border-radius:var(--bdrad);box-sizing:border-box;outline:none;padding:.8rem 1rem;resize:vertical;&::placeholder{color:var(--ftxs);font-size:var(--fss);font-style:italic}}select{background:var(--bkgdcont);border:.1rem solid var(--bdcol);border-radius:var(--bdrad);box-sizing:border-box;outline:none;padding:.4rem .8rem}label{cursor:pointer;&[required]:after{color:var(--red);content:"*"}.dark &[required]:after{color:var(--redftcont)}}button.btn{background:var(--bkgdbtn);border:.1rem solid var(--bkgdbtn);border-radius:var(--bdrad);color:var(--ftcont);cursor:pointer;padding:.75rem 2.5rem;.dark &{color:var(--ftxxs)}&.light{background:var(--bkgdcont);color:var(--ft)}}button.btn[disabled],form:invalid button[type=submit]{background:var(--bkgdbtndis);border:.1rem solid var(--bkgdbtndis);color:var(--ftcontdis);cursor:default}button.act,button.link{background:transparent;border:none}button.link{cursor:pointer;text-decoration:underline}a,button.link{color:var(--theme3);font-weight:700}@keyframes infiniteRotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes alert{0%{display:block;left:100%;opacity:1}6%{display:block;left:0;opacity:1}90%{display:block;left:0;opacity:1}99%{display:block;left:0;opacity:0}to{display:none;left:0;opacity:0}}app{& .loading{background:var(--bkgdcont);height:100%;left:0;position:absolute;top:0;width:100%;z-index:3;&.see-through{background:var(--bkgdconttransp)}& div{background:var(--bkgdcont);border-radius:var(--bdrad);padding:2rem;& svg{height:8rem;width:8rem;fill:var(--theme1);animation:infiniteRotation 2s linear infinite;transform-origin:center}&>span{margin-top:3rem}& .message{display:none}& .rate{border:.1rem solid var(--theme1);border-radius:.75rem;display:none;height:1.5rem;overflow:hidden;width:100%;&.on{display:flex}& span{background:var(--theme1);height:100%;width:0}}}&.custom{& .default{display:none}& .message{display:block}}}&.loaded .loading{display:none}& .alerts{bottom:5rem;display:flex;flex-direction:column-reverse;position:absolute;width:100%;z-index:2;& .alert{animation:alert 10s linear;left:100%;position:relative;&+.alert{margin-bottom:1rem}}}& .alert{border-radius:var(--bdrad);box-sizing:border-box;margin:0 1rem;padding:.8rem 1.5rem;width:calc(100% - 2rem);& svg{height:1.5rem;width:1.5rem}&.info{background:var(--bluebkgdxs);& span{color:var(--blue)}& svg{fill:var(--bluebkgd)}}&.success{background:var(--greenbkgdxs);& span{color:var(--green)}& svg{fill:var(--greenbkgd)}}&.warning{background:var(--orangebkgdxs);& span{color:var(--orange)}& svg{fill:var(--orangebkgd)}}&.error{background:var(--redbkgdxs);& span{color:var(--red)}& svg{fill:var(--redbkgd)}}}& .err{& svg{width:67%;fill:var(--bkgdic)}& p{margin:2rem auto}}&[page=account],&[page=practice],&[page=procedures],&[page=trainings],&[page=usage]{& .sync:not(.outof){display:none}& .header{background:var(--bkgdcont);height:7rem;padding:0 1.5rem;position:relative;& img{height:4rem;margin-top:1.5rem;width:4rem}& .toggle{cursor:pointer;float:right;margin-top:2.1rem;padding:0;position:relative;z-index:1;& svg{aspect-ratio:1;height:3rem;fill:var(--bkgdic);&+span{color:var(--ft);margin-top:.5rem}}}.standalone.mobile.apple &{height:5.5rem;& img{margin-top:0}& .toggle{margin-top:.6rem}}& .sync{background:var(--redbkgdsolid);border-radius:50%;position:absolute}&>button .sync{height:1.6rem;left:60%;top:-11%;width:1.6rem}& .curve{position:absolute;right:0;top:calc(100% - 1px);width:101%;z-index:0;fill:var(--bkgdcont)}.menu{background:var(--bkgdcont);box-sizing:border-box;height:calc(100vh - 100%);overflow:hidden;padding:3rem 1.5rem;position:absolute;right:0;top:100%;transition:right .5s ease-out;width:100%;z-index:2;&.away{right:-100%}& button{border:.1rem solid var(--bdcol);border-radius:var(--bdrad);margin-bottom:1.5rem;padding:.8rem 2rem;position:relative;& svg{height:1.8rem;margin-right:1.3rem;width:2.4rem;fill:var(--ft);overflow:visible;&+span{border-radius:.6rem;color:var(--ft);font-size:var(--fss);padding:.15rem .65rem;& span+span{margin-top:.2rem}}}&.current{background:var(--bkgdbtn);border-color:var(--bkgdbtn);& svg{fill:var(--bkgdcont);.dark &{fill:var(--ftxxs)}&+span,&+span span{color:var(--ftcont);.dark &{color:var(--ftxxs)}}}& .sync{background:var(--redbkgdsolidcont)}}&:not(.current){cursor:pointer}& .sync{height:1.5rem;left:1.3rem;top:.3rem;width:1.5rem}}}&+.content{height:calc(100% - 7rem);position:relative;z-index:1;.standalone.mobile.apple &{height:calc(100% - 5.5rem)}}}}&[page=practice],&[page=procedures],&[page=trainings]{& .search{margin:2.5rem 1.5rem 0;padding-bottom:1rem;position:relative;& svg{height:1.5rem;left:1.5rem;position:absolute;top:.75rem;width:1.5rem;fill:var(--ftxs)}& input{padding-left:4.5rem;width:80%;&:focus{outline:var(--bkgdcont) solid}.browsing+.content &{width:100%}}&+.list .category:first-child{margin-top:.5rem}}& .synchro{background:var(--bkgdcont);border-top-left-radius:7% 11%;border-top-right-radius:7% 11%;box-shadow:0 0 .5rem var(--shad);position:relative;z-index:1;& button{cursor:pointer;padding:.8rem 14%;position:relative;width:100%;& svg{height:2.8rem;width:2.8rem;fill:var(--bkgdic);margin-right:1rem;overflow:visible}& .sync{background:var(--redbkgdsolid);border-radius:50%;height:1.5rem;left:calc(14% - .75rem);position:absolute;top:.8rem;width:1.5rem}.standalone.mobile.apple &{padding:.8rem 14% 2.3rem}}}}& .list{overflow-y:auto;padding:0 1rem .5rem;position:relative;z-index:1;& .category{background:var(--bkgdcont);border-bottom-right-radius:1.9rem;border-top-right-radius:1.9rem;box-shadow:0 0 .5rem var(--shad);box-sizing:border-box;margin:1.5rem -1rem .8rem;padding:.75rem 2rem;position:sticky;top:0;width:calc(100% + .5rem);& svg{height:2.5rem;width:2.5rem;fill:var(--bkgdic)}& .stamp{background:var(--bkgdic);border-radius:60% 40%;padding:.4rem 1rem;& svg{height:1.5rem;width:1.5rem;fill:var(--bkgdcont);overflow:visible}}& .stamp+span,& svg+span{margin-left:1.5rem}}& .item{background:var(--bkgdcont);border-radius:var(--bdrad);cursor:pointer;margin:.7rem .5rem;&.padded{padding:.7rem 1rem}&>span{margin-left:1rem;padding:.7rem 1rem .7rem 0;&:not(:first-child)>span{border-left:.1rem solid var(--bdcol);padding:0 1rem;& span+span{margin-top:.05rem}}}& svg{fill:var(--ftxs);&:first-child{height:2rem;overflow:visible;padding:.7rem 0 .7rem 1rem;width:2rem}&:last-child{height:1.75rem;width:1.75rem}}}}}app[page=signin]{& .logo{height:45%;&+div{height:55%;& form{width:100%;& hr{margin-top:.5rem}& .autosignin{width:73%;& button{padding-left:1.5rem;padding-right:1.5rem;width:auto}}&+div{margin-bottom:1rem;width:100%;.standalone.mobile.apple &{margin-bottom:2.5rem}& p:first-child{margin-bottom:0}& hr~p{margin-bottom:1rem}}}& p{margin-top:0}& hr{background:var(--bdcolxs);border:none;border-radius:.15rem;height:.1rem;margin:2rem auto;width:73%}}}& button:not(.link),& form p,& img{width:66%}}app[page=legal]{& .header{margin:1.5rem 0;& img{height:4rem;width:4rem}& img,& span{margin:0 1.5rem}.standalone.mobile.apple &{margin-top:0}}& .content{background:var(--bkgdcont);border-radius:var(--bdrad);margin:1.5rem;overflow-y:auto;padding:1rem 1.5rem;& *{font-size:var(--fsxs)}}& .controls{& p:first-child{margin:.5rem 0 2rem;padding:0 2rem;& label{margin-left:1.5rem}}& p:last-child{justify-content:space-around;margin-bottom:2rem;.standalone.mobile.apple &{margin-bottom:3.5rem}}}}app[page=procedures]{& .tabs{margin:.5rem auto auto;padding-bottom:1rem;width:90%;& button{background:var(--bkgdcont);border:.1rem solid var(--theme3);box-sizing:border-box;padding:.5rem 0;width:50%;&:disabled{background:var(--theme3);color:var(--ftcont)}&:not(:disabled){cursor:pointer}&:first-child{border-bottom-left-radius:var(--bdrad);border-top-left-radius:var(--bdrad)}&:last-child{border-bottom-right-radius:var(--bdrad);border-top-right-radius:var(--bdrad)}}}& .list{& .category:first-child{margin-top:.5rem}& .category .count,& .item .count,& .item .id,& .item .start,& .version{color:var(--ftxs)}& .beta{color:var(--redft);&+.version:before{content:"\2013\00a0"}}& svg.ongoing{fill:var(--redft)}& .item .delete{border-left:.1rem solid var(--bdcolxs);margin:.7rem 0;padding:0 1rem 0 0}& .item .id{margin-top:.3rem}& .local.stamp{padding:.4rem .85rem;& svg{width:1.8rem;stroke:var(--bkgdcont);stroke-width:.5rem}}svg.local{fill:var(--redft);stroke:var(--redft);stroke-width:.4rem}}& .header.browsing{background:var(--bkgdcont);height:auto;padding:1.5rem;.standalone.mobile.apple &{height:auto;padding-top:0}& svg{height:2.5rem;margin-right:1.5rem;width:2.5rem;fill:var(--bkgdic)}}& .content[browsing]{height:calc(100% - 5.5rem);.standalone.mobile.apple &{box-sizing:border-box;height:calc(100% - 4rem);padding-bottom:3rem}}}app[page=usage]{.content{box-sizing:border-box;padding-bottom:3rem;padding-top:2.2rem;& .item{&>span{margin-left:0;padding:.7rem 1rem;& svg{padding:0}&>span{margin-left:1rem}}&>svg{border-left:.1rem solid var(--bdcol);padding:0 1rem}}& .category span span{margin-top:.3rem}}.reader{background-color:var(--bkgd);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2;& .title{border-bottom:.1rem solid var(--bdcolxs);& .name{padding:1rem}}& .controls{align-items:center;border-top:.1rem solid var(--bdcolxs);justify-content:space-between}& svg{height:2.5rem;padding:1.7rem 2rem;width:2.5rem;fill:var(--ft)}& .viewer{overflow:auto;& img{max-height:100%;max-width:100%}& iframe{border:none;height:100%;width:100%}}}}app[page=account]{& .id{background:var(--bkgdbtn);border-radius:var(--bdrad);margin:4rem 3rem 1.5rem;padding:1.8rem;& span{color:var(--ftcont);.dark &{color:var(--ftxxs)}&+span{margin-top:1.5rem}}}& .list{& .item span.select{padding-right:.5rem}& .install{margin-bottom:0;margin-top:.7rem}}& .signout{margin-bottom:3rem;margin-top:1.5rem;position:relative;& span{color:var(--ftxs);position:absolute;top:calc(100% + 1rem)}.standalone.mobile.apple &{margin-bottom:4.5rem}}}app[page=password]{& form>div,& form>p{text-align:center;width:80%}& form{margin-top:5rem}& form#unlock{& input{font-size:25px;letter-spacing:10px;padding-right:.85rem;text-align:center;width:200px}&:not(.expired) .lockedout{display:none}}& label{margin-bottom:.5rem}& form#password{& p~div p,& p~p:not(:last-child){text-align:left}& p~p:not(:last-child){margin-top:0}}}app[page=lockedout]{& form{margin-top:5rem;& p{text-align:center;width:80%;& label{margin-bottom:.5rem}& input{width:100%}}}}app[page=run]{& .beta{color:var(--redft);&+.version:before{content:"\2013\00a0"}}& .landing{background:var(--bkgdcont);padding-bottom:5rem;& .txxl{margin-bottom:1rem}& .title{width:80%}svg{height:7rem;margin-bottom:5rem;margin-top:5rem;width:7rem;fill:var(--theme2);transition:transform .5s ease-out;&:hover{transform:scale(1.1)}.dark &{fill:var(--bkgdbtn)}}}& .instance{background:linear-gradient(to top,var(--theme2),var(--theme3));height:100%;.dark &{background:linear-gradient(to top,var(--bkgd),var(--theme2))}& .notif{background:var(--redbkgd);border-radius:50%;height:1.5rem;width:1.5rem}&>.header{background:var(--bkgdcont);border-bottom-left-radius:50% 1.5rem;border-bottom-right-radius:50% 1.5rem;box-sizing:border-box;height:12%;overflow:hidden;.standalone.mobile.apple &{height:calc(12% - 1rem)}& .roll{border-bottom-left-radius:50% 1.5rem;border-bottom-right-radius:50% 1.5rem;height:calc(100% - 2rem);margin-top:1rem;overflow-y:auto;.standalone.mobile.apple &{height:calc(100% - 1rem);margin-top:0}}& .title{height:100%;width:90%}& .alert{background:var(--orangebkgds);border:.1rem solid var(--orangebds);box-sizing:border-box;margin-bottom:1.2rem;&:first-child{margin-top:.2rem}&:last-child{margin-bottom:1.15rem}& svg{margin-left:.75rem;fill:var(--ftcont)}& span{color:var(--ftcont);&.time{margin-left:1rem;margin-top:.125rem}}}}& .dashboard{height:12%;position:relative;& .panel{height:100%;padding:0 1rem;& .chronos{width:67%;& .main{color:var(--ftcont);font-size:2.2rem;.dark &{color:var(--ft)}}& .alt{margin-top:.3rem;& span:first-child{background:var(--redbkgds);border-radius:.75rem;padding:.15rem .5rem;& svg{height:.92rem;width:.92rem;fill:var(--redftxl);overflow:visible;&+span{color:var(--redftxl)}}&+span{color:var(--ftcont);margin-left:.75rem;.dark &{color:var(--ft)}}}}}& .tools{border-left:.1rem solid var(--bdcolcont);position:relative;width:33%;.dark &{border-left:.1rem solid var(--ft)}& svg{height:2.25rem;width:2.25rem;fill:var(--ftcont);margin-top:.3rem;.dark &{fill:var(--ft)}}& div{color:var(--ftcont);margin-top:.7rem;.dark &{color:var(--ft)}}& .notif{display:none;left:5.6rem;position:absolute;top:-.5rem;fill:var(--redbkgdsolidcont);.dark &{fill:var(--redbkgdsolid)}&.on{display:block}}}}& .menu{background:var(--bkgd);border-bottom:.1rem solid var(--bdcol);box-sizing:border-box;left:0;overflow:hidden;position:absolute;top:100%;transition:height .5s ease-out,padding-top .5s ease-out,padding-bottom .5s ease-out;width:100%;z-index:1;&.chronos{padding:.75rem;& .line{padding:.75rem;& svg{height:1.5rem;width:1.5rem;fill:var(--theme2);overflow:visible;.dark &{fill:var(--ft)}&+span{margin-left:1rem;&+span{margin-left:.5rem}}}& .value{color:var(--theme2);.dark &{color:var(--ft)}}& .type{color:var(--ftxs);margin-right:1rem}& .name{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}&.tools{height:21.8rem;padding:1.5rem;& .line+.line{margin-top:2.25rem}& .item{width:33%;& svg{height:2.25rem;width:2.25rem;fill:var(--theme2);.dark &{fill:var(--ft)}}& div{color:var(--theme2);margin-top:.75rem;.dark &{color:var(--ft)}}&.instances{position:relative;& .notif{display:none;left:5.4rem;position:absolute;top:-.5rem;&.on{display:block}}}}}&.collapsed{border:none;height:0;padding-bottom:0;padding-top:0}}}& .track{height:66%;margin:0 .725rem;overflow-x:auto;overscroll-behavior:contain;& .step{background:var(--bkgdcont);border-radius:var(--bdrad);box-sizing:border-box;height:100%;padding:1.5rem;width:100%;&+.step{margin-left:1.45rem}& .title{font-size:1.8rem;padding-bottom:1.5rem}& hr{background:linear-gradient(to right,var(--theme2) 0,var(--theme2dis) 50%,var(--theme2) 100%);border:none;border-radius:1rem;height:.4rem;margin:0 0 2rem;width:100%}& .body{overflow-y:auto;padding-bottom:1rem;& .input,& p{line-height:2.4rem;margin:0 1.5rem}& ul{margin:0;padding:0;& li+li{margin-top:1rem}& label{margin-left:1rem}}& .timer{font-size:3rem}& .img,& .video,& a{display:block;margin-left:auto;margin-right:auto;width:80%}& .img,& .video{border-radius:var(--bdrad);position:relative;& img,& video{display:block}& div,& img,& video{border-radius:var(--bdrad);width:100%}& div{box-shadow:0 0 .2rem .2rem var(--bkgdcont) inset;height:100%;left:0;position:absolute;top:0}}& a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& textarea{background:var(--bkgd);border:none;padding:.6rem;width:100%}&>*+:not(.filler){margin-top:2.25rem!important}& .input{& label{color:var(--ftxs)}& input[type=number],& input[type=text]{width:100%}& label+input[type=radio]{margin-left:1.5rem}& input[type=checkbox]+label{margin-left:1rem}& input[type=time]+input[type=date]{margin-top:1.5rem}& svg{height:2.5rem;width:2.5rem;fill:var(--bkgdic);&~span{margin-left:1rem}}& .file,& .picture{&.change svg+span,&:not(.change) span+span,&:not(.change)+.filename,&:not(.change)~img{display:none}&+img{margin-top:1rem}}& .file:not(.image)~img,& input[type=file]{display:none}& .file+p{margin:1rem auto}}}}& .actions{box-shadow:0 -.5rem .5rem var(--bkgdcont);flex-wrap:wrap;justify-content:space-around;max-height:10rem;overflow-y:auto;padding-top:2rem;position:relative;button{margin-bottom:1rem;min-width:35%}}}& .nav{height:10%;position:relative;.standalone.mobile.apple &{margin-bottom:1.5rem}& .panel{box-sizing:border-box;height:100%;padding:0 1.5rem;& svg{height:2.5rem;width:2.5rem;fill:var(--ftcont);overflow:visible;&.red:first-child{fill:var(--redftcont)}&.green:first-child{fill:var(--greenftcont)}.dark &{fill:var(--ft);&.red:first-child{fill:var(--redft)}&.green:first-child{fill:var(--greenft)}}}& span{color:var(--ftcont);margin-left:1rem;.dark &{color:var(--ft)}}&.collapsed svg+svg,&:not(.collapsed) span+svg{display:none}}& nav{background:var(--bkgdbtn);border-bottom:.1rem solid var(--bdcolcont);border-top:.1rem solid var(--bdcolxs);bottom:100%;box-sizing:border-box;left:0;overflow-y:auto;padding:.75rem 0;position:absolute;transition:height .4s ease-out,padding-top .4s ease-out,padding-bottom .4s ease-out;width:100%;.dark &{background:var(--bkgd)}& .group{padding:0 .5rem;& svg:first-child{height:1.5rem;overflow:visible;padding:1rem;width:1.5rem;&.red{fill:var(--redftcont)}&.green{fill:var(--greenftcont)}&+div{overflow:hidden;padding:1rem 1rem 1rem 0;&.collapsed svg+svg,&:not(.collapsed) span+svg{display:none}}}}& .steps{background:var(--bkgdic);box-sizing:border-box;overflow:hidden;transition:height .5s ease-out,padding-top .5s ease-out,padding-bottom .5s ease-out;.dark &{background:var(--bkgdcont)}& .step{padding:1rem 1.5rem;&+.step{border-top:.1rem solid var(--bdcolxs)}& svg:first-child{height:1.5rem;width:1.5rem;fill:var(--bkgdcont);margin-right:1rem;.dark &{fill:var(--ft)}}}&.collapsed{height:0}}& .group span,& .step span{color:var(--ftcont);margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;.dark &{color:var(--ft)}&~svg{height:1.8rem;width:1.8rem;fill:var(--bkgdcont);align-self:center;.dark &{fill:var(--ft)}}}&.collapsed{border:none;height:0;padding-bottom:0;padding-top:0}}}& dialog.instances .title,& dialog.phone .title,& dialog.popup .msg{background:var(--bkgdcont);margin:0;padding:1.5rem}& dialog.instances,& dialog.phone,& dialog.popup{border:.1rem solid var(--bdcolxs);border-radius:var(--bdrad);box-shadow:0 0 .5rem var(--shad);padding:0;.dark &{border:.1rem solid var(--bdcolxs);box-shadow:none}& .actions{border-top:.1rem solid var(--bdcolxs);flex-wrap:wrap;justify-content:center;& button{background:var(--bkgdcont);border:none;outline:none;padding:1rem;width:50%;&.danger{color:var(--redft)}&:nth-child(2n){border-left:.1rem solid var(--bdcolxs)}&:nth-child(n+3){border-top:.1rem solid var(--bdcolxs)}}}}& dialog.instances,& dialog.phone{& .title{border-bottom:.1rem solid var(--bdcolxs)}& ul{list-style:none;margin:0;max-height:67vh;overflow-y:auto;padding:0;& li{background:var(--bkgdcont);padding:.7rem 2rem;&+li{border-top:.1rem solid var(--bdcolxs)}& a{font-weight:400;outline:none;text-decoration:none;& span+span{color:var(--ftxs);margin-top:.4rem}}}}& p+p{border-top:.1rem solid var(--bdcolxs);margin:0;padding:1rem}}& dialog.instances ul li{background:var(--bkgdcont);& div{&+svg{height:2rem;width:2rem;fill:var(--ft)}& span:first-child{& .notif{margin-right:1rem}}& span.green{color:var(--greenft)}& span.red{color:var(--redft)}& .group{margin-top:.3rem;& svg{height:1.7rem;margin-right:.5rem;width:1.7rem;&.red{fill:var(--redft)}&.green{fill:var(--greenft)}}}}&.current{background:var(--theme3);.dark &{background:var(--theme2)}& span{color:var(--ftcont);.dark &{color:var(--ft)}}& div{&+svg{fill:var(--ftcont);.dark &{fill:var(--ft)}}& .beta,& span.red{color:var(--redftcont)}& svg.red{fill:var(--redftcont)}& span.green{color:var(--greenftcont)}& svg.green{fill:var(--greenftcont)}& .notif{background:var(--redbkgdsolidcont)}}}}& .media-viewer{background:#000;height:100%;position:fixed;top:0;& iframe,& img,& video{width:100%}& iframe{background:#fff;border:none}& svg{align-self:flex-end;height:2.5rem;margin:1.5rem;width:2.5rem;fill:var(--ftcont);.dark &{fill:var(--ft)}}}& .camera{background:#000;height:100%;position:fixed;top:0;z-index:1;& .frame,& .lens,& .viewer{width:100%}& .lens,& .viewer,& video{height:100%}& video{width:100%}& .viewer{position:relative;& .bottom-nav,& .top-nav{background:#000;left:0;position:absolute;transition:opacity .5s ease-out;width:100%;z-index:2;&.faded{opacity:0}}& .top-nav{top:0;& span{color:#fff}}& .bottom-nav{bottom:0}& svg{height:2rem;padding:1.5rem 2rem;width:2rem;fill:#fff}& img{max-height:calc(100vh - 12.3rem);max-width:100%}}& .gallery{border-top:.1rem solid var(--bdcolxs);box-sizing:border-box;height:6rem;overflow-x:auto;width:100%;& img{cursor:pointer;height:100%;&.active{border:.1rem solid var(--theme3);.dark &{border:.1rem solid var(--theme2)}}}&.empty{border-top:none}}& .footer{border-top:.2rem solid var(--bdcolxs);box-sizing:border-box;height:6rem;width:100%;& span,& span span{height:100%}& .cancel,& .ok{width:30%;& span{color:#fff}}& .shoot button{background:transparent;border:.2rem solid #fff;border-radius:2rem;height:3.9rem;margin:auto;padding:0;width:3.9rem;& span{background:#fff;border-radius:1.5rem;height:3rem;width:3rem}}}}& dialog.calculator{background:none;border:none;box-sizing:border-box;outline:none;padding:0;& div{flex-wrap:wrap;width:26rem;& div{background:var(--bkgd);border:.1rem solid var(--bdcol);box-sizing:border-box;font-size:2.3rem;height:6.5rem;padding:1.4rem}& .display{background:var(--ft);border-top-left-radius:var(--bdrad);border-top-right-radius:var(--bdrad);flex-wrap:nowrap;width:100%;& .ongoing{font-size:3rem}& .calculation,& .ongoing{color:var(--ftcont)}}.simple{width:25%}.double{width:50%}.operator{background:var(--theme2);color:var(--ftcont);.dark &{color:var(--ftxxs)}}.zero{border-bottom-left-radius:var(--bdrad)}.equals{border-bottom-right-radius:var(--bdrad)}}}& .context,& .end{background:var(--bkgd);height:100%;position:fixed;top:0;z-index:1;& .action,& .header{background:var(--bkgdcont);padding:1.5rem}& .action{.standalone.mobile.apple &{padding-bottom:3rem}}& .header{.standalone.mobile.apple &{padding-top:0}}& .header svg{height:2.5rem;margin-right:1.5rem;width:2.5rem;fill:var(--bkgdic)}& .body{overflow-y:auto;padding-bottom:1.5rem;& .title{background:var(--bkgdcont);border-bottom-right-radius:1.9rem;border-top-right-radius:1.9rem;box-sizing:border-box;margin-bottom:.8rem;margin-top:1.5rem;padding:.75rem 2rem;width:calc(100% - 1.5rem)}& div+div .title{margin-top:2rem}& .reference .title+div{padding:0 1.5rem;& input{width:100%}}& .patient{& .controls svg{height:1.5rem;width:1.5rem;fill:var(--ft)}&>div{& .picture{width:45%;& svg{height:18rem;width:80%}}& .controls{width:55%;& span+span{margin-top:1.5rem}& button{padding:.5rem 0;width:6.5rem;&+button{margin-left:1.5rem}& span{margin-top:.5rem}}& .burn>span{margin-left:.75rem}}}}& #properties ul,& .parameters ul{list-style:none;margin:0;padding:0}& .parameters ul li{margin:.5rem 0;padding:0 1.5rem;& label{box-sizing:border-box;padding-right:1.5rem;width:33%;& small{color:var(--ftxs)}}}& #properties{& ul li{& span{padding:.5rem 1rem;width:50%;&+span{background:var(--bkgdcont);border-left:.1rem solid var(--bdcolxs)}}&+li{border-top:.1rem solid var(--bdcolxs)}}}}& .zoning{background:var(--bkgd);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;& .header{margin-bottom:1.5rem}& .picture{width:67%;& svg{cursor:pointer;width:90%}}& .controls{box-sizing:border-box;padding:1.5rem 1rem 1.5rem 0;width:33%;&>button{margin:0 auto 3rem;padding:.5rem 0;width:6.5rem;& svg{height:2rem;width:2rem;fill:var(--ft)}& span{margin-top:.5rem}}& div{margin-bottom:2rem;& button{border:.1rem solid var(--bdcolxs);border-radius:var(--bdrad);margin-bottom:.75rem;padding:.3rem;width:100%;&:not(.current){background:var(--bkgdcont)!important;.label{color:var(--ft)!important}}& .color{border:.1rem solid var(--bdcolcont);border-radius:var(--fs);height:var(--fs);margin-right:.3rem;width:var(--fs)}}}& .burn svg{height:1.5rem;width:1.5rem;fill:var(--ft);margin-right:.75rem}}}}& .context{box-sizing:border-box;padding-bottom:3rem}& .end{& .title~div{padding:.5rem 1.5rem 0;.tags &{flex-wrap:wrap}}& label+input{margin-left:1.5rem}& .report{& .title{margin-bottom:0}& div+div{flex-wrap:wrap}& span{margin-right:1.5rem;margin-top:.8rem}& .email{margin-top:1rem;svg{aspect-ratio:.8/1;height:2.8rem;margin-right:1rem;fill:var(--theme2)}}}& .tags{& span{margin-bottom:1rem;margin-right:1.5rem}& button{outline:none}}& input[type=checkbox]+label{margin-left:1rem}& textarea{background:var(--bkgdcont);border:none;padding:.6rem;width:100%}& .popup{& .msg{border-bottom:.1rem solid var(--bdcolxs)}& form{padding:1.5rem 1rem}}}dialog::backdrop{background:#0004}}}app[page=practice]{& .list{& .category .count{color:var(--ftxs)}& .local.stamp{padding:.4rem .85rem;& svg{width:1.8rem;stroke:var(--bkgdcont);stroke-width:.5rem}}& .category:first-child{margin-top:.5rem}& svg.ongoing{fill:var(--redft)}& .item .delete{border-left:.1rem solid var(--bdcolxs);margin:.7rem 0;padding:0 1rem 0 0}& .item .score{background:var(--greenbkgdxs);border-radius:1.8rem;box-sizing:border-box;height:3.4rem;padding:0;width:3.4rem;& span{color:var(--green);height:38%;width:60%;&+span{border-top:.1rem solid var(--green)}}&.medium{background:var(--orangebkgdxs);& span{color:var(--orange);&+span{border-color:var(--orange)}}}&.bad{background:var(--redbkgdxs);& span{color:var(--red);&+span{border-color:var(--red)}}}}}& .tabs{margin:.5rem auto auto;padding-bottom:1rem;width:90%;& button{background:var(--bkgdcont);border:.1rem solid var(--theme3);box-sizing:border-box;padding:.5rem 0;text-transform:capitalize;width:50%;&:disabled{background:var(--theme3);color:var(--ftcont)}&:not(:disabled){cursor:pointer}&:first-child{border-bottom-left-radius:var(--bdrad);border-top-left-radius:var(--bdrad)}&:last-child{border-bottom-right-radius:var(--bdrad);border-top-right-radius:var(--bdrad)}}}}app[page=trainings]{& .list{& .category .count{color:var(--ftxs)}& .local.stamp{padding:.4rem .85rem;& svg{width:1.8rem;stroke:var(--bkgdcont);stroke-width:.5rem}}& .category:first-child{margin-top:.5rem}}& .tabs{margin:.5rem auto auto;padding-bottom:1rem;width:90%;& button{background:var(--bkgdcont);border:.1rem solid var(--theme3);box-sizing:border-box;padding:.5rem 0;width:50%;&:disabled{background:var(--theme3);color:var(--ftcont)}&:not(:disabled){cursor:pointer}&:first-child{border-bottom-left-radius:var(--bdrad);border-top-left-radius:var(--bdrad)}&:last-child{border-bottom-right-radius:var(--bdrad);border-top-right-radius:var(--bdrad)}}}}app[page=ask]{& .content{overflow:hidden}& .header{background:var(--bkgdcont);padding:1.5rem;& .standalone.mobile.apple &{padding-top:0}& svg{height:2.5rem;margin-right:1.5rem;width:2.5rem;fill:var(--bkgdic)}& span+span{margin-top:.5rem}}& .panel{background:var(--bkgdcont);border-radius:var(--bdrad);margin:2rem 1.5rem;overflow-y:auto;padding:2rem;& .answer>span,& .media,& .statement,& .title{margin-bottom:1.5rem}& .media{border-radius:var(--bdrad);position:relative;& img,& video{display:block;max-height:200px;max-width:100%}& div,& img,& video{border-radius:var(--bdrad)}& div{height:100%;left:0;position:absolute;top:0;width:100%}}& textarea{width:100%}& label svg{height:1.4rem;margin-left:.2rem;vertical-align:middle;width:1.4rem}& svg.green{fill:var(--greenbkgdsolid)}& svg.red{fill:var(--redft)}& svg.orange{fill:var(--orangeft)}& .result{border-radius:var(--bdrad);padding:1rem 1.5rem;&.correct{background:var(--greenbkgdxs);.dark &{background:var(--greenbkgd)}}&.zero{background:var(--redbkgdxs);& svg{.dark &{fill:var(--red)}}& .red+div{.dark &{color:var(--red)}}}&:not(.correct):not(.zero){background:var(--orangebkgdxs);& svg{.dark &{fill:var(--orangebkgd)}}& .orange+div{.dark &{color:var(--orangebkgd)}}}& svg{height:3rem;width:3rem}&>div+div{margin-left:1.5rem;& .green{color:var(--greenft)}& .red{color:var(--red)}& .orange{color:var(--orange)}& div+div{margin-top:.5rem}}}&.end{&>div{margin-bottom:1.5rem}& .score{& .value{background:var(--greenbkgdxs);border-radius:4rem;height:8rem;margin:1.5rem auto 0;width:8rem;& span{color:var(--green);height:38%;width:60%;&+span{border-top:.1rem solid var(--green)}}.medium &{background:var(--orangebkgdxs);& span{color:var(--orange);&+span{border-color:var(--orange)}}}.bad &{background:var(--redbkgdxs);& span{color:var(--red);&+span{border-color:var(--red)}}}}& .gauge{border:.1rem solid var(--greenbkgd);border-radius:.6rem;box-sizing:border-box;height:1.2rem;margin:1.5rem auto 0;overflow:hidden;width:80%;.dark &{border-color:var(--greenbkgdxs)}.medium &{border-color:var(--orangebkgd);.dark &{border-color:var(--orangebkgdxs)}}.bad &{border-color:var(--redbkgd);.dark &{border-color:var(--redbkgdxs)}}& .fill{background:var(--greenbkgd);height:100%;.dark &{background:var(--greenbkgdxs)}.medium &{background:var(--orangebkgd);.dark &{background:var(--orangebkgdxs)}}.bad &{background:var(--red);.dark &{background:var(--redbkgdxs)}}}}}& ol{padding-left:1.5rem;& li+li{margin-top:1rem}& li div:first-child{margin-bottom:.5rem}& svg{height:1.4rem;vertical-align:middle;width:1.4rem}& .correct,& .correct span{color:var(--greenft)}& .incorrect,& .incorrect span{color:var(--redft)}& .partial,& .partial span{color:var(--orangeft)}& .correct span+span:before,& .incorrect span+span:before,& .partial span+span:before{content:", "}}}}& .actions{padding:0 0 3rem;& button{padding-left:0;padding-right:0;width:35%;&+button{margin-left:2rem}}}}app[page=training]{& .content{overflow:hidden}& .header{background:var(--bkgdcont);padding:1.5rem;& .standalone.mobile.apple &{padding-top:0}& svg{height:2.5rem;margin-right:1.5rem;width:2.5rem;fill:var(--bkgdic)}& span+span{margin-top:.5rem}}& .panel{background:var(--bkgdcont);border-radius:var(--bdrad);margin:2rem 1.5rem;overflow-y:auto;padding:2rem;& .media{border-radius:var(--bdrad);margin-bottom:1.5rem;position:relative;& img,& video{display:block;max-height:200px;max-width:100%}& div,& img,& video{border-radius:var(--bdrad)}& div{height:100%;left:0;position:absolute;top:0;width:100%}}&>div+div{margin-top:1rem;&.txl{margin-top:2.5rem}}&>ul+div{margin-top:2.5rem}& .sequence{&>svg{height:2rem;margin:.3rem auto;width:2rem;fill:var(--ftxs)}&>.item{border:.1rem solid var(--bdcolxs);border-radius:var(--bdrad);box-sizing:border-box;width:100%;& svg{fill:var(--ftxs);&:first-child{height:1.7rem;overflow:visible;padding:.7rem 0 .7rem 1rem;width:1.7rem}&:last-child{height:1.75rem;width:1.75rem;&.lock{height:1.3rem;width:1.3rem}}&+span{border-left:.1rem solid var(--bdcolxs);margin:.5rem .8rem;padding-left:.8rem}}&.complement{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-style:dashed}& .score{background:var(--greenbkgdxs);border-radius:1.8rem;box-sizing:border-box;height:3.4rem;padding:0;width:3.4rem;& span{color:var(--green);height:38%;width:60%;&+span{border-top:.1rem solid var(--green)}}&.medium{background:var(--orangebkgdxs);& span{color:var(--orange);&+span{border-color:var(--orange)}}}&.bad{background:var(--redbkgdxs);& span{color:var(--red);&+span{border-color:var(--red)}}}}}&>.usages{border:.1rem solid var(--bdcolxs);border-bottom-left-radius:var(--bdrad);border-bottom-right-radius:var(--bdrad);border-top:none;box-sizing:border-box;padding:0 1rem;width:100%;&>div{padding:.5rem 0;& svg{height:1.5rem;width:1.5rem;fill:var(--ftxs);overflow:visible}&+div{border-top:.1rem dashed var(--bdcolxs)}& .score{background:var(--greenbkgdxs);border-radius:1.8rem;box-sizing:border-box;padding:.3rem 0;& span{color:var(--green);padding:0 .3rem 0 .8rem;&+span{border-left:.1rem solid var(--green);padding:0 .8rem 0 .3rem}}&.medium{background:var(--orangebkgdxs);& span{color:var(--orange);&+span{border-color:var(--orange)}}}&.bad{background:var(--redbkgdxs);& span{color:var(--red);&+span{border-color:var(--red)}}}}}}&>.item>span svg.green,&>.usages>div svg.green{fill:var(--greenbkgdsolid)}}& .tsequence{background:var(--bkgdbtn);border-radius:var(--bdrad);&.future{background:var(--bkgdbtndis)}& span{color:var(--ftcont);.dark &{color:var(--ftxxs)}}&>span{border-left:.1rem solid var(--bdcolcont);margin:.5rem .8rem .5rem .2rem;padding-left:1.2rem}& svg{height:2rem;padding:0 .6rem 0 1rem;width:2rem;fill:var(--bkgdcont);overflow:visible;.dark &{fill:var(--ftxxs)}}&.collapsed+.sequence{display:none}&.future svg{height:1.2rem;padding:.4rem 1rem .4rem 1.4rem;width:1.2rem}&:not(.future){&.collapsed>svg:first-child,&:not(.collapsed)>svg+svg{display:none}}}& .tsequence+.sequence,& .tsequence:not(.collapsed)+.sequence+.tsequence{margin-top:1.5rem}& ul{margin:1rem auto 0;padding-left:1.5rem;& li+li{margin-top:.5rem}}& .report{margin-bottom:2.5rem;padding:0;& p{border:.1rem solid var(--bdcolxs);border-radius:var(--bdrad);box-sizing:border-box;margin:0;&>span{margin-left:0;padding:.7rem 1rem;& svg{padding:0}&>span{margin-left:1rem}}&>svg{border-left:.1rem solid var(--bdcol);padding:0 1rem}}}}& .actions{padding:0 0 3rem;& button{width:35%}}& dialog{background:var(--bkgdcont);border:none;border-radius:var(--bdrad);box-sizing:border-box;outline:none;&.description p{margin:.5rem;max-height:67vh;outline:none;overflow-y:auto}}& dialog::backdrop{background:#0004}& .reader{background-color:var(--bkgd);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2;& .title{border-bottom:.1rem solid var(--bdcolxs);& .name{padding:1rem}}& svg{height:2.5rem;padding:1.7rem 2rem;width:2.5rem;fill:var(--ft)}& .viewer{overflow:auto;& iframe{border:none;height:100%;width:100%}}}}app[page=shortcut]{.signout{background:var(--bkgdcont);border-radius:var(--bdrad);margin:2rem;padding:2rem}}