.LiquidGlass{backdrop-filter:blur(10px);background:linear-gradient(81deg,rgba(121,65,8,.27),rgba(26,8,32,.25) 25.38%,rgba(24,16,62,.25) 74.52%,rgba(23,40,108,.27)) padding-box;border-radius:15px;position:relative}.LiquidGlass:before{background:linear-gradient(90deg,#793708,#6287ff);border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:0}[class*=Button--nokko][href]:hover{text-decoration:none}.Button--nokko-primary{--color-button-background:#e63cff;--color-button-text:#000;--color-button-background-hover:#fce4ff;--color-button-text-hover:#000;--filter-button-icon:none;--filter-button-icon-hover:none}.Button--nokko-secondary{--color-button-background:#290a2d94;--color-button-text:#fff;--color-button-border:#e63cff;--color-button-background-hover:#e63cff;--color-button-text-hover:#000;--filter-button-icon:none;--filter-button-icon-hover:none}.Button--nokko-disabled,.Button[disabled]{--color-button-background:#595959;--color-button-text:#fff;--color-button-border:#595959;--color-button-background-hover:#595959;--color-button-text-hover:#fff;--filter-button-icon:none;--filter-button-icon-hover:none;cursor:default}.SubNavigation{--color-subnavigation-link:#fff;--color-subnavigation-link-hover:#e63cff;--color-subnavigation-underline:#e63cff}#nokko-colony{--height-masthead-max:780px;--masthead-overlay-color:transparent;--border-radius:10px;--color-text:#fff;--color-title:#fff;--color-tab-background:transparent;--color-tab-border:#fff;--color-tab-background-hover:#fce4ff;--color-tab-border-hover:transparent;--color-tab-background-active:#e63cff;--color-tab-text-active:#000;--color-tab-text-hover:#000;background-image:url(/images/promo/nokko-colony/background-tex.jpg);background-repeat:repeat;color:var(--color-text);overflow:hidden;transition:animation 1s ease-in-out}#nokko-colony .Section-background{z-index:0}@media (min-width:1280px){#nokko-colony .SectionBackground--chevron{height:960px}}#nokko-colony .Masthead-inner{padding-bottom:95px}#nokko-colony .Masthead-inner:before{aspect-ratio:1/1;background:radial-gradient(closest-side,#000,transparent);content:"";left:50%;mix-blend-mode:multiply;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}.NokkoMasthead{--masthead-overlay-color:transparent}@media (max-width:1279px){.NokkoMasthead .Masthead-background{left:0;position:absolute;right:0;top:0}.NokkoMasthead .Masthead-foreground{margin-top:0;padding:32px 0}}.Masthead-buttons,.Masthead-logo,.Masthead-subtitle{position:relative;z-index:1}.MastheadBackground{background-position:50%}.MastheadFooter{border-radius:10px;padding:32px}@media (min-width:1280px){.MastheadFooter{padding:64px}}.MastheadFooter .SectionLayout-content{padding-left:0}.MastheadFooter-insetText{background-color:hsla(0,0%,100%,.04);padding:24px}.MastheadFooter-insetText .ButtonGroup{justify-content:flex-start}.LoginReward{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;margin:128px auto 8px;max-width:1070px}@media (min-width:1280px){.LoginReward{gap:24px;grid-template-columns:512px minmax(0,1fr);margin-bottom:8px;margin-top:160px}}.LoginReward .LoginReward-content{padding:32px}@media (min-width:1280px){.LoginReward .LoginReward-content{padding:64px 64px 64px 0}}.LoginReward-description{margin-top:8px}.LoginReward img{display:block}.Feature{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;position:relative}.Feature-background{background-clip:padding-box;border:1px solid transparent;border-bottom:0;border-radius:14px 14px 0 0;grid-column:1/2;grid-row:1/2;inset:0;margin:1px 1px 0;position:absolute;z-index:0}@media (min-width:1280px){.Feature-background{border-radius:14px 0 0 14px;margin-bottom:1px}}.Feature-image{grid-column:1/2;grid-row:1/2;position:relative;z-index:1}.Feature img{height:auto;width:100%}.LoginReward .Feature-image{margin-top:-100px}@media (min-width:1280px){.LoginReward .Feature-image{margin-top:-120px}}.LoginReward .Feature-background{background-image:url(/images/promo/nokko-colony/oberon-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.NokkoSection{padding-top:60px}@media (min-width:768px){.NokkoSection{padding-top:80px}}@media (min-width:1280px){.NokkoSection{padding-top:0}}.NokkoBackgroundWrapper{background-position:top;height:100vw;left:0;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent);position:absolute;right:0;top:0}@media (min-width:768px){.NokkoBackgroundWrapper{height:80vw}}@media (min-width:1280px){.NokkoBackgroundWrapper{height:50vw;-webkit-mask-image:none;mask-image:none}}@media (min-width:1920px){.NokkoBackgroundWrapper{height:960px}}.NokkoBackground{background-position:top;top:20vw}@media (min-width:1280px){.NokkoBackground{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent);top:10vw}}@media (min-width:1920px){.NokkoBackground{height:770px;left:50%;right:auto;top:auto;transform:translateX(-50%);width:1920px}}.NokkoWarframe{bottom:0;height:100vw;left:60%;position:absolute;transform:translateX(-50%)}@media (min-width:768px){.NokkoWarframe{height:clamp(50vw,80vw,851px)}}@media (min-width:1280px){.NokkoWarframe{height:clamp(750px,50vw,851px);left:70%;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}}@media (min-width:1920px){.NokkoWarframe{height:851px;left:calc(50% + 384px)}}.NokkoGrid-header{display:grid;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5));grid-template-columns:1fr}@media (max-width:767px){.NokkoGrid-header{padding-bottom:40px;padding-top:80vw}}@media (min-width:768px) and (max-width:1279px){.NokkoGrid-header{padding-bottom:40px;padding-top:60vw}}@media (min-width:1280px){.NokkoGrid-header{align-items:center;height:45vw}}@media (min-width:1920px){.NokkoGrid-header{height:864px}}.NokkoGrid-headerText{--color-title:#fa7b2c;position:relative}@media (min-width:1280px){.NokkoGrid-headerText{margin-right:auto;width:50%}}.NokkoGrid-subtitle{font-family:var(--font-family-title,"Roboto",Arial,Helvetica,sans-serif);font-size:2.0625rem;font-weight:700;line-height:1.25;text-transform:none}@media (min-width:768px){.NokkoGrid-subtitle{font-size:2.056rem}}.NokkoGrid-descriptionFlush{margin-block-start:8px}.NokkoGrid-abilities{border-radius:113px 15px 15px 15px;padding:32px;position:relative}.NokkoGrid-abilities:before{background:linear-gradient(90deg,#793708,#6287ff);border-radius:113px 15px 15px 15px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:0}@media (min-width:1280px){.NokkoGrid-abilities{padding:64px}}.NokkoGrid-abilitiesTitle{color:var(--color-text);padding-bottom:32px;text-align:center}.NokkoGrid-buttons{justify-content:flex-start}.NokkoGrid .AbilityCard .Card-content{border:none;padding:0}.NokkoGrid .AbilityCard .Card-media{display:none}.PassiveAbility{align-items:center;display:grid;gap:16px;grid-template-columns:1fr;margin:0 auto;max-width:927px}@media (max-width:767px){.PassiveAbility{justify-items:center}}@media (min-width:768px){.PassiveAbility{grid-column:span 2;grid-template-columns:auto 1fr}}@media (min-width:1280px){.PassiveAbility{grid-column:span 4}}.PassiveAbility-icon{height:100px;width:100px}.PassiveAbility-title{color:var(--color-text)}@media (max-width:767px){.PassiveAbility-title{text-align:center}}.PassiveAbility-description{font-size:.875rem;margin-top:8px}.AbilityCard-title,.PassiveAbility-title{text-transform:none}.AbilityCard-description,.PassiveAbility-description{margin-top:16px}.AbilityCard-title{text-align:center}.GameplaySection{margin-top:0;padding-top:128px}.GameplaySection-title{margin-bottom:48px;text-align:center;text-transform:uppercase}.TBDSectionContent-title{color:#fa7b2c;margin-bottom:8px}.TBDSectionContent-buttons{justify-content:flex-start;margin-top:24px}.GameplayContentGrid{margin-left:auto;margin-right:auto;max-width:1356px}.GameplayContentGrid-title{margin-bottom:48px;text-align:center}.Tab{text-transform:none}.StuffTabContent{--color-title:#fa7b2c}.StuffTabContent .SectionLayout-mediaContainer{order:2}.StuffTabContent .SectionLayout-content{order:1}.StuffTabContent .ButtonGroup{justify-content:flex-start;margin-top:24px}@media (min-width:1280px){.StuffTabContent{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.NewLevelSection{margin-top:128px}.QOLSection .Section,.TBDSection .Section{padding-bottom:128px}.QOLSection .LiquidGlass,.TBDSection .LiquidGlass{padding:32px}@media (min-width:768px){.QOLSection .LiquidGlass,.TBDSection .LiquidGlass{padding:32px 64px}}@media (min-width:1280px){.QOLSection .LiquidGlass,.TBDSection .LiquidGlass{padding:80px 136px}}.QOLSection .LiquidGlass,.TBDSection .LiquidGlass{border-radius:15px 50px 50px 50px;position:relative}.QOLSection .LiquidGlass:before,.TBDSection .LiquidGlass:before{background:linear-gradient(90deg,#793708,#6287ff);border-radius:15px 50px 50px 50px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:0}.QOLSection-title,.TBDSection-title{margin-bottom:40px;text-align:center;text-transform:uppercase}.NewLevelBackground{aspect-ratio:16/9;background-position:top;bottom:auto;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}@media (min-width:1920px){.NewLevelBackground{left:50%;right:auto;transform:translateX(-50%);width:1920px}}.NewLevelGrid{--color-title:#fa7b2c;border:1px solid transparent;position:relative}.NewLevelGrid-panel{border-radius:15px 50px 15px 50px;margin:40vw auto 60px;max-width:800px;padding:32px;position:relative}.NewLevelGrid-panel:before{background:linear-gradient(90deg,#793708,#6287ff);border-radius:15px 50px 15px 50px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:0}@media (min-width:768px){.NewLevelGrid-panel{margin-bottom:128px}}@media (min-width:1280px){.NewLevelGrid-panel{padding:40px 64px}}@media (min-width:1920px){.NewLevelGrid-panel{margin-top:768px}}.NewLevelGrid-title{margin-bottom:8px;text-align:center;text-transform:uppercase}.NewLevelGrid-buttons{margin-top:24px}.PacksSection{background:linear-gradient(163deg,rgba(97,8,121,.47) 5.42%,rgba(83,8,104,.47) 28.05%,rgba(24,16,62,.47) 71.86%,rgba(23,72,108,.49) 94.58%);border-top:1px solid #582777}.PacksGrid{padding-bottom:60px;padding-top:60px;position:relative}@media (min-width:768px){.PacksGrid{padding-bottom:80px;padding-top:80px}}.PacksGrid-upper{margin:40vw auto 60px;max-width:800px;padding:32px}@media (min-width:768px){.PacksGrid-upper{margin-bottom:80px}}@media (min-width:1280px){.PacksGrid-upper{padding:40px 64px}}@media (min-width:1920px){.PacksGrid-upper{margin-top:768px}}.PacksGrid-title{margin-bottom:40px;text-align:center;text-transform:uppercase}.PacksGrid-description{margin-top:8px}.PacksGrid-lower{margin-top:60px;padding:32px}@media (min-width:768px){.PacksGrid-lower{margin-top:80px}}@media (min-width:1280px){.PacksGrid-lower{padding:40px 64px}}.PacksGrid-youtube{vertical-align:bottom;width:100%}.PacksGrid-buttons{margin-top:24px}.PacksCard{--color-title:#fa7b2c}.PacksCard-title{margin-bottom:8px}.PacksCard-buttons{justify-content:flex-start;margin-top:24px}.Card{position:relative}.Card:before{z-index:2}.Card-media{z-index:1}.Card-content{border:none;margin-top:-1px;padding:32px 24px;z-index:0}.PacksCard{overflow:hidden;position:relative}.PacksCard,.PacksCard:before{border-radius:15px;padding:1px}.PacksCard:before{background:linear-gradient(81deg,#342777,#6287ff);content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;position:absolute;z-index:0}.LavosDeluxeSection,.TennoGenSection{--color-title:#fa7b2c;--color-link:#fff;--color-link-hover:$COLOR_NOKKO_ACCENT;border-radius:15px;margin-top:80px;overflow:hidden;padding:1px;position:relative}.LavosDeluxeSection:before,.TennoGenSection:before{background:linear-gradient(81deg,#342777,#6287ff);border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:0}@media (max-width:1279px){.LavosDeluxeSection,.TennoGenSection{gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}}.LavosDeluxeSection img,.TennoGenSection img{display:block}.LavosDeluxeSection .SectionLayout-content,.TennoGenSection .SectionLayout-content{padding:32px 24px}@media (min-width:1280px){.LavosDeluxeSection .SectionLayout-content,.TennoGenSection .SectionLayout-content{padding-left:0}.LavosDeluxeSection .SectionLayout-mediaContainer,.TennoGenSection .SectionLayout-mediaContainer{align-self:stretch;min-height:400px}}@media (min-width:1920px){.LavosDeluxeSection .SectionLayout-mediaContainer,.TennoGenSection .SectionLayout-mediaContainer{min-height:520px}}@media (min-width:1280px){.LavosDeluxeSection .SectionLayout-mediaContainer img,.TennoGenSection .SectionLayout-mediaContainer img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;width:100%}}.LavosDeluxeSection .PacksCard-disclaimer,.TennoGenSection .PacksCard-disclaimer{margin-top:16px}.LavosDeluxeSection .PacksCard-disclaimer a,.TennoGenSection .PacksCard-disclaimer a{text-decoration:underline}.FooterBackground{background-position:top}@media (max-width:1279px){.FooterBackground:after{background:linear-gradient(0deg,rgba(0,0,0,.4) 40%,transparent 60%);bottom:0;content:"";left:0;mix-blend-mode:multiply;position:absolute;right:0;top:0}}@media (max-width:767px){.FooterMasthead{margin-top:0}}.FooterMasthead .Masthead-inner{filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}@media (min-width:1280px){.FooterMasthead .Masthead-inner{height:var(--height-masthead-max,810px)}}.FooterMasthead .Masthead-inner>*{position:relative}#Particle-canvas{inset:0;pointer-events:none;position:fixed;z-index:1000}.Decoration{opacity:.9;pointer-events:none;position:absolute;z-index:0}.Decoration img{display:block;height:auto;width:100%}.FruitingBody{--color-fungal-glow:hsla(0,0%,100%,.5);--color-fungal-glow-opacity:0.3;cursor:pointer;position:absolute;width:200px;z-index:1}.FruitingBody:hover{--color-fungal-glow-opacity:0.6}.FruitingBody-image img{display:block;height:auto;width:100%}.FruitingBody-image:before{background:radial-gradient(closest-side,var(--color-fungal-glow),transparent);content:"";opacity:var(--color-fungal-glow-opacity);top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out}.FruitingBody-canvas,.FruitingBody-image:before{height:200%;left:50%;pointer-events:none;position:absolute;width:300%;z-index:-1}.FruitingBody-canvas{-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);outline:2px dashed rgba(0,255,0,.3);top:0;transform:translate(-50%,-50px)}.FruitingBody--blue{--color-fungal-glow:#409cff}.FruitingBody--orange{--color-fungal-glow:#ff9940}.FruitingBody--purple{--color-fungal-glow:#d940ff}.NokkoMasthead .Decoration--pipe{bottom:0;left:0;transform:translateY(-10%);width:820px;z-index:-1}#masthead-footer .FruitingBody--blue{bottom:0;right:0;width:400px;z-index:0}#masthead-login-reward .FruitingBody--blue{bottom:0;left:0;transform:translateY(20%);width:300px;z-index:0}.NokkoSection .Decoration--pole{right:0;top:0;transform:translateY(-50%);width:1238px;z-index:-1}.NokkoSection .FruitingBody--orange{bottom:0;right:0;transform:translateY(20%);width:372px}.GameplaySection .Section-background .FruitingBody[data-index="0"]{left:0;top:0;transform:translateY(-50%);width:322px}.GameplaySection .Section-background .FruitingBody[data-index="1"]{bottom:0;left:0;width:208px}.GameplaySection .Section-background .FruitingBody[data-index="2"]{right:0;top:200px;width:415px}.QOLSection,.TBDSection{position:relative}.QOLSection .FruitingBody[data-index="0"],.TBDSection .FruitingBody[data-index="0"]{bottom:0;left:0;width:441px}.QOLSection .FruitingBody[data-index="1"],.TBDSection .FruitingBody[data-index="1"]{bottom:0;right:0;width:176px}.QOLSection .FruitingBody[data-index="2"],.TBDSection .FruitingBody[data-index="2"]{right:0;top:0;transform:translateY(-50%);width:294px}@media (max-width:1279px){.QOLSection .FruitingBody[data-index="2"],.TBDSection .FruitingBody[data-index="2"]{display:none}}.is-blue{animation:blueEffect 8s infinite}.is-orange{animation:orangeEffect 16s infinite}.is-purple #qol>.FruitingBody--orange,.is-purple .Section-background>:not(.FruitingBody--purple),.is-purple .Section-content{animation:purpleEffect 10s 1}@keyframes blueEffect{0%{filter:saturate(.8) contrast(1)}50%{filter:saturate(4) contrast(1.08)}to{filter:saturate(.8) contrast(1)}}@keyframes orangeEffect{0%{filter:hue-rotate(0) contrast(1)}50%{filter:hue-rotate(1turn) contrast(1.5)}to{filter:hue-rotate(0) contrast(1)}}@keyframes purpleEffect{0%{filter:grayscale(0) contrast(1)}33%,66%{filter:grayscale(.9) contrast(1)}to{filter:grayscale(0) contrast(1)}}#masthead-footer #masthead-login-reward .Section-content,.GameplaySection .Section-content,.NokkoSection .Section-content,.TBDSection .Section-content{pointer-events:none}#masthead-footer #masthead-login-reward .SectionContent *,.GameplaySection .SectionContent *,.NokkoSection .SectionContent *,.TBDSection .SectionContent *{pointer-events:auto}

/*# sourceMappingURL=nokko-hubsite.css.map*/