html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}html{font-size:.10976948408342481vh}@font-face{font-family:sakkal;src:url(/assets/sakkal_majalla_regular-webfont-B9oO3Uy_.woff2) format("woff2"),url(/assets/sakkal_majalla_regular-webfont-BCCBslQd.woff) format("woff");font-weight:400;font-style:normal}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.cloudsUiSection{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;transition:opacity 1s ease-in-out;font-family:sakkal,sans-serif;opacity:1;pointer-events:none}.cloudsUiSection.hidden{opacity:0}.cloudsSectionArticle{position:absolute;top:0;right:0;height:100vh;width:550rem;transform:translate(0);transition:transform .5s cubic-bezier(.57,0,.375,1);background:red;z-index:1}.cloudsArticleOpen{transform:translate(100%)}.cloudSectionArticleRound{position:absolute;top:0;left:0;height:100vh;width:100vh;background:#eff0ee;opacity:1;transform:translate(90%) scale(3);border-radius:100%;z-index:-1}.cloudsSectionToggleButton{position:absolute;top:50%;left:0;height:60rem;width:60rem;background:#fff;opacity:1;transform:translate(-30rem,-50%) scale(.35) rotate(0);border-radius:100%;filter:drop-shadow(0 0 10rem rgba(0,0,0,.1));background-image:url(/cross.svg);background-repeat:no-repeat;background-position:center;background-size:14rem;cursor:pointer;pointer-events:all;border:none;transition:transform .3s cubic-bezier(.57,0,.375,1),opacity .3s ease}.cloudsSectionToggleButtonOpen{transform:translate(-30rem,-50%) scale(.35) rotate(45deg)}.cloudsSectionToggleButton:hover{transform:translate(-30rem,-50%) scale(.4);opacity:.8}.cloudsSectionToggleButtonOpen:hover{transform:translate(-30rem,-50%) scale(.4) rotate(45deg);opacity:.8}.cloudSectionArticleDataContainer{width:100%;height:100%;padding:50rem 50rem 50rem 10rem;display:flex;flex-direction:column;justify-content:center;overflow-y:scroll;pointer-events:all}.cloudSectionArticleDataContainer::-webkit-scrollbar{display:none}.cloudArticleLogo{width:80rem;height:80rem;object-fit:contain}.cloudArticleMainTitle{font-size:50rem;margin-top:15rem;margin-bottom:15rem;line-height:calc(50rem * 1.1)}.cloudArticleMainDescription{font-size:20rem;line-height:30rem;margin-bottom:15rem;text-transform:uppercase}.cloudArticleThumbnail{object-fit:contain;margin-bottom:15rem}.cloudArticleSecondaryTitle{font-size:36rem;line-height:39.6rem;margin-bottom:15rem}.cloudArticleSecondaryDescription{font-size:24rem;margin-bottom:15rem}.cloudArticleDiscoverButton,.cloudArticleShowMoreButton{display:block;position:relative;font-size:17rem;letter-spacing:1.2rem;color:#fff;border:none;align-self:flex-start;border-radius:35rem;cursor:pointer;font-weight:400;transition:all .3s ease-in-out;font-weight:700}.cloudArticleDiscoverButton{background-color:#011e17;padding:20rem 72.4rem 20rem 35rem;margin-top:20rem}.cloudArticleShowMoreButton{background-color:#f2f1ee;padding:20rem 35rem 20rem 72.4rem;color:#011e17;position:absolute;bottom:50rem;left:50%;transform:translate(-50%);pointer-events:all}.cloudArticleDiscoverButton:before,.cloudArticleShowMoreButton:before{content:"";position:absolute;top:50%;width:22rem;height:22rem;background-size:contain;background-position:0 0;background-repeat:no-repeat;transition:all .3s ease-in-out}.cloudArticleDiscoverButton:before{transform:translate(-150%,-50%);background-image:url(/arrow.svg);right:0}.cloudArticleShowMoreButton:before{transform:translate(150%,-50%);background-image:url(/info.svg);left:0}.cloudArticleDiscoverButton:hover,.cloudArticleShowMoreButton:hover{opacity:.8}.cloudArticleDiscoverButton:hover:before{transform:translate(-100%,-50%)}.cloudToken{position:absolute;top:0;left:0;width:210rem;height:210rem;background-color:#ebe8e6;border-radius:210rem;display:flex;justify-content:center;align-items:center}.cloudTokenDataContainer{width:190rem;height:190rem;border-radius:190rem;background-color:#f3f1ee;display:flex;flex-direction:column;justify-content:center;align-items:center}.cloudTokenName{font-size:44rem;text-align:center}.cloudTokenValue{font-size:20rem;line-height:22rem;padding-right:10rem;padding-left:10rem;text-align:center}
