.root{font-family:'Lato',sans-serif;color:#fff;font-size:16px;line-height:1.4;overflow-x:hidden}
.page-body{background-color:var(--direct-bg-footer-color,#e60012);display:flex;flex-direction:column}
.headlining-videos{background-image:var(--direct-bg-headlines,#e60012);background-color:#e60012;background-size:cover;background-position:bottom;background-repeat:no-repeat;padding-bottom:10em}
.nintendo-direct .hero{background-color:#e60012;background-size:cover;background-position:center top;background-repeat:no-repeat;background-image:var(--direct-bg,none);color:var(--direct-text-color,#fff);padding:2em 0}
@media(max-width:800px){.nintendo-direct .hero{padding-top:0}
}
.nintendo-direct .hero .logo{max-width:400px;margin:.5em auto 4em 1em;height:150px;max-height:150px;display:flex;flex-direction:column;align-items:flex-start}
.nintendo-direct .hero .logo img{max-height:100%;object-fit:contain;margin-bottom:.5em}
.nintendo-direct .hero h1,.nintendo-direct .hero h2,.nintendo-direct .hero h3,.nintendo-direct .hero p,.nintendo-direct .hero a{color:inherit}
.nintendo-direct .hero h1{position:absolute;top:-1.5em;font-size:2em;font-weight:bold;width:100%}
@media(max-width:800px){.nintendo-direct .hero h1{font-size:1.5em}
.nintendo-direct .hero .logo{margin:0 auto;justify-content:center;align-items:center;padding:1em 2em}
.nintendo-direct .hero h1{text-align:center}
.nintendo-direct .hero p{display:none}
}
.nintendo-direct .main-video-container{margin-bottom:5em}
@media(max-width:800px){.nintendo-direct .main-video-container{margin-bottom:2em}
}
.nintendo-direct .direct-video{position:relative;margin:2em auto;width:calc(38vw + 38vh);height:calc(21.4vw + 21.4vh);max-height:642px;max-width:1140px}
@media(max-width:800px){.nintendo-direct .direct-video{height:inherit;padding-bottom:56.5%;width:100%;max-width:100%}
}
.nintendo-direct .direct-video iframe.video{position:absolute;width:100%;height:100%}
.nintendo-direct .direct-video nclood-video,.nintendo-direct .direct-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.nintendo-direct .video-clip{padding:2em;display:grid;grid-template-columns:300px 1fr;align-items:center;grid-gap:2em}
.nintendo-direct .video-clip .clip-title{font-size:1.5em;font-weight:bold}
.nintendo-direct .featured-videos{position:relative;margin:1em 0}
.nintendo-direct .featured-videos .video-clip{background:#000}
@media(max-width:800px){.nintendo-direct .featured-videos .game-content{padding-top:5em}
}
.nintendo-direct .headlining-videos{position:relative}
.nintendo-direct .headlining-videos h3,.nintendo-direct .headlining-videos p,.nintendo-direct .headlining-videos a{color:#fff}
@media(max-width:800px){.nintendo-direct .headlining-videos .game-content{padding-top:5em}
}
.nintendo-direct .headlining-videos .video-clip{background:#5a5958}
.nintendo-direct .game-content{margin-left:10rem}
@media(max-width:1750px){.nintendo-direct .game-content{margin-left:20rem}
}
@media(max-width:800px){.nintendo-direct .game-content{margin-left:0}
}
.nintendo-direct .featured-products{margin-top:2em}
.nintendo-direct .featured-products .product-container{display:flex;flex-wrap:wrap;justify-content:center;max-width:1366px;margin:0 auto}
.nintendo-direct .featured-products .product-container legacy-product-tile{border-radius:5px;background-color:var(--direct-background-tile-color,#efefef);background-image:var(--direct-featured-product-bg);background-size:100% 100%;margin:1em;flex-basis:45%}
.nintendo-direct .featured-products .product-container legacy-product-tile .points-container{justify-content:flex-end}
.nintendo-direct .featured-products .product-container legacy-product-tile h3,.nintendo-direct .featured-products .product-container legacy-product-tile .h3{font-weight:700}
.nintendo-direct .featured-products .product-container legacy-product-tile img{max-height:10em}
@media(max-width:800px){.nintendo-direct .featured-products .product-container legacy-product-tile{flex-basis:100%}
}
.nintendo-direct .featured-products .product-container game-tile{margin:1em;padding:2em;background:#fff;border-radius:5px;width:25%;background-image:var(--direct-featured-product-bg);background-size:100% 100%}
@media(max-width:800px){.nintendo-direct .featured-products .product-container game-tile{width:100%}
}
.nintendo-direct .special-offers-container .styled-button{display:inline-flex;justify-content:center}
.nintendo-direct .special-offers-container .styled-button a.button-type{display:flex}
.nintendo-direct .special-offers-container .styled-button a.button-type:hover{text-decoration:none;text-emphasis:none}
.nintendo-direct .special-offers-container .styled-button a.link-type styled-button{--ui-color:var(--direct-text-color,#fff)}
.nintendo-direct .special-offers-container .styled-button a.link-type styled-button:hover{--ui-color:var(--direct-text-color,#fff);--ui-hover-color:var(--direct-text-color,#fff)}
.nintendo-direct .footer{color:black;font-size:.8em;display:flex;flex-direction:column;color:var(--direct-footer-text-color,--direct-text-color,#fff)}
.nintendo-direct .footer a{color:var(--direct-footer-text-color,--direct-text-color,#fff)}
.nintendo-direct .footer .archive{justify-content:center;margin:2em 0;font-size:1.2em}
.nintendo-direct .footer .social{align-items:center}
.nintendo-direct .footer .social .social-media{margin:1em}
.nintendo-direct .footer .social .social-media img{margin:0 .5em}
.nintendo-direct .footer .social .social-media a:hover{text-decoration:none}
.nintendo-direct .footer .social .esrb{margin:1em;align-items:center}
.nintendo-direct .footer .social .esrb esrb-rating{color:#000;background:#fff;border:1px solid #000;margin:0 .25em}
.nintendo-direct .footer .social .esrb-privacy{width:4.2em;display:flex}
.nintendo-direct .footer .legal{margin:1em 0}
.nintendo-direct .visit{display:flex;justify-content:center}
.tile-wrapper{padding-top:1em;max-width:1247px}
@media(max-width:800px){.tile-wrapper{margin-left:0;margin-top:6.5em}
.tile-wrapper.headline-tile-wrapper{margin-top:6.5em}
}
.section-title{background:url("../../../../../content/dam/noa/en_US/nintendo-direct/03-26-2020/images/arrow-grey.png");padding:0;background-size:100% 100%;background-repeat:no-repeat;width:18rem;height:10rem;color:#5a5a5a;font-weight:bold;position:absolute;left:0;top:1em;padding-left:1em;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.section-title .title{font-size:1.2em}
.section-title .subTitle{font-size:2.5em}
.section-title.red{background-image:url("../../../../../content/dam/noa/en_US/nintendo-direct/03-26-2020/images/arrow-red.png");color:white}
.game-tile{width:85%;z-index:2;font-size:.9em;transition:.3s;position:relative;margin:1.5em 0;height:7rem}
.game-tile .headline-container .text-container{position:absolute;top:50%;transform:translateY(-50%);left:22%;z-index:60;color:#fff}
.game-tile .headline-container .text-container .header{font-size:1.55em;font-weight:bold}
@media(max-width:525px){.game-tile .headline-container .text-container{font-size:.8em;width:40%;left:32%}
}
.game-tile .headline-container::before{content:'';background-image:url("../../../../../content/dam/noa/en_US/nintendo-direct/03-26-2020/images/bg-shadow.png");background-repeat:no-repeat;background-size:100% 100%;opacity:0;transition:.3s;top:0}
.game-tile .headline-container:hover:before{content:'';height:100%;width:100%;position:absolute;top:5px;background-image:url("../../../../../content/dam/noa/en_US/nintendo-direct/03-26-2020/images/bg-shadow.png");background-repeat:no-repeat;background-size:100% 100%;opacity:.6;filter:blur(10px);transition:.3s}
.game-tile .headline-container::after{content:'';position:absolute;top:50%;right:1em;height:16px;width:16px;background-image:url("../../../../../content/dam/noa/en_US/nintendo-direct/03-26-2020/images/right-arrow.svg");background-repeat:no-repeat;background-size:contain;transform:translate(0,-50%);z-index:51;transition:.3s}
.game-tile .headline-container:hover:after{right:.75em;transition:.3s}
.game-tile .thumb{width:initial}
.game-tile .arrow-bg{left:15%;width:85%}
@media(max-width:1300px){.game-tile .arrow-bg{left:20%}
}
@media(max-width:750px){.game-tile .arrow-bg{left:25%}
}
@media(max-width:525px){.game-tile .arrow-bg{left:40%;width:60%}
}
.game-tile img{position:absolute;width:100%;height:100%;z-index:50}
.game-tile .text-container{margin-left:1%}
.game-tile:hover{transition:.3s;transform:translate(0,-5px);cursor:pointer}
@media(max-width:1300px){.game-tile{font-size:.8em}
.game-tile .text-container{margin-left:8%}
}
@media(max-width:800px){.game-tile{margin:1.5em 2em}
.game-tile .text-container{margin-left:17%}
.game-tile::after{right:1.2em}
.game-tile:hover{transform:translate(0)}
.game-tile:hover:before{background-image:none}
.game-tile::before{background-image:none}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
video{width:100%}
strong{font-weight:600}
i{font-style:italic}
.hide{display:none}
nclood-nav#nclood-nav{z-index:1000000 !important}
.wrapper{width:calc(98%);max-width:1500px;margin:0 auto}
.flex{display:flex;flex-wrap:wrap}
.flex.row{flex-direction:row}
.flex.column{flex-direction:column}
.flex.center{justify-content:center}
.innerWrapper{padding-top:56.5% !important}
.video-modal{position:fixed;width:101%;height:101%;top:-1px;left:-1px;z-index:1000000;background:rgba(0,0,0,0.85);transform:translateX(-150%);transition:transform 400ms ease-in-out;overflow-x:hidden;overflow-y:scroll}
.video-modal .modal-container{position:relative;height:100vh;width:100vw}
.video-modal .modal-content-container{display:flex;flex-wrap:wrap;width:calc(53vw + 53vh);position:absolute;left:50%;top:40%;transform:translateX(-50%) translateY(-50%)}
@media(max-height:700px){.video-modal .modal-content-container{top:60%}
}
@media(max-height:500px){.video-modal .modal-content-container{top:70%}
}
@media(max-aspect-ratio:761/655){.video-modal .modal-content-container{justify-content:center}
}
@media(max-width:500px){.video-modal .modal-content-container{width:96%;bottom:0vh;top:15%;transform:translateX(-50%)}
}
.video-modal.open{transform:translateX(0)}
.video-modal.open .close-btn{transform:translateY(0)}
.video-modal .close-btn{position:absolute;top:0;left:calc(100vw - 70px);width:70px;height:70px;background-color:#4c4c4c;transform:translateY(-100%);transition:transform 400ms ease-in-out;transition-delay:400ms;cursor:pointer}
.video-modal .close-btn:hover{cursor:pointer}
@media(max-width:500px),(max-height:500px){.video-modal .close-btn{left:calc(100vw - 50px);width:50px;height:50px}
}
.video-modal .close-btn img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.video-modal .close-btn:hover:after{transform:translateY(0)}
.video-modal .close-btn:after{position:absolute;content:'';width:70px;height:70px;top:0;transform:translateY(-100%);left:0;background-color:#e60012;transition:.2s ease-in-out}
@media(max-width:500px),(max-height:500px){.video-modal .close-btn:after{width:50px;height:50px}
}
.video-modal .video-container-nclood{width:calc(36vw + 36vh);height:calc(20.25vw + 20.25vh)}
@media(max-width:800px){.video-modal .video-container-nclood{height:inherit;padding-bottom:56.5%;width:100%;max-width:100%}
}
.video-modal .modal-section-title{position:absolute;left:10vw;top:3vh}
.video-modal .modal-section-title .heading{background:#e60012;color:#fff;font-size:1.2em;font-weight:bold;padding:.25em .5em .25em 0;position:relative}
.video-modal .modal-section-title .heading svg{position:absolute;height:100%;width:24px;top:0;right:calc(-24px + 5px)}
.video-modal .modal-section-title .heading:before{content:'';background:#e60012;height:100%;top:0;position:absolute;width:25vw;left:-25vw}
.video-modal .video-navigation{position:relative;width:calc(36vw + 36vh);height:calc(20.25vw + 20.25vh);padding-bottom:calc(1vw + 1vh + 180px)}
@media(max-aspect-ratio:761/655){.video-modal .video-navigation{padding-bottom:calc(1vw + 1vh + 220px)}
}
@media(min-aspect-ratio:1638/841){.video-modal .video-navigation{padding-bottom:calc(1vw + 1vh + 70px)}
}
.video-modal .navigation-btns{display:flex;font-size:.9em;position:absolute;left:0;top:calc(21.25vw + 21.25vh);backface-visibility:hidden;width:120%}
@media(max-height:700px) and (max-width:525px){.video-modal .navigation-btns{top:calc(22.25vw + 22.25vh)}
}
@media(max-width:800px){.video-modal .navigation-btns{width:100%}
.video-modal .navigation-btns .prev-btn #prev-vid-title{display:none !important}
.video-modal .navigation-btns .next-btn #next-vid-title{display:none !important}
}
@media(max-width:350px){.video-modal .navigation-btns{top:calc(25.25vw + 25.25vh)}
}
.video-modal .navigation-btns .prev-btn,.video-modal .navigation-btns .next-btn{display:flex;flex-direction:column;flex-basis:50%;cursor:pointer}
.video-modal .navigation-btns .prev-btn:hover .title .right,.video-modal .navigation-btns .next-btn:hover .title .right{transform:translate(3px,0)}
.video-modal .navigation-btns .prev-btn:hover .title .left,.video-modal .navigation-btns .next-btn:hover .title .left{transform:translate(-3px,0) rotate(180deg)}
.video-modal .navigation-btns .prev-btn .title,.video-modal .navigation-btns .next-btn .title{display:flex;align-items:center;font-size:1.2em;margin:0 .5em}
.video-modal .navigation-btns .prev-btn .title .right,.video-modal .navigation-btns .next-btn .title .right,.video-modal .navigation-btns .prev-btn .title .left,.video-modal .navigation-btns .next-btn .title .left{transition:transform 150ms ease-in-out}
.video-modal .navigation-btns .prev-btn .title.right,.video-modal .navigation-btns .next-btn .title.right{justify-content:flex-end}
.video-modal .navigation-btns .prev-btn .content,.video-modal .navigation-btns .next-btn .content{border:1px solid #fff;padding:1em 0;margin:1em;display:flex;justify-content:space-around}
@media(max-width:525px){.video-modal .navigation-btns .prev-btn .content,.video-modal .navigation-btns .next-btn .content{padding:.5em;flex-direction:column;align-items:center}
}
.video-modal .navigation-btns .prev-btn .content .thumb,.video-modal .navigation-btns .next-btn .content .thumb{flex-basis:35%}
.video-modal .navigation-btns .prev-btn .content .thumb img,.video-modal .navigation-btns .next-btn .content .thumb img{width:100%}
.video-modal .navigation-btns .prev-btn .content .content-info,.video-modal .navigation-btns .next-btn .content .content-info{flex-basis:60%}
.video-modal .navigation-btns .prev-btn .content .content-title,.video-modal .navigation-btns .next-btn .content .content-title{font-weight:bold}
.video-modal .navigation-btns .prev-btn .content .sub-title,.video-modal .navigation-btns .next-btn .content .sub-title{font-weight:300}
.video-modal .navigation-btns .prev-btn .arrow,.video-modal .navigation-btns .next-btn .arrow{height:1.2em;width:1.2em}
.video-modal .navigation-btns .prev-btn .arrow.left,.video-modal .navigation-btns .next-btn .arrow.left{transform:rotate(180deg);margin-right:.5em}
.video-modal .navigation-btns .prev-btn .arrow.right,.video-modal .navigation-btns .next-btn .arrow.right{margin-left:.5em}
.video-modal .hide{display:none}
.video-modal .hidden{opacity:0}
.video-modal .game-information{width:calc(15vw + 15vh);margin-left:calc(1vw + 1vh);margin-top:3vh}
@media(max-width:800px){.video-modal .game-information{width:75%;margin:1vh 1vw;position:absolute;top:calc(30.5vw + 30.5vh)}
}
@media(max-width:525px){.video-modal .game-information{width:100%;top:calc(41.5vw + 41.5vh)}
}
@media(max-width:350px){.video-modal .game-information{top:calc(48.5vw + 48.5vh)}
}
.video-modal .game-information .game-header{font-size:1.2em;margin-bottom:.25em}
.video-modal .game-information .game-subheader{font-size:.9em;margin-bottom:1.5em}
.video-modal .game-information .game-subheader small{font-size:.85em}
.video-modal .game-information a{text-decoration:none}
.video-modal .game-information .btn{display:flex;border:0;width:175px;background:#e60012;border-radius:8px;padding:.5em .25em;font-size:1em;position:relative;margin:.75em 0 .75em 0;backface-visibility:hidden}
.video-modal .game-information .btn:hover img{transform:translateY(-50%) translateX(3px)}
.video-modal .game-information .btn span{color:#fff;text-decoration:none;font-weight:400;margin-left:.5em}
.video-modal .game-information .btn img{position:absolute;right:1em;top:50%;transform:translateY(-50%);width:10px;height:19px;transition:transform 150ms ease-in-out}
.video-modal .game-information .btn.multi-btn{width:300px}
.modal-overlay{background:rgba(0,0,0,0.7);position:fixed;width:100%;height:100%;left:0;top:0;z-index:10000;display:none}
.modal-overlay .modal{color:#484848;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;padding:4em;position:relative;display:flex;align-items:center;box-shadow:0 4px 0 0 rgba(0,0,0,0.2);border-radius:4px;background:#fff;cursor:auto}
.modal-overlay .modal styled-button{margin-top:2em}
.modal-overlay .modal .btn-close{position:absolute;top:0;right:0;width:45px;height:45px;background-color:#4c4c4c;transition:transform 400ms ease-in-out;transition-delay:400ms;border-radius:4px;overflow:hidden;cursor:pointer}
.modal-overlay .modal .btn-close img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.modal-overlay .modal .btn-close:hover:after{transform:translateY(0)}
.modal-overlay .modal .btn-close:after{position:absolute;content:'';width:45px;height:45px;top:0;transform:translateY(-100%);left:0;background-color:#e60012;border-radius:4px;transition:.2s ease-in-out}
@media(max-width:500px),(max-height:500px){.modal-overlay .modal .btn-close:after{width:50px;height:50px}
}
.opened{display:block}
.demo-modal .demo-sign-in,.demo-modal .error,.demo-modal .demo-downloaded{display:none}
.demo-modal[data-view='sign-in'] .demo-sign-in{display:block}
.demo-modal[data-view='error'] .error{display:block}
.demo-modal[data-view='downloaded'] .demo-downloaded{display:flex}
.demo-modal[data-view='downloaded']{background:url('../../resources/images/global/pattern-modal/bg.png') repeat #fff;padding:2em 5%}
.loading-button{position:relative}
.loading-button styled-button{position:relative;opacity:0;transition:.3s}
.loading-button styled-button.loaded{opacity:1}
loading-indicator{opacity:1;position:absolute;width:65%;left:50%;transform:translateX(-50%);transition:.3s}
loading-indicator.loaded{opacity:0;pointer-events:none}