@font-face{font-family:Sakkal Majalla;src:url(/assets/majalla-DDv_Saf7.woff2)format("woff2"),url(/assets/majalla-C5CZPkhg.woff)format("woff"),url(/assets/majalla-D3Xbf0SW.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Sakkal Majalla Bold;src:url(/assets/majallab-BYjvj4Pi.woff2)format("woff2"),url(/assets/majallab-mOeiCW9b.woff)format("woff"),url(/assets/majallab-CeeFYoYg.ttf)format("truetype");font-weight:700;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;font-family:Sakkal Majalla,sans-serif}body{background:#efe7da;overflow:hidden}html{color:"#011E17";font-size:62.5%}.loader-spin{z-index:1;justify-content:center;align-items:center;width:300px;display:flex;position:relative;transform:scale(2)}.loader-background{z-index:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.lbi{background-color:#0d1f19;width:50vw;height:14.2857vh}.transition-screen{z-index:10000;justify-content:center;align-items:center;width:100vw;height:105vh;display:none;position:absolute;top:-2.5vh;left:0}.transition-right,.transition-left{flex-direction:column;width:50%;height:105vh;display:flex}.tli{background-color:#0d1f19;width:50vw;height:calc(14.2857vh + 60px);position:relative}.tl1,.tr1{margin-top:10px}.transition-right-item{transform:translate(50vw)}.transition-left-item{transform:translate(-50vw)}.loader-percent{z-index:1;width:fit-content;height:fit-content;position:relative;overflow:hidden}.lodologo{border-radius:100%;animation:2s infinite grow}.loader-svg{width:200px}.loader-effect{width:70px;height:35px;margin-bottom:41px;position:absolute;left:67.5px;overflow:hidden;transform:scale(1.2)}.loader-effect:before{content:"";box-sizing:border-box;border:1px solid #fff;border-color:#fff #fff #0000 #0000;border-radius:50%;width:70px;height:70px;animation:2s ease-in-out 5 rotate;position:absolute;top:0;left:0;transform:rotate(115deg)}.loader-effect2{width:70px;height:35px;margin-top:41px;position:absolute;left:67.5px;overflow:hidden;transform:scale(1.2)rotate(180deg)}.loader-effect2:before{content:"";box-sizing:border-box;border:1px solid #fff;border-color:#fff #fff #0000 #0000;border-radius:50%;width:70px;height:70px;animation:2s ease-in-out 5 rotate;position:absolute;top:0;left:0;transform:rotate(115deg)}@keyframes rotate{0%{border-width:1px;transform:rotate(115deg)}50%{border-width:1px;transform:rotate(950deg)}75%{border-width:1px}to{border-width:1px;transform:rotate(115deg)}}.video-reveal{z-index:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.video-revL{position:absolute;top:0;left:50%}.video-revR{position:absolute;top:0;right:50%}.video-revR-i,.video-revL-i{background-color:#0d1f19;width:0;height:14.2857vh}.intro-video{z-index:1000;mix-blend-mode:screen;opacity:.8;background-color:#0000002a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.intro-video video{cursor:pointer;border-radius:5px;width:100%;box-shadow:0 0 50px #000}.intro-video-cont{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.close-intro-video{color:#fff;cursor:pointer;z-index:1001;filter:invert();background:0 0;border:2px solid #00000067;border-radius:100%;justify-content:center;align-items:center;font-size:3rem;transition:all .2s;display:flex;position:absolute;top:3%;right:2%}.close-intro-video:hover{filter:invert(0);background-color:#fff;border-color:#242424}.audio-toggle-btn{color:#fff;cursor:pointer;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:3%;right:5%}.audio-toggle-btn:hover{filter:invert();background-color:#000;border-color:#242424}.audio-toggle-btn svg{fill:#fff;width:24px;height:24px}.nox{transform:translate(0)}.ox{transform:translate(-200px)}.screens{font-family:Sakkal Majalla\, sans-serif}.screens-intro{z-index:2;color:#fff;width:40%;font-weight:100;position:absolute;top:30%;right:10%}.screens-intro-title{margin-bottom:15px;font-size:56px;font-weight:600;line-height:56px}.screens-intro-sub{width:90%;margin-bottom:20px;font-size:28px;font-weight:100;line-height:28px}.screens-intro-button{cursor:pointer;background:#fff;border:none;border-radius:24px;align-items:center;gap:8px;padding:12px 28px;font-size:18px;transition:filter .3s;display:flex}.screens-intro-button:hover{filter:drop-shadow(0 0 8px #fff9)}.screens-intro-button-icon{width:16px;height:16px;transform:rotate(180deg)}.screens-navigation{z-index:2;color:#fff;cursor:pointer;justify-content:center;align-items:center;width:fit-content;font-size:7vh;display:flex;position:absolute;bottom:3%;right:3%}.screens-navigation-icon{filter:invert();margin-left:30px;transform:rotate(180deg)}.screens-videos-container{z-index:1;color:#fff;gap:10%;width:100vw;height:100%;padding-right:1%;display:flex;position:relative;top:0;left:0}.screens-videos-container-left{flex-direction:column;flex:1;align-items:flex-start;max-width:600px;height:90%;display:flex}.screens-videos-container-left-title{letter-spacing:1px;margin-bottom:10px;font-size:70px;font-weight:700}.screens-videos-container-left-description{color:#ffffffd9;margin-bottom:10px;font-size:20px;line-height:1.3}.screens-videos-container-left-box{background:#ffffff1a;border-radius:12px;width:450px;margin-top:48px;padding:14px}.screens-videos-container-left-box-inner{background:#fff3;border-radius:12px;margin-bottom:12px;padding:12px}.screens-videos-container-left-box-inner-up{margin-bottom:16px;font-size:26px}.screens-videos-container-left-box-inner-down{color:#fffc;font-size:24px;line-height:1.3}.screens-videos-container-left-box-outer{letter-spacing:1.5px;cursor:pointer;font-size:18px;font-weight:600;transition:opacity .3s}.screens-videos-container-left-box-outer:hover{opacity:.7}.screens-videos-container-right{flex-direction:column;flex:1;gap:24px;height:65%;max-height:55%;display:flex}.screens-videos-container-right-up{gap:16px;height:100%;display:flex}.screens-videos-container-right-screen{background:#ffffff0d;border-radius:4px;overflow:hidden}.screens-videos-container-right-screen video{object-fit:cover;width:100%;height:100%}.screens-videos-container-right-thumbnails{flex-direction:column;gap:4px;height:100%;display:flex}.screens-videos-container-right-thumbnails-item{cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:2px;width:160px;height:120px;transition:all .3s}.screens-videos-container-right-thumbnails-item:hover{background:#ffffff1f;border-color:#ffffff4d}.screens-carousel{z-index:1;color:#fff;width:300px;height:300px;position:absolute;top:30%;left:-130px;transform:scale(1)}.screens-carousel-center-circle{z-index:0;height:300px;position:absolute;top:50%;left:15%;transform:translate(90%,-50%)}.screens-carousel-circle{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.screens-carousel-sector{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff7;border-radius:20px;width:100px;margin-left:0;font-size:18px;position:absolute}.screens-carousel-sector:hover{transform:scale(1.05)}.screens-carousel-sector.active{color:#fff;font-weight:600}.screens-video-container-right-numbers{text-align:center;justify-content:center;gap:40px;width:100%;margin-top:24px;display:flex}.screens-video-container-right-numbers-item{width:20%}.screens-video-container-right-numbers-item-up{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.screens-video-container-right-numbers-item-up-line{background:#fff;width:3px;height:40px}.screens-video-container-right-numbers-item-up-number{font-size:36px;font-weight:700;line-height:1}.screens-video-container-right-numbers-item-bot{color:#ffffffbf;padding-left:12px;font-size:18px;line-height:1.4}.screens-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:2;cursor:pointer;background:#ffffff4d;border-radius:50px;flex-direction:column;justify-content:center;width:fit-content;height:40px;padding:4px;display:none;position:absolute}.screens-card-inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd2;border-radius:50px;width:100%;height:100%;padding:4px 22px;display:flex}.screens-card-inner-up{text-align:center;width:70%;height:100%}.screens-card-inner-title{text-wrap:nowrap;text-align:center;text-transform:uppercase;color:#171f36;font-size:18px;font-weight:600}.screens-card-inner-desc{text-transform:uppercase;margin-top:8px;margin-left:8px;margin-right:8px;font-size:18px;line-height:1.3}.screens-card-inner-line{background:#0000001a;width:100%;height:1px}.screens-card-outer{letter-spacing:1.5px;width:fit-content;margin-top:4px;margin-bottom:4px;margin-left:10px;font-size:16px;font-weight:600}.screens-video-slides{z-index:1;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#000a;width:600%;height:100%;padding-top:10%;padding-left:3%;display:none;position:absolute;top:0;left:0}.screens-video-slides-close{cursor:pointer;z-index:10;filter:invert();border:2px solid #000;border-radius:100px;width:32px;height:32px;transition:all .2s;position:fixed;top:5%;right:5%}.screens-video-slides-close-icon{width:100%;height:100%}.screens-video-slides-close:hover{filter:invert(0);background-color:#fff;border-color:#fff}@media (max-width:1650px){.screens-intro{width:35%}.screens-intro-title{font-size:32px;line-height:48px}.screens-intro-sub{font-size:18px}.screens-intro-button{padding:10px 24px;font-size:16px}.screens-intro-button-icon{width:14px;height:14px}}@media (max-width:1200px){.screens-videos-container{flex-direction:column;padding:60px 40px}.screens-videos-container-left{max-width:100%}.screens-video-container-left-numbers{flex-wrap:wrap}}@media (max-width:768px){.screens-videos-container{gap:40px;padding:40px 24px}.screens-videos-container-left-title{font-size:32px}.screens-videos-container-left-description{font-size:16px}.screens-video-container-left-numbers{flex-direction:column;gap:24px}.screens-video-container-left-numbers-item-up-number{font-size:28px}.screens-videos-container-right-thumbnails{flex-wrap:wrap}.screens-videos-container-right-thumbnails-item{min-width:calc(33.333% - 12px)}.screens-carousel{width:250px;height:250px;left:2%}.screens-carousel-center-circle{width:50px;height:50px}.screens-carousel-sector{padding:6px 12px;font-size:14px}}*,:after,:before{box-sizing:border-box}a{color:var(--link-text);outline:none;text-decoration:none}a:hover,a:focus{color:var(--link-text-hover)}.hidden{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.icon{fill:currentColor;width:25em;height:25rem;margin:0 auto;display:block}.js .loading:before{content:"";z-index:10000;background:#ccd8e4;background:var(--body-bg);width:100%;height:100%;position:fixed;top:0;left:0}.js .loading:after{content:"";z-index:10000;pointer-events:none;background:#333;background:var(--body-text);transform-origin:0%;width:80px;height:80px;margin:-40px 0 0 -40px;animation:1.5s linear infinite alternate forwards loaderAnim;position:fixed;top:50%;left:50%}@keyframes loaderAnim{0%{transform-origin:0%;transform:scaleX(0)}50%{transform-origin:0%;transform:scale(1)}51%{transform-origin:100%;transform:scale(1)}to{transform-origin:100%;transform:scaleX(0)}}.frame{z-index:100;pointer-events:none;grid-template:"header header"". ."".demos"4em/50% 50%;width:100%;height:100vh;padding:2em;display:grid;position:fixed;top:0;left:0}.no-js .frame{height:auto;display:block;position:relative}.frame a{pointer-events:auto}.message{background:#333;background:var(--body-text);color:var(--body-bg);text-align:center;padding:1em;display:none}.codrops-header{z-index:100;flex-wrap:wrap;grid-area:header;align-self:start;align-items:center;display:flex;position:relative}.codrops-header__title{margin:0;font-size:1em;font-weight:400}.no-js .codrops-header{flex-direction:column}.no-js .codrops-header__title{padding:1em 0}.github{margin:0 0 0 auto}.codrops-links{text-align:center;white-space:nowrap;justify-content:space-between;align-items:center;margin:0 .5em 0 0;display:flex;position:relative}.codrops-icon{margin:0 .25em;padding:0 .25em;display:inline-block}.demos{text-align:center;grid-area:demos;place-self:end;display:block}.demo{margin:0 0 0 1em}.demo--current{color:var(--link-text-hover)}.grid{grid-auto-rows:calc((calc(100vh - 6em)/30) - var(--gap));grid-auto-columns:calc((calc(100% - 6em)/30) - var(--gap));grid-gap:var(--gap);pointer-events:none;place-content:center;width:calc(100% - 6em);height:calc(80vh - 6em);margin-top:15vh;display:grid;transform:scale(.9)}.no-js .grid{margin:0 0 15vh}.js .grid{opacity:0;position:absolute;top:3em;left:3em}.js .grid--current{opacity:1;pointer-events:auto}.grid__item{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:1em;transition:transform .2s ease-out;position:relative}.grid__item--pre-reveal,.grid__item--pre-reveal .grid__item-text,.grid__item--pre-reveal.grid__item--name,.grid__item--pre-reveal.grid__item--title,.grid__item--pre-reveal.grid__item--text{opacity:0!important;visibility:hidden!important}.grid--current .grid__item{opacity:1;visibility:visible}.grid__item--name,.grid__item--title,.grid__item--text{pointer-events:none;margin:0;padding:0}.grid__item--name,.grid__item--title{text-transform:uppercase;font-family:Kanit,sans-serif}.grid__item--name{color:#fff;text-shadow:-4px 0 2px #00000080;margin-top:15vh;font-family:Sakkal Majalla Bold,sans-serif;font-size:11vw;font-weight:700;line-height:7.5vw;position:relative}.grid__item--name span{display:inline-block;transform:translateY(30px)}.grid__item--title{text-transform:uppercase;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;text-align:right;color:var(--grid-title-text);justify-content:flex-end;font-size:3.5vh;display:flex}.grid__item--text{color:var(--grid-text);line-height:1.2;display:flex}.grid__item--nav{background:#2ef459;background:var(--grid-nav-bg);color:var(--grid-nav-text);cursor:pointer;align-items:center;width:250rem;height:100rem;display:flex}.grid__item--nav:hover{background:#1f1f1f;background:var(--grid-nav-bg-hover);color:var(--grid-nav-text-hover)}.grid__item--nav-next .icon--nav-arrow{filter:invert();margin:0 0 0 auto;position:relative;right:23rem;transform:rotate(180deg)}.grid__item--nav-prev .icon--nav-arrow{filter:invert();margin:0;position:relative;left:23rem}.no-js .grid__item--nav{display:none}.grid__item--animateOut{animation:.4s cubic-bezier(.7,0,.3,1) forwards animateOut}@keyframes animateOut{to{opacity:0}}.grid__item--animateIn{animation:.4s cubic-bezier(.7,0,.3,1) forwards animateIn}@keyframes animateIn{0%{opacity:0}to{opacity:1}}.grid--layout-1 .grid__item:first-child{z-index:1;grid-area:11/1/17/5;position:relative}.grid--layout-1 .grid__item:nth-child(2){z-index:2;grid-area:22/6/28/10;position:relative}.grid--layout-1 .grid__item:nth-child(3){z-index:3;grid-area:8/5/22/15;position:relative}.grid--layout-1 .grid__item:nth-child(4){z-index:4;grid-area:22/10/29/15;position:relative}.grid--layout-1 .grid__item:nth-child(5){z-index:5;grid-area:3/11/8/15;position:relative}.grid--layout-1 .grid__item:nth-child(6){z-index:6;grid-area:17/15/24/20;position:relative}.grid--layout-1 .grid__item:nth-child(7){z-index:7;grid-area:9/15/17/23;position:relative}.grid--layout-1 .grid__item:nth-child(8){z-index:8;grid-area:2/18/9/23;position:relative}.grid--layout-1 .grid__item:nth-child(9){z-index:9;background-image:url(../img/18.jpg);grid-area:18/20/22/26;position:relative}.grid--layout-1 .grid__item:nth-child(10){z-index:10;grid-area:22/20/28/23;position:relative}.grid--layout-1 .grid__item:nth-child(11){z-index:11;grid-area:2/23/8/27;position:relative}.grid--layout-1 .grid__item:nth-child(12){z-index:12;grid-area:9/23/15/30;position:relative}.grid--layout-1 .grid__item:nth-child(13){z-index:13;grid-area:17/26/22/28;position:relative}.grid--layout-1 .grid__item:nth-child(18){z-index:14;grid-area:22/6/25/2;position:relative}.grid--layout-1 .grid__item--name{z-index:15;grid-area:3/12/30/25;position:relative}.grid--layout-1 .grid__item--title{z-index:19;grid-area:1/27/11/29;position:relative}.grid--layout-1 .grid__item--text{z-index:16;grid-area:22/23/30/26;position:relative}.grid--layout-1 .grid__item--nav-prev{z-index:17;grid-area:4/6/8/11;position:relative}.grid--layout-1 .grid__item--nav-next{z-index:18;grid-area:24/15/29/20;position:relative}.grid--layout-2{margin-top:5%;margin-left:-4%}.grid--layout-2 .grid__item:first-child{z-index:1;grid-area:17/1/24/5;position:relative}.grid--layout-2 .grid__item:nth-child(2){z-index:2;grid-area:22/6/28/10;position:relative}.grid--layout-2 .grid__item:nth-child(3){z-index:3;grid-area:17/5/22/10;position:relative}.grid--layout-2 .grid__item:nth-child(4){z-index:4;grid-area:17/10/26/15;position:relative}.grid--layout-2 .grid__item:nth-child(5){z-index:5;grid-area:5/10/17/15;position:relative}.grid--layout-2 .grid__item:nth-child(6){z-index:6;grid-area:11/15/24/20;position:relative}.grid--layout-2 .grid__item:nth-child(7){z-index:7;grid-area:5/15/10/20;position:relative}.grid--layout-2 .grid__item:nth-child(8){z-index:8;grid-area:1/18/11/23;position:relative}.grid--layout-2 .grid__item:nth-child(9){z-index:9;grid-area:20/20/27/24;position:relative}.grid--layout-2 .grid__item:nth-child(10){z-index:10;grid-area:24/15/29/20;position:relative}.grid--layout-2 .grid__item:nth-child(11){z-index:12;grid-area:4/22/30/25;position:relative}.grid--layout-2 .grid__item:nth-child(12){z-index:11;grid-area:11/20/20/30;position:relative}.grid--layout-2 .grid__item:nth-child(13){z-index:13;grid-area:24/24/29/28;position:relative}.grid--layout-2 .grid__item:nth-child(17){z-index:13;grid-area:1/6/9/10;position:relative}.grid--layout-2 .grid__item--name{z-index:19;grid-area:14/7/30/19;position:relative}.grid--layout-2 .grid__item--title{z-index:14;grid-area:1/27/11/29;position:relative}.grid--layout-2 .grid__item--text{text-align:right;z-index:15;grid-area:1/5/9/10;align-items:flex-end;position:relative}.grid--layout-2 .grid__item--nav-prev{z-index:16;grid-area:9/5/14/10;position:relative}.grid--layout-2 .grid__item--nav-next{z-index:17;grid-area:20/24/25/30;position:relative}.grid--layout-3 .grid__item:first-child{grid-area:5/5/14/15}.grid--layout-3 .grid__item:nth-child(2){grid-area:5/11/14/21}.grid--layout-3 .grid__item:nth-child(3){grid-area:5/17/14/25}.grid--layout-3 .grid__item:nth-child(4){grid-area:15/5/14/15}.grid--layout-3 .grid__item:nth-child(5){grid-area:15/11/14/21}.grid--layout-3 .grid__item:nth-child(6){grid-area:15/17/14/25}.grid--layout-3 .grid__item:nth-child(7){grid-area:18/-5/20/4}.grid--layout-3 .grid__item:nth-child(8){grid-area:1/7/6/10}.grid--layout-3 .grid__item:nth-child(9){grid-area:20/20/27/24}.grid--layout-3 .grid__item:nth-child(10){grid-area:-5/-5/20/20}.grid--layout-3 .grid__item:nth-child(11){grid-area:4/23/11/27}.grid--layout-3 .grid__item:nth-child(12){grid-area:11/20/20/30}.grid--layout-3 .grid__item:nth-child(13){grid-area:20/24/26/28}.grid--layout-3 .grid__item--title{grid-area:1/27/11/29}.grid--layout-3 .grid__item--text{text-align:right;grid-area:19/5/30/10}.grid--layout-3 .grid__item--nav-prev{grid-area:1/1/1/1}.grid--layout-3 .grid__item--nav-next{grid-area:6/18/11/23}.demo-2{--gap:10px;--body-text:#333;--body-bg:#c4f8de;--link-text:#000;--link-text-hover:#727272;--grid-name-text:#7ed72e;--grid-title-text:#39c283;--grid-nav-text:#000;--grid-nav-bg:#39c283;--grid-nav-text-hover:#fff;--grid-nav-bg-hover:#000;--grid-text:#39c283}.demo-1 .revealer--hideX,.demo-1 .revealer--hideY,.demo-1 .revealer--showX,.demo-1 .revealer--showY,.demo-1 .grid__item--animateOut,.demo-1 .grid__item--animateIn,.demo-2 .revealer--hideX,.demo-2 .revealer--hideY,.demo-2 .revealer--showX,.demo-2 .revealer--showY,.demo-2 .grid__item--animateOut,.demo-2 .grid__item--animateIn{animation-duration:.4s}.demo-3{--gap:20px;--body-text:#d3d9d9;--body-bg:#252626;--link-text:#727676;--link-text-hover:#f95422;--grid-name-text:#f95422;--grid-title-text:#1f2ee0;--grid-nav-text:#000;--grid-nav-bg:#fffa3a;--grid-nav-text-hover:#fff;--grid-nav-bg-hover:#1f2ee0;--grid-text:#fff}.demo-3 div.grid__item:not(.grid__item--nav):after{content:"";mix-blend-mode:exclusion;opacity:0;pointer-events:none;background:#0013ff;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.demo-1 div.grid__item:not(.grid__item--nav){transition:filter transform .3s!important}.demo-1 .grid:not(.grid--animating) div.grid__item:not(.grid__item--nav):not(.nohoverafter):hover{filter:grayscale(0)brightness()}.demo-3 .grid:not(.grid--animating) div.grid__item:not(.grid__item--nav):hover:after{opacity:1}.nohoverafter:hover:after{opacity:0}@media screen and (max-width:60em){.message{display:block}.frame{text-align:center;height:auto;display:block;position:relative}.codrops-header{flex-direction:column}.codrops-header__title{padding:1em 0}.github{margin:0 auto}.demos{padding:1em 0 0}.demo{margin:0 .5em}main .grid{grid-gap:1vw;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));width:100%;height:auto;margin:0 0 5em;padding:0 2em;grid-auto-rows:auto!important;grid-auto-columns:auto!important;top:auto!important;left:auto!important}.grid__item{min-height:50px;grid-area:auto!important}.grid__item br{content:"";display:none}.grid__item--name,.grid__item--title,.grid__item--text{justify-content:flex-start;min-height:0;padding:1vh 0;text-align:left!important;grid-column:1/-1!important}.grid__item--name{grid-row:1/-1!important}.grid .grid__item--title{-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}}.revealer{opacity:0;pointer-events:none;background:#fff;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px}.revealer--right{transform-origin:100%}.revealer--left{transform-origin:0%}.revealer--top{transform-origin:50% 0}.revealer--bottom{transform-origin:50% 100%}.revealer--showX,.revealer--hideX,.revealer--showY,.revealer--hideY,.revealer--visible{opacity:1}.revealer--hideX{animation:.8s cubic-bezier(.7,0,.3,1) forwards hideX}@keyframes hideX{0%{transform:scaleX(0)}to{transform:scale(1)}}.revealer--showX{animation:.8s cubic-bezier(.7,0,.3,1) forwards showX}@keyframes showX{to{opacity:1;transform:scaleX(0)}}.revealer--hideY{animation:.4s ease-out forwards hideY}@keyframes hideY{0%{transform:scaleY(0)}to{transform:scale(1)}}.revealer--showY{animation:.4s ease-out forwards showY}@keyframes showY{to{opacity:1;transform:scaleY(0)}}.grid__item-text{color:#fff;justify-content:center;padding:1rem;font-size:16em;font-weight:100;line-height:14rem;display:flex}.bandw{filter:grayscale()brightness(60%)}.title-bot{grid-area:3/10/30/25!important}.grid-numbers{color:#fff;text-align:end;width:fit-content;height:fit-content}.grid-num-title{font-size:55rem;font-weight:700}.grid-num-text{font-size:16rem;line-height:16rem}.align-left{text-align:left}.grid-box{color:#fff;pointer-events:initial;background:#272727;width:fit-content;height:fit-content;padding:10rem}.grid-box-title{text-wrap:nowrap;font-size:28rem;font-weight:700}.grid-box-text{font-size:18em;font-weight:100;line-height:18rem}.grid-box-link{color:#fff;justify-content:space-between;width:32%;margin-top:4rem;font-size:14rem;display:flex}.grid-box-arrow{fill:#fff;filter:invert();width:20rem;height:20rem;transform:rotate(180deg)}.grid-box-link:hover{color:#fff;text-decoration:underline}.grid-box-link:visited{color:#fff}.grid-box:hover{background:#1f1f1f}.title-left{margin-left:-7.5vw}.title-right{margin-left:7.5vw}.title-medium{font-size:9vw;line-height:5vw}.invi{opacity:0!important}.extra-mt{margin-top:25vh}.medium-mt{margin-top:15vh}.align-right{text-align:right}.align-center{text-align:center}.extra-fs{color:#fff;font-size:20rem;text-align:left!important}.grid-tally{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;margin-top:5rem;margin-left:60rem;display:flex}.grid-tally-num{width:200rem;font-size:100rem;font-weight:700}.grid-tally-title{text-transform:uppercase;text-align:center;width:300rem;height:50rem;font-size:32em;font-weight:100;line-height:26rem}.fit{width:fit-content;height:fit-content}.big-text{color:#fff;margin-top:20rem;margin-bottom:15rem;font-size:30rem;line-height:34rem}.filter-panel{color:#fff;z-index:1;width:20%;position:relative}.difnav{animation:3s infinite navAnim}@keyframes navAnim{0%{text-shadow:0 0 #79ff44}50%{text-shadow:0 0 20px #fff344}to{text-shadow:0 0 #79ff44}}.globe-intro{color:#fff;text-align:center;z-index:100;background:#011e1782;justify-content:space-around;align-items:center;gap:15%;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.globe-intro-left{flex-direction:column;align-items:flex-start;display:flex}.globe-intro-right{flex-direction:column;align-items:flex-start;margin-left:-5%;display:flex}.globe-intro-inner-title{letter-spacing:2px;opacity:0;margin-bottom:20px;font-size:100px;font-weight:700;line-height:80px}.globe-intro-inner-pre{opacity:0;font-size:42px}.globe-intro-inner-description{text-align:start;opacity:0;margin-bottom:20px;font-size:24px;line-height:32px}.globe-intro-inner-button{color:#011e17;cursor:pointer;opacity:0;background-color:#fff;border:none;border-radius:100px;align-items:center;margin-top:15px;padding:13px 30px;font-size:20px;font-weight:700;display:flex}.globe-intro-inner-button-arrow{width:20px;height:20px;margin-left:16px;transform:rotate(180deg)}.globe-intro-inner-button:hover{background-color:#ffffffad}.globe-intro-inner-button{transition:background-color .3s}.globe-navbar{z-index:1111;color:#011e17;justify-content:space-between;width:60%;margin-top:1%;margin-bottom:30px;margin-left:3%;display:flex;position:relative;transform:translateY(-200px)}.globe-navbar-logo{margin-right:5%}.globe-navbar-list{justify-content:space-between;align-items:center;width:80%;margin-left:1%;list-style:none;display:flex}.globe-navbar-list-item{cursor:pointer;font-size:.9vw;transition:all .3s;display:inline-block}.globe-dropdown{margin-top:15px;margin-left:40px}.globe-dropdown-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#011e17;background-color:#ffffff1a;border:none;border-radius:12px;align-items:center;padding:5px;transition:background-color .3s;display:flex}.globe-dropdown-button-in{background-color:#ffffff1a;border-radius:10px;align-items:center;padding:7px 25px;display:flex}.globe-dropdown-button-dot{border:3px solid;border-radius:100px;width:16px;height:16px;margin-right:8px}.globe-dropdown-button-text{margin-top:4px;font-size:20px;display:inline}.globe-dropdown-button:hover{background-color:#fff3}.globe-dropdown-button-active{cursor:pointer;color:#011e17;background:0 0;border:none;align-items:center;padding:15px 30px;display:flex}.globe-dropdown-button-active-dot{width:16px;height:16px}.globe-dropdown-button-active-text{margin-top:4px;font-size:20px;display:inline}.globe-dropdown-button-active:hover{background-color:#fff}.globe-dropdown-options{color:#fff;flex-direction:column;justify-content:space-around;height:auto;display:flex}.globe-dropdown-item{cursor:pointer;color:#011e17;background-color:#ffffff1a;border:none;border-radius:17.5px;align-items:center;width:fit-content;margin-top:10px;padding:10px 25px;display:flex}.globe-dropdown-item-dot{background-color:#fff;border:3px solid #000000bf;border-radius:100px;width:16px;height:16px;margin-right:8px}.globe-dropdown-item-text{text-wrap:nowrap;margin-top:4px;font-size:16px;display:inline}.globe-foot{z-index:1111;align-items:center;display:flex;position:absolute;bottom:3%;left:3%;transform:translateY(200px)}.globe-foot-switch{background:#ffffff80;border-radius:50px;justify-content:space-around;align-items:center;width:122px;height:60px;margin-left:15px;display:flex}.globe-foot-switch-item{z-index:1;cursor:pointer;height:100%;transition:all .2s;display:inline-block;position:relative}.globe-foot-switch-ball{aspect-ratio:1;z-index:0;background-color:#324841;border-radius:100px;width:auto;height:85%;margin-right:50%;transition:all .2s;position:absolute}.side-panel{z-index:11;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:48%;align-items:center;width:70%;height:200%;padding-left:5%;display:flex;position:absolute;top:-50%;right:-70%}.side-panel-close{cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#ffffff0d;border-radius:100px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:-30px;box-shadow:0 0 10px #0000000d}.side-panel-logo{height:80px}.side-panel-name{color:#011e17;margin-bottom:5px;font-size:48px;font-weight:700}.side-panel-image{border-radius:12px;width:400px;max-width:400px;margin-top:5px;margin-bottom:15px}.side-panel-description{color:#011e17;max-width:400px;margin-bottom:10px;font-size:22px;line-height:30px}.side-panel-divider{color:#011e17;justify-content:space-between;width:fit-content;max-width:400px;display:flex}.side-panel-container{color:#011e17;margin-bottom:5px;margin-left:18px;display:flex}.side-panel-container-icon{width:20px;height:20px;margin-top:3px;margin-right:3px}.side-panel-container-text{font-size:19px;font-weight:700}.side-panel-content{color:#011e17;max-width:400px;font-size:24px;line-height:24px}.side-panel-link{color:#011e17;align-items:center;width:fit-content;margin-top:15px;font-size:19px;font-weight:700;text-decoration-line:underline;display:flex}.side-panel-link-icon{width:16px;height:16px;margin-bottom:3px;margin-left:4px}.noml{margin-left:0!important}.subcatbig{grid-template-columns:repeat(3,auto);gap:10px 20px;display:grid}.pin-card{z-index:12;-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);background-color:#ffffff80;border-radius:12px;padding:12px;position:absolute;box-shadow:0 2px 10px #0000001a}.pin-card-inner{background-color:#ffffff80;border-radius:12px;flex-direction:column;justify-content:space-between;height:80%;min-height:160px;padding:5px;display:flex}.pin-card-inner-top{display:flex}.pin-card-inner-top-logo{border-radius:100px;width:70px;height:70px;margin-right:15px}.pin-card-inner-top-info{width:60%;line-height:1.6vh}.pin-card-inner-top-info-category{color:#000;background-color:#fff;border-radius:50px;width:fit-content;margin-top:6px;margin-bottom:12px;padding:0 15px;font-size:18px;font-weight:700}.pin-card-inner-top-info-name{font-size:28px;font-weight:700;line-height:28px}.pin-card-inner-top-info-desc{opacity:.5;margin-top:8px;font-size:28px;line-height:28px}.pin-card-inner-line{opacity:.05;background-color:#000;width:100%;height:1px;margin-top:10px}.pin-card-inner-bottom{align-items:center;width:fit-content;margin-top:10px;display:flex}.pin-card-inner-bottom-group{align-items:center;max-width:fit-content;margin-right:20px;display:flex}.pin-card-inner-bottom-icon{width:15px;height:15px;margin-bottom:24px;margin-left:15px}.pin-card-inner-bottom-location{flex-direction:column;margin-bottom:10px;margin-left:5px;line-height:1.6vh;display:flex}.pin-card-inner-bottom-location1{color:#000;opacity:.5;font-size:16px}.pin-card-inner-bottom-location2{color:#000;opacity:.7;font-size:16px;font-weight:700}.pin-card-outer{color:#011e17;cursor:pointer;align-items:center;height:20%;font-size:12px;font-weight:700;display:flex}.pin-card-outer-arrow{width:20px;height:20px;margin-left:8px;transform:rotate(180deg)}@media (max-width:1600px){.side-panel-image{max-width:350px}.side-panel-name{font-size:40px}.side-panel-description{max-width:350px;font-size:18px;line-height:20px}.side-panel-container-text{font-size:18px}.side-panel-content{font-size:22px;line-height:22px}.side-panel-link{font-size:18px}.globe-intro-inner-title{font-size:70px;line-height:50px}.globe-intro-inner-pre{font-size:36px}.globe-intro-inner-description{margin-bottom:10px;font-size:20px;line-height:28px}.globe-intro-inner-button{padding:10px 30px;font-size:18px}.globe-navbar{margin-left:1%}.globe-navbar-logo{height:65px}.globe-navbar-list{width:75%}.globe-foot-poweredby{width:160px}.globe-foot-switch{width:100px;height:45px;margin-left:15px}.globe-foot-switch-item{height:30%}.globe-foot-switch-ball{aspect-ratio:1;width:auto;height:85%;margin-right:50%;position:absolute}}@media (max-width:1440px){.globe-intro-inner-title{font-size:60x;line-height:55px}.globe-intro-inner-pre{font-size:30px}.globe-intro-inner-description{font-size:17px;line-height:17px}.globe-intro-inner-description2{font-size:17px;line-height:20px}.globe-intro-inner-button{padding:12px 32px;font-size:16px}.side-panel-name{font-size:38px}.side-panel-description{font-size:16px;line-height:18px}.side-panel-container-text{font-size:17px}.side-panel-content{max-width:350px;font-size:20px;line-height:20px}.side-panel-link{font-size:17px}.pin-card-inner-top-info-category{font-size:15px}.pin-card-inner-top-info-name,.pin-card-inner-top-info-desc{font-size:22px;line-height:22px}.pin-card-inner-bottom-location1,.pin-card-inner-bottom-location2{font-size:14px}}@media (max-width:1366px){.globe-intro-inner-description{font-size:16px;line-height:16px}.globe-intro-inner-description2{font-size:16px;line-height:19px}.globe-intro-inner-button{padding:11px 28px;font-size:18px}.side-panel-logo{height:70px}.side-panel-name{font-size:34px}.side-panel-description{font-size:17px;line-height:24px}.side-panel-container-text{font-size:16px}.side-panel-content{font-size:18px;line-height:18px}.side-panel-link{font-size:16px}.side-panel-image{max-width:330px}.pin-card-inner-top-logo{width:60px;height:60px}.pin-card-inner-top-info-category{font-size:14px}.pin-card-inner-top-info-name,.pin-card-inner-top-info-desc{font-size:20px;line-height:20px}.pin-card-inner-bottom-location1,.pin-card-inner-bottom-location2{font-size:13px}}@media (max-height:835px){.globe-dropdown-button-text,.globe-dropdown-button-active-text{font-size:14px}.globe-dropdown-item{border-radius:12px}.globe-dropdown-item-dot{width:14px;height:14px}.globe-dropdown-item-text{font-size:10px}.side-panel-name{font-size:32px}.side-panel-description{max-width:300px;font-size:16px;line-height:18px}.side-panel-container-text{font-size:16px}.side-panel-content{max-width:300px;font-size:22px;line-height:22px}.side-panel-link{font-size:18px}.side-panel-image{max-width:300px}.pin-card-inner-top-info-category{padding:2.5px 10px;font-size:18px}.pin-card-inner-top-info-name,.pin-card-inner-top-info-desc{font-size:20px;line-height:16px}.pin-card-inner-bottom-location1,.pin-card-inner-bottom-location2{font-size:14px}}@media (max-width:1280px){.globe-intro-inner-description{font-size:15px;line-height:15px}.globe-intro-inner-description2{font-size:15px;line-height:18px}.globe-intro-inner-button{padding:10px 26px;font-size:17px}.globe-dropdown{margin-left:40px}.globe-dropdown-button-text,.globe-dropdown-button-active-text,.globe-dropdown-item-text{font-size:13px}.side-panel-logo{height:65px}.side-panel-name{font-size:32px}.side-panel-description{font-size:16px;line-height:22px}.side-panel-container-text{font-size:15px}.side-panel-content{font-size:17px;line-height:17px}.side-panel-link{font-size:15px}.pin-card-inner-top-logo{width:55px;height:55px}.pin-card-inner-top-info-category{padding:0 12px;font-size:13px}.pin-card-inner-top-info-name,.pin-card-inner-top-info-desc{font-size:18px;line-height:18px}.pin-card-inner-bottom-location1,.pin-card-inner-bottom-location2{font-size:12px}}@media (max-width:1024px){.globe-intro-inner-title{font-size:70px;line-height:58px}.globe-intro-inner-pre{font-size:15px}.globe-intro-inner-description{width:45%;font-size:14px;line-height:14px}.globe-intro-inner-description2{width:42%;font-size:14px;line-height:16px}.globe-intro-inner-button{padding:9px 24px;font-size:16px}.globe-dropdown{margin-left:30px}.globe-dropdown-button{padding:12px 24px}.globe-dropdown-button-text,.globe-dropdown-button-active-text{font-size:15px}.globe-dropdown-item{padding:8px 20px}.globe-dropdown-item-text{font-size:15px}.side-panel-logo{height:60px}.side-panel-name{font-size:28px}.side-panel-description{font-size:15px;line-height:20px}.side-panel-container-text{font-size:14px}.side-panel-content{width:40%;font-size:16px;line-height:16px}.side-panel-link{font-size:14px}.pin-card-inner{min-height:140px}.pin-card-inner-top-logo{width:50px;height:50px;margin-right:12px}.pin-card-inner-top-info-category{padding:0 10px;font-size:12px}.pin-card-inner-top-info-name,.pin-card-inner-top-info-desc{font-size:16px;line-height:16px}.pin-card-inner-bottom-icon{width:13px;height:13px}.pin-card-inner-bottom-location1,.pin-card-inner-bottom-location2,.pin-card-outer{font-size:11px}}html,body,#root{background:#fff;width:100%;height:100%;position:fixed;top:0;left:0}html{font-size:.109769vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.cloudsUiSection{z-index:100;opacity:1;pointer-events:none;width:100vw;height:100vh;font-family:Sakkal Majalla,sans-serif;transition:opacity 1s ease-in-out;position:fixed;top:0;left:0}.cloudsUiSection.hidden{opacity:0}.cloudsSectionArticle{z-index:1;width:550rem;height:100vh;padding:0 10rem;transition:transform .5s cubic-bezier(.57,0,.375,1);position:absolute;top:0;right:0;transform:translate(0%)}.cloudsArticleOpen{transform:translate(100%)}.cloudSectionArticleRound{-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);opacity:1;z-index:-1;background:#eff0eead;border-radius:100%;width:100vh;height:100vh;position:absolute;top:0;left:0;transform:translate(90%)scale(3)}.cloudsSectionToggleButton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;filter:drop-shadow(0 0 10rem #0000001a);cursor:pointer;pointer-events:all;background:#ffffff75 url(/cross.svg) 50%/14rem no-repeat;border:none;border-radius:100%;width:60rem;height:60rem;transition:transform .3s cubic-bezier(.57,0,.375,1),opacity .3s;position:absolute;top:50%;left:0;transform:translate(-30rem,-50%)scale(.35)rotate(0)}.cloudsSectionToggleButtonOpen{transform:translate(-30rem,-50%)scale(.35)rotate(45deg)}.cloudsSectionToggleButton:hover{opacity:.8;transform:translate(-30rem,-50%)scale(.4)}.cloudsSectionToggleButtonOpen:hover{opacity:.8;transform:translate(-30rem,-50%)scale(.4)rotate(45deg)}.cloudSectionArticleDataContainer{pointer-events:all;flex-direction:column;justify-content:center;width:100%;height:100%;padding:50rem 50rem 50rem 10rem;display:flex}.cloudSectionArticleDataContainer::-webkit-scrollbar{display:none}.cloudArticleLogo{object-fit:contain;width:80rem;height:80rem}.cloudArticleMainTitle{margin-top:15rem;margin-bottom:15rem;font-size:40rem;font-weight:600;line-height:33rem}.cloudArticleMainDescription{text-transform:uppercase;margin-bottom:15rem;font-size:20rem;line-height:30rem}.cloudArticleThumbnail{object-fit:contain;margin-bottom:15rem}.cloudArticleSecondaryTitle{margin-bottom:15rem;font-size:36rem;line-height:39.6rem}.cloudArticleSecondaryDescription{margin-bottom:15rem;font-size:20rem;line-height:28rem}.cloudArticleShowMoreButton{letter-spacing:1.2rem;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:35rem;align-self:flex-start;font-size:17rem;font-weight:700;transition:all .3s ease-in-out;display:block;position:relative}.cloudArticleDiscoverButton{-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);pointer-events:initial;cursor:pointer;background-color:#ffffff75;border-radius:7.5px;width:400rem;height:150rem;margin-top:20rem;padding:0;transition:all .3s ease-out;display:flex;position:absolute;bottom:10%;left:2%}.cloudDiscoverLeft{background:url(/img/pif-head.png) 50%/cover no-repeat;border-top-left-radius:7.5px;border-bottom-left-radius:7.5px;width:45%;height:100%}.cloudDiscoverRight{flex-direction:column;justify-content:center;width:60%;height:100%;padding:10rem;display:flex}.cloudDiscoverRightUp{color:#0f8b48;align-items:center;gap:10rem;margin-bottom:5rem;font-size:20rem;font-weight:600;display:flex}.cloudDiscoverRightDown{color:#011e17;font-size:24rem;font-weight:600;line-height:31.2rem}.cloudPulse{border:2rem solid #0f8b48;border-radius:100%;width:15rem;height:15rem;margin-bottom:5px;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.cloudArticleShowMoreButton{background-color:none;color:#011e17;pointer-events:all;border:1rem solid #011e17;justify-content:center;align-items:center;gap:40rem;width:100%;margin-bottom:15rem;padding:10rem 35rem;display:flex;left:50%;transform:translate(-50%)}.cloudArticleShowMoreButton:before{content:"";background-position:0 0;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:22rem;height:22rem;margin-top:20rem;transition:all .3s ease-in-out}.cloudArticleDiscoverButton:before{background-image:url(/arrow.svg);right:0;transform:translate(-150%,-50%)}.cloudArticleShowMoreButton:before{background-image:url(/info.svg);left:0;transform:translate(150%,-50%)}.cloudArticleDiscoverButton:hover,.cloudArticleShowMoreButton:hover{opacity:.8}.cloudArticleDiscoverButton:hover:before{transform:translate(-100%,-50%)}.cloud-line{opacity:.1;background-color:#011e17;width:100%;height:1rem;margin-top:15rem;margin-bottom:25rem;margin-left:0}.cloudArticleSectorTitle{color:#a0734d;margin-top:20rem;font-size:30rem;line-height:22rem}.cloudToken{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#c28c6860;border:1px solid #ffffff40;border-radius:210rem;justify-content:center;align-items:center;width:210rem;height:210rem;display:flex;position:absolute;top:0;left:0}.cloudTokenDataContainer{background-color:#f3f1ee7a;border:1px solid #ffffff40;border-radius:190rem;flex-direction:column;justify-content:center;align-items:center;width:190rem;height:190rem;display:flex}.cloudTokenName{text-align:center;color:#000;font-size:44rem}.cloudTokenValue{text-align:center;color:#000;padding-left:10rem;padding-right:10rem;font-size:16rem;line-height:17.6rem}.no-mobile-container{z-index:9999;background-color:#041107;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.no-mobile-content{color:#fff;max-width:90%;padding:2rem}.no-mobile-content h2{margin-bottom:1rem;font-size:30rem;font-weight:600;line-height:1.4}.no-mobile-content p{opacity:.9;font-size:24rem;line-height:1.5}@media (max-width:480px){.no-mobile-content h2{font-size:22px}.no-mobile-content p{font-size:14px}}@media (max-width:320px){.no-mobile-content h2{font-size:20rem}.no-mobile-content p{font-size:12rem}}