.cta-button{white-space:nowrap;text-transform:uppercase;min-width:182px;text-align:center;padding:12px 24px;background:linear-gradient(180deg, #83d714 0%, #3e9500 100%);font-size:18px;border-radius:4px;color:#121317;position:relative}.cta-button:before{opacity:0;border:2px solid rgba(77,125,1,.5);transition:opacity ease-in-out .2s;background:linear-gradient(180deg, #8ccd22 0%, #59ac10 100%);content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:4px;z-index:3}.cta-button.header-button{background:linear-gradient(180deg, #a9f036 0%, #5aad11 100%);border:1px solid rgba(188,255,81,.5)}.cta-button:after{opacity:0;transition:opacity ease-in-out .2s;background:linear-gradient(182deg, #beff54 1.6%, #6bc61b 98.39%);content:"";width:100%;height:100%;position:absolute;left:0;top:0;border-radius:4px;z-index:2}.cta-button span{z-index:4;position:relative}.cta-button.pressing:before{opacity:1}.cta-button:hover:after{opacity:1}#footer{background-color:#171819;box-shadow:none}body{overflow-x:clip;overscroll-behavior:none}.right{display:flex;align-items:baseline}html{font-size:18px;line-height:1.3;color:#d79c58;scroll-behavior:smooth;background-color:#121317;overflow-x:clip}@media only screen and (max-width: 766px){html{font-size:14px}}.c-yellow{color:#f8c83e}.c-green{color:#44c826}#wr{display:flex;flex-direction:column;position:relative}#wr .content{margin-left:auto;margin-right:auto;width:100%}.container{position:relative;padding:90px 0}.container:first-child{margin-bottom:0}@media only screen and (max-width: 1200px){.container{padding:60px 0}}@media only screen and (max-width: 766px){.container{padding:40px 0}}@media only screen and (max-width: 420px){.container{padding:20px 0}}.content-wr{justify-content:center;align-items:center;display:flex}.cta{max-width:563px;padding-top:50px;padding-bottom:50px}@media only screen and (max-width: 1200px){.cta{padding-top:20px;padding-bottom:20px}}.pre-bottom{padding-bottom:300px}.skin-name{white-space:nowrap}.hero-name-sub{color:#fbe9be;font-size:16px;margin-bottom:10px;font-style:normal;font-weight:700;line-height:20px}.main-name{z-index:3}.prev-hero,.next-hero{z-index:5}.modal .closer{position:absolute;top:10px;right:10px;cursor:pointer}.art-modal{transition:none !important}.art-modal.visible{animation:modal-appear;animation-duration:500ms}.art-modal .arrows{position:absolute;top:50%;width:110%;height:72px;left:-5%;display:flex}.art-modal .arrows .right-arrow{margin-left:auto}.art-modal .arrows .left-arrow{transform:rotate(180deg)}.art-modal .arrows .arrow{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/e77b476b.webp);cursor:pointer;width:68px;height:100%}.art-modal .modal-img-container{margin:auto;width:80%;position:relative}.art-modal .controls{width:60px;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;position:absolute;top:2%;right:2%}.art-modal .controls img{cursor:pointer}.art-modal .wallpaper{border-radius:8px;display:none}.art-modal .wallpaper.visible{display:block}@media(max-width: 820px){#wr .story-modal .modal-content{width:auto;max-width:unset;min-width:unset;min-height:auto;max-height:100%;padding:90px 32px 24px 24px}}.promo-logo{width:129px;height:auto;bottom:0;position:absolute;right:0}.promo-logo.ninjaturtles{width:240px;bottom:4%;right:5%}.hero-epic.ninjaturtles{object-position:0 110px !important;max-height:1920px;object-fit:contain !important;max-width:1600px}.story-modal,.modal,.art-modal{display:flex;opacity:0;top:0;left:0;background:rgba(0,0,0,.6);position:fixed;width:100vw;height:100vh;z-index:-100;transition:all ease-in-out .5s}.story-modal.visible,.modal.visible,.art-modal.visible{z-index:100;opacity:1}.story-modal .modal-content,.modal .modal-content,.art-modal .modal-content{margin:auto;display:flex;min-width:800px;min-height:780px;max-width:800px;position:relative;max-height:780px;padding:180px 65px 48px 48px;flex-direction:column;align-items:center;gap:40px;border-radius:8px;border:1px solid #d79c58;background:#121317;box-shadow:0 0 40px 0 rgba(0,0,0,.15);overflow:hidden}.story-modal .modal-content .modal-img,.modal .modal-content .modal-img,.art-modal .modal-content .modal-img{-webkit-mask-image:linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;top:0;left:0}.story-modal .modal-content .closer,.modal .modal-content .closer,.art-modal .modal-content .closer{cursor:pointer;z-index:5;height:20px;width:20px;position:absolute;right:24px;top:24px}.story-modal .modal-content .title,.modal .modal-content .title,.art-modal .modal-content .title{color:#fbe9be;font-size:48px;font-style:normal;font-weight:400;line-height:120%;text-transform:uppercase;width:100%;z-index:5;text-align:start}.story-modal .modal-content .text,.modal .modal-content .text,.art-modal .modal-content .text{width:90%;color:#fff;font-size:17px;font-style:normal;font-weight:400;line-height:130%;padding-bottom:50px}.story-modal .modal-content .text-container,.modal .modal-content .text-container,.art-modal .modal-content .text-container{overflow-y:scroll;position:relative;-webkit-mask-image:linear-gradient(to bottom, black 80%, transparent 100%);mask-image:linear-gradient(to bottom, black 80%, transparent 100%)}.skill-hidden-bonus,.item-hidden-bonus{display:none !important}.hero-name-small{display:flex;align-items:center}.hero-name-small .special-container{position:relative;display:flex;justify-content:center}.hero-name-small .special-container .tooltip{opacity:0;background-color:#000;color:#fff;text-align:center;transition:opacity .5s ease-in-out;border-radius:6px;font-size:14px;text-transform:initial;font-family:"Roboto Condensed",sans-serif;padding:5px 7px;top:-25px;position:absolute;z-index:1}.hero-name-small .special-container:hover .tooltip{opacity:1}.hero-name-small .special{height:48px;margin-left:10px}.story-modal .text-container::-webkit-scrollbar{width:10px;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/e32c1ae2.svg);background-repeat:no-repeat;background-position:center}.story-modal .text-container::-webkit-scrollbar-track{width:1px}.story-modal .text-container::-webkit-scrollbar-thumb{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/1ec4e22d.svg);background-repeat:no-repeat;background-position:center;background-size:auto}.container.patronage{background:linear-gradient(180deg, #232029 0%, #232029 100%);padding-top:0}.container.patronage h2{color:#fbe9be;font-size:22px;line-height:18px;text-transform:capitalize;margin-bottom:20px}.container.patronage .patronage-container{margin-bottom:30px;position:relative;height:310px}.container.patronage .patronage-container.short{height:unset}.container.patronage .patronage-container.short .patronage-page{position:unset}.container.patronage .patronage-container .patronage-page{position:absolute;opacity:0;transform:translateX(50%);align-items:flex-start;align-content:flex-start;gap:39px;flex-wrap:wrap;display:none}.container.patronage .patronage-container .patronage-page.active{display:flex;opacity:1;transform:translateX(0);animation-name:movePatronage;animation-duration:300ms}.container.patronage .patronage-controller{display:none;max-width:1000px;min-width:68px;margin:0 auto;height:50px;position:relative;align-items:center;width:min-content}.container.patronage .patronage-controller.visible{display:flex}.container.patronage .patronage-controller .dots-container{margin:0 40px;display:flex;justify-content:center;align-items:center;gap:12px}.container.patronage .patronage-controller .dots-container .dot{border:#fbe9be 1px solid;min-width:16px;height:16px;border-radius:16px;cursor:pointer}.container.patronage .patronage-controller .dots-container .dot.active{background-color:#fbe9be}.container.patronage .patronage-controller .arrow{width:35px;height:35px;position:absolute;cursor:pointer}.container.patronage .patronage-controller .arrow:after{display:block;font-family:hw-icons,sans-serif;content:"";position:absolute;font-size:34px}.container.patronage .patronage-controller .arrow.left-arrow{left:-40px;transform:rotate(90deg)}.container.patronage .patronage-controller .arrow.right-arrow{right:-40px;transform:rotate(270deg)}.container.patronage .hero-min-patronage{height:134px;width:134px;position:relative;transition:all ease-in-out .3s;border-radius:12px;overflow:hidden;cursor:pointer}.container.patronage .hero-min-patronage .hero-img{height:100%;width:100%;object-fit:cover;border-radius:12px;transition:all ease-in-out .3s}.container.patronage .hero-min-patronage .hero-name{color:#fbe9be;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:100%;text-transform:uppercase;position:absolute;bottom:14px;width:100%;z-index:3;transition:all ease-in-out .3s}.container.patronage .hero-min-patronage:after{top:0;left:0;content:"";width:134px;height:134px;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/228c8dce.svg);background-size:contain;position:absolute;border-radius:12px;transition:all ease-in-out .3s}.container.patronage .hero-min-patronage:hover .hero-img{transform:scale(1.1)}.container.patronage .hero-min-patronage:hover:after{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/30c4f448.svg)}.container.patronage .hero-min-patronage:hover .hero-name{bottom:10px}.sticky-selector{display:none;border-radius:40px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);position:sticky;top:100px;width:300px;height:40px;z-index:10;margin:0 auto;justify-content:space-between;align-items:center;opacity:1;animation-name:appear;animation-duration:.3s}.sticky-selector .prev-hero,.sticky-selector .next-hero{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/e77b476b.webp);background-repeat:no-repeat;background-size:contain;width:23px;height:28px;transition:all .2s ease-out;background-position:center;cursor:pointer}.sticky-selector .prev-hero:hover,.sticky-selector .next-hero:hover{filter:brightness(1.4)}.sticky-selector .prev-hero{transform:rotate(180deg);margin-left:10px}.sticky-selector .next-hero{margin-right:10px}.sticky-selector .hero-name{margin:0 auto;color:#fff;text-align:center;font-size:16px;font-style:normal;line-height:100%;text-transform:uppercase}.sticky-selector.visible{display:flex;opacity:1}.ja .prev-hero .hero-name.astrid_and_lucas{left:-385%}.ja .prev-hero .hero-name.astrid_and_lucas.hover{left:-425%}html.de .badge.fb .text .on-platform,html.de .badge.desktop-bad .text .on-platform{font-size:10px !important}html.ja .badge.fb .text,html.ja .badge.desktop-bad .text,html.ko .badge.fb .text,html.ko .badge.desktop-bad .text,html.zh-CN .badge.fb .text,html.zh-CN .badge.desktop-bad .text,html.zh-TW .badge.fb .text,html.zh-TW .badge.desktop-bad .text{display:flex;flex-direction:column-reverse}html.zh-CN .badge.fb .text .on-platform,html.zh-CN .badge.desktop-bad .text .on-platform,html.zh-TW .badge.fb .text .on-platform,html.zh-TW .badge.desktop-bad .text .on-platform{font-size:14px !important}.container.get-it-now{display:none;background:linear-gradient(180deg, #232029 0%, #232029 100%)}.container.get-it-now .container-content{display:flex;flex-direction:column;align-items:center}.container.get-it-now .container-content .container-title{margin-bottom:10px}.container.get-it-now .container-content .sub-get-it-now-header{color:#fbe9be;text-align:center;font-size:16px;font-style:normal;font-weight:700;line-height:130%}.container.get-it-now .container-content .games{display:flex;width:100%;margin-top:20px;align-items:center}@media(max-width: 665px){.container.get-it-now .container-content .games{flex-direction:column}.container.get-it-now .container-content .games .line{display:none}.container.get-it-now .container-content .games .hero-wars{width:100% !important}.container.get-it-now .container-content .games .hero-wars.alliance .image-container{margin-top:20px;margin-left:unset !important}}.container.get-it-now .container-content .games .line{width:2px;height:102px;margin:0 auto;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/svg/5936fbea.svg);background-repeat:no-repeat}.container.get-it-now .container-content .games .hero-wars{margin:0 auto;display:flex;align-items:center}.container.get-it-now .container-content .games .hero-wars.dom-era .image-container{background:radial-gradient(50% 50% at 50% 50%, rgba(252, 228, 10, 0.2) 0%, rgba(255, 157, 0, 0) 100%)}.container.get-it-now .container-content .games .hero-wars.alliance .image-container{margin-left:auto;background:radial-gradient(50% 50% at 50% 50%, rgba(0, 227, 255, 0.2) 0%, rgba(0, 210, 255, 0) 100%)}.container.get-it-now .container-content .games .hero-wars .badges{width:139px}.container.get-it-now .container-content .games .hero-wars .badges .badge{justify-content:center;align-items:center;gap:10px;border-radius:4px;border:1px solid #afabab;padding:4px 10px;background:#11110d;height:42px;margin-bottom:10px;display:flex}.container.get-it-now .container-content .games .hero-wars .badges .badge.desktop-bad{justify-content:flex-start}.container.get-it-now .container-content .games .hero-wars .badges .badge .text .play-online{color:#fff;font-size:8px;font-style:normal;font-weight:700;text-transform:uppercase;line-height:8px;white-space:nowrap}.container.get-it-now .container-content .games .hero-wars .badges .badge .text .on-platform{color:#fff;font-size:16px;text-transform:uppercase;font-family:TobiGreek,sans-serif;font-style:normal;line-height:16px;white-space:nowrap}.container.get-it-now .container-content .games .hero-wars .badges .apple-store,.container.get-it-now .container-content .games .hero-wars .badges .hua-store,.container.get-it-now .container-content .games .hero-wars .badges .play-store{border:none;background:none;padding:unset}.container.get-it-now .container-content .games .hero-wars .badges .apple-store img,.container.get-it-now .container-content .games .hero-wars .badges .hua-store img,.container.get-it-now .container-content .games .hero-wars .badges .play-store img{width:100%}.container.get-it-now .container-content .games .hero-wars .badges .fb img{width:28px;height:28px}.container.get-it-now .container-content .games .hero-wars .image-container{margin-right:24px}.container.get-it-now .container-content .games .hero-wars .image-container img{width:auto;height:150px}.name-container{z-index:1;position:relative;width:100%;max-width:1100px;align-items:center;margin:250px 0 auto;display:flex;flex-direction:column}.name-container .timer-node{color:#fbe9be;display:none}.name-container .timer-node.timer_0{color:#83d714}.name-container .timer-node.visible{display:block}.name-container .timer-node .text{color:#fbe9be;text-align:center;font-size:24px;font-style:normal;line-height:100%;text-transform:uppercase;margin-bottom:24px}.name-container .timer-node .actual-timer-node{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;justify-content:center}@media(max-width: 646px){.name-container .timer-node .actual-timer-node{width:70%;margin:0 auto}}.name-container .timer-node .actual-timer-node .time-node{border-radius:8px;background:rgba(18,19,23,.9);display:flex;width:98px;padding:24px 12px;flex-direction:column;justify-content:center;align-items:center;gap:16px}.name-container .timer-node .actual-timer-node .time-node .actual-time{font-size:36px;font-style:normal;line-height:36px;text-transform:uppercase}.name-container .timer-node .actual-timer-node .time-node .time-text{font-size:12px;font-style:normal;text-transform:uppercase}.name-container .prev-hero,.name-container .next-hero{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/e77b476b.webp);background-repeat:no-repeat;background-size:contain;width:61px;height:73px;transition:all .2s ease-in-out;position:absolute;background-position:center;cursor:pointer}.name-container .prev-hero .arrow-hover,.name-container .next-hero .arrow-hover{position:absolute;top:0;left:-50%;width:300%;height:100%}.name-container .prev-hero .hero-name,.name-container .next-hero .hero-name{display:block;color:#fbe9be;text-align:center;font-size:22px !important;width:max-content;font-style:normal;line-height:100%;opacity:0;position:absolute;transition:all .2s ease-in-out;left:120%;top:35%}@media(min-width: 800px){.name-container .prev-hero.hover,.name-container .next-hero.hover{filter:brightness(1.4);animation-name:jump;animation-duration:500ms}.name-container .prev-hero.hover .arrow-hover,.name-container .next-hero.hover .arrow-hover{margin-left:-20px}.name-container .prev-hero.hover .hero-name,.name-container .next-hero.hover .hero-name{opacity:1;left:130%;display:block}}.name-container .prev-hero{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/ef76c6e4.webp);margin-right:auto;left:80px}@media(max-width: 450px){.name-container .prev-hero{left:0}}.name-container .prev-hero .hero-name{left:-140%}.name-container .prev-hero .hero-name.astrid_and_lucas{left:-230%}.name-container .prev-hero .hero-name.ninjaturtles{left:-180%}.name-container .prev-hero .hero-name.mushy_and_shroom{left:-250%}.name-container .prev-hero .arrow-hover{left:-120%}@media(min-width: 800px){.name-container .prev-hero.hover{animation-name:jump;left:60px}.name-container .prev-hero.hover .arrow-hover{margin-left:40px}.name-container .prev-hero.hover .hero-name{left:-160%}.name-container .prev-hero.hover .hero-name.astrid_and_lucas{left:-270%}.name-container .prev-hero.hover .hero-name.ninjaturtles{left:-220%}.name-container .prev-hero.hover .hero-name.mushy_and_shroom{left:-290%}}.name-container .next-hero{left:calc(100% - 120px);margin-left:auto}@media(min-width: 800px){.name-container .next-hero.hover{left:calc(100% - 100px)}}.invisible-indents{display:none !important}.container.intro .sub-header .hero .right .ninjaturtles.hero-def-skin{left:31%}@media(max-width: 965px){.container.community-artifacts,.container.community-skins,.container.teams,.container.contra{padding:40px 20px 0 !important;margin-bottom:2px}.container.community-artifacts .container-content,.container.community-skins .container-content,.container.teams .container-content,.container.contra .container-content{padding:40px 20px !important}.container.community-artifacts .more-contras,.container.community-skins .more-contras,.container.teams .more-contras,.container.contra .more-contras{flex-wrap:wrap !important}.container.media .container-content .media-controller{bottom:-45px}.container.community-skins .skins-container .skin-container{margin-bottom:10px}.container.teams .container-header{display:flex;flex-direction:column !important}.container.teams .container-header .teams-buttons{margin-top:10px}.container.teams .container-middle{flex-wrap:wrap;align-items:center;justify-content:center}.container.teams .container-middle a{height:auto !important;width:220px}.container.teams .container-middle a img{max-height:200px}}.bottom-cta{display:flex;align-items:center;justify-content:center;padding:30px 0}.bottom-cta .btn{margin:0 20px}.bottom-cta .btn span{padding-left:40px;padding-right:40px}h2{text-transform:uppercase;font-size:48px}hr{max-width:1000px;width:100%;border:0;z-index:1;height:1px;background:linear-gradient(90deg, rgba(215, 156, 88, 0) 0%, rgba(215, 156, 88, 0.4) 51.04%, rgba(215, 156, 88, 0) 100%)}a.anchor{position:absolute;top:-100px}.container{display:flex;margin:-1px;flex-direction:column;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.container.intro{padding:0}.container.intro .content-wr{flex-direction:column}.container.intro .sub-header{display:flex;flex-direction:column;align-items:center;width:100%;padding-bottom:100px;background:linear-gradient(180deg, rgba(18, 19, 23, 0) 0%, rgba(18, 19, 23, 0) 70%, #232029 100%)}.container.intro .sub-header.short-pad{padding-bottom:40px}@media(max-width: 1024px){.container.intro .sub-header.short-pad{padding-bottom:24px}.container.intro .sub-header.short-pad .epic .hero .hero-text{padding-bottom:0}}@media(max-width: 640px){.container.intro .sub-header.short-pad{padding-bottom:32px}.container.intro .sub-header.short-pad .epic .hero .hero-text{padding-bottom:0}}.container.intro .sub-header .epic{width:100%;min-height:700px;background-repeat:no-repeat;background-size:cover}.container.intro .sub-header .hero{width:100%;color:#fff;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-position:50%;background-size:contain;position:relative;flex-direction:column}.container.intro .sub-header .hero .hero-img{z-index:1;position:absolute;height:max-content;width:max-content;top:-300px;-webkit-mask-image:linear-gradient(to bottom, black 90%, transparent 100%);mask-image:linear-gradient(to bottom, black 90%, transparent 100%)}.container.intro .sub-header .hero .hero-img.video{max-width:1920px;width:150%}@media(max-width: 767px){.container.intro .sub-header .hero .hero-img.video{width:200%}}@media(max-width: 500px){.container.intro .sub-header .hero .hero-img.video{width:500%}}.container.intro .sub-header .hero .hero-img.video .hero-epic{object-fit:cover}.container.intro .sub-header .hero .hero-img .hero-epic{width:100%;height:100%;top:300px;object-fit:none;object-position:0 170px}@media(max-width: 768px){.container.intro .sub-header .hero .hero-img .hero-epic{object-fit:none;object-position:-170px 170px !important}}.container.intro .sub-header .hero .hero-img .gradient{position:absolute;top:0;width:100%;height:100%;left:0;background:linear-gradient(90deg, rgba(18, 19, 23, 0) 74.48%, #121317 100.52%),linear-gradient(90deg, #121317 0%, rgba(18, 19, 23, 0) 25.42%),linear-gradient(180deg, rgba(18, 19, 23, 0.2) 0%, #121317 100%)}.container.intro .sub-header .hero .hero-text{width:100%;text-shadow:0 0 10px #000;z-index:2;display:flex;max-width:1000px;padding-bottom:90px;margin-top:100px;position:relative}.container.intro .sub-header .hero .hero-text .full-story-btn{display:flex;padding:8px 18px;flex-direction:column;justify-content:center;align-items:flex-start;font-size:16px;gap:10px;margin-bottom:30px;cursor:pointer;width:fit-content;border-radius:4px;border:1px solid #fbe9be;transition:all ease-in-out .3s}.container.intro .sub-header .hero .hero-text .full-story-btn:hover{border:1px solid #cdff39;color:#cdff39}.container.intro .sub-header .hero .hero-text .right{position:absolute;width:100%;height:100%}.container.intro .sub-header .hero .hero-text .left{z-index:3}.container.intro .sub-header .hero .hero-name{z-index:2;font-size:70px;text-transform:uppercase;text-align:center;text-shadow:1px 1px rgba(0,0,0,.4);margin:0 auto}.container.intro .sub-header .hero .hero-sub-header{font-size:24px;margin-bottom:10px;text-align:center}.container.intro .sub-header .hero .left{width:50%}.container.intro .sub-header .hero .left .hero-name-small{color:#fff;font-size:48px;white-space:nowrap;font-style:normal;margin-bottom:24px;margin-top:-8px;text-transform:uppercase}.container.intro .sub-header .hero .left .hero-stats{align-items:baseline;width:100%;white-space:pre;justify-content:center;color:#fbe9be;margin:10px auto 24px}.container.intro .sub-header .hero .left .hero-stats .class-node{display:flex;margin-bottom:6px}.container.intro .sub-header .hero .left .hero-stats .class-node.multiclass{width:30%;align-items:center}.container.intro .sub-header .hero .left .hero-stats .main-class{height:100%;display:flex;align-items:center;position:relative}.container.intro .sub-header .hero .left .hero-stats .main-class:before{color:#ffedd2;font-size:24px;font-family:hw-icons,sans-serif;padding-right:10px}.container.intro .sub-header .hero .left .hero-stats .main-class.tank::before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-class.healer::before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-class.control::before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-class.marksman::before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-class.warrior::before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-class.mage::before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-class.support::before{content:""}.container.intro .sub-header .hero .left .hero-stats .sub-class{margin-left:6px}.container.intro .sub-header .hero .left .hero-stats .position,.container.intro .sub-header .hero .left .hero-stats .main-stat,.container.intro .sub-header .hero .left .hero-stats .element{position:relative;display:flex;align-items:center;margin-bottom:6px}.container.intro .sub-header .hero .left .hero-stats .position:before,.container.intro .sub-header .hero .left .hero-stats .main-stat:before,.container.intro .sub-header .hero .left .hero-stats .element:before{padding-right:10px;font-family:hw-icons,sans-serif;font-size:24px;color:#ffedd2}.container.intro .sub-header .hero .left .hero-stats .element.water:before{content:""}.container.intro .sub-header .hero .left .hero-stats .position.front_line:before{content:""}.container.intro .sub-header .hero .left .hero-stats .position.middle_line:before{content:""}.container.intro .sub-header .hero .left .hero-stats .position.back_line:before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-stat.strength:before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-stat.agility:before{content:""}.container.intro .sub-header .hero .left .hero-stats .main-stat.intelligence:before{content:""}.container.intro .sub-header .hero .left .hero-short-des{margin-bottom:24px;color:#fff;font-size:16px;font-style:normal;line-height:130%}.container.intro .sub-header .hero .left .hero-full-stats{color:#fff;font-size:22px;font-style:normal;line-height:120%;text-transform:uppercase}.container.intro .sub-header .hero .left .hero-full-stats .stats-nodes{flex-wrap:wrap;display:flex;align-items:flex-start;margin-top:20px;align-self:stretch;column-gap:40px}.container.intro .sub-header .hero .left .hero-full-stats .stats-nodes .node{width:45%;display:flex;align-items:center;gap:20px;align-self:stretch;text-transform:none;color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:20px;margin-bottom:5px}.container.intro .sub-header .hero .left .hero-full-stats .stats-nodes .node:first-child span:first-child{font-weight:600}.container.intro .sub-header .hero .left .hero-full-stats .stats-nodes .node span:first-child{margin-right:auto}.container.intro .sub-header .hero .left .hero-full-stats .stats-nodes .node span:nth-child(2n){color:#fbe8bb;white-space:nowrap}.container.intro .sub-header .hero .right .hero-def-skin{width:100%;height:100%;position:absolute;z-index:-1;background-size:contain;left:40%;background-repeat:no-repeat}.container.intro .sub-header .hero .right .hero-def-skin.titans,.container.intro .sub-header .hero .right .hero-def-skin.pets{left:50%;top:-7%}.container.intro .sub-header .hero .right .hero-stander{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/4cc2f4e6.webp);position:absolute;height:100%;width:100%;background-repeat:no-repeat;background-position:0 100%;left:40%;z-index:-2}.container.intro .sub-header .subtitle{max-width:510px;text-align:center;margin:14px 0 30px}.container .container-title{color:#fff;font-size:48px;font-style:normal;margin-bottom:50px;margin-top:-8px}.container .container-content{max-width:1000px;margin:0 auto;width:100%}.container.strengths{position:relative;background:linear-gradient(180deg, #232029 0%, #232029 100%);padding-top:0}.container.strengths h2{font-size:22px;color:#fff;margin-bottom:20px}@media(max-width: 640px){.container.strengths h2{font-size:18px}}.container.strengths .mech-short-des{margin-bottom:20px;color:#fff;font-size:14px}.container.strengths .nodes{display:flex;flex-wrap:wrap;gap:40px}.container.strengths .nodes span{font-size:14px;color:#fbe9be;text-transform:uppercase;display:block;margin-bottom:6px}.container.strengths .nodes .strengths,.container.strengths .nodes .weaknesses{width:48%}@media(max-width: 1024px){.container.strengths .nodes .strengths,.container.strengths .nodes .weaknesses{width:100%}}.container.strengths .nodes .strength-node{color:#fff;display:flex;margin-bottom:6px;font-size:14px;align-items:flex-start}.container.strengths .nodes .strength-node:before{color:#fbe9be;font-family:hw-icons,sans-serif;content:"";font-size:18px;transform:rotate(-90deg);display:block;margin-right:8px;height:18px;width:18px;text-align:center}.container.skills{position:relative;background:linear-gradient(180deg, #232029 0%, #232029 100%);padding-bottom:0 !important}.container.skills .sword{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/8c3c7ddf.webp);top:5%;left:9%;position:absolute;z-index:0;background-repeat:no-repeat;background-size:contain;width:100%;height:73%}.container.skills .container-content{z-index:3}.container.skills .skill-cards{position:relative;height:350px;margin-bottom:100px}.container.skills .skill-cards.fixed{margin-bottom:0}.container.skills .skill-cards .skill-node{position:absolute;top:0;left:0;z-index:1;opacity:0;display:flex;transition:opacity ease-in-out 200ms;justify-content:space-between;width:100%}.container.skills .skill-cards .skill-node.active{z-index:3;opacity:1}.container.skills .skill-cards .skill-node .left{width:35%}.container.skills .skill-cards .skill-node .left .skill-selector{width:100%;display:flex;gap:10px;margin-bottom:20px}.container.skills .skill-cards .skill-node .left .skill-selector .img-container{position:relative;overflow:hidden;border-radius:6px}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.skill4{border-radius:60px}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.skill4 .skill-border,.container.skills .skill-cards .skill-node .left .skill-selector .img-container.skill4 .mask,.container.skills .skill-cards .skill-node .left .skill-selector .img-container.skill4 .skill-img{border-radius:60px}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.skill4 .skill-border{border:rgba(192,33,32,.34) 3px solid !important}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.skill4:hover .skill-border{border:#c02120 3px solid !important}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.skill4.active{box-shadow:0 0 37px 0 rgba(192,32,32,.5)}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.skill4.active .skill-border{border:#c02120 3px solid !important}.container.skills .skill-cards .skill-node .left .skill-selector .img-container .skill-border{z-index:5;border-radius:6px;height:60px;width:60px;position:relative;padding:3px;border:#d9d9d9 3px solid;transition:border ease-in-out .5s;cursor:pointer}.container.skills .skill-cards .skill-node .left .skill-selector .img-container:hover .skill-border{border:#f0d2a0 3px solid}.container.skills .skill-cards .skill-node .left .skill-selector .img-container:hover .skill-img{transform:scale(1.1)}.container.skills .skill-cards .skill-node .left .skill-selector .img-container:hover .mask{background-color:rgba(255,255,255,.1)}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.active{box-shadow:0 0 37px 0 rgba(189,255,0,.5)}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.active .skill-border{border:#5bbd14 3px solid}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.active .skill-img{transform:scale(1)}.container.skills .skill-cards .skill-node .left .skill-selector .img-container.active .mask{background-color:rgba(255,255,255,0)}.container.skills .skill-cards .skill-node .left .skill-selector .skill-img{height:54px;width:54px;position:absolute;top:3px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);left:3px;background-repeat:no-repeat;background-size:contain;border-radius:6px;z-index:1}.container.skills .skill-cards .skill-node .left .skill-selector .mask{position:absolute;top:0;left:0;z-index:2;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background-color:rgba(255,255,255,.3);width:60px;height:60px;border-radius:6px}.container.skills .skill-cards .skill-node .left .skill-card{display:flex;flex-direction:column}.container.skills .skill-cards .skill-node .left .skill-card .skill-name{color:#fff;font-size:22px;font-style:normal;line-height:120%;text-transform:uppercase;margin-bottom:20px}.container.skills .skill-cards .skill-node .left .skill-card .skill-des{color:#fff;font-size:14px;font-style:normal;line-height:130%;margin-bottom:20px}.container.skills .skill-cards .skill-node .left .skill-card .skill-bonus .skill-stat{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.container.skills .skill-cards .skill-node .left .skill-card .skill-bonus .skill-additional{color:#fbe8bb;font-size:14px;font-style:normal;font-weight:500;line-height:18px}.container.skills .skill-cards .skill-node .left .skill-card .ascension-header{margin-top:20px;color:#bf8fee;font-size:16px;margin-bottom:5px;order:3}.container.skills .skill-cards .skill-node .left .skill-card .skill-des.ascension{order:4}.container.skills .skill-cards .skill-node .right{border:3px solid #d79c58;border-radius:8px;position:relative;overflow:hidden;width:608px;height:345px;display:flex;justify-content:center;align-items:center}.container.skills .skill-cards .skill-node .right video{width:100%;height:100%}.container.skills .skill-cards .skill-node .right .video-preview{position:absolute;width:100%;border-radius:8px;height:100%;background-size:cover;background-position:center;filter:blur(15px);z-index:0}.container.skills .skill-cards .skill-node .right .skill-big-name{color:#fbe9be;z-index:1;border-radius:10px;font-size:48px;font-style:normal;vertical-align:middle;text-align:center;height:100%;width:100%;display:flex;background-color:rgba(0,0,0,.6705882353);justify-content:center;align-items:center;text-transform:uppercase}.container.skins{background:linear-gradient(180deg, #232029 0%, #121317 100%);max-width:unset}.container.skins .container-title{margin:-8px auto 0}.container.skins .container-content{max-width:1000px;margin:auto}.container.skins .skins-container{display:flex;align-items:center;gap:48px;align-self:stretch}.container.skins .skin-selector{display:flex;width:20%;flex-direction:column;align-items:flex-start;gap:12px}.container.skins .skin-selector .skin-btn{display:flex;width:fit-content;height:38px;outline:none;border:none;font-size:22px;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch;border-radius:4px;cursor:pointer;background:none;color:#fbe9be;text-transform:capitalize;transition:all ease-in-out 100ms;padding:0 30px 0 12px}.container.skins .skin-selector .skin-btn:focus{background:rgba(215,156,88,.4)}.container.skins .skin-selector .skin-btn:hover{background:rgba(215,156,88,.2)}.container.skins .skin-selector .skin-btn.active,.container.skins .skin-selector .skin-btn.always-active{background-color:#d79c58;color:#121317}.container.skins .skins-nodes{display:flex;width:75%;flex-direction:column;justify-content:center;align-items:center;gap:15px}.container.skins .skins-nodes .skin{transition:all .5s ease-in-out;z-index:5;display:none;position:relative;width:80%}.container.skins .skins-nodes .skin .skin-stander{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/4cc2f4e6.webp);position:absolute;height:100%;width:100%;background-repeat:no-repeat;background-position:center;z-index:-2;top:33%;background-size:contain}.container.skins .skins-nodes .skin .skin-img{width:846px;height:100%;transition:opacity .5s ease-in-out;transform:scaleX(-1);opacity:0}.container.skins .skins-nodes .skin .skin-text{width:100%;position:absolute;text-align:center;display:none;bottom:5%}.container.skins .skins-nodes .skin .skin-text .bonus{display:flex;margin:0 auto;padding:6px 12px;align-items:center;gap:20px;line-height:20px;font-size:14px;border-radius:4px;background:rgba(18,19,23,.8)}.container.skins .skins-nodes .skin .skin-text .bonus.hidden{display:none}.container.skins .skins-nodes .skin .skin-text .bonus .stat{color:#fff}.container.skins .skins-nodes .skin .skin-text .bonus .num{color:#fbe8bb;text-align:right}.container.skins .skins-nodes .skin.active{display:block}.container.skins .skins-nodes .skin.active .skin-img{animation-name:appear;animation-duration:.3s;animation-timing-function:ease-in-out;opacity:1}.container.skins .skins-nodes .skin.active .skin-text{display:flex}.container.skins .prev,.container.skins .next{position:absolute;top:40%;color:#eeb875;padding:10px 20px;z-index:7;cursor:pointer}.container.skins .prev:before,.container.skins .next:before{font-family:hw-icons,sans-serif;content:"";font-size:34px}.container.skins .prev{left:0;transform:rotate(90deg)}.container.skins .next{transform:rotate(-90deg);right:0}.container.artifacts .artifacts-nodes{display:flex;justify-content:space-between;align-items:center;align-self:stretch;gap:60px}@media(min-width: 451px)and (max-width: 950px){.container.artifacts .artifacts-nodes{flex-wrap:wrap}}.container.artifacts .artifacts-nodes.titans{gap:15px}.container.artifacts .artifacts-nodes.titans .item-node{padding:20px}.container.artifacts .artifacts-nodes .item-node{border-radius:8px;border:1px solid #d79c58;background:rgba(215,156,88,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;padding:48px;flex-direction:column;align-items:center;gap:12px;align-self:stretch;flex-basis:100%}.container.artifacts .artifacts-nodes .item-node:first-child{margin-left:0}.container.artifacts .artifacts-nodes .item-node .item-name{color:#fff;text-align:center;font-size:22px;font-style:normal;line-height:120%;text-transform:uppercase}.container.artifacts .artifacts-nodes .item-node .item-name .item-sub{font-size:16px;font-weight:500;text-align:center;display:block;margin:10px 0;line-height:20px}.container.artifacts .artifacts-nodes .item-node .item-bonus{width:100%}.container.artifacts .artifacts-nodes .item-node .item-bonus .bonus-container{display:flex;align-items:center;width:100%;gap:20px;align-self:stretch;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.container.artifacts .artifacts-nodes .item-node .item-bonus .bonus-container .bonus-name{color:#fff}.container.artifacts .artifacts-nodes .item-node .item-bonus .bonus-container .bonus-stat{margin-left:auto;color:#fbe8bb;white-space:nowrap;text-align:right}.container.artifacts .artifacts-nodes .item-node .item-img{width:160px;height:160px;margin-bottom:15px;border-radius:4px;border:3px solid #e6da99}.container.artifacts .artifacts-nodes .item-node .item-bonus{color:#ffedd2;font-size:14px;font-weight:700}.container.story .story-content{display:flex}.container.story .story-content .story{width:85%;color:#fff}.container.story .story-content .story .toggle-full-button{margin-top:20px;cursor:pointer;z-index:10;font-size:16px;display:block;color:#d79c58;position:relative}.container.story .story-content .story .hero-full-story{display:none}.container.story .story-content .story .hero-full-story.active{display:block}.container.story .story-content .arts{max-height:400px;height:min-content;margin-left:20px;width:32%;display:flex;flex-wrap:wrap;justify-content:flex-start}.container.story .story-content .arts .art-node{margin-right:15px;margin-bottom:15px;position:relative;cursor:pointer;width:96px;height:96px}.container.story .story-content .arts .art-node:after{font-family:hw-icons,sans-serif;font-size:24px;content:"";margin-left:10px;position:absolute;bottom:10px;left:-1px;color:#ffd591}.container .heroes-list{display:flex;justify-content:center;flex-wrap:wrap}.container .char-node{position:relative;width:250px;border:1px solid rgba(255,255,255,.3);height:250px;border-radius:8px;margin-right:10px;cursor:pointer;overflow:hidden;color:#d79c58}.container .char-node.hidden{display:none}.container .char-node::after{font-family:hw-icons,sans-serif;position:absolute;right:10px;bottom:10px;transition:all ease-in-out .5s;width:32px;padding:4px;height:32px;background:rgba(0,0,0,.4);border-radius:100%;font-size:18px;text-align:center;border:1px solid rgba(255,255,255,.3);z-index:2}.container .char-node.tank::after{content:""}.container .char-node.healer::after{content:""}.container .char-node.control::after{content:""}.container .char-node.marksman::after{content:""}.container .char-node.warrior::after{content:""}.container .char-node.mage::after{content:""}.container .char-node.support::after{content:""}.container .char-node .char-picture{width:100%;transition:all ease-in-out .5s}.container .char-node .char-name{position:absolute;left:10px;bottom:10px;font-size:24px;transition:all ease-in-out .5s;text-align:left;width:200px}.container .char-node .char-name::before{display:block;content:"";z-index:1;width:250px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;height:150px;bottom:-10px;left:-10px}.container .char-node .char-name span{position:relative;z-index:2}.container .char-node:hover .char-name{color:#ffedd2}.container .char-node:hover .char-picture{transform:scale(1.1)}.container .char-node:hover::after{color:#ffedd2}.container.community-artifacts,.container.community-skins,.container.teams,.container.contra{background:linear-gradient(180deg, #232029 0%, #232029 100%);padding-top:0}.container.community-artifacts .container-content,.container.community-skins .container-content,.container.teams .container-content,.container.contra .container-content{padding:48px;border:1px solid #d79c58;border-radius:8px;background-color:rgba(43,43,52,.5);position:relative;display:flex;flex-direction:column}.container.community-artifacts .container-content .source,.container.community-skins .container-content .source,.container.teams .container-content .source,.container.contra .container-content .source{display:flex;margin:24px auto;align-items:baseline}.container.community-artifacts .container-content .source span,.container.community-skins .container-content .source span,.container.teams .container-content .source span,.container.contra .container-content .source span{font-size:12px;color:#6f6d78;margin-right:4px;display:block}.container.community-artifacts .container-content .source img,.container.community-skins .container-content .source img,.container.teams .container-content .source img,.container.contra .container-content .source img{margin-right:5px;max-height:8px}.container.community-artifacts .container-content .community-header,.container.community-skins .container-content .community-header,.container.teams .container-content .community-header,.container.contra .container-content .community-header{font-size:16px;color:#242429;padding:6px;position:absolute;text-transform:uppercase;background-color:#d79c58;top:-16px;left:50%;margin-left:-78px;z-index:0}.container.community-artifacts .container-content .community-header:after,.container.community-skins .container-content .community-header:after,.container.teams .container-content .community-header:after,.container.contra .container-content .community-header:after{content:"";height:23px;width:23px;background-color:#d79c58;transform:rotate(45deg);display:block;position:absolute;top:5px;left:-12px;z-index:-1}.container.community-artifacts .container-content .community-header:before,.container.community-skins .container-content .community-header:before,.container.teams .container-content .community-header:before,.container.contra .container-content .community-header:before{content:"";height:23px;width:23px;background-color:#d79c58;transform:rotate(45deg);display:block;position:absolute;top:5px;right:-12px;z-index:-1}.container.community-artifacts .container-content .container-header,.container.community-skins .container-content .container-header,.container.teams .container-content .container-header,.container.contra .container-content .container-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.container.community-artifacts .container-content .container-header h2,.container.community-skins .container-content .container-header h2,.container.teams .container-content .container-header h2,.container.contra .container-content .container-header h2{color:#fff;font-size:32px}.container.community-artifacts .container-content .container-header .teams-buttons,.container.community-skins .container-content .container-header .teams-buttons,.container.teams .container-content .container-header .teams-buttons,.container.contra .container-content .container-header .teams-buttons{display:flex}.container.community-artifacts .container-content .container-header .teams-buttons .off,.container.community-skins .container-content .container-header .teams-buttons .off,.container.teams .container-content .container-header .teams-buttons .off,.container.contra .container-content .container-header .teams-buttons .off{margin-right:12px}.container.community-artifacts .container-content .container-header .teams-buttons .def,.container.community-artifacts .container-content .container-header .teams-buttons .off,.container.community-skins .container-content .container-header .teams-buttons .def,.container.community-skins .container-content .container-header .teams-buttons .off,.container.teams .container-content .container-header .teams-buttons .def,.container.teams .container-content .container-header .teams-buttons .off,.container.contra .container-content .container-header .teams-buttons .def,.container.contra .container-content .container-header .teams-buttons .off{font-size:22px;color:#fbe9be;padding:7px 12px;border-radius:4px;background-color:rgba(0,0,0,0);transition:background-color,color,300ms;cursor:pointer}.container.community-artifacts .container-content .container-header .teams-buttons .def.active,.container.community-artifacts .container-content .container-header .teams-buttons .off.active,.container.community-skins .container-content .container-header .teams-buttons .def.active,.container.community-skins .container-content .container-header .teams-buttons .off.active,.container.teams .container-content .container-header .teams-buttons .def.active,.container.teams .container-content .container-header .teams-buttons .off.active,.container.contra .container-content .container-header .teams-buttons .def.active,.container.contra .container-content .container-header .teams-buttons .off.active{color:#000;background-color:#d79c58}.container.community-artifacts .container-content .container-middle,.container.community-skins .container-content .container-middle,.container.teams .container-content .container-middle,.container.contra .container-content .container-middle{display:flex}.container.community-artifacts .container-content .container-middle.mobile .hero-collection,.container.community-skins .container-content .container-middle.mobile .hero-collection,.container.teams .container-content .container-middle.mobile .hero-collection,.container.contra .container-content .container-middle.mobile .hero-collection{justify-content:center}.container.community-artifacts .container-content .container-middle.mobile .hero-collection .hero-container,.container.community-skins .container-content .container-middle.mobile .hero-collection .hero-container,.container.teams .container-content .container-middle.mobile .hero-collection .hero-container,.container.contra .container-content .container-middle.mobile .hero-collection .hero-container{max-width:100%}.container.community-artifacts .container-content .container-middle a,.container.community-skins .container-content .container-middle a,.container.teams .container-content .container-middle a,.container.contra .container-content .container-middle a{height:200px;display:flex;flex-direction:column}.container.community-artifacts .container-content .container-middle a:hover .hero-img,.container.community-skins .container-content .container-middle a:hover .hero-img,.container.teams .container-content .container-middle a:hover .hero-img,.container.contra .container-content .container-middle a:hover .hero-img{transform:scale(1.1)}.container.community-artifacts .container-content .container-middle a img,.container.community-skins .container-content .container-middle a img,.container.teams .container-content .container-middle a img,.container.contra .container-content .container-middle a img{height:100%;width:100%;object-fit:cover;overflow:visible;transition:transform ease-in-out .3s}.container.community-artifacts .container-content .container-middle a .name,.container.community-skins .container-content .container-middle a .name,.container.teams .container-content .container-middle a .name,.container.contra .container-content .container-middle a .name{font-size:14px;color:#fbe9be;text-transform:uppercase;margin:0 auto}.container.community-artifacts .container-content .container-bottom,.container.community-skins .container-content .container-bottom,.container.teams .container-content .container-bottom,.container.contra .container-content .container-bottom{display:none;justify-content:center;align-items:center}.container.community-artifacts .container-content .container-bottom .left-arrow,.container.community-artifacts .container-content .container-bottom .right-arrow,.container.community-skins .container-content .container-bottom .left-arrow,.container.community-skins .container-content .container-bottom .right-arrow,.container.teams .container-content .container-bottom .left-arrow,.container.teams .container-content .container-bottom .right-arrow,.container.contra .container-content .container-bottom .left-arrow,.container.contra .container-content .container-bottom .right-arrow{width:34px;height:42px;cursor:pointer;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/bac1639a.webp);background-size:contain}.container.community-artifacts .container-content .container-bottom .left-arrow,.container.community-skins .container-content .container-bottom .left-arrow,.container.teams .container-content .container-bottom .left-arrow,.container.contra .container-content .container-bottom .left-arrow{margin-right:40px;transform:rotate(180deg)}.container.community-artifacts .container-content .container-bottom .right-arrow,.container.community-skins .container-content .container-bottom .right-arrow,.container.teams .container-content .container-bottom .right-arrow,.container.contra .container-content .container-bottom .right-arrow{margin-left:40px}.container.community-artifacts .container-content .container-bottom .dot,.container.community-skins .container-content .container-bottom .dot,.container.teams .container-content .container-bottom .dot,.container.contra .container-content .container-bottom .dot{height:8px;width:8px;cursor:pointer;border:solid 1px rgba(251,233,190,.5);border-radius:8px;margin-right:8px}.container.community-artifacts .container-content .container-bottom .dot.active,.container.community-skins .container-content .container-bottom .dot.active,.container.teams .container-content .container-bottom .dot.active,.container.contra .container-content .container-bottom .dot.active{background-color:#fbe9be;transition:background-color ease-in-out .3s}.container.community-artifacts .container-content .container-bottom.visible,.container.community-skins .container-content .container-bottom.visible,.container.teams .container-content .container-bottom.visible,.container.contra .container-content .container-bottom.visible{display:flex}.container.community-artifacts .container-content .disclaimer,.container.community-skins .container-content .disclaimer,.container.teams .container-content .disclaimer,.container.contra .container-content .disclaimer{margin-top:36px;color:#6f6d78;font-size:12px}.container.contra .container-content .source{margin:16px 0 36px}.container.contra .container-header.short-margin{margin-bottom:20px}.container.contra .disclaimer{margin-top:0 !important}.container.contra .container-middle{margin-bottom:36px;flex-direction:column}.container.contra .hero-collection{display:flex;gap:30px}.container.contra .hero-collection .hero-container{max-width:30%;height:auto !important}.container.contra .hero-collection .hero-container a{height:auto !important}.container.contra .hero-collection .hero-container a img{min-height:200px}.container.contra .hero-collection .hero-container .advice{display:none;color:#fff;font-size:14px}.container.contra .hero-collection .hero-container .advice .source{display:flex !important;align-items:center}.container.contra .hero-collection .hero-container .advice .source img{display:block;max-height:8px;min-height:unset;width:auto}.container.contra .hero-collection .hero-container .advice.visible{display:list-item}.container.contra .hero-collection .hero-container .name{margin-bottom:12px !important}.container.contra .hero-collection .hero-container.hidden{display:none}.container.contra .more-contras{display:flex}.container.contra .more-contras a{padding:8px;color:#fbe9be;font-size:14px;text-transform:uppercase;display:flex;align-items:center}.container.contra .more-contras a:not(:last-child):after{margin-left:16px;font-family:Roboto,Arial,sans-serif;content:"/";display:block;color:#6f6d78}.container.contra .container-bottom .left-arrow{order:1}.container.contra .container-bottom .dot{order:2}.container.contra .container-bottom .right-arrow{order:20}.container.community-skins{background:unset}.container.community-skins .container-middle{flex-direction:column}.container.community-skins .source{margin-left:0 !important}.container.community-skins .skins-container{display:flex;flex-wrap:wrap}.container.community-skins .skins-container .skin-container{display:flex;align-items:center;margin-right:6px}.container.community-skins .skins-container .skin-container .name{font-size:16px}.container.community-skins .skins-container .skin-container .text{font-size:16px;line-height:16px;margin-left:8px;text-transform:uppercase;color:#fff}.container.community-skins .skins-container .skin-container:last-child .name:after{display:none}.container.community-skins .skins-container .skin-container .number{width:19px;height:18px;text-align:center;border-radius:2px;background-color:#fbe9be;color:#212129;font-size:14px;margin-right:4px}.container.community-skins .skins-container .skin-container .name{color:#fbe9be;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center}.container.community-skins .skins-container .skin-container .name:after{content:"";height:13px;width:15px;display:block;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/e77b476b.webp);background-repeat:no-repeat;background-size:contain;margin-left:4px}.container.community-artifacts{background:unset !important}.container.community-artifacts hr{margin-top:24px;margin-bottom:24px}.container.community-artifacts .container-content .container-middle{display:block}.container.community-artifacts .container-content .container-middle .items-node{display:flex}.container.community-artifacts .container-content .container-middle .items-node .item-community-node{display:flex;align-items:center}.container.community-artifacts .container-content .container-middle .items-node .item-community-node:nth-child(3) .name:after{display:none !important}.container.community-artifacts .container-content .container-middle .items-node .item-community-node .number{width:19px;height:18px;text-align:center;border-radius:2px;background-color:#fbe9be;color:#212129;font-size:14px;margin-right:4px}.container.community-artifacts .container-content .container-middle .items-node .item-community-node .name{color:#fbe9be;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center}.container.community-artifacts .container-content .container-middle .items-node .item-community-node .name:after{content:"";height:13px;width:15px;display:block;background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/e77b476b.webp);background-repeat:no-repeat;background-size:contain;margin-left:8px;margin-right:8px}.modal{visibility:hidden;display:flex;z-index:-999;justify-content:center;align-items:center;background:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;padding:0 20px;right:0;top:0;overflow-y:scroll}.modal .iframe-slot{max-width:1280px;border-radius:8px;border:4px solid #f1eba5;max-height:720px;width:100%;height:100%}.modal .modal-content{position:relative}.modal .modal-content .icons{top:20px;right:20px;padding:5px 10px;position:absolute;background:rgba(0,0,0,.4);border-radius:8px;color:#ffd591;display:flex}.modal .modal-content .icons .download{margin-right:14px;color:#ffd591;margin-top:1px}.modal .modal-content .icons .download:after{font-family:hw-icons,sans-serif;content:"";font-size:18px}.modal .modal-content .icons .closer{cursor:pointer}.modal .modal-content .icons .closer:after{font-family:hw-icons,sans-serif;content:"";font-size:20px}.modal.visible{visibility:initial;z-index:100}.left .mob{display:none}.left .all{color:#ffcf84;font-size:16px;background:rgba(0,0,0,.4);border-radius:2px;border:1px solid rgba(255,255,255,.32);padding:5px 10px}.container.art .arts{margin-top:48px;display:flex;align-items:flex-start;gap:85px;align-self:stretch;flex-wrap:wrap;margin-bottom:30px;position:relative;height:145px}.container.art .arts.short{height:unset}.container.art .arts.short .art-page{position:unset}.container.art .arts .art-page{position:absolute;opacity:0;transform:translateX(50%);align-items:flex-start;align-content:flex-start;gap:85px;flex-wrap:wrap;display:none}.container.art .arts .art-page .art-image-container{width:274px;height:154px;border-radius:8px;border:1px solid #d79c58;cursor:pointer;overflow:hidden}.container.art .arts .art-page .art-image-container:hover img{transform:scale(1.1)}.container.art .arts .art-page .art-image-container img{border-radius:8px;width:100%;height:100%;object-fit:cover;transition:transform ease-in-out .3s}.container.art .arts .art-page.active{display:flex;opacity:1;transform:translateX(0);animation-name:movePatronage;animation-duration:300ms}.container.art .art-controller{width:fit-content;display:none;max-width:1000px;min-width:68px;margin:0 auto;height:50px;position:relative;align-items:center}.container.art .art-controller.visible{display:flex}.container.art .art-controller .dots-container{margin:0 40px;display:flex;justify-content:center;align-items:center;gap:12px}.container.art .art-controller .dots-container .dot{border:#fbe9be 1px solid;min-width:16px;height:16px;border-radius:16px;cursor:pointer}.container.art .art-controller .dots-container .dot.active{background-color:#fbe9be}.container.art .art-controller .arrow{width:35px;height:35px;position:absolute;cursor:pointer}.container.art .art-controller .arrow:after{display:block;font-family:hw-icons,sans-serif;content:"";position:absolute;font-size:34px}.container.art .art-controller .arrow.left-arrow{left:-40px;transform:rotate(90deg)}.container.art .art-controller .arrow.right-arrow{right:-40px;transform:rotate(270deg)}.container.media .medias{margin-top:48px;display:flex;align-items:flex-start;gap:85px;align-self:stretch;flex-wrap:wrap;margin-bottom:30px;position:relative;height:239px}.container.media .medias.short{height:unset}.container.media .medias.short .media-page{position:unset}.container.media .medias .media-page{position:absolute;opacity:0;transform:translateX(50%);align-items:flex-start;align-content:flex-start;gap:85px;flex-wrap:wrap;display:none}.container.media .medias .media-page.active{display:flex;opacity:1;transform:translateX(0);animation-name:movePatronage;animation-duration:300ms}.container.media .medias .media-node{cursor:pointer;width:274px;position:relative}.container.media .medias .media-node:hover .media-image-container .media{transform:scale(1.1)}.container.media .medias .media-node .media-icon{position:absolute;top:10px;right:10px;z-index:1}.container.media .medias .media-node .media-image-container{width:274px;height:154px;border-radius:8px;border:1px solid #d79c58;margin-bottom:20px;overflow:hidden}.container.media .medias .media-node .media-image-container .media{object-fit:cover;width:100%;height:100%;border-radius:8px;transition:transform ease-in-out .3s}.container.media .medias .media-node .media-head{color:#fbe9be;font-size:22px;font-style:normal;font-weight:400;line-height:120%;margin-bottom:12px;text-transform:uppercase}.container.media .medias .media-node .media-text{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.container.media .media-controller{width:fit-content;display:none;max-width:1000px;min-width:68px;margin:0 auto;height:50px;position:relative;align-items:center}.container.media .media-controller.visible{display:flex}.container.media .media-controller .dots-container{margin:0 40px;display:flex;justify-content:center;align-items:center;gap:12px}.container.media .media-controller .dots-container .dot{border:#fbe9be 1px solid;min-width:16px;height:16px;border-radius:16px;cursor:pointer}.container.media .media-controller .dots-container .dot.active{background-color:#fbe9be}.container.media .media-controller .arrow{width:35px;height:35px;position:absolute;cursor:pointer}.container.media .media-controller .arrow:after{display:block;font-family:hw-icons,sans-serif;content:"";position:absolute;font-size:34px}.container.media .media-controller .arrow.left-arrow{left:-40px;transform:rotate(90deg)}.container.media .media-controller .arrow.right-arrow{right:-40px;transform:rotate(270deg)}.container.bottom{background:linear-gradient(90deg, rgba(18, 19, 23, 0) 74.48%, #121317 100.52%),linear-gradient(90deg, #121317 0%, rgba(18, 19, 23, 0) 25.42%),linear-gradient(180deg, #121317 0%, rgba(18, 19, 23, 0.8) 100%),url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/cdaa6026.webp),#d3d3d3 50%/contain no-repeat;margin-top:100px}.container.bottom .container-content{display:flex}.container.bottom .left{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;width:60%;position:relative}.container.bottom .left .text{white-space:nowrap;z-index:1;background:linear-gradient(#ec8905, #db7c0a, #fce40a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-transform:uppercase;font-size:58px;font-style:normal;line-height:100%;margin-bottom:85px;position:relative}.container.bottom .left .text span{z-index:1}.container.bottom .left .cta-button{text-align:center;min-width:182px;white-space:nowrap;cursor:pointer;padding:12px 24px;border-radius:6px;background:linear-gradient(180deg, #83d714 0%, #3e9500 100%);box-shadow:0px -2px 0px 0px rgba(0,0,0,.25) inset,0px 2px 0px 0px #d2f261 inset,0px 2px 4px 0px rgba(0,0,0,.25);color:#fff;text-align:center;text-transform:uppercase;font-size:28px;font-style:normal;line-height:normal;letter-spacing:.28px}.container.bottom .right{width:40%}.container.bottom .right .girl{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/a4499e73.webp);background-repeat:no-repeat;background-size:contain;width:120%;height:120%;position:absolute;top:-5%}.mobile{display:none !important}@media(max-width: 1024px){.hero-name-small{white-space:unset}.header{padding:10px 30px}.container-content{padding:0 50px}.container.intro .hero{padding:0 50px}.container.intro .sub-header .hero .hero-text .right{height:70%}.skill-node{flex-direction:row-reverse}.container.skills .skill-cards .skill-node .left{width:40%}.container.skills .skill-cards .skill-node .right{width:100%;height:225px;max-width:395px}.container.skills{padding:50px 50px 0}.container.skills .container-content{padding:0}}@media(max-width: 800px){.name-container .prev-hero{left:0}.name-container .next-hero{left:calc(100% - 50px)}}@media(max-width: 770px){.desktop{display:none !important}.container.intro .sub-header .hero .hero-name{font-size:50px}.mobile{display:initial !important}.desktop-tablet{display:none !important}.mobile.important{display:flex !important}.container.intro .sub-header .hero .left{width:80%}.container.skills .skill-cards .skill-node{gap:48px}.container.skills .skill-cards .skill-node{flex-direction:column-reverse}.container.skills .skill-cards .skill-node .left{width:100%}.container.skills .skill-cards{height:600px}.container.intro .sub-header .hero .hero-text .right{left:-20%;top:-20%}.container.skins .skins-container{flex-direction:column}.container.skins .skins-nodes{width:100%}.container.skins .skin-selector{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.container.artifacts .artifacts-nodes{gap:20px}.container.artifacts .artifacts-nodes .item-node{gap:12px;padding:24px}}@media(max-width: 450px){.container.intro .hero{padding:0 20px}.name-container .next-hero{left:calc(100% - 60px)}.name-container .main-name{width:70%}.header{height:70px;padding:10px;align-items:flex-start}.container.intro .sub-header .hero .hero-text{flex-direction:column-reverse}.container.intro .sub-header .hero .hero-text .left{width:100%}.container.intro .sub-header .hero .hero-text .right{position:relative;height:350px;width:100%;left:0;top:0}.container.intro .sub-header .hero .right .hero-def-skin{background-position:center;background-size:cover;left:0;top:0;position:initial}.container.intro .sub-header .hero .right .hero-stander{background-size:contain;left:0}.container-content{padding:0 20px}.container.skills{padding:20px}.container.artifacts .artifacts-nodes{flex-direction:column}.container.skills .skill-cards .skill-node .right{height:183px;max-width:320px}.container.bottom .container-content{flex-direction:column}.container.bottom .container-content .left{width:100%}.container.bottom .container-content .left .text{font-size:40px}.container.bottom .container-content .left .cta-button{text-align:center;min-width:182px;white-space:nowrap;display:flex;padding:12px 40px;justify-content:center;align-items:center;gap:10px;text-align:center;font-size:18px;font-style:normal;text-transform:uppercase;line-height:normal;letter-spacing:.18px}.container.bottom .container-content .right{width:100%;height:300px}.container.bottom .container-content .right .girl{top:50%;width:60%;left:25%;height:60%}}@media(max-width: 600px){.container.intro .sub-header .hero .left .hero-full-stats .stats-nodes .node{width:100%}}@keyframes jump{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes movePatronage{0%{transform:translateX(50%);opacity:0;display:none}1%{display:flex}100%{display:flex;transform:translateX(0);opacity:1}}@keyframes appear{0%{opacity:0}100%{opacity:1}}@keyframes jump-squares-text{25%{bottom:10px}50%{bottom:14px}75%{bottom:10px}}@keyframes modal-appear{0%{opacity:0}50%{opacity:.5}100%{opacity:1;z-index:100}}@media(min-width: 1000px)and (max-width: 1280px){.name-container{width:70%}.name-container.astrid_and_lucas{width:85%}.name-container.mushy_and_shroom{width:90%}}.get-it-hr{display:none}html.timer-innited .container.get-it-now,html.timer-innited .get-it-hr{display:block}html.promo .container.bottom.lara_croft,html.promo .container.bottom.ninjaturtles{background:linear-gradient(90deg, rgba(18, 19, 23, 0) 74.48%, #121317 100.52%),linear-gradient(90deg, #121317 0%, rgba(18, 19, 23, 0) 25.42%),linear-gradient(180deg, #121317 0%, rgba(18, 19, 23, 0.68) 100%),url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/5c7c1150.webp) #d3d3d3 50%/cover no-repeat}html.promo .container.bottom.lara_croft .girl,html.promo .container.bottom.ninjaturtles .girl{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/23404a9d.webp);width:100%;height:100%}@media(max-width: 450px){html.promo .container.bottom.lara_croft .girl,html.promo .container.bottom.ninjaturtles .girl{top:40% !important}}html.promo .container.bottom.ninjaturtles .girl{background-image:url(https://hwlandings-a.akamaihd.net/hwp/p/assets/25.08.01.7.45.19/webp/0dca28d9.webp);width:100%;height:100%}@media(max-width: 450px){html.promo .container.bottom.ninjaturtles .girl{top:40% !important}}html.timer-innited .name-container .prev-hero,html.timer-innited .name-container .next-hero{top:30%}@media(max-width: 646px){html.timer-innited .name-container .prev-hero,html.timer-innited .name-container .next-hero{top:unset}}.hero-img.video.video .hero-epic{object-position:0 170px !important}.hero-img.video .hero-epic{object-position:0 110px !important}.container.contra .container-middle.desktop-tablet .container-bottom.none,.container.contra .container-middle.mobile .container-bottom.none,.not-visible{display:none !important}.ninjaturtles .promo-min-logo{width:186px !important}