@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_4d318d{font-family:Geist,Geist Fallback;font-style:normal}.__variable_4d318d{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_ea5f4b{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_ea5f4b{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-\[10\]{z-index:10}.mb-auto{margin-bottom:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-\[5vh\]{margin-top:5vh}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[75vh\]{height:75vh}.h-auto{height:auto}.min-h-screen{min-height:100vh}.w-\[200px\]{width:200px}.w-\[90\%\]{width:90%}.w-full{width:100%}.max-w-\[1200px\]{max-width:1200px}.max-w-\[500px\]{max-width:500px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-\[24px\]{gap:24px}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.border{border-width:1px}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-zinc-600{--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.bg-\[\#0f1013\]{--tw-bg-opacity:1;background-color:rgb(15 16 19/var(--tw-bg-opacity,1))}.bg-\[\#0f82f3\]{--tw-bg-opacity:1;background-color:rgb(15 130 243/var(--tw-bg-opacity,1))}.bg-\[\#2a2b30\]{--tw-bg-opacity:1;background-color:rgb(42 43 48/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.p-4{padding:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.font-\[codec\]{font-family:codec}.font-\[codecbold\]{font-family:codecbold}.font-\[telegraf\]{font-family:telegraf}.text-\[16px\]{font-size:16px}.text-\[4vw\]{font-size:4vw}.font-\[500\]{font-weight:500}.font-\[600\]{font-weight:600}.leading-\[15px\]{line-height:15px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:Trebuchet MS,sans-serif;scroll-behavior:smooth}.snow-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;height:50vh;width:43vh;background-image:url(/snow.png);background-size:cover;background-repeat:no-repeat;opacity:.6;pointer-events:none;animation:rotateSnow 20s linear infinite}@keyframes rotateSnow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}ul{list-style:none}a{text-decoration:none}textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{background-color:#080808;color:#fff;width:100vw}body{margin:80px 0 0;padding:0;position:static;width:100vw;@media screen and (max-width:768px){margin-left:0;margin-bottom:0;margin-right:0;margin-top:0}}::-webkit-scrollbar-track{position:absolute;background:#2e3338}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb{background:#202225;border-radius:5px}.header__menu,header{overflow:hidden}.header__menu{background-color:#1111113b;backdrop-filter:blur(30px);display:flex;font-size:14px!important;font-family:bold;position:fixed;top:0;left:0;right:0;height:80px;width:100%;line-height:normal;z-index:1000000;text-align:left}@media (max-width:768){.header__menu{height:78px}}.header__menu__leftContent{display:flex;align-items:center;justify-content:center;padding-left:36px;@media screen and (max-width:768px){padding-left:16px}}.icon-strip-container{position:relative;padding-top:16px;padding-bottom:16px;width:100%;overflow:hidden;background-color:#dff3ff}.icon-strip{display:flex;gap:24px;animation:scrollIcons 10s linear infinite}.icon-strip img{height:100%;max-height:75px;width:auto;object-fit:contain}@media (max-width:768px){.icon-strip img{height:50px;width:auto;object-fit:contain}}@keyframes scrollIcons{0%{transform:translateX(0)}to{transform:translateX(-74%)}}.header__menu__leftContent__logoRiot{& a,& svg{fill:#e0f7fa;&:hover{fill:#00bcd4}}height:80px;display:flex;align-items:center;justify-content:center;a{text-decoration:none;font-size:18px;color:#e0f7fa;margin-left:0;padding-left:4px;padding-top:0;border:none;word-break:keep-all;font-weight:600;letter-spacing:2px;background:linear-gradient(90deg,#b3e5fc 29%,#81d4fa 45%,#4fc3f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.header__menu__centerContent{display:flex;flex:1;align-items:center;justify-content:flex-start}.header__menu__centerContent__logoVerse{height:80px;margin-left:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;& a{min-width:38px}& a,& svg{display:block}& svg{pointer-events:none;max-height:26px}}.header__menu__centerContent__title{text-decoration:none;font-size:18px;color:#c1bebed7;margin-left:0;padding-left:4px;padding-top:0;border:none;word-break:keep-all;font-weight:600;letter-spacing:2px;@media screen and (max-width:768px){font-size:12px}}.header__menu__centerContent__navigation{display:flex;opacity:1;margin-left:18px;width:100%;height:80px;& li{&:after{content:"";position:absolute;bottom:5px;border-radius:12px;left:0;width:100%;height:5px;background-color:#0bc4e2;display:none}display:inline-flex;position:relative;height:80px;cursor:pointer;& a{display:flex;margin:auto;flex-direction:column;justify-content:center;height:66px;color:#f9f9f9;font-size:13px;font-weight:600;line-height:120%;letter-spacing:.08em;overflow:hidden;text-transform:uppercase;& p{padding:7.5px 16px;text-align:center;margin-right:4px;display:flex;justify-content:center;align-items:center;gap:5px}}&:hover p{background:hsla(0,0%,50%,.3);border-radius:6.4px}&:hover:after{display:flex}&:hover svg{& path{fill:#f9f9f9}}}}.header__menu__rightContent{display:flex;padding-right:32px}.header__menu__rightContent__localSwitcher{height:100%;display:flex;justify-content:space-around;align-items:center;position:relative;& .icon{display:block;width:32px;height:32px;cursor:pointer;&:hover a{background:hsla(0,0%,50%,.2)}& a{width:32px;height:32px;position:absolute;padding:0;border-radius:6.4px;& svg{position:absolute;top:8px;left:8px;margin:auto;width:16px;height:16px}}}}.header__menu__rightContent__accountContainer{display:flex;align-items:center;justify-content:center}.header__menu__rightContent__accountContainer__loginBtn{display:inline-block;padding:0 6px;& a{background:linear-gradient(315deg,#0bc4e2,#2c8cc2);text-align:center;line-height:16px;position:relative;z-index:0;text-overflow:ellipsis;height:32px;border-radius:12px;padding:8px 16px;color:#111;cursor:pointer;display:inline-block;transition:color 1s cubic-bezier(.06,.81,0,.98);vertical-align:middle;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}&:hover a{background:#0bc4e2}}.header__banner__vidContainer{position:relative;min-height:31.25rem;@media screen and (max-width:768px){padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}}.header__banner__vidContainer__backgroundWrapper{overflow:hidden;position:absolute;left:0;top:0;bottom:0;width:100%;background:#07121a}.header__banner__vidContainer__backgroundWrapper__vidWrapper{width:100%;height:100%;background:#000;& video{object-fit:cover;object-position:center top;filter:blur(10px)}}.header__banner__vidContainer__foreGroundWrapper{position:relative;z-index:1;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:75vh;@media screen and (max-width:768px){height:100vh}min-height:31.25rem;margin:0 auto}.header__banner__vidContainer__foreGroundWrapper__foreGroundVid{position:absolute;left:0;top:0;width:100%;height:100%;background:#07121a}.header__banner__vidContainer__foreGroundWrapper__foreGroundVid__Wrapper{width:100%;height:100%;display:block;& video{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center}}.header__banner__vidContainer__foreGroundWrapper__title{width:100%}.header__banner__vidContainer__foreGroundWrapper__title__top{width:100%;margin-top:.625rem;text-align:center}.header__banner__vidContainer__foreGroundWrapper__title__top__logoWrapper{display:inline-block;position:relative;width:350px;height:100px;max-width:37.5rem;max-height:16.5312rem;@media screen and (max-width:768px){width:100%}& img{position:absolute;z-index:5;left:0;top:-60px;@media screen and (max-width:768px){top:22px;left:50%;transform:translateX(-50%)}display:block;width:100%;margin:0;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;animation:lbWRkT 1s cubic-bezier(.215,.61,.355,1) .5s 1 normal backwards running;@media screen and (max-width:768px){width:80%}}}.header__banner__vidContainer__foreGroundWrapper__title__bottom{width:100%;margin-top:100px;@media screen and (max-width:768px){margin-top:200px}text-align:center;& .loginBtn{position:relative;display:inline-block;min-width:180px;height:56px;margin:5px;text-transform:uppercase;z-index:5;font-size:15px;font-weight:700;letter-spacing:1px;padding:5px 15px;background:#1e2328;color:#aaf4ff;box-shadow:inset 0 0 2px #000;border-image:linear-gradient(180deg,#0ac6e3,#2c8cc2);border-image-slice:1;border-width:2px;&:hover{text-shadow:0 0 5px #ffffff80;box-shadow:0 0 8px 0 #ffffff50;background:linear-gradient(180deg,#1e2328,#433d2b);cursor:pointer;transition:.1s}&:active{text-shadow:none;box-shadow:none;color:#cdbe9130}}}.content__latest{position:relative}.tokenomics-container{background:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;width:80%;max-width:600px;text-align:center}.supply-details{margin-top:15px;font-size:14px;color:#666}@media (max-width:768px){.content__latest__latestBackground{min-height:100vh;background-position:-60vw}}.content__latest__latestBackground,.content__movie__latestBackground{background-image:url(/quarterbanner.jpg);background-size:cover;opacity:.6;position:absolute;height:100%;top:0;right:0;bottom:70%;left:0;& .backgroundGradient{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;background-image:linear-gradient(180deg,hsla(0,0%,100%,.7),transparent,rgba(15,171,255,.7))}}.content__movie__latestBackground{background-image:url(/NezhaMovie.jpg)}.content__latest__majorHeader{font-family:Playfair Display,serif;font-weight:400;position:relative;text-align:center;top:120px;@media screen and (max-width:768px){padding-left:5px;padding-bottom:0;padding-right:5px;padding-top:0}& .iconLatest{left:calc(50% - 16px);-moz-transition:opacity .6s ease;transition:opacity .6s ease;max-width:32px;max-height:32px;position:absolute;top:-45px;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}& h1{color:#aaf4ff;font-weight:100;text-transform:uppercase;letter-spacing:3px;@media screen and (max-width:768px){font-size:14px}& img{user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}& .lineLeft{padding-left:70px;vertical-align:middle;width:30%;-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}& .diamondLeft{position:relative;background:#373121;font-size:0;z-index:100;&:before{height:5px;width:5px;position:absolute;top:-12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #373121;content:"\25C7";font-size:0;left:-80px}& .title{-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s;color:#aaf4ff;font-size:24px;letter-spacing:7px;opacity:0;position:relative;text-indent:8px;text-transform:uppercase;top:4px}}& .diamondRight{position:relative;background:#373121;font-size:0;z-index:100;&:before{left:61px;height:5px;width:5px;position:absolute;top:-12px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #373121;content:"\25C7";font-size:0}}& .lineRight{padding-left:70px;vertical-align:middle;width:30%}}}@media (max-width:1200px){.responsive-video{height:100%!important;width:auto;top:auto;transform:none}.pie{flex-direction:column!important;margin:0!important}.pie h1{font-size:25px!important}.pie h2{font-size:15px!important}.pieitem{width:100vw!important;justify-content:center!important}}.content__gridContainer{margin:160px auto;padding-right:100px;padding-left:100px;@media screen and (max-width:768px){padding-top:20px;padding-right:0;padding-left:0;max-width:calc(100% - 40px)}}.content__gridContainer__grid{margin:-.5em;& .itemGridSmall{width:calc(25% - 1em)}& .finalLi:after{content:"";display:table;clear:both}& .allGridItem{border-radius:25px;-webkit-transition-property:-webkit-transform,z-index,border;-moz-transition-property:-moz-transform,z-index,border;transition-property:transform,z-index,border;-webkit-transition-timing-function:ease,linear,ease;-moz-transition-timing-function:ease,linear,ease;transition-timing-function:ease,linear,ease;-webkit-transition-duration:.3s,.3s,.3s;-moz-transition-duration:.3s,.3s,.3s;transition-duration:.3s,.3s,.3s;background-color:#101217;border:4px solid #54fffc;box-shadow:0 0 16px 14px rgba(0,0,0,.4);cursor:pointer;display:inline;height:540px;margin:.5em;overflow:hidden;position:relative;z-index:1;@media screen and (max-width:768px){float:none!important;display:block;width:100%;margin-left:0!important;margin-bottom:0!important;margin-right:0!important;margin-top:0!important;margin-bottom:20px!important}&:hover{-webkit-transition-timing-function:ease,step-start;-moz-transition-timing-function:ease,step-start;transition-timing-function:ease,step-start;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);border:2px solid #54fffc;z-index:15!important}&:hover .itemButton{border-top:1px solid #fff!important;height:100px!important}@media screen and (max-width:768px){.itemButton{border-top:1px solid #7e633b!important;height:100px!important}}& .itemContent{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-moz-box-pack:end;box-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;background-color:#101217;height:100%;position:relative;width:100%;& .itemBackground{background-position:32.2917% 50.9259%;opacity:1;position:absolute;top:0;right:0;bottom:40px;left:0;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s;background-attachment:local;background-color:#0a0a0c;background-repeat:no-repeat;background-size:cover;width:100%}& .itemBottom{background-color:#101217;z-index:5;& .itemButton{font-weight:500;font-size:11px;-webkit-transition:.4s ease;-moz-transition:.4s ease;transition:.4s ease;background-color:#14181d;border-top:1px solid transparent;color:#58e9ff;height:0;letter-spacing:.3em;line-height:24px;overflow:hidden;text-align:center;text-transform:uppercase;z-index:3;& .arrow{width:25px;height:12.5px;position:relative;display:inline-block;cursor:pointer;line-height:1;top:2px;& .hoverArrow,& .restArrow{-webkit-transition:.44s;-moz-transition:.44s;transition:.44s;opacity:0;position:absolute;top:0;left:0;-webkit-transform:translateX(-130%);-moz-transform:translateX(-130%);-ms-transform:translateX(-130%);-o-transform:translateX(-130%);transform:translateX(-130%)}& .restArrow{left:0;-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}}&:hover .hoverArrow{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1}&:hover .restArrow{-webkit-transform:translateX(230%);-moz-transform:translateX(230%);-ms-transform:translateX(230%);-o-transform:translateX(230%);transform:translateX(230%);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;opacity:0}}& .itemTitles{height:80px;padding:29px 12px;background-color:#101217;border-top:1px solid #aaf4ff;position:relative;text-align:center;z-index:10;& h3{padding-bottom:3px;font-weight:700;font-size:12px;color:#aaf4ff!important}& h1,& h3{letter-spacing:2px;text-align:center;text-transform:uppercase}& h1{font-weight:500;font-size:14px;color:#aaf4ff}& .itemIcon{position:absolute;top:-21px;right:calc(50% - 21px);height:42px;width:42px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;background-color:#101217;border-radius:50%;& img{max-height:21px;max-width:21px}&:after{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:-webkit-linear-gradient(top,#3e3310,#806734,#c6b98b,#806734,#3e3310);background-image:linear-gradient(180deg,#3e3310,#806734,#c6b98b,#806734,#3e3310);border-radius:50%;box-shadow:0 0 20px 12px rgba(0,0,0,.2);content:"";z-index:-1}}}}}}& .itemGridBig{height:-webkit-calc(680px + 1em);height:calc(680px + 1em);width:-webkit-calc(50% - 1em);width:calc(50% - 1em);border:1px solid #32281f}}.content__champRepresent__champRepresentBackground{background-position:50%;background-size:cover;opacity:.2;position:absolute;top:-250px;right:0;bottom:70%;left:0;& .gradient{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0a0a0c;background-image:-webkit-linear-gradient(top,#0a0a0c,transparent,#0a0a0c);background-image:linear-gradient(180deg,#0a0a0c,transparent,#0a0a0c);background-color:transparent}}.content__champRepresent{clear:both;padding:13px 0 25px;position:relative}.content__champRepresent__majorHeader{font-weight:400;position:relative;text-align:center;top:-31px;@media screen and (max-width:768px){top:-8px}& img{left:calc(50% - 16px);max-width:32px;max-height:32px;position:absolute;top:-40px}& h1{color:#aaf4ff;font-weight:100;text-transform:uppercase;letter-spacing:3px;@media screen and (max-width:768px){font-size:14px}}}.content__champRepresent__champBanner__Wrapper{margin:20px 0 10px;position:relative;& .framer{position:absolute;top:-140px;right:5.5%;bottom:10px;left:5.5%;border-bottom:1px solid #373121;pointer-events:none;z-index:2;& .topRightHorLine{position:absolute;top:70px;right:0;width:calc(50% - 240px);background:#373121;height:1px;&:before{height:5px;width:5px;position:absolute;top:-2px;left:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #373121;content:"";font-size:0}}& .topLeftHorLine{position:absolute;top:70px;left:0;width:calc(50% - 240px);background:#373121;height:1px;&:before{position:absolute;top:auto;right:-5px;bottom:-2px;left:auto;height:5px;width:5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #373121;content:"";font-size:0}}& .topRightVerLine{position:absolute;top:70px;right:0;height:calc(50% - 205px);background:#373121;width:1px;&:before{height:5px;width:5px;position:absolute;bottom:-5px;left:-2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #373121;content:"";font-size:0}}& .topLeftVerLine{position:absolute;top:70px;left:0;height:calc(50% - 205px);background:#373121;width:1px;&:before{height:5px;width:5px;position:absolute;bottom:-5px;left:-2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #373121;content:"";font-size:0}}& .botRightVerLine{position:absolute;right:0;bottom:0;height:calc(50% - 165px);background:#373121;width:1px;&:before{height:5px;width:5px;position:absolute;top:-5px;left:-2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #373121;content:"";font-size:0}}& .botLeftVerLine{position:absolute;bottom:0;left:0;height:calc(50% - 165px);background:#373121;width:1px;&:before{height:5px;width:5px;position:absolute;top:-5px;left:-2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #373121;content:"";font-size:0}}}& .featured{overflow:visible;overflow-x:hidden;overflow-y:visible;margin:0 auto;position:relative;z-index:1;& .bannerContainer{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;& .champBanner{width:auto;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;&:hover .contentItemWrap .itemBgContainer{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}& .contentItemWrap{overflow:hidden;& .itemBgContainer{background-position:64.1152% 29.1492%;opacity:1;-webkit-animation:imageSetIn .8s;-moz-animation:imageSetIn .8s;animation:imageSetIn .8s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;& .childrenImgBg{height:100%;position:relative;width:100%;& .imgBg{background-image:url(/first.png);opacity:1;background-position:0;width:1024.5px;@media screen and (max-width:768px){width:calc(100vw - 30px);background-image:url(/clipart.webp);padding-bottom:500px}min-height:40vw;max-height:650px;position:relative;top:0;right:0;bottom:0;left:0;background-attachment:local;background-color:#0a0a0c;background-repeat:no-repeat;background-size:cover}}}}& .itemInfoContainer{height:175px;width:92%;position:relative;top:-100px;@media screen and (max-width:768px){top:-32px;height:70vw;padding-left:auto;padding-bottom:auto;padding-right:auto;padding-top:auto}background:#131315;border:1px solid #342b20;margin:0 auto;padding-top:20px;&:after,&:before{content:"";position:absolute;top:0;left:50%;height:14px;width:1px;background:#342b20}&:after{position:absolute;top:auto;bottom:0;left:24%}& .itemInfoWrapper{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid #342b20;&:after,&:before{position:absolute;top:50%;left:-14px;height:1px;width:14px;background:#342b20;content:"";font-size:0}&:after{position:absolute;top:auto;right:-14px;bottom:12px;left:auto}& .itemInfo{position:absolute;top:22px;right:22px;bottom:22px;@media screen and (max-width:768px){display:flex;flex-direction:column;top:0;right:0;left:0!important;bottom:0}left:22px;border:1px solid #c4b998;& .exploreChamp{height:98px;width:27%;float:left;line-height:95px;font-weight:500;font-size:15px;color:#aaf4ff;display:block;letter-spacing:4px;text-align:center;text-transform:uppercase;&:hover .title{color:#aaf4ff}&:hover .title.arrorBtn.hoverArrow{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1}&:hover .title.arrorBtn.restArrow{-webkit-transform:translateX(230%);-moz-transform:translateX(230%);-ms-transform:translateX(230%);-o-transform:translateX(230%);transform:translateX(230%);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;opacity:0}& .title{-moz-transition:.2s;transition:.2s;display:inline-block;& .arrowBtn{width:34px;height:17px;position:relative;display:inline-block;cursor:pointer;line-height:1;top:2px;& .hoverArrow,& .restArrow{-webkit-transition:.44s;-moz-transition:.44s;transition:.44s;opacity:0;position:absolute;top:0;left:0;-webkit-transform:translateX(-130%);-moz-transform:translateX(-130%);-ms-transform:translateX(-130%);-o-transform:translateX(-130%);transform:translateX(-130%)}& .restArrow{left:0;-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}}}&:hover .title .arrowBtn .hoverArrow{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1}&:hover .title .arrowBtn .restArrow{-webkit-transform:translateX(230%);-moz-transform:translateX(230%);-ms-transform:translateX(230%);-o-transform:translateX(230%);transform:translateX(230%);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;opacity:0}}& .infoType{display:flex;height:98px;width:13%;border-right:1px solid #c4b998;float:left;& img{height:auto;margin:auto;max-height:70%;width:auto}}& .newsDesc{@media screen and (max-width:768px){font-size:12px!important;height:100%!important;padding-left:0!important;padding-bottom:0!important;padding-right:0!important;padding-top:0!important;line-height:22px!important;display:flex;align-items:center;justify-content:center}}& .champTitle{width:39%;font-weight:500;font-size:38px;@media screen and (max-width:768px){font-size:25px!important;width:100%!important}height:98px;border-right:1px solid #c4b998;color:#aaf4ff;float:left;letter-spacing:.14em;line-height:94px;text-align:center;text-transform:uppercase}& .roleAndArea{height:98px;width:21%;border-right:1px solid #c4b998;float:left;& li{display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;color:#aaf4ff;font-size:11px;height:49px;letter-spacing:.2em;padding-left:5px;padding-right:5px;text-align:center;text-transform:uppercase;&:first-child{border-bottom:1px solid #aaf4ff}& dl{font-weight:700;display:block;margin:auto;max-width:100%;& dt{display:inline-block;&:after{content:":";padding:0 5px}}& dd{display:inline-block}}}}}}}}}}}@keyframes imageSetIn{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}60%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.threeBtns{height:100px;display:flex;justify-content:center;align-items:center;gap:100px;& .btnContainer{display:inline-block;padding:6px;& a{text-align:center;line-height:16px;position:relative;z-index:0;text-overflow:ellipsis;height:32px;border-radius:12px;color:#111;background:linear-gradient(315deg,#0bc4e2,#2c8cc2);transition:all .1s ease-in-out;box-shadow:0 10px 45px -10px rgba(11,196,226,.15),0 0 20px -10px rgba(11,196,226,.35),0 10px 30px -10px rgba(11,196,226,.25);padding:10px 20px;cursor:pointer;display:inline-block;transition:color 1s cubic-bezier(.06,.81,0,.98);vertical-align:middle;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}&:hover a{background:linear-gradient(315deg,#0bc4e2,#0bc4e2 50%,#2c8cc2);box-shadow:0 10px 30px -10px rgba(11,196,226,.25),0 10px 30px -10px rgba(11,196,226,.5),0 10px 35px -10px rgba(11,196,226,.5)}}}.frames-container{display:flex;flex-direction:column;& .frame{position:relative;width:100%;height:700px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.3)}& .frame-content{position:relative;z-index:2;padding:30px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}& .title{font-family:Times New Roman,serif;font-size:2.5rem;font-weight:700;color:#aaf4ff;font-size:24px;letter-spacing:7px;text-shadow:0 0 10px rgba(0,0,0,.5);margin-bottom:10px}& .description{font-family:Arial,sans-serif;font-size:1rem;line-height:1.5;max-width:600px;color:#aaf4ff;font-size:14px;letter-spacing:.2em}& .background-image{position:absolute;top:0;right:0;width:auto;height:100%;aspect-ratio:1;background-size:cover;background-position:50%;opacity:.8;transition:transform .3s ease}& .frame:hover .background-image{transform:scale(1.05)}& .gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,11,31,.95),rgba(10,28,61,.4));z-index:1}}.frame:first-child .background-image,.frame:nth-child(2) .background-image{background-image:url(/clipart.webp)}.footer_lolverse{position:relative;background-color:#111;border-top:2px solid #2e3338;color:#737373;height:200px;text-align:center;background:linear-gradient(180deg,#141412b9 50%,#111);& h1{display:inline-block;margin:30px;cursor:pointer;color:#fff;&:hover{color:#fff}}& i{margin:40px 20px 0;display:inline-block;cursor:pointer;color:#737373;&:hover{color:#0bc4e2}}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-4{padding:1rem}.lg\:text-\[40px\]{font-size:40px}}