.reso-page .codes,.reso-guide .codes{flex-wrap:wrap;align-content:flex-start;gap:10px;margin-bottom:25px;display:flex}.reso-page .codes .box,.reso-guide .codes .box{border-bottom:3px solid #009eec;width:24%;padding:15px}.reso-page .codes .box p,.reso-guide .codes .box p{margin:0}.reso-page .codes .box p.code,.reso-guide .codes .box p.code{color:#fff;font-weight:700}.reso-page .codes .box p.code .new,.reso-guide .codes .box p.code .new{background-color:#ed343e;margin-left:5px;padding:5px;font-size:15px}.reso-page .codes .box p.rewards,.reso-guide .codes .box p.rewards{color:#fff;font-size:14px;line-height:22px}.reso-page .codes .box p.date,.reso-guide .codes .box p.date{color:#ffffffe6;margin-top:6px;font-size:14px;font-style:italic;line-height:22px}@media (max-width:1200px){.reso-page .codes .box,.reso-guide .codes .box{width:32%}}@media (max-width:768px){.reso-page .codes .box,.reso-guide .codes .box{width:100%}}.reso-page .pw-tab-pane.with-bg,.reso-guide .pw-tab-pane.with-bg{background-color:#2c2d33;border:2px solid #484950;padding:15px}.reso-page span.ur,.reso-page strong.ur,.reso-guide span.ur,.reso-guide strong.ur{color:#f89073}.reso-page span.ssr,.reso-page strong.ssr,.reso-guide span.ssr,.reso-guide strong.ssr{color:#ffdd1d}.reso-page span.sr,.reso-page strong.sr,.reso-guide span.sr,.reso-guide strong.sr{color:#b26fda}.reso-page span.r,.reso-page strong.r,.reso-guide span.r,.reso-guide strong.r{color:#6aafe7}.reso-page span.n,.reso-page strong.n,.reso-guide span.n,.reso-guide strong.n{color:#ece4e2}.reso-page span.yellow,.reso-page strong.yellow,.reso-guide span.yellow,.reso-guide strong.yellow{color:#ffdd1d}.reso-page span.purple,.reso-page strong.purple,.reso-guide span.purple,.reso-guide strong.purple{color:#b26fda}.reso-page span.orange,.reso-page strong.orange,.reso-guide span.orange,.reso-guide strong.orange{color:#fea52f}.reso-page span.black,.reso-page strong.black,.reso-guide span.black,.reso-guide strong.black{color:#828282}.reso-page span.red,.reso-page strong.red,.reso-guide span.red,.reso-guide strong.red{color:#eb5353}.reso-page span.blue,.reso-page strong.blue,.reso-guide span.blue,.reso-guide strong.blue{color:#6aafe7}.reso-page span.green,.reso-page strong.green,.reso-guide span.green,.reso-guide strong.green{color:#77d15c}.reso-page .custom-character-container,.reso-guide .custom-character-container{grid-gap:5px 5px;grid-template-columns:33.1% 33.1% 33.1%;justify-content:space-between;width:100%;margin-top:15px;margin-bottom:25px;display:grid}.reso-page .custom-character-container.two,.reso-guide .custom-character-container.two{grid-template-columns:49.5% 49.5%}@media (max-width:1340px){.reso-page .custom-character-container.two,.reso-guide .custom-character-container.two{grid-template-columns:100%}}@media (max-width:1680px){.reso-page .custom-character-container,.reso-guide .custom-character-container{grid-template-columns:49.5% 49.5%}}@media (max-width:1340px){.reso-page .custom-character-container,.reso-guide .custom-character-container{grid-template-columns:100%}}.reso-page .custom-character-container .custom-character-box,.reso-guide .custom-character-container .custom-character-box{background-color:#23242a;padding:0}.reso-page .custom-character-container .custom-character-box .top,.reso-guide .custom-character-container .custom-character-box .top{background-color:#2c2d33;border-bottom:1px solid #484950;justify-content:space-between;align-items:center;height:75px;display:flex}.reso-page .custom-character-container .custom-character-box .top .left,.reso-guide .custom-character-container .custom-character-box .top .left{align-items:center;display:flex}.reso-page .custom-character-container .custom-character-box .top .left .avatar,.reso-guide .custom-character-container .custom-character-box .top .left .avatar{width:70px;margin-right:10px}.reso-page .custom-character-container .custom-character-box .top .left .avatar img,.reso-guide .custom-character-container .custom-character-box .top .left .avatar img{margin:0!important}.reso-page .custom-character-container .custom-character-box .top .left p,.reso-guide .custom-character-container .custom-character-box .top .left p{margin-bottom:0;font-size:20px;font-weight:600;line-height:24px}@media (max-width:1200px){.reso-page .custom-character-container .custom-character-box .top .left p,.reso-guide .custom-character-container .custom-character-box .top .left p{font-size:16px;line-height:22px}}.reso-page .custom-character-container .custom-character-box .top .left p span,.reso-guide .custom-character-container .custom-character-box .top .left p span{color:#ffffff8c}.reso-page .custom-character-container .custom-character-box .top .right,.reso-guide .custom-character-container .custom-character-box .top .right{background-color:#1c1d21;border-left:1px solid #484950;height:100%;padding:5px 15px}.reso-page .custom-character-container .custom-character-box .top .right.tier,.reso-guide .custom-character-container .custom-character-box .top .right.tier{flex-direction:column;place-items:center;padding-top:10px;display:flex}.reso-page .custom-character-container .custom-character-box .top .right p,.reso-guide .custom-character-container .custom-character-box .top .right p{text-transform:uppercase;text-align:center;margin-bottom:2px;font-size:15px;font-weight:600;line-height:22px}.reso-page .custom-character-container .custom-character-box .top .right p.with-reward,.reso-guide .custom-character-container .custom-character-box .top .right p.with-reward{text-align:center;font-size:28px;line-height:36px}.reso-page .custom-character-container .custom-character-box .top .right p.with-reward.soon,.reso-guide .custom-character-container .custom-character-box .top .right p.with-reward.soon{color:#ffffff8c;font-size:14px;line-height:26px}.reso-page .custom-character-container .custom-character-box .inside,.reso-guide .custom-character-container .custom-character-box .inside{background-color:#23242a;flex-direction:column;padding:15px;font-size:15px;line-height:24px;display:flex}.reso-page .custom-character-container .custom-character-box .inside p:last-child,.reso-guide .custom-character-container .custom-character-box .inside p:last-child{margin-bottom:0}.reso-page .custom-character-container .custom-character-box .inside ul,.reso-guide .custom-character-container .custom-character-box .inside ul{margin:0}.reso-page .custom-character-container .custom-character-box .inside ul.pros,.reso-guide .custom-character-container .custom-character-box .inside ul.pros,.reso-page .custom-character-container .custom-character-box .inside ul.pros ul,.reso-guide .custom-character-container .custom-character-box .inside ul.pros ul{color:#7cde97}.reso-page .custom-character-container .custom-character-box .inside ul.cons,.reso-guide .custom-character-container .custom-character-box .inside ul.cons{color:#ee5757;margin-bottom:15px}.reso-page .effects-table td,.reso-page .effects-table th,.reso-guide .effects-table td,.reso-guide .effects-table th{font-size:16px;line-height:24px}.reso-page .effects-table b,.reso-guide .effects-table b{color:#eec554}.reso-page .effects-table u,.reso-guide .effects-table u{color:#3086ce;font-weight:500;text-decoration:none!important}.reso-page .effects-table i,.reso-guide .effects-table i{color:#e74949;font-weight:500;font-style:normal!important}.reso-page .effects-table strong,.reso-guide .effects-table strong{font-size:16px;line-height:24px}.reso-page .effects-table strong.Blue,.reso-guide .effects-table strong.Blue{color:#3086ce;font-weight:600}.reso-page .effects-table strong.Red,.reso-guide .effects-table strong.Red{color:#e74949;font-weight:600}.reso-page .effects-table strong.Yellow,.reso-guide .effects-table strong.Yellow{color:#eec554;font-weight:600}.reso-page .effects-table strong.Purple,.reso-guide .effects-table strong.Purple{color:#c977ff;font-weight:600}.reso-page .banner,.reso-guide .banner{background-size:cover;border:1px solid #33343a;justify-content:center;align-items:center;height:170px;margin-top:30px;margin-bottom:15px;padding:25px;display:flex}.reso-page .banner.countdown,.reso-guide .banner.countdown{background-image:url(https://cdn.prydwen.gg/images/resonance-solstice/banner_reso.webp)}.reso-page .banner.release p,.reso-guide .banner.release p{font-size:20px;font-weight:500}@media (max-width:992px){.reso-page .banner,.reso-guide .banner{text-align:center;flex-direction:column;justify-content:center;height:auto}.reso-page .banner .pw-btn,.reso-guide .banner .pw-btn{margin-top:10px}}.reso-page .banner h4,.reso-guide .banner h4{margin-bottom:0;font-size:34px}@media (max-width:992px){.reso-page .banner h4,.reso-guide .banner h4{font-size:26px}}.reso-page .banner p,.reso-guide .banner p{margin-bottom:0}.reso-page .banner .cta,.reso-guide .banner .cta{text-align:center}