*{box-sizing:border-box;position:relative}.App,body{background-color:inherit;color:inherit;height:100%;overflow:hidden auto;padding:0;width:100%;margin:0}.overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.img-txt{background-size:cover;height:1em;width:1em;margin:0 .5em}*:has(>.crop-excess){overflow-x:hidden}.crop-excess{text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}.crop-excess.hov:hover{overflow:visible;white-space:normal}.max,.fw{width:100%}.max,.fh{height:100%}.mega-max{height:100vh;width:100vw}.hide{display:none!important}.disappear{visibility:hidden!important}.no-trans{transition:unset!important}.no-btn{background-color:transparent;border:none;color:inherit;font-weight:600;outline:none}.no-link{text-decoration:none}.flex,.flex-rev,.flex-col{display:flex}.flex>.grow,.flex-rev>.grow,.flex-col>.grow{flex-grow:1}.flex-rev{flex-direction:row-reverse}.flex-col{flex-direction:column}.mid-align{align-items:center}.abs,.abs-mid,.abs-mid-y,.abs-top{position:absolute}.abs-top{top:0;left:0}.abs-mid{margin:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.abs-mid-y{margin:auto;top:50%;transform:translateY(-50%)}.center-text{text-align:center}.left-text{text-align:left}:root:has(meta[content=dark]) .sun{display:none}.moon{display:none!important}:root:has(meta[content=dark]) .moon{display:block!important}.side-scroll{scroll-snap-type:x proximity;overflow:auto hidden}.side-scroll>*{flex:0 0 auto;scroll-snap-align:start}.hid-scroll::-webkit-scrollbar{width:0;height:0}.custom-scroll::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:inherit;width:3px}.custom-scroll::-webkit-scrollbar-track{background-color:inherit}.custom-scroll::-webkit-scrollbar-thumb{background-color:var(--btn-col);border-radius:1rem;cursor:pointer}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--btn2-col);transition:background-color .2s}@media screen and (min-width: 768px){.custom-scroll::-webkit-scrollbar{width:5px}.custom-scroll::-webkit-scrollbar-thumb{background-color:var(--body2-col)}}.even-space{justify-content:space-evenly}.br-5{border-radius:.5em}.br-1{border-radius:1em}.no-content{filter:grayscale(1);color:gray}@media screen and (max-width: 768px){.md-flex-col{display:flex;flex-direction:column}.md-fw{width:100%!important}}.view-container{left:0;top:0;transition:all .25s ease-out;transform:translate(0);opacity:1;position:fixed;visibility:visible;z-index:50}.view-container.close{transform:translate(20%);opacity:0;visibility:hidden;z-index:-10}.interface{background-color:var(--body-col);color:var(--text-col);height:100%;left:0;top:0;transition:all .25s ease-out;transform:translate(0);opacity:1;position:fixed;width:100%;visibility:visible;z-index:50}.interface.close{transform:translateY(10%);opacity:0;visibility:hidden;z-index:-1}.interface.close.trans-right{transform:translate(10%)}@media screen and (min-width: 768px){.interface{position:relative}.abs.interface{position:absolute}}.route-container>*{transition:all .25s ease-out;transform:translate(0);opacity:1;visibility:visible}.route-container.close>*{transform:translate(20%);opacity:0;visibility:hidden}.view-container,.route-container{background-color:var(--body-col);color:var(--text-col)}.view-container .heading,.route-container .heading{padding:15px 10px;background-color:var(--body-col);border-bottom:1px solid var(--body3-col);box-shadow:0 1px 3px var(--grey)}:root{font-family:Lato,sans-serif;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue: hsl(204, 60%, 50%);--blue2: hsl(204, 62%, 47%);--blue3: hsl(204, 62%, 42%);--darkest-blue: hsl(210, 50%, 2%);--darkest-blue2: hsl(210, 50%, 4%);--darkest-blue3: #09121b;--dark-blue: hsl(211, 66%, 8%);--dark-blue2: hsl(211, 67%, 11%);--dark-blue3: hsl(211, 67%, 15%);--btn-col: hsl(30, 100%, 50%);--btn2-col: hsl(30, 100%, 40%);--inactive-but: #ffc4a6;--inactive-link: #aaa;--head-col: light-dark(var(--blue), var(--darkest-blue));--body-col: light-dark( #eee, var(--darkest-blue) );--body2-col: light-dark( hsl(0, 0%, 78%), var(--darkest-blue2) );--body3-col: light-dark( hsl(0, 0%, 65%), var(--darkest-blue3) );--text-col: light-dark(#111, #eee);--text2-col: light-dark(#444, #aaa);--tert-col: #bb5d00;--prim-col: var(--darkest-blue);--sec-col: #262626}body,:root{font-size:16px;color:var(--text-col);background-color:var(--body-col);overflow:hidden auto}input:not([type=file],[type=range]),textarea{border-radius:1rem;resize:none;padding:5px;transition:outline .1s ease-out,border .1s ease-out;color:var(--text-col)}input[type=radio],input[type=checkbox],input[type=range]{accent-color:var(--btn-col)}.xmark{transition:transform .25s ease-in-out}.xmark.plus{transform:rotate(-135deg)}ol,ul{padding:unset}li{list-style:none}.crop-excess2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;line-clamp:2;-moz-box-orient:vertical;-webkit-box-orient:vertical;-webkit-line-clamp:2}.crop-excess2.hov:hover{overflow:auto;white-space:normal}*:has(>.crop-excess2){overflow-x:hidden}small{font-size:80%}.dp-img,.bg-img{background-color:#80808050;background-size:cover;background-repeat:no-repeat;background-position:center}.dp-img{aspect-ratio:1/1;border-radius:50%;width:50px;overflow:hidden}.can-animate{opacity:1;transform:translateY(0);transition:.5s}.can-animate.not-animated{opacity:0;transform:translateY(30px)}.upgrade-required:after{content:"PLUS✨";bottom:75%;right:50%;box-shadow:0 0 2px var(--btn-col);transform:translate(50%);background-color:#fff;font-weight:500;padding:.25rem .5rem;position:absolute;color:var(--btn-col);border-radius:.5rem}.pad{padding-left:10px;padding-right:10px}.box{padding-top:50px;padding-bottom:50px;margin:50px auto;scroll-margin-top:100px}label.nv-input{color:var(--text-col);background-color:var(--body2-col);padding:5px 10px}label.nv-input:focus-within{background-color:var(--body3-col);outline:1px solid var(--btn-col)}label.nv-input input,label.nv-input textarea{background-color:inherit;border:none;outline:none}.icon-btn{--bg: transparent;aspect-ratio:1/1;padding:10px}.icon-btn .btn-bg,.icon-btn .btn-bg:after{aspect-ratio:1/1;background-color:var(--bg);border-radius:50%;padding:5px}.icon-btn .btn-bg:after{content:"";background-color:transparent;transition:.3s;height:100%;left:0;top:0;border-radius:50%;position:inherit;width:100%}.icon-btn:hover .btn-bg:after{background-color:light-dark(#00000020,#ffffff30)}.custom-svg-loader{width:100px;height:100px}.custom-svg-loader path{stroke:#ff8000;fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:100px;animation:draw .5s ease-in-out alternate-reverse infinite}.my-btn{--color: var(--text-col);background-color:var(--btn-col);border-radius:1rem;padding:1px;transition:background-position .5s ease-in-out}.my-btn.deval>*{background-clip:border-box;-webkit-background-clip:border-box;background-color:var(--body-col);border-radius:inherit}.my-btn .btn{color:var(--color)}.my-btn:hover{background-color:var(--btn2-col)}@media screen and (min-width: 768px){.pad{padding-left:35px;padding-right:35px}}.color-text2{color:var(--text2-col)}#media{@keyframes osc-x{to{transform:translate(10px)}}}#media .media-content{overflow-x:hidden}#media nav.media-nav{background-color:var(--body-col);border-top:1.2px solid var(--body3-col);padding:2.5px 0}@media screen and (max-width: 350px){#media nav.media-nav{overflow:auto hidden}}#media nav.media-nav button{width:100%;font-variant:small-caps;text-align:center;transition:all .2s ease-in-out;border-radius:5px;text-decoration:none;padding:5px}#media nav.media-nav button:hover{color:var(--btn-col);text-shadow:0 0 5px black;background-color:var(--head2-col)}#media nav.media-nav button.active{color:var(--btn-col);text-shadow:0 0 5px black;transform:scale(1.2);background-color:var(--head3-col)}#media .media-grid-item{aspect-ratio:1/1;margin:5px;width:min(30%,150px)}#media .vl-item,#media .media-grid-item,#media .media-list-item{background-image:linear-gradient(135deg,var(--body3-col) 80%,transparent 80%,var(--body3-col));animation:gradientAnimation .25s .5s forwards infinite}#media :has(>.media-grid-item){justify-content:space-between}#media :has(>.media-grid-item):after{content:"";flex:1}#media .media-view .storage-brief{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}#media .media-view .storage-brief .map-col{position:relative;display:block;border-radius:50%;height:15px;width:15px;border:1.5px solid var(--body3-col);margin:5px 100px 20px 0;cursor:pointer}#media .media-view .storage-brief .map-col:before{content:attr(data-val);position:absolute;margin-left:150%;top:50%;transform:translateY(-50%);font-size:inherit}#media .media-view .storage-brief .map-col:after{position:relative;content:attr(data-val);padding:0 20px;visibility:hidden}#media .diagram{height:30px;padding:10px;background-color:var(--body-col);margin-bottom:15px}@media screen and (max-width: 350px){#media .diagram{padding:2px;height:100px}#media .diagram .chart-sec:hover{transform:scale(1.2)!important}}#media .diagram .chart-sec{position:relative;border:none;border-radius:0;display:inline-block}#media .diagram .chart-sec:hover{transform:scale(1.5);z-index:1;box-shadow:0 0 5px var(--text-col);border-radius:2px}#media .vl-items-cont{width:100%;padding:5px;display:flex;overflow:hidden}#media .vl-items-cont>.vl-item{flex:0 0 auto;width:min(25%,200px);aspect-ratio:1/1}#media .vl-items-cont .view-all{position:absolute;right:0;top:0;width:25%;background:linear-gradient(to right,#00000000,var(--body-col));height:100%;z-index:1}#media .view-link{display:flex;flex-direction:column;margin:20px 0}#media .vlh{justify-content:space-between;text-align:left}#media .vlh:hover .fa-angle-right{display:inline-block;animation:osc-x 1s infinite alternate-reverse ease-in-out;transform:translate(0)}#media .no-trans{transition:none!important}#media-viewer{background-color:var(--body2-col);transition:.3s;opacity:1}@starting-style{#media-viewer{opacity:0}}#media-viewer.close{opacity:0}#media-viewer .top-banner{position:absolute;left:0;top:0;z-index:1;background:linear-gradient(to bottom,#55555550,#5550);padding:5px;display:flex;transition:.3s;justify-content:flex-start;visibility:visible;opacity:1}#media-viewer .bottom-banner{position:absolute;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#55555550,#5550);padding:5px;text-align:center;transition:.3s;visibility:visible;opacity:1}#media-viewer.fullscreen .bottom-banner,#media-viewer.fullscreen .top-banner{opacity:0;visibility:hidden}.landing-page{overflow:hidden auto}.landing-page .hero{min-height:85vh}.landing-page .hero:after{content:"";position:absolute;top:100%;left:0;width:100%;height:70px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:transparent;z-index:2}.landing-page .hero-title{font-size:3rem;font-weight:700;margin-bottom:10px}.landing-page .features{background-color:var(--btn-col)}.landing-page .feature-card{padding:5px;text-shadow:0 0 3px #222;width:300px;background-image:linear-gradient(to bottom,#eee0,#eeeeee50);box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.landing-page .feature-card .feature-icon{background-color:var(--text2-col);border-radius:999999px;padding:5px;height:max-content}.landing-page .feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #0003}.landing-page .feedback{background:var(--body3-col);padding:1.5rem}@media screen and (min-width: 768px){.landing-page .gallery>:nth-child(odd){flex-direction:row-reverse}.landing-page .gallery>:nth-child(2n){flex-direction:row}}.landing-page .footer{background:#3c3c3c;text-align:center;padding:20px 10px}.navbar{--col: grey;--col2: var(--foreground);background-color:transparent;box-shadow:0 1px 3px transparent;left:0;position:sticky;top:0;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;width:100%;z-index:5}.navbar.scroll{--col: grey;--col2: var(--text);background-color:var(--body-col);box-shadow:0 1px 3px var(--body3-col)}.navbar .brand{-webkit-background-clip:text;background-clip:text;background-color:var(--btn-col);color:transparent;font-weight:700;font-variant:small-caps}.nav{display:none;justify-content:space-between}@media screen and (min-width: 768px){.navbar{padding-top:5px;padding-bottom:5px}.lap-nav{display:flex;padding:10px}.mob.menu{display:none}}@media screen and (max-width: 767px){.mobile-nav{display:flex;padding:5px}}.nav-item{color:var(--col);font-weight:500;text-decoration:none}.nav-item.active,.nav-item:hover{color:var(--col2)}.lap-nav .nav-item{margin:0 10px;padding:5px 10px}.lap-nav .nav-item:after{content:"";background-color:var(--foreground);bottom:0;height:1px;left:10px;position:absolute;transition:width .35s ease .15s;width:0px}.lap-nav .nav-item.active:after,.lap-nav .nav-item:hover:after{width:50%}.mob.menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--body-col);height:calc(100vh - 110%);left:0;overflow:hidden;padding:10px;top:100%;width:100vw}.scroll .mob.menu{background-color:var(--body-col)}.mob.menu .wrapper{background-color:transparent;border:1px solid grey;border-radius:5px;transform:translateY(0);opacity:1;overflow:hidden;transition:all .25s ease-in-out}.close :is(.mob.menu .wrapper){transform:translateY(30px);opacity:0}.mob.menu .content{overflow:hidden auto;padding:10px 0}.mob .nav-item{padding:15px 10px}.mob .nav-item:before{content:"";background-color:var(--prim-text);border-radius:2px;top:33.3%;height:33.3%;left:2px;position:absolute;transition:transform .35s ease .1s;transform:scale(.1);width:2px}.mob .nav-item.active:before,.mob .nav-item:hover:before{transform:scale(1)}#sign-in{overflow:hidden auto}#sign-in form{transition:.5s;width:min(90%,500px)}#sign-in form .form-body{background-color:#ffffff10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:50px 20px}#sign-in form .form-bg{background-color:transparent;z-index:-5}#sign-in .no-link{color:var(--btn-col)}#sign-in .no-link:hover{color:var(--btn2-col)}#sign-in .circle{aspect-ratio:1/1;border-radius:50%}#sign-in .or:before,#sign-in .or:after{content:"";background-color:var(--text2-col);position:absolute;top:50%;transform:translateY(-50%);height:1px;width:calc(50% - 20px)}#sign-in .or>*{padding:5px;width:max-content}#sign-in .or:before{left:0}#sign-in .or:after{right:0}#sign-in .aes{z-index:-5}#sign-in .aes>*{border-radius:35px;height:70px;filter:blur(40px);width:37%}#sign-in .err-msg{padding:10px;background-color:pink;border:1px solid salmon;border-radius:.5rem;color:red}#sign-in footer{font-weight:200;font-size:smaller;width:max-content}#sign-in .otp{padding:10px}#sign-in .code-box>*{aspect-ratio:1/1;border:1px solid grey;outline:1px solid transparent;border-radius:10px;font-size:40px;transition:.2s;text-align:center}#sign-in .code-box:focus-within>.active{border:1px solid black;outline:1px solid black}