@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@700&family=Open+Sans&display=swap";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}:root{--bodyBG: #0a0a08;--primaryBG: #111111;--secondaryBG: #181814;--tertiaryBG: #20201b;--quadBG: #282821;--primaryText: #E7ECEF;--secondaryText: #B0B0B0;--goldText: #ecdcc7;--accentBlue: #1d8a9a;--accentRed: #DB5461;--accentCyan: #00ffff;--accentGold: #b69367;--accentGoldDark: #685439;--accentGoldBlend: #504a3d;--accentGreen: #168733;--accentOrange: #F39100;--error: #ff3750;--success: #28A745;--bodyFont: "Open Sans", sans-serif;--headerFont: "Exo 2", sans-serif}*{box-sizing:border-box;scroll-margin-top:140px}html,body{margin:0;padding:0;font-family:var(--bodyFont);background:var(--bodyBG);color:var(--primaryText);scroll-behavior:smooth}html.modal-open,body.modal-open{overflow:hidden}img{max-width:100%}ul,li,p{padding:0;margin:0;list-style-type:none;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--headerFont);line-height:1.125}p,h1,h2,h3,h4,h5,h6,ul,li{margin:0}p+p,h1+p,h2+p,h3+p,h4+p,h5+p,h6+p,ul+p,li+p{margin-top:1rem}h1.page-title,h2.page-title{font-size:3rem;text-align:center;margin-bottom:60px}a{text-decoration:none;color:var(--accentGold);transition:all .3s;cursor:pointer}a:hover{color:#e7b980;filter:brightness(1.15)}.star-container{display:flex;justify-content:center;align-items:center}.star-container img{display:block}nav.pagination{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--secondaryBG);padding:0 1rem;border-top:2px solid var(--primaryBG)}nav.pagination .disabled{color:var(--quadBG);line-height:2rem}nav.pagination .next,nav.pagination .back{text-transform:uppercase;font-size:.75rem}nav.pagination a{color:var(--goldText)}nav.pagination .pagination{display:flex}nav.pagination .pagination a{line-height:2rem;padding:0 1rem;cursor:pointer;color:var(--goldText)}nav.pagination .pagination a.active{background:var(--accentGold);color:var(--textPrimary)}nav.pagination .pagination a:hover{background:var(--accentGoldDark)}header.header{background:var(--secondaryBG);position:sticky;top:0;z-index:100}header.header .container.flex{display:flex;justify-content:space-between;align-items:center}header.header .logo{font-family:var(--headerFont);font-size:2rem;display:flex;align-items:center;gap:.5rem}header.header .logo span{font-size:.75rem}header.header nav{height:80px}header.header nav ul{display:flex;align-items:center;gap:1rem 0;height:100%}header.header nav ul li{position:relative;padding:1rem}header.header nav ul li svg{color:var(--accentGold);fill:var(--accentGold);font-size:12px}header.header nav ul li.mobile-only{display:none}header.header nav ul li:hover>.dropdown,header.header nav ul li .dropdown:hover{visibility:visible;opacity:1;display:flex;align-items:flex-start;top:0;transform:translateY(40px)}header.header nav ul .dropdown{width:calc(100% + 3rem);min-width:5rem;visibility:hidden;opacity:0;position:absolute;transition:all .5s ease;left:0;height:auto;margin-top:1rem;padding-top:1rem;display:none;background:var(--secondaryBG);flex-direction:column;gap:0}header.header nav ul .dropdown li{display:block;width:100%;padding:0 1rem 1rem}header.header nav ul .cta a{background:var(--accentBlue);padding:.5rem 1rem;border-radius:2rem;transition:all .3s;cursor:pointer;color:#fff}header.header nav ul .cta a:hover{filter:brightness(.7)}header.header .secondary-nav{background:var(--primaryBG)}header.header .secondary-nav nav{height:auto}header.header .secondary-nav nav ul{justify-content:flex-end}header.header .secondary-nav nav ul li{padding:.5rem 1rem}header.header .secondary-nav nav ul li.socials{margin-right:auto;margin-left:0}header.header .mobile-nav-toggle{display:none}@media screen and (max-width: 950px){header.header{padding:0 20px}header.header .mobile-nav-toggle{display:block;background:none;outline:none;border:none;cursor:pointer}header.header .mobile-nav-toggle .menu-button,header.header .mobile-nav-toggle .menu-button:before,header.header .mobile-nav-toggle .menu-button:after{display:block;background-color:#fff;position:absolute;height:4px;width:30px;transition:transform .4s cubic-bezier(.23,1,.32,1);border-radius:2px}header.header .mobile-nav-toggle .menu-button:before{content:"";margin-top:-8px}header.header .mobile-nav-toggle .menu-button:after{content:"";margin-top:8px}header.header .mobile-nav-toggle.is-active .menu-button:before{margin-top:0;transform:rotate(405deg)}header.header .mobile-nav-toggle.is-active .menu-button{background:rgba(255,255,255,0)}header.header .mobile-nav-toggle.is-active .menu-button:after{margin-top:0;transform:rotate(-405deg)}header.header nav{display:none;position:fixed;width:100%;top:80px;right:0;bottom:0;z-index:9999;height:auto}header.header nav ul{flex-direction:column;background:var(--primaryBG);padding:2rem}header.header nav.is-active{display:flex;justify-content:flex-end}header.header nav.is-active ul{flex-direction:column;background:var(--primaryBG);padding:2rem 0}header.header nav.is-active ul li{padding:.5rem 2rem;width:100%}header.header nav.is-active ul li.mobile-only{display:block}header.header nav.is-active ul li.cta{display:none}header.header nav.is-active ul li ul.dropdown{position:relative;display:flex;visibility:visible;margin-top:0;transform:none;padding:0;opacity:1;flex-direction:column}header.header nav.is-active ul li ul.dropdown li{padding:.5rem 1rem}header.header nav.is-active ul li ul.dropdown li:before{content:"-";margin-right:.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}main.container{background:var(--primaryBG);padding:60px 20px}main.container>.flex{display:flex;align-items:flex-start;gap:1rem}@media screen and (max-width: 900px){main.container>.flex{flex-wrap:wrap}}main.container .left-content{max-width:868px;width:100%}main.container aside.sidebar{width:300px;position:sticky;top:140px;flex-shrink:0}main.container aside.sidebar.no-sticky{position:static}@media screen and (max-width: 900px){main.container aside.sidebar{width:100%;overflow:hidden}}main.container aside.sidebar .series{margin-top:1.5rem}main.container aside.sidebar .series h2{font-size:1.25rem}main.container aside.sidebar .series li{margin-top:.5rem}.container{width:1240px;padding:0 20px;max-width:100%;margin:0 auto}.sidebar-toc{position:sticky;background:var(--secondaryBG);top:140px;margin:1rem 0;padding:1rem;border-radius:1rem}.sidebar-toc nav{display:flex;flex-direction:column}.sidebar-toc nav a{display:block;padding:.25rem 0;margin:.5rem 0}.sidebar-toc nav a.active{color:var(--primaryText)}.accordion .title{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion .title span{transition:all .3s}.accordion .title span svg{fill:var(--primaryText)}.accordion .content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion.open>.title span{transform:rotate(180deg)}.accordion.open>.content{max-height:1600px}@media screen and (max-width: 600px){.accordion.open>.content{max-height:4000px}}@keyframes teneFlip{0%{transform:scaleX(1)}49%{transform:scaleX(1)}50%{transform:scaleX(-1)}99%{transform:scaleX(-1)}to{transform:scaleX(1)}}.animate{animation:teneFlip 60s ease-in-out;animation-iteration-count:infinite}.btn{display:inline-block;padding:8px 24px;background:var(--accentBlue);color:#fff;border:0;border-radius:.5rem;cursor:pointer}.btn:hover{filter:brightness(1.2)}.buntin{display:block;text-align:center;margin:1rem 0 0;padding:1rem;background:var(--quadBG);border:0;color:var(--accentGold);cursor:pointer}.buntin.thin{padding:.5rem 1rem}.buntin:hover{filter:brightness(1.2)}.buntin:disabled{opacity:.5;cursor:not-allowed;color:var(--secondaryText)}.author{font-size:.75rem;color:var(--secondaryText)}@media screen and (max-width: 900px){.hide-mobile{display:none}}.footer-heroes{background:var(--tertiaryBG);padding:1.5rem 2rem;text-align:left}.footer-heroes h4{font-size:.875rem;text-transform:uppercase;margin-bottom:.5rem}.footer-heroes ul{-moz-column-count:8;column-count:8}@media screen and (max-width: 1100px){.footer-heroes ul{-moz-column-count:6;column-count:6}}@media screen and (max-width: 900px){.footer-heroes ul{-moz-column-count:4;column-count:4}}@media screen and (max-width: 600px){.footer-heroes ul{-moz-column-count:3;column-count:3}}@media screen and (max-width: 500px){.footer-heroes ul{-moz-column-count:2;column-count:2}}.footer-heroes ul li{line-height:1.5;font-size:12px}.footer-heroes ul li a{display:block;color:var(--accentGoldBlend)}@media screen and (max-width: 600px){.footer-heroes ul li a{padding:.33rem .25rem}}.footer-heroes ul li a:hover{color:var(--accentGold)}footer{text-align:center;background:var(--secondaryBG);padding:1rem 0}footer .social{display:flex;gap:1rem;justify-content:center;margin:1rem 0}footer .social img{filter:grayscale(25%);opacity:.8}footer .social img:hover{filter:grayscale(0%);opacity:1}.hero-index-container{width:900px;max-width:100%;margin:0 auto}.filters{padding:1rem;background:var(--secondaryBG);display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:center;margin-bottom:60px}.filters input[type=text],.filters input[type=search]{padding:.75rem 1rem;color:var(--goldText);background:var(--primaryBG);border:1px solid var(--primaryBG);outline:none;transition:all .3s}.filters input[type=text]:focus,.filters input[type=search]:focus{border:1px solid var(--accentGold)}.filters .row{display:flex;flex-wrap:wrap}.filters .row.no-border{border:none}.filters .row.class-filter img,.filters .row.zodiac-filter img,.filters .row.element-filter img{max-height:24px}@media screen and (max-width: 600px){.filters .row.class-filter img,.filters .row.zodiac-filter img,.filters .row.element-filter img{max-height:20px}}.filters .row.status-effect-filters{width:100%;gap:1rem;flex-wrap:nowrap}.filters .row.status-effect-filters>div{width:50%}.filters .row button:not(.choices__button){display:block;position:relative;height:42px;padding:.5rem 1rem;color:var(--goldText);background:var(--primaryBG);border:0;outline:none;cursor:pointer;transition:all .3s}@media screen and (max-width: 600px){.filters .row button:not(.choices__button){padding:.5rem .75rem}}.filters .row button:not(.choices__button).active{color:#fff;background:var(--accentGoldDark)}.filters .row button:not(.choices__button).active img{filter:invert(1)}.filters .row button:not(.choices__button):hover{color:#fff}.filters .row.element-filter button.active img{filter:invert(0)}.filters .statuseffect-filter{width:100%}.filters select,.filters .choices__inner{background:var(--secondaryBG);outline:0;border:0;padding:0;color:var(--primaryText)}.filters select:active,.filters select:focus,.filters .choices__inner:active,.filters .choices__inner:focus{border:0}.filters select input[type=search],.filters .choices__inner input[type=search]{min-width:100%!important;width:100%!important}.filters .choices__inner{padding:0;display:flex;flex-direction:column-reverse}.filters .choices__list--dropdown .choices__item--selectable.is-highlighted,.filters .choices__list[aria-expanded] .choices__item--selectable.is-highlighted,.filters .choices__list--dropdown,.filters .choices__list[aria-expanded]{background:var(--tertiaryBG);color:var(--primaryText);z-index:20}.filters .debuff-filter .choices__list--multiple .choices__item{background:var(--error);border-color:var(--error)}.hero-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;width:100%}.hero-list .hero{width:100%}@media screen and (min-width: 600px){.hero-list .hero{width:calc(50% - 10px)}}@media screen and (min-width: 1100px){.hero-list .hero{width:calc(33% - 15px)}}.hero-list .hero a{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:1rem;background:var(--secondaryBG);text-align:center;height:100%}.hero-list .hero a .icon-container{position:relative}.hero-list .hero a .icon-container .element-overlay{position:absolute;display:block;top:-5px;right:-5px;z-index:2}.hero-list .hero a .icon-container .icon{position:relative;overflow:hidden;width:83px;height:83px;border-radius:100%;border:3px solid var(--accentGold);margin:0 auto;flex-shrink:0;flex-grow:0}.hero-list .hero a .icon-container .icon .hero-avatar{width:83px;height:83px;border-radius:100%;-o-object-fit:cover;object-fit:cover}.hero-list .hero a .info{flex-grow:1}.hero-list .hero a h3{font-size:1rem;margin:.5rem 0}.no-sidebar .hero-list .hero{width:calc(25% - 1rem)}@media screen and (max-width: 1100px){.no-sidebar .hero-list .hero{width:calc(33% - 1rem)}}@media screen and (max-width: 900px){.no-sidebar .hero-list .hero{width:calc(50% - 1rem)}}@media screen and (max-width: 620px){.no-sidebar .hero-list .hero{width:100%}}.heroes-container{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}@media screen and (max-width: 900px){.heroes-container{flex-wrap:wrap}}.hero-header{position:relative;overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;gap:2rem;background:var(--secondaryBG);padding:1rem;border-radius:1rem}.hero-header .limited{position:absolute;top:0;left:0;padding:10px 50px;background:var(--accentRed);color:#fff;transform:rotate(-45deg) translate(-50%,100%);transform-origin:0 0;text-align:center;font-weight:600;letter-spacing:.5px;font-family:var(--headerFont)}.hero-header .icon{border-radius:100%;overflow:hidden;width:100px;height:100px;border:2px solid var(--accentGold);flex-shrink:0}.hero-header .icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-header .tiers{display:flex;gap:1rem;justify-content:center;text-align:center;width:100%}.hero-header .tiers h4{font-size:1.5rem;margin-bottom:.5rem}.hero-header .tiers .tier{background:var(--tertiaryBG);border-radius:1rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;aspect-ratio:1/1;height:100px;width:100px}.hero-header h1{font-size:2rem}.hero-header p{margin:0}.hero-header li{display:flex;align-items:center;gap:.25rem}.hero-header li+li{margin-top:.5rem}@media screen and (max-width: 600px){.hero-header ul{display:flex;flex-wrap:wrap}.hero-header ul li{width:50%}}.hero-container{max-width:840px;margin:0 auto;padding:20px;background:var(--secondaryBG)}.hero-container .stat-icon{height:1.5rem}.hero-container.hero-build .hero-header .voting{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;line-height:20px;padding:1rem 1.5rem;aspect-ratio:1/1;border-right:1px solid var(--primaryBG)}.hero-container.hero-build .hero-header .voting .votes{text-align:center;font-size:.75rem;line-height:1rem;margin:.25rem 0}.hero-container.hero-build .hero-header .voting button{background:none;border:0;opacity:.6;padding:0;margin-right:.25rem;cursor:pointer}.hero-container.hero-build .hero-header .voting button:hover,.hero-container.hero-build .hero-header .voting button.selected{opacity:1}.hero-container.hero-build .hero-header .voting .down,.hero-container.hero-build .hero-header .voting .up{display:flex;align-items:center;gap:.25rem}.hero-container.hero-build .hero-header .voting .up svg{fill:var(--success);color:var(--success);width:1rem;height:1rem}.hero-container.hero-build .hero-header .voting .up button.selected{filter:drop-shadow(0 0 .25rem var(--success))}.hero-container.hero-build .hero-header .voting .down svg{fill:var(--error);color:var(--error);width:1rem;height:1rem}.hero-container.hero-build .hero-header .voting .down button.selected{filter:drop-shadow(0 0 .25rem var(--error))}.hero-container.hero-build .hero-header .voting{padding-left:.5rem;border:0}.hero-container.hero-build .title h2{font-size:1.5rem}.hero-container>.description{margin-top:1rem;padding:2rem;background:var(--tertiaryBG);border-radius:.5rem}.hero-container>.description .stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1rem}.hero-container>.description .stats li{display:flex;align-items:center}.hero-container .star-container{justify-content:flex-start}.hero-container .popular-content{margin-top:1rem;background:var(--tertiaryBG);border-radius:.5rem;padding:2rem}.hero-container .popular-content h2{font-size:1.5rem;margin:0 0 2rem}.hero-container .popular-content .content-type h3{display:flex;align-items:center;gap:1rem;font-size:1.25rem}.hero-container .popular-content .content-type h3:not(:last-child){margin-bottom:1rem}.hero-container .popular-content .content-type h3 img{width:64px;height:64px;border-radius:100%;border:2px solid var(--accentGold)}.hero-container .section-accordion .section-accordion-title h2{font-size:2rem;margin:2rem 0}.hero-container .section-accordion.hero-rta-data .tier-select{margin-top:2rem}.hero-container .section-accordion.hero-rta-data .tier-select label{font-family:var(--headerFont)}.hero-container .section-accordion.hero-rta-data .tier-select select{margin-left:.5rem;background:var(--tertiaryBG);outline:0;border:1px solid var(--tertiaryBG);padding:10px;color:var(--primaryText)}.hero-container .section-accordion.hero-rta-data .tier-select select:active,.hero-container .section-accordion.hero-rta-data .tier-select select:focus{border:1px solid var(--accentGold)}.hero-container .section-accordion.hero-rta-data .section-content{margin:1rem 0 2rem;padding:1rem;border-radius:.5rem;background:var(--tertiaryBG)}.hero-container .section-accordion.hero-rta-data .section-content h3{font-size:1.5rem;text-transform:capitalize;margin-bottom:1rem}.hero-container .section-accordion.hero-rta-data .section-content .flex{display:flex;justify-content:space-between;gap:1rem;width:100%;margin-bottom:1.5rem}@media screen and (max-width: 1024px){.hero-container .section-accordion.hero-rta-data .section-content .flex{flex-wrap:wrap}}.hero-container .section-accordion.hero-rta-data .section-content .flex>div{width:100%}.hero-container .section-accordion.hero-rta-data .section-content .flex ul{background:var(--secondaryBG)}.hero-container .section-accordion.hero-rta-data .section-content .flex ul h4{font-size:1.25rem}.hero-container .section-accordion.hero-rta-data .section-content .flex ul li{display:flex;align-items:center;gap:.5rem;background:var(--secondaryBG);width:100%;padding:.5rem;border:2px solid var(--tertiaryBG)}.hero-container .section-accordion.hero-rta-data .section-content .flex ul li:first-child{background:var(--secondaryText);color:var(--tertiaryBG)}.hero-container .section-accordion.hero-rta-data .section-content .flex ul li img{max-height:30px}.hero-container .section-accordion.hero-rta-data .section-content .picks{display:flex;gap:1rem;justify-content:space-between}@media screen and (max-width: 700px){.hero-container .section-accordion.hero-rta-data .section-content .picks{flex-wrap:wrap}}.hero-container .section-accordion.hero-rta-data .section-content .picks>div{background:var(--quadBG);padding:1rem;border-radius:.5rem}.hero-container .section-accordion.hero-rta-data .section-content .picks>div p{margin:.25rem 0 1rem}.hero-container .section-accordion.hero-rta-data .section-content .picks>div ul{display:flex;text-align:center;gap:1rem}.hero-container .section-accordion.hero-rta-data .section-content .picks>div ul li{width:30%;line-height:1.1}.hero-container .section-accordion.hero-rta-data .section-content .picks>div ul img{display:block;margin:0 auto .5rem;width:75px;height:75px;-o-object-fit:cover;object-fit:cover;border-radius:100%}.hero-container .section-accordion.hero-builds .hero-build{margin:2rem 0;padding:1rem;border-radius:.5rem;background:var(--tertiaryBG)}.hero-container .section-accordion.hero-builds .hero-build .title{display:flex;justify-content:flex-start;gap:2rem}.hero-container .section-accordion.hero-builds .hero-build .title .voting{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;line-height:20px;padding:1rem 1.5rem;aspect-ratio:1/1;border-right:1px solid var(--primaryBG)}.hero-container .section-accordion.hero-builds .hero-build .title .voting .votes{text-align:center;font-size:.75rem;line-height:1rem;margin:.25rem 0}.hero-container .section-accordion.hero-builds .hero-build .title .voting button{background:none;border:0;opacity:.6;padding:0;margin-right:.25rem;cursor:pointer}.hero-container .section-accordion.hero-builds .hero-build .title .voting button:hover,.hero-container .section-accordion.hero-builds .hero-build .title .voting button.selected{opacity:1}.hero-container .section-accordion.hero-builds .hero-build .title .voting .down,.hero-container .section-accordion.hero-builds .hero-build .title .voting .up{display:flex;align-items:center;gap:.25rem}.hero-container .section-accordion.hero-builds .hero-build .title .voting .up svg{fill:var(--success);color:var(--success);width:1rem;height:1rem}.hero-container .section-accordion.hero-builds .hero-build .title .voting .up button.selected{filter:drop-shadow(0 0 .25rem var(--success))}.hero-container .section-accordion.hero-builds .hero-build .title .voting .down svg{fill:var(--error);color:var(--error);width:1rem;height:1rem}.hero-container .section-accordion.hero-builds .hero-build .title .voting .down button.selected{filter:drop-shadow(0 0 .25rem var(--error))}.hero-container .section-accordion.hero-builds .hero-build .title .voting{padding:0 1.5rem 0 .5rem}.hero-container .section-accordion.hero-builds .hero-build .title .voting span{transform:none}.hero-container .section-accordion.hero-builds .hero-build .title .inside{display:flex;justify-content:space-between;width:100%}.hero-container .section-accordion.hero-builds .hero-build h3{font-size:1.25rem}.hero-container .section-accordion.hero-builds .hero-build .content p{margin-top:.5rem}.hero-container .section-accordion.hero-builds .hero-build h4{font-size:1.25rem}.hero-container .section-accordion.hero-builds .hero-build h4+p{margin:.5rem 0}.hero-container .section-accordion.hero-builds .hero-build .stat-prio{margin:1rem 0}.hero-container .section-accordion.hero-builds .hero-build .equipment{display:flex;justify-content:space-between;flex-wrap:wrap;margin:1rem 0 0}.hero-container .section-accordion.hero-builds .hero-build .equipment ul{width:calc(50% - 1rem)}@media screen and (max-width: 600px){.hero-container .section-accordion.hero-builds .hero-build .equipment ul{width:100%}.hero-container .section-accordion.hero-builds .hero-build .equipment ul+ul{margin:1rem 0 0}}.hero-container .section-accordion.hero-builds .hero-build .equipment ul li{display:flex;align-items:center;gap:.5rem;background:var(--secondaryBG);width:100%;padding:.5rem;border:2px solid var(--tertiaryBG)}.hero-container .section-accordion.hero-builds .hero-build .equipment ul li:first-child{background:var(--secondaryText);color:var(--tertiaryBG)}.hero-container .section-accordion.hero-builds .hero-build .equipment ul li img{height:30px}.hero-container .section-accordion.hero-builds .build-actions{display:flex;gap:2rem}@media screen and (max-width: 600px){.hero-container .section-accordion.hero-builds .build-actions{flex-wrap:wrap;gap:0}}.hero-container .section-accordion.hero-builds .build-actions .buntin{width:100%}.hero-container .section-accordion .artifacts-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.hero-container .section-accordion .artifacts-list .artifact{border-radius:.5rem;background:var(--tertiaryBG);display:flex;gap:1rem;width:calc(50% - 1rem);max-width:100%;padding:1rem}@media screen and (max-width: 1024px){.hero-container .section-accordion .artifacts-list .artifact{width:100%}}.hero-container .section-accordion .artifacts-list .artifact .icon{width:120px;border-radius:1rem;overflow:hidden;flex-shrink:0}.hero-container .section-accordion .artifacts-list .artifact .details{color:var(--primaryText)}.hero-container .section-accordion .artifacts-list .artifact .details h3{font-size:1.25rem}.hero-container .section-accordion .artifacts-list .artifact .details h4{color:var(--goldText);opacity:.9;font-size:.875rem;font-weight:light;margin-top:.25rem}.hero-container .section-accordion .skills-list .skill{border-radius:.5rem;border:2px solid var(--tertiaryBG);overflow:hidden}.hero-container .section-accordion .skills-list .skill+.skill{margin-top:1rem}.hero-container .section-accordion .skills-list .skill .title{background:var(--tertiaryBG);padding:1rem}.hero-container .section-accordion .skills-list .skill .title h3{font-size:1.25rem}.hero-container .section-accordion .skills-list .skill .skill-content{display:flex;gap:2rem;align-items:flex-start;padding:2rem}@media screen and (max-width: 768px){.hero-container .section-accordion .skills-list .skill .skill-content{flex-wrap:wrap;gap:1rem}}.hero-container .section-accordion .skills-list .skill .skill-content .icon{flex-shrink:0;padding-left:1rem;background:var(--secondaryBG)}@media screen and (max-width: 768px){.hero-container .section-accordion .skills-list .skill .skill-content .icon{padding:0}}.hero-container .section-accordion .skills-list .skill .skill-content .icon img{height:75px;width:75px;-o-object-fit:cover;object-fit:cover;border-radius:1rem}.hero-container .section-accordion .skills-list .skill .skill-content .details{flex-grow:1}.hero-container .section-accordion .skills-list .skill .skill-content .details .top{display:flex;align-items:center;gap:1rem}.hero-container .section-accordion .skills-list .skill .skill-content .details .top .cooldown{padding:.25rem 1rem;background:var(--accentGreen);border-radius:6px;line-height:1}.hero-container .section-accordion .skills-list .skill .skill-content .details .top .soul-gain{padding:.25rem 1rem;background:var(--accentBlue);border-radius:6px;line-height:1}.hero-container .section-accordion .skills-list .skill .skill-content .details .top .status-effects{display:flex;gap:4px}.hero-container .section-accordion .skills-list .skill .skill-content .details .top .status-effects img{width:auto;height:1.5rem;-o-object-fit:cover;object-fit:cover}.hero-container .section-accordion .skills-list .skill .skill-content .details .bottom{margin-top:1rem}.hero-container .section-accordion .skills-list .skill .skill-content .details .soulburn{color:var(--accentBlue);filter:brightness(1.5);margin-top:1rem}.hero-container .section-accordion .skills-list .skill .skill-upgrades{padding:2rem}@media screen and (max-width: 768px){.hero-container .section-accordion .skills-list .skill .skill-upgrades{padding:0 2rem 2rem}}.hero-container .section-accordion .skills-list .skill .skill-upgrades .title{margin:0}.hero-container .section-accordion .skills-list .skill .skill-upgrades .upgrade{padding:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border:1px solid var(--tertiaryBG)}.hero-container .section-accordion .skills-list .skill .skill-upgrades .upgrade:nth-child(2n){background:var(--tertiaryBG)}.hero-container .section-accordion .skills-list .skill .skill-upgrades .upgrade .level{padding:1rem 0}.hero-container .section-accordion .skills-list .skill .skill-upgrades .upgrade .description{flex-grow:1}.hero-container .section-accordion .skills-list .skill .skill-upgrades .upgrade .cost{display:flex;gap:1rem}.hero-container .section-accordion .skills-list .skill .skill-upgrades .upgrade .cost .resource{text-align:center}.hero-container .section-accordion .skills-list .skill .skill-upgrades .upgrade .cost .resource .icon{margin:0 auto;width:55px;height:55px;-o-object-fit:cover;object-fit:cover}.hero-container .section-accordion.exclusive-equipment .equipment{border:1px solid var(--tertiaryBG)}.hero-container .section-accordion.exclusive-equipment .equipment .title{display:flex;align-items:center;gap:1rem;font-size:1.25rem;padding:1rem;background:var(--tertiaryBG)}.hero-container .section-accordion.exclusive-equipment .equipment .details{padding:1rem}.hero-container .section-accordion.exclusive-equipment .equipment .details h4{margin-bottom:.5rem}.hero-container .section-accordion.exclusive-equipment .equipment .skill{border-bottom:1px solid var(--tertiaryBG)}.hero-container .section-accordion.exclusive-equipment .equipment .skill:first-child{border-top:1px solid var(--tertiaryBG)}.hero-container .section-accordion.exclusive-equipment .equipment .skill .recommended{display:flex;align-items:center;gap:1rem;font-size:1.25rem;padding:1rem;background:var(--tertiaryBG)}.hero-container .section-accordion.exclusive-equipment .equipment .skill .skill-improved{display:flex;align-items:center;gap:2rem;padding:2rem}@media screen and (max-width: 650px){.hero-container .section-accordion.exclusive-equipment .equipment .skill .skill-improved{display:block}}.hero-container .section-accordion.exclusive-equipment .equipment .skill .skill-improved .icon{flex-shrink:0}.hero-container .section-accordion.exclusive-equipment .equipment .skill .skill-improved .icon img{border-radius:1rem;width:75px;height:75px}.hero-container .section-accordion.awakenings .awakening .level{background:var(--tertiaryBG);padding:1rem}.hero-container .section-accordion.awakenings .awakening .flex{display:flex;justify-content:space-between;padding:1rem}@media screen and (max-width: 600px){.hero-container .section-accordion.awakenings .awakening .flex{flex-wrap:wrap;gap:1rem}}.hero-container .section-accordion.awakenings .awakening .flex li{display:flex;align-items:center;gap:.25rem}.hero-container .section-accordion.awakenings .awakening .flex li+li{margin-top:.5rem}.hero-container .section-accordion.awakenings .awakening .flex .cost{display:flex;justify-content:center;text-align:center;gap:1rem}.hero-container .section-accordion.awakenings .awakening .flex .cost .resource .icon{margin:0 auto;width:55px}.hero-container .section-accordion.awakenings .awakening .skill{border:1px solid var(--tertiaryBG);margin-bottom:2rem}.hero-container .section-accordion.awakenings .awakening .skill .title{display:flex;align-items:center;gap:1rem;font-size:1.25rem;padding:1rem;background:var(--tertiaryBG)}.hero-container .section-accordion.awakenings .awakening .skill .improved-text{background:var(--tertiaryBG);padding:.5rem;fill:var(--primaryText);text-align:center}.hero-container .section-accordion.awakenings .awakening .skill .skill-improved{display:flex;align-items:center;gap:2rem;padding:2rem}@media screen and (max-width: 650px){.hero-container .section-accordion.awakenings .awakening .skill .skill-improved{display:block}}.hero-container .section-accordion.awakenings .awakening .skill .skill-improved .icon{flex-shrink:0}.hero-container .section-accordion.memory-imprints .memory-imprint .title{background:var(--tertiaryBG);padding:1rem}.hero-container .section-accordion.memory-imprints .memory-imprint .content{padding:2rem;display:flex;align-items:center;gap:3rem;border:1px solid var(--tertiaryBG)}@media screen and (max-width: 600px){.hero-container .section-accordion.memory-imprints .memory-imprint .content{flex-wrap:wrap;gap:1rem}}.hero-container .section-accordion.memory-imprints .memory-imprint .content .position{flex-shrink:0;width:70px}.hero-container .section-accordion.memory-imprints .memory-imprint .content ul{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center}.hero-container .section-accordion.memory-imprints .memory-imprint .content ul li{display:flex;align-items:center;gap:.5rem;width:180px}.artifacts-container{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}@media screen and (max-width: 900px){.artifacts-container{flex-wrap:wrap}}.artifact-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.artifact-list .artifact{border-radius:1rem;overflow:hidden;width:250px;text-align:center}.artifact-list .artifact a{text-decoration:none}.artifact-list .artifact a h3{font-size:16px}.artifact-list .artifact .icon{position:relative;aspect-ratio:240/379}.artifact-list .artifact .icon:hover>img{transform:scale(1.075)}.artifact-list .artifact .icon>img{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;transition:.3s all}.artifact-list .artifact .icon .rarity{position:absolute;top:1rem;right:1rem;width:25px;display:flex;flex-direction:column;z-index:2}.artifact-list .artifact .icon .class{position:absolute;top:1rem;left:1rem;filter:invert(1);z-index:2}.artifact-list .artifact .icon .title{position:absolute;bottom:1rem;left:0;right:0;margin:0;width:100%;font-size:16px;font-weight:700;color:#fff;padding:.5rem 1rem;text-shadow:0 0 10px #000;background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(51,51,51,.5) 15%,rgba(0,0,0,.5) 50%,rgba(51,51,51,.5) 85%,rgba(255,255,255,0) 100%);z-index:3}.artifact-container{width:800px;max-width:100%;margin:0 auto}.artifact-container h1{font-size:2rem}.artifact-container h2{position:relative;font-size:1.5rem}.artifact-container h2:after{content:"";position:absolute;top:-1rem;left:0;width:100%;height:2px;background:var(--accentGold)}.artifact-container h2+p{margin:.5rem 0}.artifact-container .base{margin:2rem 0}.artifact-container .base span,.artifact-container .max span{color:var(--accentOrange)}.artifact-container .artifact{display:flex;align-items:flex-start;gap:2rem}@media screen and (max-width: 600px){.artifact-container .artifact{flex-wrap:wrap}}.artifact-container .artifact .icon{position:relative;border-radius:1rem;overflow:hidden;width:260px;text-align:center;aspect-ratio:260/411;flex-shrink:0}@media screen and (max-width: 768px){.artifact-container .artifact .icon{width:200px}}.artifact-container .artifact .icon>img{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.artifact-container .artifact .icon .rarity{position:absolute;top:1rem;right:1rem;width:25px;display:flex;flex-direction:column;z-index:2}.artifact-container .artifact .icon .class{position:absolute;top:1rem;left:1rem;filter:invert(1);z-index:2}.artifact-container .artifact .stats{display:flex;justify-content:space-between}.artifact-container .artifact .stats img{display:block;height:2rem}.artifact-container .artifact .stats p{margin:0}.artifact-container .artifact .stats>div{display:flex;gap:.25rem;line-height:1;align-items:center;font-size:1.25rem}.artifact-container .section-accordion.guides{margin-top:3rem}.artifact-container .section-accordion.guides h2{padding-top:1rem;margin-bottom:2rem}.resource-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.resource-list .resource{width:210px}.resource-list .resource a{display:block;padding:1rem;border-radius:1rem;background:var(--secondaryBG);text-align:center;height:100%}.resource-list .resource a .icon{overflow:hidden;width:80px;height:80px;margin:0 auto}.resource-list .resource a .icon img{-o-object-fit:cover;object-fit:cover}.resource-list .resource a h3{margin:.5rem 0}.resource-container{background:var(--secondaryBG);padding:1rem}.resource-container .header{background:var(--tertiaryBG);padding:1rem;border-radius:1rem}.resource-container .header .title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--quadBG)}.resource-container .header .title h1{font-size:2rem}.resource-container h2{font-size:1.5rem;margin:2rem 0 1rem}.resource-container .found-at,.resource-container .purchased-from{background:var(--tertiaryBG);padding:1rem;border-radius:1rem}.resource-container .found-at li,.resource-container .purchased-from li{padding:1rem;background:var(--secondaryBG);border-left:2px solid var(--tertiaryBG);border-right:2px solid var(--tertiaryBG);margin-top:.25rem}.resource-container .found-at li span,.resource-container .purchased-from li span{display:block;font-size:.875rem;color:var(--secondaryText)}.resource-container .found-at li:first-child,.resource-container .purchased-from li:first-child{margin-top:0;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-top:2px solid var(--tertiaryBG)}.resource-container .found-at li:last-child,.resource-container .purchased-from li:last-child{border-bottom:2px solid var(--tertiaryBG);border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.resource-container .hero-list .hero a{background:var(--tertiaryBG)}form.create-guide{display:flex}form.create-guide .main-content{flex:1;margin-right:20px}form.create-guide .sidebar{width:300px}form.create-guide .sidebar .categories,form.create-guide .sidebar .series,form.create-guide .sidebar .image-upload-wrapper{padding:1rem;margin:1rem 0;background:var(--secondaryBG);color:var(--primaryText)}form.create-guide .sidebar .existing-categories,form.create-guide .sidebar .existing-series{max-height:200px;overflow-y:auto;padding:1rem 0}form.create-guide .sidebar .image-upload-wrapper label{display:block;margin-bottom:1rem}article.guide{flex-grow:1;max-width:100%;background:var(--secondaryBG);padding:2rem}article.guide img{height:auto}article.guide blockquote{border-left:3px solid var(--secondaryText);color:var(--secondaryText);margin:1rem 0;padding-left:1rem;border-radius:4px;font-style:italic}article.guide p,article.guide li,article.guide ul{margin:0}article.guide p+p,article.guide li+p,article.guide ul+p{margin:1rem 0}article.guide h1{font-size:2.5rem;margin-bottom:.5rem}article.guide h2{font-size:2rem;margin-bottom:.5rem;margin-top:1.5rem}article.guide h3{font-size:1.75rem;margin-bottom:.75rem;margin-top:1.5rem}article.guide h4{font-size:1.5rem;margin-bottom:.75rem;margin-top:1.5rem}article.guide h5{font-size:1.25rem;margin-bottom:1rem;margin-top:1.5rem}article.guide h6{font-size:1.125rem;margin-bottom:1rem;margin-top:1.5rem}article.guide strong{font-weight:700}article.guide em{font-style:italic}article.guide ol{list-style-type:decimal;padding-left:1rem}article.guide ol li{list-style-type:decimal}article.guide ul{margin:.5rem 0;list-style-type:disc;padding-left:1rem}article.guide ul li{list-style-type:disc}article.guide .tablefield-wrapper{width:100%;overflow-x:auto}article.guide table{width:100%;border-collapse:collapse;border-radius:.5rem;margin:1rem 0}article.guide table,article.guide th,article.guide td{border:1px solid var(--primaryText)}article.guide th,article.guide td{text-align:left;padding:8px}article.guide th{background-color:var(--quadBG)}article.guide tr:nth-child(2n){background-color:var(--quadBG)}article.guide ul.hero-list{padding:0;margin:1rem 0}article.guide ul.hero-list li.hero{list-style-type:none;width:100%}article.guide ul.hero-list li.hero .flex{display:flex;gap:1rem;text-align:center;justify-content:flex-start}article.guide ul.hero-list li.hero a{display:block;background:var(--tertiaryBG)}article.guide ul.hero-list li.hero a .info{flex-grow:0}article.guide ul.hero-list li.hero a .description{flex-grow:1;margin-top:1rem;text-align:left;color:var(--primaryText)}article.guide ul.hero-list.hero-team{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}article.guide ul.hero-list.hero-team li.hero{width:calc(50% - .5rem)}@media screen and (max-width: 768px){article.guide ul.hero-list.hero-team li.hero{width:100%}}article.guide ul.hero-list.hero-team li.hero a .info{flex-grow:1}article.guide ul.artifact-list{padding:0;margin:1rem 0;justify-content:flex-start}article.guide ul.artifact-list .artifact{width:180px}.popular-featured-guides{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}.popular-featured-guides>div{padding:.5rem;background:var(--tertiaryBG);width:calc(50% - .5rem)}.popular-featured-guides>div h2.title{margin-bottom:.5rem;text-transform:uppercase}.popular-featured-guides>div .stars img{width:20px}.popular-featured-guides>div .stars img:not(:first-child){margin-left:-8px!important}.popular-featured-guides>div .icon-container{position:relative}.popular-featured-guides>div .icon-container .element-overlay{position:absolute;display:block;top:-2px;right:-2px;z-index:2;height:24px;width:24px}.popular-featured-guides>div .icon-container .icon{position:relative;overflow:hidden;border-radius:100%;border:3px solid var(--accentGold);margin:0 auto;flex-shrink:0;flex-grow:0;height:64px;width:64px}.popular-featured-guides>div .icon-container .icon .hero-avatar{border-radius:100%;-o-object-fit:cover;object-fit:cover;height:64px;width:64px}.popular-featured-guides>div a{display:flex;gap:1rem;background:var(--quadBG);padding:.5rem;border:1px solid var(--tertiaryBG);border-radius:4px;color:var(--textPrimary);cursor:pointer}.popular-featured-guides>div a .featured-image{position:relative;width:64px;height:64px;flex-shrink:0}.popular-featured-guides>div a .featured-image.overflow-hidden{overflow:hidden}.popular-featured-guides>div a h3{color:var(--primaryText)}.popular-featured-guides>div a span{color:var(--secondaryText);font-size:.75rem}@media screen and (max-width: 600px){.popular-featured-guides>div{width:100%!important}.popular-featured-guides>div+div{margin-top:1rem}}.guides-list{background:var(--secondaryBG);padding:1rem}.guides-list .title{margin-bottom:.5rem;text-transform:uppercase}.guides-list .guide{display:flex;gap:2rem;padding:1rem;border:1px solid var(--tertiaryBG)}@media screen and (max-width: 550px){.guides-list .guide{display:block}.guides-list .guide .featured-image{margin-bottom:.5rem}}.guides-list .guide:nth-child(odd){background:var(--tertiaryBG)}.guides-list .guide .featured-image{width:96px;height:96px;flex-shrink:0}.guides-list .guide .featured-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.guides-list .guide .card-header{flex-grow:1}.guides-list .guide .card-header h4{color:var(--goldText);font-family:var(--bodyFont);font-size:14px}.guides-list .guide .card-header h2{font-size:1.5rem;letter-spacing:1px;color:var(--primaryText)}.guides-list .guide .card-header h2:after{display:none}.guides-list .guide .card-header .categories{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.guides-list .guide .card-header .categories .category{border-radius:2rem;padding:.25rem .5rem;background:var(--accentGoldDark);color:var(--goldText)}.guides-list .guide .card-header .categories .category.wyvern{background:var(--accentRed);color:var(--primaryText)}.guides-list .guide .card-header .categories .category.banshee{background:var(--accentBlue);color:var(--primaryText)}.guides-list .guide .card-header .categories .category.azimanak{background:var(--accentGold);color:var(--primaryText)}.guides-list .guide .card-header .categories .category.golem{background:var(--accentGreen);color:var(--primaryText)}.section-accordion .guides-list{padding:0}.news-container{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}@media screen and (max-width: 900px){.news-container{flex-wrap:wrap}}.home-featured-content{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:1rem}.home-featured-content>div{padding:.5rem;background:var(--tertiaryBG);width:calc(33% - .5rem)}.home-featured-content>div:not(.banner-info){width:calc(30% - .5rem)}.home-featured-content>div:not(.banner-info):last-child{width:calc(40% - .5rem)}.home-featured-content>div h2.title{margin-bottom:.5rem;text-transform:uppercase}.home-featured-content>div .stars img{width:20px}.home-featured-content>div .stars img:not(:first-child){margin-left:-8px!important}.home-featured-content>div .icon-container{position:relative}.home-featured-content>div .icon-container .element-overlay{position:absolute;display:block;top:-2px;right:-2px;z-index:2;height:24px;width:24px}.home-featured-content>div .icon-container .icon{position:relative;overflow:hidden;border-radius:100%;border:3px solid var(--accentGold);margin:0 auto;flex-shrink:0;flex-grow:0;height:64px;width:64px}.home-featured-content>div .icon-container .icon .hero-avatar{border-radius:100%;-o-object-fit:cover;object-fit:cover;height:64px;width:64px}.home-featured-content>div a{display:flex;gap:1rem;background:var(--quadBG);padding:.5rem;border:1px solid var(--tertiaryBG);border-radius:4px;color:var(--textPrimary);cursor:pointer}.home-featured-content>div a .featured-image{position:relative;width:64px;height:64px;flex-shrink:0}.home-featured-content>div a .featured-image.overflow-hidden{overflow:hidden}.home-featured-content>div a h3{color:var(--primaryText)}.home-featured-content>div a span{color:var(--secondaryText);font-size:.75rem}@media screen and (max-width: 600px){.home-featured-content>div{width:100%!important}.home-featured-content>div+div{margin-top:1rem}}.news-index{max-width:100%;background:var(--secondaryBG);padding:1rem}.news-index h2.title{margin-bottom:.5rem;text-transform:uppercase}.news-index .latest{display:flex;justify-content:space-between;flex-wrap:wrap}.news-index .latest>div{padding:.5rem;background:var(--tertiaryBG);width:calc(50% - .5rem)}@media screen and (max-width: 600px){.news-index .latest>div{width:100%}.news-index .latest>div+div{margin-top:1rem}}.news-index .blogs{background:var(--tertiaryBG);margin-top:1rem;padding:1rem}.news-index .blogs .news-item{padding-bottom:0}.news-index .blogs .news-item+.news-item{margin-top:1rem}.news-index .blogs .news-item .featured-image{height:300px;margin:.5rem 0}.news-index .blogs .news-item .featured-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.news-index .blogs .news-item .read-more{display:block;text-align:center;margin:1rem -.5rem 0;padding-top:.5rem;padding-bottom:.5rem;border-top:2px solid var(--accentGold);color:var(--accentGold)}.news-index .blogs .news-item .read-more:hover{background:var(--quadBG)}.news-index .news-item{display:block;background:var(--quadBG);padding:.5rem;border:1px solid var(--tertiaryBG);border-radius:4px;color:var(--textPrimary);cursor:pointer}.news-index .news-item h3{font-size:1rem;color:var(--primaryText)}.news-index .news-item span{color:var(--secondaryText);font-size:.75rem}.tierlist{padding:1rem 0}.tierlist .row{display:flex;background:var(--tertiaryBG);border:1px solid var(--primaryBG)}.tierlist .tier{width:100px;height:100px;display:flex;justify-content:center;align-items:center;background:var(--secondaryBG);flex-shrink:0}.tierlist .tier h2{text-align:center;text-transform:uppercase;font-size:2rem;color:var(--tertiaryBG)}.tierlist .tier-ss{background:rgb(255,127,127)}.tierlist .tier-s{background:rgb(255,191,127)}.tierlist .tier-a{background:rgb(255,223,127)}.tierlist .tier-b{background:rgb(255,255,127)}.tierlist .tier-c{background:rgb(191,255,127)}.tierlist .tier-d{background:rgb(127,255,127)}.tierlist .herolist{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex-grow:1;padding:.5rem}.tierlist .hero{display:inline-block;border-radius:100%;width:75px;height:75px;cursor:pointer;overflow:hidden}.herolist{display:flex;flex-wrap:wrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.herolist .hero{display:inline-block;border-radius:100%;width:75px;height:75px;cursor:pointer;overflow:hidden}a.create{display:inline-block;text-align:right;padding:.5rem 1rem;background:var(--accentBlue);color:var(--textPrimary);margin:0 0 1rem auto}.tierlist-index{background:var(--secondaryBG)}.tierlist-index .tierlist{display:flex;background:var(--tertiaryBG);color:var(--textPrimary);padding:0}.tierlist-index .tierlist+.tierlist{margin-top:2px}.tierlist-index .tierlist .icon{position:relative;width:75px;height:75px;flex-shrink:0;overflow:hidden;background:var(--tertiaryBG)}.tierlist-index .tierlist .icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;-o-object-fit:cover;object-fit:cover}.tierlist-index .tierlist .content{padding:1rem;flex-grow:1}.tierlist-index .tierlist .content h2{font-size:1.25rem}.tierlist-index .tierlist .votes{width:75px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;font-size:.75rem}.tierlist-index .tierlist .votes .count{border-radius:100%;padding:.25rem;aspect-ratio:1/1;text-align:center;border:2px solid var(--success)}.tierlist-index .tierlist .votes .label{margin-top:.25rem;color:var(--goldText)}.tierlist-show h1{font-size:1.5rem}.tierlist-show .title{background:var(--tertiaryBG);display:flex;align-items:center;margin-bottom:2px}.tierlist-show .title .author{font-size:.75rem;color:var(--secondaryText);display:block}.tierlist-show .title .voting{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;line-height:20px;padding:1rem 1.5rem;aspect-ratio:1/1;border-right:1px solid var(--primaryBG)}.tierlist-show .title .voting .votes{text-align:center;font-size:.75rem;line-height:1rem;margin:.25rem 0}.tierlist-show .title .voting button{background:none;border:0;opacity:.6;padding:0;margin-right:.25rem;cursor:pointer}.tierlist-show .title .voting button:hover{opacity:1}.tierlist-show .title .voting .down,.tierlist-show .title .voting .up{display:flex;align-items:center;gap:.25rem}.tierlist-show .title .voting .up svg{fill:var(--success);color:var(--success);width:1rem;height:1rem}.tierlist-show .title .voting .down svg{fill:var(--error);color:var(--error);width:1rem;height:1rem}.tierlist-show .description{background:var(--tertiaryBG);padding:1rem}.infographics-list .infographics{margin:1rem auto 0;-moz-columns:1;columns:1;-moz-column-gap:1.5rem;column-gap:1.5rem}@media screen and (min-width: 1100px){.infographics-list .infographics{-moz-columns:3;columns:3}}@media screen and (min-width: 600px){.infographics-list .infographics{-moz-columns:2;columns:2}}.infographics-list .infographics a.infographic{display:inline-block;width:100%;color:var(--primaryText);text-decoration:none;font-size:1.25rem;margin:2rem 0}.infographics-list .infographics a.infographic img{margin-top:1rem;width:100%;border:2px solid var(--accentGold)}.official-tierlist h1{font-size:2rem;font-weight:600;margin-bottom:1rem}.official-tierlist h2{font-size:1.5rem;font-weight:600}.official-tierlist time{display:block;font-size:.8rem;color:var(--tertiaryText);margin-bottom:1rem}.official-tierlist .tierlist-tabs{margin-bottom:2rem}.official-tierlist .tab-button{padding:.5rem 1rem;margin-right:1rem;border:none;background:var(--tertiaryBG);cursor:pointer;color:#fff}.official-tierlist .tab-button.active{background:var(--accentGold);color:#fff}.official-tierlist .tierlist-container .tierlist-content{padding:1rem 0 1rem 1rem;border:1px solid var(--tertiaryBG);border-radius:.5rem;margin-bottom:2rem}.official-tierlist .tierlist-container .tierlist-heroes{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.official-tierlist .tierlist-container .tierlist-heroes .tierlist-hero{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1rem;flex-direction:column;text-align:center;background:var(--secondaryBG);width:calc(25% - 1rem)}.official-tierlist .tierlist-container .tierlist-heroes .tierlist-hero .icon-container{position:relative}.official-tierlist .tierlist-container .tierlist-heroes .tierlist-hero .icon-container .element-overlay{position:absolute;display:block;top:-5px;right:-5px;z-index:2}.official-tierlist .tierlist-container .tierlist-heroes .tierlist-hero .icon-container .icon{position:relative;overflow:hidden;width:83px;height:83px;border-radius:100%;border:3px solid var(--accentGold);margin:0 auto;flex-shrink:0;flex-grow:0}.official-tierlist .tierlist-container .tierlist-heroes .tierlist-hero .icon-container .icon .hero-avatar{width:83px;height:83px;border-radius:100%;-o-object-fit:cover;object-fit:cover}.official-tierlist .tierlist-container .tierlist-heroes .tierlist-hero .star-container{margin:6px auto}.home-info{width:800px;max-width:100%;margin:0 auto}.home-info ul{padding-left:1rem;list-style-type:disc}.home-info ul li{list-style-type:disc}.home-info ul li.done{list-style-type:none}.home-info ul li.done:before{margin-left:-1.25rem;padding-right:.5rem;content:"✓"}.home-info .roadmap{width:300px;max-width:100%;margin:0 auto}.image-upload-wrapper{position:relative;width:300px;margin-bottom:1em}.image-preview{width:100%;height:200px;border:2px dashed #ddd;display:flex;align-items:center;justify-content:center;font-weight:700;color:#ccc;position:relative}.image-preview__image{display:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.image-preview__default-text{position:relative;z-index:10}