body.goodies article.roninpack .content .pack .inner>ul>li .part .tags{display:flex;flex-direction:row;flex:1;font-size:14px;text-transform:uppercase;color:var(--color-lightgrey)}body.goodies article.roninpack .content .pack .inner>ul>li .part .tags span{position:relative;padding-left:30px}body.goodies article.roninpack .content .pack .inner>ul>li .part .tags span::before{content:' ';width:1px;height:20px;margin:auto 15px;background:var(--color-grey);position:absolute;left:0;top:0;bottom:0}body.goodies article.roninpack .content .pack .inner>ul>li .part .tags span:first-child::before{content:none}body.goodies article.roninpack>header .inner{display:grid;grid-template-columns:.9fr 2fr;grid-template-rows:auto 313px 1fr;grid-gap:50px;gap:50px;margin-top:15px;grid-template-rows:auto 347px 1fr}body.goodies article.roninpack>header .inner .info{grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/span 2;justify-self:center;font-size:64px;transition:transform .5s 1s,opacity .5s 1s}body.goodies article.roninpack>header .inner .info>span{vertical-align:middle}body.goodies article.roninpack>header .inner .info>.odometer{display:inline-block}body.goodies article.roninpack>header .inner h1{margin-top:0;grid-row:2;grid-column:1}body.goodies article.roninpack>header .inner p{font-weight:400;text-align:left;border-top:2px solid #d55c06;margin-top:-23px;padding-top:18px;grid-row:3;grid-column:1}body.goodies article.roninpack>header .inner figure{-ms-grid-row:2;-ms-grid-row-span:2;grid-row:2/span 2;grid-column:2;position:relative}body.goodies article.roninpack>header .inner figure>a{display:inline-block;position:relative;z-index:5}body.goodies article.roninpack>header .inner figure>a::after{content:url('/img/events/2/icon_play.svg');position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:93px;height:116px;transition:transform .3s;filter:invert(1) grayscale(1) brightness(2)}body.goodies article.roninpack>header .inner figure>a:hover::after{transform:scale(1.2)}body.goodies article.roninpack>header .inner figure img{border:1px solid #fff}body.goodies article.roninpack{margin-bottom:-100px}body.goodies article.roninpack>header{background:0 0;height:auto;position:relative;margin-bottom:0}body.goodies article.roninpack>header .bgpic{background:#000;position:absolute;width:100%;height:100%;left:0;top:0}body.goodies article.roninpack>header .bgpic img{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;width:100%;height:100%;transition:opacity 1s;opacity:.3}body.goodies.loading article.roninpack>header .bgpic img{opacity:1}body.goodies article.roninpack>header .inner>img{grid-column:1;grid-row:2;justify-self:center;transition:transform .5s 1.2s,opacity .5s 1.2s}body.goodies article.roninpack>header .inner h1{grid-row:3;transition:transform .5s 1.4s,opacity .5s 1.4s;text-align:center}body.goodies article.roninpack>header .inner p{grid-row:4;font-size:36px;line-height:40px;transition:transform .5s 1.6s,opacity .5s 1.6s}body.goodies article.roninpack>header .inner figure{-ms-grid-row:2;-ms-grid-row-span:3;grid-row:2/span 3;transition:transform .5s .8s,opacity .5s .8s}body.goodies.loading article.roninpack>header .inner .info,body.goodies.loading article.roninpack>header .inner h1,body.goodies.loading article.roninpack>header .inner p,body.goodies.loading article.roninpack>header .inner>img{transform:translateX(-50px);opacity:0}body.goodies.loading article.roninpack>header .inner figure{transform:scale(1.1) translateX(-200px)}body.goodies article.roninpack .content .pack,body.goodies article.roninpack .content .pack header{margin-bottom:50px}body.goodies article.roninpack .content .pack header h1{margin-bottom:32px;text-align:center}body.goodies article.roninpack .content .pack header p{font-size:36px;line-height:40px}body.goodies article.roninpack .content .pack .inner{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:702px auto}body.goodies article.roninpack .content .pack .inner>ul{display:flex;flex-direction:row;grid-column:1;grid-row:1}body.goodies article.roninpack .content .pack .inner>ul>li{margin-right:50px}body.goodies article.roninpack .content .pack .inner>ul>li .part{margin-bottom:50px;transition:opacity .3s}body.goodies article.roninpack .content .pack .inner>ul>li .part .tags span:first-child{padding-left:12px}body.goodies article.roninpack .content .pack .inner>ul>li>ul{height:550px;display:flex;flex-direction:column;justify-content:space-between}body.goodies article.roninpack .content .pack .inner>ul>li>ul>li{background:url('/img/events/6/icon_bg.png') bottom left/140px 139px no-repeat;margin-bottom:20px}body.goodies article.roninpack .content .pack .inner>ul>li>ul>li img{transition:filter .3s}body.goodies article.roninpack .content .pack .inner>ul>li>ul>li.clicked img,body.goodies article.roninpack .content .pack .inner>ul>li>ul>li:hover img{filter:brightness(130%) saturate(120%) drop-shadow(0 0 4px #000)}body.goodies article.roninpack .content .pack .inner>ul>li>ul>li.weapon img{position:relative;left:-17px}body.goodies article.roninpack .content .pack .inner>ul>li>ul>li.disabled{filter:brightness(50%) grayscale(100%)}body.goodies article.roninpack .content .pack .inner .description{grid-row:2;grid-column:1;position:relative;margin-top:40px}body.goodies article.roninpack .content .pack .inner .description::before{content:' ';position:absolute;width:24px;height:24px;border:1px solid #f1f1f1;transform:rotate(45deg);left:-50px;top:-1px}body.goodies article.roninpack .content .pack .inner .description p{opacity:0;transition:opacity .3s;border-bottom:2px solid #fff;padding-bottom:10px;font-size:20px;display:inline-block}body.goodies article.roninpack .content .pack .inner .description.clicked p,body.goodies article.roninpack .content .pack .inner .description.on p{opacity:1}body.goodies article.roninpack .content .pack .inner .vis{justify-self:center;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2;grid-column:2}body.goodies article.roninpack .content .pack .inner .vis svg{width:595px;height:864px;max-width:100%;max-height:100%}body.goodies article.roninpack .content .pack .inner .vis svg path{opacity:0;transition:opacity .3s}body.goodies article.roninpack .content .pack .inner .vis svg path.clicked,body.goodies article.roninpack .content .pack .inner .vis svg path.on{opacity:1}body.goodies article.roninpack .content .pack .inner .vis svg path#jacket,body.goodies article.roninpack .content .pack .inner .vis svg path#pants,body.goodies article.roninpack .content .pack .inner .vis svg path#shoes{stroke:#fff;fill:rgba(255,255,255,.05);filter:drop-shadow(0 0 5px #fff)}body.goodies article.roninpack .content .getdlc{padding-bottom:100px}body.goodies article.roninpack .content .getdlc div.wrapper{max-width:1100px}body.goodies article.roninpack .content .getdlc .inner>ul{text-align:center}body.goodies article.roninpack .content .getdlc .inner>ul .part>*{vertical-align:middle}body.goodies article.roninpack .content .getdlc .inner>ul .part span{font-size:24px;margin-right:20px}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul{display:flex;flex-direction:row;justify-content:space-between;margin:0 -15px 40px}body.goodies article.roninpack .content .getdlc .inner>ul .btn{border:none;border-radius:0;text-align:left;padding:15px 18px;width:100%;min-width:160px}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul li:not(.disabled) .btn::after{content:'\00232a';font-weight:600;position:absolute;right:18px;font-size:30px;top:3px;transition:right .3s}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul li:not(.disabled) .btn:hover::after{right:10px}body.goodies article.roninpack .content .getdlc .inner>ul .btn.psn{background:#006fcd}body.goodies article.roninpack .content .getdlc .inner>ul .btn.ms{background:#0e7a0d}body.goodies article.roninpack .content .getdlc .inner>ul .btn.epic,body.goodies article.roninpack .content .getdlc .inner>ul .btn.steam{background:#fff;color:#000}body.goodies article.roninpack .content .getdlc .inner>ul .btn span{vertical-align:middle;font-size:18px;font-weight:300}body.goodies article.roninpack .content .getdlc .inner>ul .btn svg{height:24px;vertical-align:middle;margin-right:10px}body.goodies article.roninpack .content .getdlc .inner>ul .btn.epic svg,body.goodies article.roninpack .content .getdlc .inner>ul .btn.steam svg{filter:invert(100%)}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul li.disabled .btn{background:#222;color:#e6e6e6;cursor:default}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul li.disabled .btn svg{opacity:.7}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul li.disabled .btn.epic svg,body.goodies article.roninpack .content .getdlc .inner>ul>li>ul li.disabled .btn.steam svg{filter:none}body.goodies article.roninpack>header .inner h1{grid-row:2}body.goodies article.roninpack>header .inner p{grid-row:3;border-color:#b29222}body.goodies article.roninpack .content{background:url('/img/events/8/bg_content_1920.jpg') center top/contain no-repeat #291b05}body.goodies article.roninpack .content .pack header{padding-top:50px}body.goodies article.roninpack .content .pack .inner>ul>li .part>span{font-size:22px;padding-left:11px;text-transform:uppercase}body.goodies article.roninpack .content .pack .inner .vis svg path#gauntlets,body.goodies article.roninpack .content .pack .inner .vis svg path#guards,body.goodies article.roninpack .content .pack .inner .vis svg path#mask{stroke:#a68422;fill:rgb(166,132,34,.15);filter:drop-shadow(0 0 5px #a68422)}body.goodies article.roninpack .content .pack .inner .vis svg path#weapon{stroke:#eb0148;fill:rgb(235,1,72,.1);filter:drop-shadow(0 0 5px #eb0148)}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul>li{flex:1 1 auto;margin:0 15px}body.goodies article.roninpack .content .getdlc .inner>ul>li>.part{margin-bottom:15px}body.goodies article.roninpack .odometer.odometer-theme-stdodo .odometer-digit{background:#b29222}@media only screen and (max-width:1299px){body.goodies article.roninpack .content{background-image:url('/img/events/8/bg_content_1299.jpg')}body.goodies article.roninpack>header .inner p{border:none;margin-top:0;padding-top:0}body.goodies article.roninpack>header .inner{grid-template-columns:1fr;grid-template-rows:157px 96px repeat(3,auto)}body.goodies article.roninpack>header .inner>img{grid-row:1;text-align:center;margin:auto}body.goodies article.roninpack .content .pack .inner{grid-template-columns:1fr .5fr}body.goodies article.roninpack .content .getdlc div.wrapper{max-width:570px}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul{flex-wrap:wrap;min-height:160px}}@media only screen and (max-width:991px){body.goodies article.roninpack .content{background-image:url('/img/events/8/bg_content_991.jpg')}body.goodies article.roninpack .content .pack .inner{grid-template-columns:1fr;grid-template-rows:auto 500px auto}body.goodies article.roninpack .content .pack .inner>ul{height:340px}body.goodies article.roninpack .content .pack .inner>ul>li>ul{height:auto;flex-direction:row;position:absolute;width:470px;left:0}body.goodies article.roninpack .content .pack .inner>ul>li:not(.on)>ul{display:none}body.goodies article.roninpack .content .pack .inner>ul>li:not(.on) .part{opacity:.3;cursor:pointer}body.goodies article.roninpack .content .pack .inner>ul>li:not(.on) .part:hover{opacity:.6}body.goodies article.roninpack .content .pack .inner .vis{grid-row:2;grid-column:1}body.goodies article.roninpack .content .pack .inner .description{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/span 2;grid-row:3;padding-left:57px}body.goodies article.roninpack .content .pack .inner .description::before{left:7px}body.goodies article.roninpack>header .inner{grid-template-columns:1fr;grid-template-rows:100px repeat(4,auto);gap:30px}body.goodies article.roninpack>header .inner p{grid-row:3}body.goodies article.roninpack>header .inner h1{grid-row:1;grid-column:1}body.goodies article.roninpack>header .inner figure{grid-column:1;grid-row:2;text-align:center}body.goodies article.roninpack>header .inner .info{grid-row:4;grid-column:1}}@media only screen and (max-width:768px){body.goodies article.roninpack .content .pack .inner>ul>li .part img{height:60px}body.goodies article.roninpack .content .pack .inner>ul>li .part .tags span{padding-left:15px}body.goodies article.roninpack .content .pack .inner>ul>li .part .tags span::before{margin:auto 9px}}@media only screen and (max-width:575px){body.goodies article.roninpack .content{background-image:url('/img/events/8/bg_content_575.jpg');padding-top:50px}body.goodies article.roninpack>header .inner figure>a::after{width:46px;height:58px}body.goodies article.roninpack>header .inner .info{font-size:22px}body.goodies article.roninpack>header .inner p{font-size:22px;line-height:28px}body.goodies article.roninpack .content .pack header p{font-size:22px;line-height:25px}body.goodies article.roninpack .content .pack .inner{grid-template-rows:auto 300px auto}body.goodies article.roninpack .content .pack .inner>ul{height:240px}body.goodies article.roninpack .content .pack .inner>ul>li{margin-right:20px}body.goodies article.roninpack .content .pack .inner>ul>li .part{margin-bottom:20px}body.goodies article.roninpack .content .pack .inner>ul>li .part .tags span:first-child{padding-left:7px}body.goodies article.roninpack .content .pack .inner>ul>li>ul{width:330px}body.goodies article.roninpack .content .pack .inner>ul>li>ul>li{background-size:100px 99px}body.goodies article.roninpack .content .pack .inner>ul>li>ul>li img{transform:scale(.8);transform-origin:left bottom}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul{justify-content:center;min-height:230px}body.goodies article.roninpack .content .pack .inner .description{padding-left:43px}body.goodies article.roninpack .content .pack .inner .description::before{width:18px;height:18px;top:0}body.goodies article.roninpack .content .pack .inner .description p{font-size:18px}body.goodies article.roninpack .content .getdlc .inner>ul>li>ul>li{margin-bottom:20px}}@media only screen and (max-width:385px){body.goodies article.roninpack .content .pack .inner>ul>li{margin-right:0}body.goodies article.roninpack .content .pack .inner>ul>li .part>span{font-size:19px;padding-left:7px}body.goodies article.roninpack .content .pack .inner>ul>li .part .tags{font-size:12px}}