@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/400bf8aa837fcb7e-s.b68677ba.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/f7aa21714c1c53f8-s.p.e3544bb0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.figtree_64c63e75-module__qqfgKG__className{font-family:Figtree,Figtree Fallback;font-style:normal}.figtree_64c63e75-module__qqfgKG__variable{--font-figtree:"Figtree","Figtree Fallback"}
@font-face{font-family:Gabarito;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/6d21c497e638cb51-s.34832596.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Gabarito;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/67af958a78cfd7ea-s.p.6e61e244.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gabarito Fallback;src:local(Arial);ascent-override:94.81%;descent-override:26.22%;line-gap-override:0.0%;size-adjust:99.15%}.gabarito_547f7720-module__5r_7kq__className{font-family:Gabarito,Gabarito Fallback;font-style:normal}.gabarito_547f7720-module__5r_7kq__variable{--font-gabarito:"Gabarito","Gabarito Fallback"}
:root{--background:#242424;--foreground:#ffffffde}html,body{max-width:100vw;overflow:hidden}body{font-family:var(--font-figtree),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--foreground);background:var(--background)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}
@media screen and (max-width:850px){header#builds-header{display:none!important}}div.header-tooltip{opacity:0;pointer-events:none;z-index:100;color:#fff;white-space:normal;background-color:#222;border:1px solid #191919;border-radius:5px;width:max-content;max-width:225px;padding:10px;transition:all .12s ease-out;top:45px;left:20px;transform:translate(-50%);box-shadow:0 1px 3px #191919;font-size:13px!important;position:absolute!important}button.tooltip:hover div.header-tooltip{opacity:1!important}header#builds-header{background-color:#1a1a1a;border-bottom:1px solid #161616;flex-shrink:0;gap:10px;width:calc(100vw - 50px);padding:10px 10px 10px 15px;display:flex}header#builds-header ul{filter:drop-shadow(3px 4px 5px #1a1a1a);z-index:1000;width:210px;margin-top:10px;position:absolute}header#builds-header ul li{cursor:pointer;color:#ccc;background-color:#242424;border-bottom:1px solid #1d1d1d;border-radius:5px;align-items:center;width:100%;height:40px;font-family:inherit;font-size:.9em;transition:all .3s ease-out;display:flex}header#builds-header button.tooltip,header#builds-header div#filter-tabs button.filter-suggestion,header#builds-header div#filter-tabs button.filter-new{color:#ccc;background-color:#242424;border:none;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;transition:all .12s ease-out;display:flex;position:relative}header#builds-header button.tooltip img,header#builds-header div#filter-tabs button.filter-suggestion img,header#builds-header div#filter-tabs button.filter-new img{opacity:.8;width:22px;height:22px;transition:all .2s ease-out}header#builds-header button.tooltip svg,header#builds-header div#filter-tabs button.filter-suggestion svg,header#builds-header div#filter-tabs button.filter-new svg{width:24px;height:24px;color:inherit;transition:all .2s ease-out}header#builds-header button.tooltip:hover,header#builds-header div#filter-tabs button.filter-suggestion:hover,header#builds-header div#filter-tabs button.filter-new:hover{color:#fff;cursor:pointer;background-color:#313131}header#builds-header button.tooltip:hover img,header#builds-header div#filter-tabs button.filter-suggestion:hover img,header#builds-header div#filter-tabs button.filter-new:hover img{opacity:1}header#builds-header button.tooltip:hover svg,header#builds-header div#filter-tabs button.filter-suggestion:hover svg,header#builds-header div#filter-tabs button.filter-new:hover svg{color:#fff}header#builds-header div#filter-build,header#builds-header div#select-sorting-option{position:relative}header#builds-header div.filter-option{background-color:#242424;border-radius:5px;width:250px;height:40px;margin-right:42px}header#builds-header div.filter-option div.dropdown,header#builds-header div.filter-option ul.dropdown-menu,header#builds-header div.filter-option div.search-bar{width:250px;font-size:.95em}header#builds-header div.filter-option div.dropdown:hover{background-color:#313131}header#builds-header div.filter-option div.dropdown{cursor:pointer;border-bottom:none;border-radius:5px;align-items:center;height:40px;transition:all .2s ease-out;display:flex}header#builds-header div.filter-option div.dropdown img{height:30px;margin-left:7px;margin-right:8px}header#builds-header div.filter-option div.search-bar{background-color:#363636;border-bottom:none;border-radius:5px;height:40px}header#builds-header div.filter-option div.search-bar input.search-input{all:unset;height:100%;padding:0 10px}header#builds-header div.filter-option ul.dropdown-menu{color:#ffffffde;scrollbar-width:thin;background-color:#222;border-bottom:1px solid #191919;border-radius:5px;max-height:calc(100vh - 127px);margin-top:1px;overflow-y:scroll;box-shadow:0 10px 10px #1a1a1a}header#builds-header div.filter-option ul.dropdown-menu li{height:40px;color:inherit;border-bottom:1px solid #191919;border-radius:5px;align-items:center;font-size:1em;transition:all .3s ease-out;display:flex;position:relative;overflow:hidden}header#builds-header div.filter-option ul.dropdown-menu li img{height:85%;margin-left:5px;margin-right:8px}header#builds-header div.filter-option ul.dropdown-menu li img.dropdown-icon,header#builds-header div.filter-option ul.dropdown-menu li img.weapon,header#builds-header div.filter-option ul.dropdown-menu li img.artifact{height:85%}header#builds-header div.filter-option ul.dropdown-menu li img.character{border-radius:100%;height:85%}header#builds-header div.filter-option ul.dropdown-menu li p{text-overflow:ellipsis;white-space:nowrap;padding-right:10px;overflow:hidden}header#builds-header div.filter-option ul.dropdown-menu li:hover{cursor:pointer;background-color:#313131}header#builds-header div#screen-capture.on{background:var(--color-bright);border:2px solid #487038;border-radius:30px 5px 5px 30px}header#builds-header div#screen-capture{gap:10px;height:40px;display:flex}header#builds-header div#screen-capture button.screen-capture{border:2px solid #242424}header#builds-header div#screen-capture button.screen-capture:hover{border:2px solid #313131}header#builds-header div#screen-capture button.screen-capture.on{border:2px solid #95eb88cc;border-radius:50%;position:relative;top:-2px;left:-2px;box-shadow:0 0 3px #95eb88}header#builds-header div#screen-capture button.screen-capture.on:after{content:"";transform-origin:50%;pointer-events:none;z-index:1;border:2px solid #0000;border-top-color:#cff6c9;border-radius:50%;width:100%;height:100%;animation:1.7s linear infinite rotateRounded;position:absolute;transform:translate(-50%,-50%)rotate(0)}@keyframes rotateRounded{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header#builds-header div#screen-capture div.screen-capture-options{align-items:center;height:100%;display:flex}header#builds-header div#screen-capture div.screen-capture-options button{color:#ccc;background:var(--color-bright);cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:40px;height:36px;font-family:inherit;transition:all .2s ease-out;display:flex;position:relative}header#builds-header div#screen-capture div.screen-capture-options button img{opacity:.8;width:26px;height:26px}header#builds-header div#screen-capture div.screen-capture-options button:hover{background-color:#313131}header#builds-header div#screen-capture div.screen-capture-options button.inactive img{opacity:.4}header#builds-header div#screen-capture div.screen-capture-options button.inactive:before{content:"";z-index:1;transform-origin:50%;pointer-events:none;background:#920a0a;border-radius:3px;width:80%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(40deg)}header#builds-header div#filter-build ul li{padding:0 8px}header#builds-header div#filter-build ul li img{height:22px;margin-right:4px}header#builds-header div#filter-build ul li.highlighted{background-color:#2e2e2e;font-weight:500}header#builds-header div#filter-build ul li:hover{color:#fff;background-color:#363636}header#builds-header div#select-sorting-option ul li{padding:0 13px 0 26px;position:relative}header#builds-header div#select-sorting-option ul li button.change-order{cursor:pointer;background:0 0;border:none;border-left:1px solid #1f1f1f;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;right:0}header#builds-header div#select-sorting-option ul li button.change-order img{height:24px}header#builds-header div#select-sorting-option ul li span.dot{font-size:1.6em;position:absolute;bottom:3px;left:10px}header#builds-header div#select-sorting-option ul li.highlighted{background-color:#2e2e2e;font-weight:500;color:#fff!important}header#builds-header div#select-sorting-option ul li:hover{cursor:pointer;color:#fff;background-color:#363636}header#builds-header div#toggle-domain-view button.domain{border:2px solid #242424}header#builds-header div#toggle-domain-view button.domain:hover{border:2px solid #313131}header#builds-header div#toggle-domain-view button.domain.active{border:2px solid var(--color-highlight-bg)}header#builds-header div#toggle-domain-view button.domain.unavailable{background-color:#242424!important}header#builds-header div#toggle-domain-view button.domain.unavailable svg{color:#777}header#builds-header div#filter-tabs{flex-shrink:0;width:100%;height:40px;display:flex}header#builds-header div#filter-tabs div.tabs-wrapper{height:40px;display:flex}header#builds-header div#filter-tabs div.filter-tabs{gap:10px;max-width:calc(100vw - 680px);height:50px;margin-right:10px;display:flex;overflow:auto hidden}header#builds-header div#filter-tabs div.filter-tab{background-color:#252525;border-radius:5px;flex-grow:1;flex-shrink:1;min-width:80px;max-width:200px;height:40px;transition:all .2s ease-out;display:flex;position:relative;overflow:hidden}header#builds-header div#filter-tabs div.filter-tab button.filter-select{cursor:pointer;text-align:left;background:#252525;border:none;flex:1;align-items:center;width:200px;height:40px;padding:5px;transition:all .2s ease-out;display:flex;position:relative;overflow:hidden}header#builds-header div#filter-tabs div.filter-tab button.filter-select img{height:100%;margin-right:6px}header#builds-header div#filter-tabs div.filter-tab button.filter-select p{text-overflow:ellipsis;white-space:nowrap;color:#ccc;font-size:1.05em;transition:all .2s ease-out;overflow:hidden}header#builds-header div#filter-tabs div.filter-tab button.filter-close{color:inherit;cursor:pointer;background:#252525;border:none;border-left:1px solid #111;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding-bottom:1px;font-size:.8em;transition:all .2s ease-out;display:flex}header#builds-header div#filter-tabs div.filter-tab button.filter-close:hover{background-color:#3f3f3f!important}header#builds-header div#filter-tabs div.filter-tab:hover button.filter-select p,header#builds-header div#filter-tabs div.filter-tab.active button.filter-select p{color:#fff}header#builds-header div#filter-tabs div.filter-tab:hover button.filter-select,header#builds-header div#filter-tabs div.filter-tab:hover button.filter-close{background:#323232}header#builds-header div#filter-tabs div.filter-tab.active,header#builds-header div#filter-tabs div.filter-tab.active button.filter-select{background:#373737}header#builds-header div#filter-tabs div.filter-tab.active button.filter-close{background:#373737;border-left:1px solid #252525}header#builds-header div#filter-tabs button.filter-new{padding-bottom:1px;font-size:1.5em}header#builds-header div#filter-tabs button.filter-pinned{margin-right:10px;padding-bottom:4px;font-size:1.5em;position:relative}header#builds-header div#filter-tabs button.filter-pinned span.active,header#builds-header div#filter-tabs button.filter-pinned:hover{color:gold}header#builds-header div#filter-tabs button.filter-pinned.active{background-color:#373737}header#builds-header div#filter-tabs button.filter-suggestion{justify-content:left;padding:5px;overflow:hidden}header#builds-header div#filter-tabs button.filter-suggestion img{width:auto;height:100%;margin-right:6px}header#builds-header div#filter-tabs button.filter-suggestion p{text-overflow:ellipsis;white-space:nowrap;color:#ccc;padding-right:10px;font-size:1.05em;transition:all .2s ease-out;overflow:hidden}header#builds-header div#filter-tabs button.filter-suggestion:hover{width:200px}header#builds-header div#filter-tabs button.filter-suggestion:hover p{color:#fff}
@media screen and (max-width:850px){section#filter.closed{opacity:0;right:-100%}section#filter.closed div#filter-header-content.closed{right:-100%}section#filter.open{opacity:1;right:0}section#filter.open div#filter-header-content.open{right:0}section#filter{z-index:9900;border-left:1px solid #1c1c1c;width:calc(100% - 43px);height:calc(100% - 50px);padding:60px 12px 40px;transition:all .12s ease-out;position:fixed;top:50px;right:-100%;box-shadow:-5px 0 25px #00000094}section#filter div#active-filter-above,section#filter div#active-filter-below{width:calc(100% - 43px);right:0}section#filter div#active-filter-above{top:100px}section#filter div#active-filter-below{bottom:40px}section#filter div.dropdown p,section#filter label p{font-size:.95em}section#filter div#filter-header-content{z-index:102;width:calc(100% - 43px);height:50px;transition:all .12s ease-out;position:fixed;top:50px;right:-100%}section#filter div#filter-header-content div#logo{align-items:center;margin-left:5px;display:flex}section#filter div#filter-header-content div#logo img{width:70px;height:70px;margin-right:5px}section#filter div#filter-header-content div#logo h1{flex-direction:column;font-size:1.8em;line-height:1;display:flex}section#filter div#filter-header-content div.filter-option{background-color:#1f1f1f}section#filter div#filter-header-content div.filter-option div.dropdown-wrapper{padding:5px}section#filter div#filter-header-content div.filter-option div.dropdown{border-radius:5px}section#filter div#filter-header-content div.filter-option div.dropdown p{padding:10px 2px}section#filter div#filter-header-content div.filter-option div.element-toggle{width:100%}section#filter div#filter-tabs{z-index:102;-webkit-user-select:none;user-select:none;background-color:#1f1f1f;align-items:flex-end;width:calc(100% - 43px);height:60px;margin-bottom:50px;transition:all .12s ease-out;display:flex;position:fixed;top:40px;right:0;overflow:scroll hidden}section#filter div#filter-tabs div.tabs-wrapper{gap:5px;width:100%;padding-left:10px;padding-right:10px;display:flex}section#filter div#filter-tabs div.filter-tabs{gap:5px;display:flex}section#filter div#filter-tabs div.filter-tab{background-color:#1c1c1c;border:1px solid #1c1c1c;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;width:70px;height:40px;position:relative}section#filter div#filter-tabs div.filter-tab button.filter-close{z-index:9999;color:#fff;background:#313131;border:none;border-radius:100%;width:30px;height:30px;padding-bottom:2px;font-size:.8em;position:absolute;top:-10px;right:-10px;box-shadow:1px 1px 3px #191919}section#filter div#filter-tabs div.filter-tab button.filter-select{color:#fff;background:0 0;border:none;width:70px;height:40px}section#filter div#filter-tabs div.filter-tab button.filter-select img{height:85%}section#filter div#filter-tabs div.filter-tab button.filter-select p{display:none}section#filter div#filter-tabs div.filter-tab.active{background-color:#222}section#filter div#filter-tabs button.filter-pinned{padding-bottom:5px}section#filter div#filter-tabs button.filter-new,section#filter div#filter-tabs button.filter-pinned,section#filter div#filter-tabs button.filter-suggestion{color:#fff;background-color:#1c1c1c;border:none;border-top:1px solid #1c1c1c;border-top-left-radius:10px;border-top-right-radius:10px;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:40px;font-size:1.4em;display:flex;overflow:hidden}section#filter div#filter-tabs button.filter-pinned.active{color:gold;background-color:#222}section#filter div#filter-tabs button.filter-suggestion img{height:85%}section#filter div#filter-tabs button.filter-suggestion p{display:none}section#filter div#filter-tabs.closed{right:-100%}section#filter div.dropdown-wrapper div.dropdown p{width:calc(100% - 88px)!important}section#filter div.dropdown-wrapper,section#filter div.search-bar,section#filter label{width:100%}section#filter ul.dropdown-menu{width:100%;max-height:calc(100vh - 300px)}section#filter div.toggle-filters{z-index:9900;background:#1f1f1f;gap:5px;width:calc(100% - 43px);height:40px;transition:all .12s ease-out;display:flex;position:fixed;bottom:0;right:-100%}section#filter div.toggle-filters button.reset-filters{border-top-right-radius:5px;border-bottom-right-radius:5px}section#filter div.toggle-filters button.apply-filters{border-top-left-radius:5px;border-bottom-left-radius:5px}section#filter div.toggle-filters button.reset-filters,section#filter div.toggle-filters button.apply-filters{color:#fff;justify-content:center;align-items:center;width:100%;margin:0;padding:0;font-size:.8em;font-weight:600;display:flex}section#filter div.toggle-filters button.reset-filters svg,section#filter div.toggle-filters button.apply-filters svg{height:20px;margin-right:2px}section#filter div.toggle-filters.open{right:0}section#filter div.toggle-filters.closed{right:-100%}}@media screen and (min-width:851px){section#filter{z-index:6;width:290px;height:calc(100vh - 110px);padding:15px 15px 60px}section#filter div#active-filter-above,section#filter div#active-filter-below{width:250px}section#filter div#active-filter-above{top:110px}section#filter div#active-filter-below{bottom:0}section#filter div#filter-header-content{z-index:100;background-color:#1a1a1a;width:300px;height:115px;position:fixed;top:50px;left:50px}section#filter div.dropdown-wrapper,section#filter ul.dropdown-menu,section#filter div.search-bar,section#filter label{width:250px}section#filter ul.dropdown-menu{max-height:calc(100vh - 327px)}section#filter div.toggle-filters{background-color:#222;width:250px;height:57px;position:absolute;bottom:0}section#filter div.toggle-filters button.reset-filters{position:absolute;bottom:10px;box-shadow:0 0 10px #222}}section#filter{box-sizing:border-box;scrollbar-width:thin;background-color:#222;font-size:.95em;line-height:1.2;overflow-y:scroll}section#filter div#active-filter-above,section#filter div#active-filter-below{z-index:100;pointer-events:none;justify-content:center;height:16px;transition:all .2s ease-out;display:flex;position:absolute;overflow:hidden}section#filter div#active-filter-above div.glow,section#filter div#active-filter-below div.glow{background:radial-gradient(#95eb8877 0%,#0000 60% 100%);width:100%;height:100%;position:absolute}section#filter div#active-filter-above{transform-origin:top;background:linear-gradient(#222 30%,#0000 80%);align-items:flex-end}section#filter div#active-filter-above div.glow{border-bottom-right-radius:100% 20px;border-bottom-left-radius:100% 20px;bottom:7px}section#filter div#active-filter-below{transform-origin:bottom;background:linear-gradient(#0000 80%,#222 30%);align-items:flex-start}section#filter div#active-filter-below div.glow{border-top-left-radius:100% 20px;border-top-right-radius:100% 20px;top:7px}section#filter div#active-filter-above.invisible,section#filter div#active-filter-below.invisible{opacity:0;transform:scaleY(0)}section#filter div#active-filter-above.visible,section#filter div#active-filter-below.visible{opacity:1;transform:scaleY(1)}section#filter h3{margin-bottom:3px;font-size:1.3em;font-weight:675}section#filter h3#artifact{display:flex;position:relative}section#filter h3#artifact button.open-domain-view{color:#999;background:0 0;border:none;align-items:center;height:24px;font-size:.65em;font-weight:600;transition:all .2s ease-out;display:flex;position:absolute;right:0}section#filter h3#artifact button.open-domain-view svg{font-size:2em}section#filter h3#artifact button.open-domain-view:hover{color:#fff;cursor:pointer}section#filter div.filter-artifact-mainstats{margin-bottom:15px}section#filter div.filter-artifact-mainstats div.filter-option{margin:0}section#filter div.filter-option{margin-bottom:15px;position:relative}section#filter div.filter-option div.search-bar{color:#ffffffde;background-color:#252525;border-bottom:1px solid #1d1d1d;border-radius:5px;height:44px;position:relative}section#filter div.filter-option div.search-bar input.search-input{all:unset;width:250px;height:44px;padding:0 10px}section#filter div.filter-option label.substats.excluded:hover{cursor:default;background-color:#252525!important}section#filter div.filter-option label.substats.excluded{color:#777}section#filter div.filter-option label.substats.excluded img{opacity:.4}section#filter div.filter-option label{-webkit-user-select:none;user-select:none;background-color:#252525;border-bottom:1px solid #1d1d1d;border-radius:5px;align-items:center;height:36px;transition:all .12s ease-out;display:flex;box-shadow:1px 3px 5px #202020}section#filter div.filter-option label img.unselected{opacity:.6}section#filter div.filter-option label img{filter:grayscale();width:27px;height:27px;margin-left:8px;margin-right:9px;transition:all .12s ease-out}section#filter div.filter-option label p{margin-top:1px}section#filter div.filter-option label input{visibility:hidden;display:none}section#filter div.filter-option label:hover{cursor:pointer;background-color:#313131}section#filter div.weapon-toggle{justify-content:space-between;margin-bottom:5px;display:flex}section#filter div.weapon-toggle button.selected{opacity:1;filter:drop-shadow(0 0 8px #888)}section#filter div.weapon-toggle button.unselected{opacity:.7;filter:grayscale()}section#filter div.weapon-toggle button{cursor:pointer;background:0 0;border:none;max-width:35px;max-height:35px;transition:all .3s ease-out}section#filter div.weapon-toggle button img{width:100%;padding-top:2px}section#filter div.character-toggle{justify-content:space-between;margin-bottom:5px;display:flex}section#filter div.character-toggle button.selected{opacity:1;filter:drop-shadow(0 0 8px #888)}section#filter div.character-toggle button.unselected{opacity:.7;filter:grayscale()}section#filter div.character-toggle button{cursor:pointer;background:0 0;border:none;max-width:30px;max-height:30px;transition:all .3s ease-out}section#filter div.character-toggle button img{width:100%;padding-top:2px}section#filter div.dropdown-wrapper{position:relative;overflow:hidden}section#filter div.dropdown-wrapper div.dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#252525;border-bottom:1px solid #1d1d1d;border-radius:5px;align-items:center;height:44px;transition:all .3s ease-out;display:flex;position:relative;box-shadow:1px 3px 5px #202020}section#filter div.dropdown-wrapper div.dropdown img.artifact{filter:grayscale();opacity:1!important}section#filter div.dropdown-wrapper div.dropdown img.unselected{opacity:.6;filter:grayscale()}section#filter div.dropdown-wrapper div.dropdown img{width:38px;height:43px;margin-right:7px;padding:5px 0 5px 5px;transition:all .3s ease-out}section#filter div.dropdown-wrapper div.dropdown p{text-overflow:ellipsis;white-space:nowrap;width:162px;overflow:hidden}section#filter div.dropdown-wrapper div.dropdown:hover{background-color:#313131}section#filter div.dropdown-wrapper div.dropdown.open{color:#fff;background-color:#313131;font-weight:500}section#filter ul.dropdown-menu{z-index:9999;color:#ffffffde;scrollbar-width:thin;background-color:#222;border-bottom:1px solid #191919;border-radius:5px;margin:0 0 20px;padding:0;list-style-type:none;position:absolute;overflow-y:scroll;box-shadow:0 10px 10px #1a1a1a}section#filter ul.dropdown-menu li{cursor:pointer;border-bottom:1px solid #191919;border-radius:5px;align-items:center;height:40px;transition:all .3s ease-out;display:flex;position:relative;overflow:hidden}section#filter ul.dropdown-menu li img{height:85%;margin-left:5px;margin-right:8px}section#filter ul.dropdown-menu li img.dropdown-icon,section#filter ul.dropdown-menu li img.weapon,section#filter ul.dropdown-menu li img.artifact{height:85%}section#filter ul.dropdown-menu li img.character{border-radius:100%;height:85%}section#filter ul.dropdown-menu li p{text-overflow:ellipsis;white-space:nowrap;padding-right:10px;overflow:hidden}section#filter ul.dropdown-menu li:hover{background-color:#313131}
@media screen and (max-width:850px){section#results.menu-open{transform:translate(-71%)}section#results.menu-open div.character-card div.build-header{filter:blur(3px)}section#results.menu-open div.character-card div.character-title,section#results.menu-open div.character-card img.character-element,section#results.menu-open div.character-card img.character-portrait,section#results.menu-open div.character-card div.pin-build{display:none}section#results.menu-open div.character-card div.build-content{opacity:.1;filter:blur(3px)}section#results{flex:1;height:calc(100dvh - 90px);padding-bottom:100px;transition:all .12s ease-out}section#results div#main-content{flex-wrap:wrap;align-content:start;align-items:start;display:flex}}@media screen and (min-width:851px){section#results.domain-open{padding-left:305px}section#results{flex:1;height:calc(100vh - 111px)}section#results div#main-content{flex-wrap:wrap;align-content:start;align-items:start;min-height:calc(100vh - 111px);padding:10px 0 20px 10px;display:flex}}section#results{overflow-y:scroll}section#results div#header-content{z-index:8000;display:flex;position:fixed;top:50px}section#results div#header-content h2{color:#ccc;font-size:1em;font-weight:700}section#results div#header-content div#filter-build{height:40px;position:relative;top:62px;left:-45px}section#results div#header-content div#filter-build h4{color:#ccc;margin-bottom:3px;margin-left:4px;font-size:1em;font-weight:600}section#results div#main-content.view-domain{margin-left:519px}section#results div#main-content{transition:all .4s ease-out;position:relative}section#results div#main-content div#no-main-results{text-align:center;max-width:450px;margin:60px auto;padding:0 10px}section#results div#main-content div#no-main-results img.no-result-img{height:100px}section#results div#main-content div#no-main-results img.no-result-img.sad{position:relative;left:-20px}section#results div#main-content div#no-main-results button{border-radius:5px;width:260px}section#results div#main-content div#no-results{text-align:center;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:calc(100vh - 300px);display:flex}section#results div#main-content div#no-results img{flex:0}section#results div#main-content div#no-results img.no-result-img{height:200px}section#results div#main-content div#no-results img.no-result-img.sad{position:relative;left:-20px}section#results div#main-content div#no-results h3{max-width:460px}section#results div#main-content div#no-results button{border-radius:5px;width:260px}
@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media screen and (max-width:850px){div.character-card.full{width:100%;margin-bottom:15px}div.character-card.full div.build-header{width:100%;height:71.6667px;position:relative}div.character-card.full div.build-header img.character-element{width:30px;height:30px;top:19px;left:5px}div.character-card.full div.build-header div.character-namecard-wrapper{height:66.6667px}div.character-card.full div.build-header img.character-portrait{height:71.6667px;margin-left:35px;bottom:0}div.character-card.full div.build-header img.character-portrait-two{display:none}div.character-card.full div.build-header div.character-title{top:5px;left:115px}div.character-card.full div.build-header div.character-title h2.character-name{color:#fff;font-size:1.2em}div.character-card.full div.build-header div.character-title h3.build-name{color:#f1f1f1;font-size:.85em;font-weight:600;position:relative;bottom:7px}div.character-card.full div.build-header div.character-title div.label-and-roles{gap:3px;display:flex;position:relative;bottom:7px}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles{background:#00000054;border-radius:20px;align-items:center;gap:2px;height:15px;padding:1px;display:flex}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles img{pointer-events:all;filter:drop-shadow(1px 1px 2px #353535)grayscale(30%);width:13px;height:13px;position:relative}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles div.role-icon-wrapper{display:flex;position:relative}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles div.role-text{transform-origin:0;opacity:0;pointer-events:none;white-space:nowrap;text-shadow:1px 1px 2px #000;background:#333;border-radius:20px;height:20px;padding:0 7px;font-size:.65em;font-weight:575;transition:all .12s ease-out;display:flex;position:absolute;bottom:13px;left:-3px;transform:scaleX(0)}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles img.role-icon.text-on-hover:hover+div.role-text{opacity:1;align-items:center;transform:scaleX(1)}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-label{text-shadow:1px 1px 2px #000;background:#00000054;border-radius:20px;align-items:center;height:15px;padding:0 7px;font-size:.63em;font-weight:550;display:flex}div.character-card.full div.build-header div.pin-build{top:8px;right:8px}div.character-card.full div.build-content{margin-top:6px;padding:2px;animation-name:fade-in;animation-duration:.2s;animation-iteration-count:1}div.character-card.full div.build-content div.build-section{padding:7px 6px}div.character-card.full div.build-content div.build-section p,div.character-card.full div.build-content div.build-section li{font-size:1em}div.character-card.full div.build-content div.build-section li{padding-bottom:4px;line-height:1.1}div.character-card.full div.build-content div.weapons img.weapon-icon{width:41.6667px!important;height:41.6667px!important}div.character-card.full div.build-content div.build-section img.artifact-icon{width:41.6667px;height:41.6667px}div.character-card.full div.build-content div.build-section img.artifact-icon-simple{width:37.5px;height:37.5px}div.character-card.full div.build-content div.build-section div.artifact-icons-double{width:41.6667px;height:41.6667px}div.character-card.full div.build-content div.build-section div.artifact-icons-double img.artifact-icon-top{width:33.3333px;height:33.3333px;top:-5px;left:0}div.character-card.full div.build-content div.build-section div.artifact-icons-double img.artifact-icon-bottom{width:33.3333px;height:33.3333px;top:-25px;left:7px}div.character-card.full div.build-content div.build-section div.build-section-text{font-size:.85em}div.character-card.full div.artifact-options-2,div.character-card.full div.artifact-options-3,div.character-card.full div.artifact-options-4,div.character-card.full div.artifact-options-5,div.character-card.full div.artifact-options-6,div.character-card.full div.artifact-options-7{grid-template-columns:1fr;gap:6px;display:grid}div.character-card.full div.mainstats,div.character-card.full div.substats-wrapper{flex-grow:1;width:50%}div.character-card.full div.about button{width:100%}}@media screen and (min-width:851px){div.character-card.full.expanded div.build-header{cursor:pointer}div.character-card.full{width:470px;margin:18px 24px}div.character-card.full div.build-header{width:480px;height:105px;position:relative;left:-5px}div.character-card.full div.build-header div.character-title{top:12px}div.character-card.full div.build-header div.character-title div.label-and-roles{gap:5px;display:flex;position:relative;bottom:5px}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles{background:#00000054;border-radius:20px;align-items:center;gap:2px;height:18px;padding:0 1px;display:flex;box-shadow:0 0 1px #00000054}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles img.unselected{filter:drop-shadow(1px 1px 2px #00000054)grayscale()}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles img.selected{filter:drop-shadow(1px 1px 2px #00000054)grayscale(30%)}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles img{pointer-events:all;filter:drop-shadow(1px 1px 2px #00000054)grayscale(30%);width:18px;height:18px;position:relative}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles div.role-icon-wrapper{display:flex;position:relative}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles div.role-text{transform-origin:0;opacity:0;pointer-events:none;white-space:nowrap;text-shadow:1px 1px 2px #000;background:#333;border-radius:20px;height:20px;padding:0 7px;font-size:.75em;font-weight:575;transition:all .12s ease-out;display:flex;position:absolute;bottom:19px;left:-3px;transform:scaleX(0)}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-roles img.role-icon.text-on-hover:hover+div.role-text{opacity:1;align-items:center;transform:scaleX(1)}div.character-card.full div.build-header div.character-title div.label-and-roles span.build-label{text-shadow:1px 1px 2px #000;background:#00000054;border-radius:20px;align-items:center;height:18px;padding:0 7px;font-size:.75em;font-weight:575;line-height:1;display:flex;box-shadow:0 0 1px #00000054}div.character-card.full div.build-header div.character-title h2.character-name{color:#fff;font-size:1.5em}div.character-card.full div.build-header div.character-title h3.build-name{color:#f1f1f1;align-items:center;font-size:1.1em;font-weight:600;display:flex;position:relative;bottom:7px}div.character-card.full div.build-header img.character-portrait{width:105px;height:105px}div.character-card.full div.build-header div.pin-build:hover div.pin-build-tooltip{opacity:1!important;transform:scaleX(1)!important}div.character-card.full div.build-header div.pin-build{top:-5px;right:5px}div.character-card.full div.build-header div.pin-build button.pin-build-button:hover{color:gold;cursor:pointer}div.character-card.full div.build-header div.pin-build div.pin-build-tooltip{opacity:0;pointer-events:none;text-shadow:1px 1px 2px #000;color:#fff;transform-origin:100%;background-color:#00000054;border-radius:5px;width:max-content;padding:5px 30px 5px 10px;font-size:.8em;font-weight:450;transition:all .12s ease-out;position:absolute;top:24%;right:0;transform:scaleX(0)}div.character-card.full div.build-content{margin-top:3px}div.character-card.full div.build-content div.build-section{padding:9px 6px 10px}div.character-card.full div.mainstats{width:226px}div.character-card.full div.artifact-set li{padding-top:3px;padding-bottom:3px;line-height:1.1}div.character-card.full div.artifact-options-1,div.character-card.full div.artifact-options-2,div.character-card.full div.artifact-options-3,div.character-card.full div.artifact-options-4,div.character-card.full div.artifact-options-5,div.character-card.full div.artifact-options-6,div.character-card.full div.artifact-options-7{grid-template-columns:1fr 1fr;gap:6px;display:grid}div.character-card.full div.artifact-options-1 div.artifact-set.option-1,div.character-card.full div.artifact-options-3 div.artifact-set.option-1,div.character-card.full div.artifact-options-5 div.artifact-set.option-1,div.character-card.full div.artifact-options-7 div.artifact-set.option-1{grid-column:span 2}div.character-card.full div.substats,div.character-card.full div.er-recommendation{width:226px}div.character-card.full div.er-recommendation ul{margin-top:3px}div.character-card.full div.er-recommendation ul li{margin-bottom:5px;line-height:1.1}div.character-card.full div.er-recommendation ul li span.er-header{color:#bbb;margin-top:3px;font-size:.9em;line-height:1.1;display:inline-block}div.character-card.full div.er-recommendation ul li.er-modifier{font-size:.9em}div.character-card.full div.about div.build-section-text{max-width:398px}div.character-card.full div.about button{width:467px}div.character-card.small{width:275px;margin:18px}div.character-card.small span.build-roles,div.character-card.small span.build-label{display:none}div.character-card.small div.build-header{cursor:pointer;width:275px;height:66.6667px;position:relative;left:0}div.character-card.small div.build-header div.character-namecard-wrapper{opacity:.5;height:66.6667px;bottom:0}div.character-card.small div.build-header div.character-namecard-wrapper img.character-namecard{bottom:20px}div.character-card.small div.build-header img.character-element{z-index:2;width:33.3333px;height:33.3333px;position:absolute;top:-12px;left:-15px}div.character-card.small div.build-header img.character-portrait{height:71.6667px;margin-left:3px;bottom:5px}div.character-card.small div.build-header div.character-title{position:absolute;top:7px;left:76.6667px}div.character-card.small div.build-header div.character-title h2.character-name{white-space:nowrap;text-overflow:ellipsis;width:188.333px;font-size:1.1em;font-weight:600;overflow:hidden}div.character-card.small div.build-header div.character-title h3.build-name{white-space:nowrap;text-overflow:ellipsis;width:196.333px;margin:0;font-size:.87em;font-weight:600;position:relative;top:-5px;overflow:hidden}div.character-card.small div.build-header div.pin-build{font-size:.8em;position:absolute;top:-11px;right:3px}div.character-card.small div.build-header div.pin-build button.pin-build-button:hover{color:#ccac00;cursor:pointer}div.character-card.small div.build-content{gap:0;padding:0}div.character-card.small div.build-content div.build-section{margin:0;padding:9px 6px 10px}div.character-card.small div.build-content div.artifact-options-1,div.character-card.small div.build-content div.artifact-options-2,div.character-card.small div.build-content div.artifact-options-3,div.character-card.small div.build-content div.artifact-options-4,div.character-card.small div.build-content div.artifact-options-5,div.character-card.small div.build-content div.artifact-options-6,div.character-card.small div.build-content div.artifact-options-7{display:flex}div.character-card.small div.build-content div.artifact-options-1 div.artifact-set,div.character-card.small div.build-content div.artifact-options-2 div.artifact-set,div.character-card.small div.build-content div.artifact-options-3 div.artifact-set,div.character-card.small div.build-content div.artifact-options-4 div.artifact-set,div.character-card.small div.build-content div.artifact-options-5 div.artifact-set,div.character-card.small div.build-content div.artifact-options-6 div.artifact-set,div.character-card.small div.build-content div.artifact-options-7 div.artifact-set{flex-grow:1;line-height:1.15;position:relative}div.character-card.small div.build-content div.artifact-options-1 div.artifact-set li,div.character-card.small div.build-content div.artifact-options-2 div.artifact-set li,div.character-card.small div.build-content div.artifact-options-3 div.artifact-set li,div.character-card.small div.build-content div.artifact-options-4 div.artifact-set li,div.character-card.small div.build-content div.artifact-options-5 div.artifact-set li,div.character-card.small div.build-content div.artifact-options-6 div.artifact-set li,div.character-card.small div.build-content div.artifact-options-7 div.artifact-set li{padding-top:2px}div.character-card.small div.build-content div.artifact-set-alternatives{position:relative}div.character-card.small div.build-content div.artifact-option-1,div.character-card.small div.build-content div.artifact-option-2,div.character-card.small div.build-content div.artifact-option-3,div.character-card.small div.build-content div.artifact-option-4,div.character-card.small div.build-content div.artifact-option-5,div.character-card.small div.build-content div.artifact-option-6{background-color:#252525;border-bottom:1px solid #192019;border-left:1px solid #192019;border-radius:5px;justify-content:center;align-items:center;display:flex;box-shadow:1px 3px 5px #202020}div.character-card.small div.build-content div.artifact-option-1 img.artifact-alternative-icon.highlighted,div.character-card.small div.build-content div.artifact-option-1 div.artifact-alternative-split.highlighted,div.character-card.small div.build-content div.artifact-option-2 img.artifact-alternative-icon.highlighted,div.character-card.small div.build-content div.artifact-option-2 div.artifact-alternative-split.highlighted,div.character-card.small div.build-content div.artifact-option-3 img.artifact-alternative-icon.highlighted,div.character-card.small div.build-content div.artifact-option-3 div.artifact-alternative-split.highlighted,div.character-card.small div.build-content div.artifact-option-4 img.artifact-alternative-icon.highlighted,div.character-card.small div.build-content div.artifact-option-4 div.artifact-alternative-split.highlighted,div.character-card.small div.build-content div.artifact-option-5 img.artifact-alternative-icon.highlighted,div.character-card.small div.build-content div.artifact-option-5 div.artifact-alternative-split.highlighted,div.character-card.small div.build-content div.artifact-option-6 img.artifact-alternative-icon.highlighted,div.character-card.small div.build-content div.artifact-option-6 div.artifact-alternative-split.highlighted{border-bottom:1px solid #95eb88}div.character-card.small div.build-content div.artifact-option-1 img.artifact-alternative-icon,div.character-card.small div.build-content div.artifact-option-2 img.artifact-alternative-icon,div.character-card.small div.build-content div.artifact-option-3 img.artifact-alternative-icon,div.character-card.small div.build-content div.artifact-option-4 img.artifact-alternative-icon,div.character-card.small div.build-content div.artifact-option-5 img.artifact-alternative-icon,div.character-card.small div.build-content div.artifact-option-6 img.artifact-alternative-icon{-o-object-fit:contain;object-fit:contain;width:90%;height:90%}div.character-card.small div.build-content div.artifact-option-1 div.artifact-alternative-split,div.character-card.small div.build-content div.artifact-option-2 div.artifact-alternative-split,div.character-card.small div.build-content div.artifact-option-3 div.artifact-alternative-split,div.character-card.small div.build-content div.artifact-option-4 div.artifact-alternative-split,div.character-card.small div.build-content div.artifact-option-5 div.artifact-alternative-split,div.character-card.small div.build-content div.artifact-option-6 div.artifact-alternative-split{width:90%;height:90%;position:relative}div.character-card.small div.build-content div.artifact-option-1 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-1 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-2 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-2 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-3 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-3 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-4 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-4 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-5 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-5 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-6 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-6 div.artifact-alternative-split div.clipping-mask-bottom{z-index:4;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}div.character-card.small div.build-content div.artifact-option-1 div.artifact-alternative-split div.clipping-mask-top img,div.character-card.small div.build-content div.artifact-option-1 div.artifact-alternative-split div.clipping-mask-bottom img,div.character-card.small div.build-content div.artifact-option-2 div.artifact-alternative-split div.clipping-mask-top img,div.character-card.small div.build-content div.artifact-option-2 div.artifact-alternative-split div.clipping-mask-bottom img,div.character-card.small div.build-content div.artifact-option-3 div.artifact-alternative-split div.clipping-mask-top img,div.character-card.small div.build-content div.artifact-option-3 div.artifact-alternative-split div.clipping-mask-bottom img,div.character-card.small div.build-content div.artifact-option-4 div.artifact-alternative-split div.clipping-mask-top img,div.character-card.small div.build-content div.artifact-option-4 div.artifact-alternative-split div.clipping-mask-bottom img,div.character-card.small div.build-content div.artifact-option-5 div.artifact-alternative-split div.clipping-mask-top img,div.character-card.small div.build-content div.artifact-option-5 div.artifact-alternative-split div.clipping-mask-bottom img,div.character-card.small div.build-content div.artifact-option-6 div.artifact-alternative-split div.clipping-mask-top img,div.character-card.small div.build-content div.artifact-option-6 div.artifact-alternative-split div.clipping-mask-bottom img{border-bottom:none!important}div.character-card.small div.build-content div.artifact-option-1 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-2 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-3 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-4 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-5 div.artifact-alternative-split div.clipping-mask-top,div.character-card.small div.build-content div.artifact-option-6 div.artifact-alternative-split div.clipping-mask-top{clip-path:polygon(0% 0%,100% 0%,0% 100%);top:-1px;left:-1px}div.character-card.small div.build-content div.artifact-option-1 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-2 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-3 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-4 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-5 div.artifact-alternative-split div.clipping-mask-bottom,div.character-card.small div.build-content div.artifact-option-6 div.artifact-alternative-split div.clipping-mask-bottom{clip-path:polygon(0% 100%,100% 100%,100% 0%);top:1px;left:1px}div.character-card.small div.build-content div.artifact-options-2 div.artifact-set-alternatives{grid-template-rows:1fr 1fr;grid-template-columns:40px;display:grid}div.character-card.small div.build-content div.artifact-options-2 div.artifact-set-alternatives div.artifact-option-2{grid-area:span 2/span 1}div.character-card.small div.build-content div.artifact-options-3 div.artifact-set-alternatives{grid-template-rows:1fr 1fr;grid-template-columns:40px;display:grid}div.character-card.small div.build-content div.artifact-options-3 div.artifact-set-alternatives div.artifact-option-2,div.character-card.small div.build-content div.artifact-options-3 div.artifact-set-alternatives div.artifact-option-3{grid-area:span 1/span 1;max-height:44px}div.character-card.small div.build-content div.artifact-options-4 div.artifact-set-alternatives{grid-template-rows:1fr 40px;grid-template-columns:40px 40px;display:grid}div.character-card.small div.build-content div.artifact-options-4 div.artifact-set-alternatives div.artifact-option-2,div.character-card.small div.build-content div.artifact-options-4 div.artifact-set-alternatives div.artifact-option-3{grid-area:span 1/span 1}div.character-card.small div.build-content div.artifact-options-4 div.artifact-set-alternatives div.artifact-option-4{grid-area:span 1/span 2}div.character-card.small div.build-content div.artifact-options-5 div.artifact-set-alternatives{grid-template-rows:40px 40px;grid-template-columns:40px 40px;display:grid}div.character-card.small div.build-content div.artifact-options-5 div.artifact-option-2,div.character-card.small div.build-content div.artifact-options-5 div.artifact-option-3,div.character-card.small div.build-content div.artifact-options-5 div.artifact-option-4,div.character-card.small div.build-content div.artifact-options-5 div.artifact-option-5{grid-area:span 1/span 1}div.character-card.small div.build-content div.artifact-options-6 div.artifact-set-alternatives{grid-template-rows:40px 40px 40px;grid-template-columns:40px 40px;display:grid}div.character-card.small div.build-content div.artifact-options-6 div.artifact-option-2{grid-area:span 1/span 2}div.character-card.small div.build-content div.artifact-options-6 div.artifact-option-3,div.character-card.small div.build-content div.artifact-options-6 div.artifact-option-4,div.character-card.small div.build-content div.artifact-options-6 div.artifact-option-5,div.character-card.small div.build-content div.artifact-options-6 div.artifact-option-6{grid-area:span 1/span 1}div.character-card.small div.build-content div.stats{flex-direction:column;gap:0}div.character-card.small div.build-content div.stats div.mainstats,div.character-card.small div.build-content div.stats div.substats-wrapper{gap:0}div.character-card.small div.build-content div.about button{width:100%}}div.character-card{background-color:#222;border-radius:5px;position:relative;box-shadow:1px 3px 4px #1c1c1c}div.character-card div.build-header{background-color:#1f1f1f;border-radius:5px}div.character-card div.build-header img.character-portrait{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:10px;margin-left:15px;padding:0;position:relative}div.character-card div.build-header img.character-element{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;width:50px;height:50px;position:absolute;top:-10px;left:-20px}div.character-card div.build-header div.character-namecard-wrapper{z-index:0;opacity:.7;border-radius:5px 5px 0 0;width:100%;height:100px;position:absolute;bottom:0;overflow:hidden}div.character-card div.build-header div.character-namecard-wrapper img.character-namecard{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;position:relative;bottom:60px}div.character-card div.build-header div.character-title{position:absolute;top:20px;left:125px}div.character-card div.build-header div.character-title h2.character-name{color:#fff;text-shadow:1px 1px 4px #111}div.character-card div.build-header div.character-title h3.build-name{color:#ddd;text-shadow:1px 1px 3px #000;position:relative;bottom:7px}div.character-card div.build-header div.pin-build{position:absolute}div.character-card div.build-header div.pin-build button.pin-build-button{z-index:10;color:#aaa;text-shadow:1px 1px 5px #333;background:0 0;border:none;font-size:2em;transition:color .2s ease-out;position:relative}div.character-card div.build-header div.pin-build button.pin-build-button.active{color:gold}div.character-card div.build-content{flex-direction:column;gap:6px;padding:6px;line-height:1.46;display:flex}div.character-card div.build-content h4.build-section-header{color:#ddd;align-items:baseline;margin-top:3px;padding:1px 10px;font-size:.95em;font-weight:500;display:flex;position:relative}div.character-card div.build-content h4.build-section-header button.build-show-more{color:#999;cursor:pointer;background:0 0;border:none;align-items:center;height:100%;font-size:.8em;font-weight:500;transition:all .2s ease-out;display:flex;position:absolute;top:0;right:0}div.character-card div.build-content h4.build-section-header button.build-show-more:hover{color:#ccc}div.character-card div.build-content div.build-section{background-color:#252525;border-bottom:1px solid #1d1d1d;border-radius:5px;flex-grow:1;flex-shrink:1;font-size:.95em;display:flex;position:relative;box-shadow:1px 1px 4px #202020}div.character-card div.build-content div.build-section img.artifact-icon{z-index:3;opacity:1;-webkit-user-select:none;user-select:none;flex-shrink:0;width:50px;height:50px}div.character-card div.build-content div.build-section div.artifact-icons-double{-webkit-user-select:none;user-select:none;flex-shrink:0;width:50px;height:50px}div.character-card div.build-content div.build-section div.artifact-icons-double img.artifact-icon-top,div.character-card div.build-content div.build-section div.artifact-icons-double img.artifact-icon-bottom{width:38.4615px;height:38.4615px}div.character-card div.build-content div.build-section div.artifact-icons-double img.artifact-icon-top{z-index:4;position:relative}div.character-card div.build-content div.build-section div.artifact-icons-double img.artifact-icon-bottom{z-index:5;position:relative;top:-25px;left:12px}div.character-card div.build-content div.build-section img.artifact-icon-simple{opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;width:45px;height:45px;margin-left:2px;margin-right:3px}div.character-card div.build-content div.build-section div.build-section-text{width:100%;padding-left:5px;padding-right:5px}div.character-card div.build-content div.build-section div.build-section-text h4{color:#b0b0b0;padding-top:3px;padding-bottom:3px;font-size:.9em;font-weight:400;line-height:1}div.character-card div.build-content div.build-section div.build-section-text h4,div.character-card div.build-content div.build-section div.build-section-text p,div.character-card div.build-content div.build-section div.build-section-text li{text-shadow:1px 1px 1px #171717}div.character-card div.build-content div.build-section div.build-section-text span.artifact-logic-2pc{color:#b0b0b0;margin-left:5px;font-size:.9em;font-weight:400}div.character-card div.build-content div.build-section div.build-section-text span.parentheses{color:#bbb;font-size:.9em;font-weight:400}div.character-card div.build-content div.stats{gap:6px;display:flex}div.character-card div.build-content div.stats div.mainstats,div.character-card div.build-content div.stats div.substats-wrapper{flex-direction:column;gap:6px;display:flex}div.character-card div.build-content div.stats div.substats-wrapper div.substats,div.character-card div.build-content div.stats div.substats-wrapper div.er-recommendation{display:flex}div.character-card div.build-content div.stats div.substats-wrapper div.substats .unselectable,div.character-card div.build-content div.stats div.substats-wrapper div.er-recommendation .unselectable,div.character-card div.build-content div.stats div.substats-wrapper div.substats .unselectable span.parentheses,div.character-card div.build-content div.stats div.substats-wrapper div.er-recommendation .unselectable span.parentheses{color:#777;text-shadow:none}div.character-card div.build-content div.er-recommendation div.build-section.expanded:hover{cursor:pointer}div.character-card div.build-content div.er-recommendation div.build-section.expanded:hover button.toggle-er-details{color:#888;background-color:#2a2a2a}div.character-card div.build-content div.er-recommendation div.build-section.expanded{padding-bottom:20px}div.character-card div.build-content div.er-recommendation button.toggle-er-details{z-index:0;color:#777;cursor:pointer;background:#252525 linear-gradient(#252525 0%,#0000 100%);border:none;border-bottom-right-radius:5px;border-bottom-left-radius:5px;justify-content:center;align-items:center;width:100%;height:25px;transition:all .2s ease-out;display:flex;position:absolute;bottom:0;left:0}div.character-card div.build-content div.er-recommendation button.toggle-er-details svg{height:22px}div.character-card div.build-content div.build-section.talents{width:100%}div.character-card div.build-content div.build-section.talents div.build-section-text ol{flex-flow:wrap;display:flex}div.character-card div.build-content div.build-section.talents div.build-section-text ol li{white-space:nowrap}div.character-card div.build-content div.build-section.talents div.build-section-text ol li span{color:#b0b0b0;padding:0 2px}div.character-card div.build-content div.about{clear:both;font-weight:400;line-height:1.35}div.character-card div.build-content div.about div.build-section-text{align-self:unset}div.character-card div.build-content div.about button{z-index:10;background:linear-gradient(#0000 0%,#252525 75% 100%);border:none;padding:10px;position:absolute;bottom:0;left:0}div.character-card div.build-content div.about button span{color:#999;position:relative;top:11px}div.character-card div.build-content div.about button:hover{cursor:pointer}div.character-card div.build-content div.about button:hover span{color:#fff}div.character-card div.build-content div.about div.build-section.minimized{max-height:85px;overflow:hidden}div.character-card div.build-content div.about div.build-section.expanded{overflow:unset;padding-bottom:30px}div.character-card div.build-content div.artifacts-note{color:#aaa;padding:0 10px 5px;font-size:.8em;line-height:1.3;position:relative;top:-5px}@media screen and (max-width:850px){div.character-card.skeleton div.spinner{top:50%;left:70px}div.character-card.skeleton img:empty{opacity:0!important}}@media screen and (min-width:851px){div.character-card.skeleton div.spinner{top:45%;left:20%}div.character-card.skeleton img.character-portrait{border:1px solid #333;margin-top:10px;opacity:1!important;border-radius:50%!important;width:85px!important;height:85px!important}div.character-card.skeleton img:empty{opacity:0!important}}div.character-card.skeleton div.spinner{opacity:1;z-index:10;transition:opacity .1s linear;position:absolute}div.character-card.skeleton div.spinner:before{content:"";height:40px;opacity:inherit;transform-origin:50%;will-change:transform;border:6px solid #444;border-bottom-color:#ef6565;border-radius:50%;width:40px;animation:2s linear infinite spinner;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.character-card.skeleton div.build-section-text h3,div.character-card.skeleton div.build-section-text h4,div.character-card.skeleton div.build-section-text ul,div.character-card.skeleton div.build-section-text ol{opacity:0}
.tooltip-on-hover:hover div.tooltip,div.tooltip:hover,.tooltip-on-hover:hover+div.tooltip{opacity:1!important;pointer-events:all!important}.tooltip.left{left:0}.tooltip.right{right:0}div.tooltip.multiple{flex-direction:column;gap:5px}div.tooltip.multiple div.weapon-multiple-entry{flex-direction:row;display:flex}div.weapon .tooltip:before{content:"";width:100%;height:5px}.weapon .tooltip{background:0 0;flex-direction:column}.weapon .tooltip .tooltip-content{background-color:#282828;border-radius:5px;display:flex}div.tooltip{opacity:0;z-index:89;color:#ffffffde;pointer-events:none;background-color:#282828;border-bottom:1px solid #1d1d1d;border-radius:5px;flex-direction:column;padding-bottom:15px;transition:all .1s ease-in;display:flex;position:absolute;top:0;box-shadow:1px 1px 4px #202020}div.tooltip img{width:50px;height:50px;margin-top:9px;margin-left:6px}div.tooltip div.tooltip-part{display:flex}div.tooltip div.tooltip-part.multiple-option div.tooltip-text{width:100%}div.tooltip div.tooltip-part.multiple-option div.tooltip-text h3,div.tooltip div.tooltip-part.multiple-option div.tooltip-text h4{margin-bottom:5px}div.tooltip div.tooltip-part.multiple-option div.tooltip-text ul{flex-direction:column;gap:3px;display:flex}div.tooltip div.tooltip-part.multiple-option div.tooltip-text ul li{flex-direction:column;justify-content:center;font-size:.95em;display:flex;position:relative}div.tooltip div.tooltip-part.multiple-option div.tooltip-text ul li div.artifact-tooltip-img-wrapper{border-radius:15px;justify-content:center;align-items:center;width:45px;display:flex;position:absolute;overflow:hidden}div.tooltip div.tooltip-part.multiple-option div.tooltip-text ul li div.artifact-tooltip-img-wrapper img{margin:unset;position:relative}div.tooltip div.tooltip-part.multiple-option div.tooltip-text ul li span.artifact-list-item{align-items:center;display:flex}div.tooltip div.tooltip-part.multiple-option div.tooltip-text ul li span.artifact-list-item-note{color:#bbb;font-size:.85em;font-weight:400}div.tooltip div.tooltip-text{margin-top:10px;padding-left:5px;padding-right:30px;line-height:1.4}div.tooltip div.tooltip-text h3{margin-top:5px;font-size:1.2em;font-weight:600;line-height:1}div.tooltip div.tooltip-text h4{color:#b0b0b0;margin-top:5px;font-size:.9em;font-weight:400;line-height:1.3em}div.tooltip div.tooltip-text p{color:#ddd;font-size:.9em}div.tooltip div.tooltip-text li{color:#ddd}div.tooltip div.tooltip-text div.four-piece-description{flex-direction:column;gap:6px;display:flex}div.tooltip div.tooltip-text div.four-piece-description p{margin-bottom:0}div.tooltip div.tooltip-text p.artifact-notes{color:#bbb;margin-top:15px;margin-bottom:0;font-style:italic}div.tooltip div.tooltip-text div.source{background-color:#2b2b2b;border-top:1px solid #1f1f1f;border-bottom-right-radius:5px;border-bottom-left-radius:5px;justify-content:center;align-items:center;width:100%;height:40px;display:flex;position:absolute;bottom:0;left:0}div.tooltip div.tooltip-text div.source div.source-img-wrapper{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;left:-5px}div.tooltip div.tooltip-text div.source div.source-img-wrapper img{opacity:.8;width:40px;height:40px;margin:0}div.tooltip div.tooltip-text div.source p{color:#ccc}div.tooltip div.tooltip-text div.source p span{font-weight:700}div.tooltip div.tooltip-text span.stars{letter-spacing:-1px;margin-top:5px;margin-bottom:5px;font-weight:700;line-height:1;display:flex}div.tooltip div.tooltip-text p.type,div.tooltip div.tooltip-text p.stat,div.tooltip div.tooltip-text p.atk{margin-bottom:0;line-height:1.4}div.tooltip div.tooltip-text span.stat-value,div.tooltip div.tooltip-text span.atk-value{font-weight:700}div.tooltip div.tooltip-text h4.ability-name,div.tooltip div.tooltip-text h4.refinement-level{color:#ddd;margin-top:10px;font-weight:600}div.tooltip div.tooltip-text div.ability-description{flex-direction:column;gap:6px;display:flex}div.tooltip div.tooltip-text div.ability-description p{margin-bottom:0}div.tooltip div.tooltip-text div.ability-description p span.refinement-range-text{white-space:nowrap;color:#ceb582;font-weight:700}div.tooltip div.tooltip-text div.select-refinement{gap:5px;margin-top:3px;padding-bottom:40px;display:flex}div.tooltip div.tooltip-text div.select-refinement button{color:inherit;background:#282828;border:1px solid #222;border-radius:5px;width:40px;height:25px;transition:all .2s ease-out;box-shadow:0 0 2px #202020}div.tooltip div.tooltip-text div.select-refinement button:hover{cursor:pointer;background:#303030}div.tooltip div.tooltip-text div.select-refinement button.selected{color:#ceb582;background:#363636;font-weight:600}@media screen and (min-width:851px){div.character-card.full div.build-section div.tooltip{width:458px}div.character-card.full div.build-section div.tooltip div.tooltip-part.multiple-option{padding-left:54px}div.character-card.full div.build-section div.tooltip div.tooltip-part.multiple-option div.tooltip-text li div.artifact-tooltip-img-wrapper{height:22px;left:-52px}div.character-card.full div.build-section div.tooltip div.tooltip-part.multiple-option div.tooltip-text li div.artifact-tooltip-img-wrapper img{width:50px;height:50px}}@media screen and (max-width:850px){div.character-card.full div.build-section div.tooltip{width:100%}div.character-card.full div.build-section div.tooltip img{width:41.6667px;height:41.6667px;margin-top:7px}div.character-card.full div.build-section div.tooltip div.tooltip-text{font-size:.85em}div.character-card.full div.build-section div.tooltip div.tooltip-part.multiple-option{padding-left:47px}div.character-card.full div.build-section div.tooltip div.tooltip-part.multiple-option div.tooltip-text li div.artifact-tooltip-img-wrapper{height:20px;left:-48px}div.character-card.full div.build-section div.tooltip div.tooltip-part.multiple-option div.tooltip-text li div.artifact-tooltip-img-wrapper img{width:41.6667px;height:41.6667px}}div.character-card.small div.tooltip.left,div.character-card.small div.tooltip.right{opacity:0;pointer-events:none;z-index:9999;color:#ffffffde;background-color:#282828;border-bottom:1px solid #202020;border-radius:5px;flex-direction:column;width:275px;padding:4px;font-size:1em;transition:all .1s ease-in;display:none;position:absolute;top:0;box-shadow:5px 5px 10px #222}div.character-card.small div.tooltip.left div.tooltip-part,div.character-card.small div.tooltip.right div.tooltip-part{display:block;position:relative}div.character-card.small div.tooltip.left div.tooltip-part img,div.character-card.small div.tooltip.right div.tooltip-part img{height:50px;position:absolute;top:0;right:0}div.character-card.small div.tooltip.left div.tooltip-part div.tooltip-text,div.character-card.small div.tooltip.right div.tooltip-part div.tooltip-text{margin-top:10px;padding-left:10px;padding-right:10px}div.character-card.small div.tooltip.left div.tooltip-part div.tooltip-text h3,div.character-card.small div.tooltip.right div.tooltip-part div.tooltip-text h3{margin-bottom:5px;padding-right:50px;font-size:1em}div.character-card.small div.tooltip.left div.tooltip-part div.tooltip-text h4,div.character-card.small div.tooltip.right div.tooltip-part div.tooltip-text h4{font-size:.8em;font-weight:700}div.character-card.small div.tooltip.left div.tooltip-part div.tooltip-text p,div.character-card.small div.tooltip.right div.tooltip-part div.tooltip-text p{color:#ddd;margin-bottom:8px;font-size:.8em}
@media screen and (max-width:850px){footer{height:140px;padding:0 10px}footer div#policies{gap:10px;margin-top:6px;display:flex}footer p{padding:0 5px;font-size:.6em}}@media screen and (min-width:851px){footer{flex-shrink:0;width:100%;height:80px;padding:0 20px 0 30px;display:flex}footer p{font-size:.8em}footer div#disclaimer,footer div#policies{margin-right:30px}footer div#policies{border-left:1px solid #1d1d1d}footer div#policies a{text-decoration:none}}footer{z-index:10;background-color:#222;border-top:1px solid #1f1f1f;padding-top:20px;padding-bottom:20px}footer p.link,footer p.link a:link,footer p.link a:visited{color:#999}footer p.link a:hover{color:#ddd}footer p{color:#999;line-height:1.5}
@media screen and (max-width:850px){header#compendium-header{margin-top:40px;padding:10px}header#compendium-header div.compendium-filters{flex-direction:column;gap:10px}header#compendium-header div.compendium-filters input{width:100%}header#compendium-header div.compendium-filters div.type-toggle{justify-content:space-between}div.compendium-entry{width:100%}}@media screen and (min-width:851px){header#compendium-header{height:60px;padding:15px}header#compendium-header div.compendium-filters{gap:20px}header#compendium-header div.compendium-filters input{width:295px}div.compendium-entry{width:368px}}a{color:#fff}header#compendium-header{z-index:91;background:#1a1a1a;align-items:center;gap:20px;width:calc(100vw - 50px);display:flex}header#compendium-header div.compendium-filters{display:flex}header#compendium-header div.compendium-filters input{height:40px;color:inherit;background:#272727;border:1px solid #212121;border-radius:10px;align-items:center;padding:0 10px;font-size:.95em;display:flex}header#compendium-header div.compendium-filters input:focus{outline:none}section#compendium{flex-wrap:wrap;flex:1;gap:20px;height:calc(100vh - 110px);padding:20px;display:flex;overflow-y:scroll}section#compendium div.compendium-entry{box-sizing:border-box;background-color:#222;border:1px solid #1f1f1f;border-radius:10px;font-size:.9em;line-height:1.35;position:relative;box-shadow:1px 3px 4px #1c1c1c}section#compendium div.compendium-entry div.compendium-entry-buttons{z-index:1;flex-direction:column;display:flex;position:absolute;top:2px;right:10px}section#compendium div.compendium-entry div.compendium-entry-buttons button{color:#777;cursor:pointer;background:0 0;border:0;font-size:2em}section#compendium div.compendium-entry div.compendium-entry-buttons button.pin.selected{color:gold}section#compendium div.compendium-entry div.compendium-entry-header{border-top-left-radius:5px;border-top-right-radius:5px;height:80px;position:relative;overflow:hidden}section#compendium div.compendium-entry div.compendium-entry-header img{height:100%;margin-left:15px}section#compendium div.compendium-entry div.compendium-entry-header img.cover{opacity:.3;filter:blur(10px);width:200%;position:absolute;bottom:-270%;left:-40%}section#compendium div.compendium-entry div.compendium-entry-text{flex-direction:column;gap:10px;padding:5px 15px 50px;display:flex}section#compendium div.compendium-entry div.compendium-entry-text h3{padding-right:30px;font-size:1.5em;line-height:1.1}section#compendium div.compendium-entry div.compendium-entry-text h4.ability-name{margin-top:10px}section#compendium div.compendium-entry div.compendium-entry-text h4{font-weight:700}section#compendium div.compendium-entry div.compendium-entry-text span.refinement-range-text{white-space:nowrap;color:#ceb582;font-weight:700}section#compendium div.compendium-entry div.compendium-entry-text div.four-piece-description{flex-direction:column;gap:5px;display:flex}section#compendium div.compendium-entry div.refinement{gap:5px;margin-top:3px;margin-bottom:5px;display:flex}section#compendium div.compendium-entry div.refinement button{color:inherit;background:#262626;border:none;border-bottom:1px solid #1d1d1d;border-radius:5px;width:40px;height:25px;box-shadow:0 0 2px #202020}section#compendium div.compendium-entry div.refinement button:hover{cursor:pointer;background:#303030}section#compendium div.compendium-entry div.refinement button.selected{color:#ceb582;background:#363636;font-weight:700}section#compendium div.compendium-entry p.source{font-weight:600;position:absolute;bottom:15px;left:15px}section#compendium div.compendium-entry a{text-decoration:none}
@media screen and (max-width:850px){nav{transform-origin:0;opacity:0;background:#1c1c1c;flex-direction:column;justify-content:center;gap:25px;width:100vw;height:calc(100vh - 50px);display:flex;position:fixed;top:50px}nav ul{align-items:center;gap:5px;padding:0 10px}nav ul li{background-color:#202020;border-radius:5px;width:90%;height:50px}nav ul li a{height:50px;font-size:1em}nav ul li a div.nav-img-wrapper{border-radius:5px;width:50px;height:50px}nav ul li.active{background-color:#612a2f;border-radius:5px}nav ul li.active div.nav-img-wrapper{background-color:unset!important}nav.collapsed{opacity:0;pointer-events:none;transform:scaleX(0)}nav.expanded{opacity:1;pointer-events:all;transform:scaleX(1)}}@media screen and (min-width:851px){nav{background:#1c1c1c;border-right:1px solid #161616;width:250px;height:calc(100vh - 50px);top:50px;left:-200px}nav ul{gap:5px}nav ul li{background-color:#202020;border-top-right-radius:5px;border-bottom-right-radius:5px;width:0;height:45px}nav ul li a{white-space:nowrap;height:100%;padding-left:50px;font-size:1em}nav ul li a div.nav-img-wrapper{width:45px;height:45px;position:fixed;left:0}nav ul li.active{background-color:#363636;border-radius:5px}nav ul li.active div.nav-img-wrapper{background-color:#363636}nav ul li:hover{background-color:#612a2f;border-radius:5px}nav ul li:hover div.nav-img-wrapper{background-color:#612a2f}nav ul.main{margin-top:7px}nav ul.secondary{width:249px;position:absolute;bottom:17px}}nav{z-index:9997;position:fixed}nav ul{flex-direction:column;display:flex}nav ul li{border-bottom:1px solid #151515;transition:all .12s ease-out;box-shadow:1px 1px 3px #181818}nav ul li a,nav ul li span{color:inherit;cursor:pointer;align-items:center;font-weight:500;text-decoration:none;display:flex}nav ul li a div.nav-img-wrapper,nav ul li span div.nav-img-wrapper{background-color:#202020;border-bottom:1px solid #151515;border-top-right-radius:5px;border-bottom-right-radius:5px;justify-content:center;align-items:center;transition:all .12s ease-out;display:flex;box-shadow:1px 1px 3px #181818}nav ul li a div.nav-img-wrapper img,nav ul li span div.nav-img-wrapper img{width:25px;height:25px}li.expand-menu.stay-open{background-color:#612a2f;position:relative;width:245px!important}li.expand-menu.stay-open div.nav-img-wrapper{box-shadow:unset;border-radius:unset;background-color:#612a2f}li.expand-menu.stay-open.expand-on-hover{left:200px}nav:hover li.expand-menu.stay-open.expand-on-hover{left:0!important}li.expand-menu.stay-open.expanded{left:0}li.expand-menu.stay-open.collapsed{left:200px}li.expand-menu{opacity:1}li.expand-menu ul.menu-modes{background-color:#181818;border-radius:5px;gap:0;position:fixed;bottom:63px;left:50px;border:1px solid #181818!important}li.expand-menu ul.menu-modes li{color:#ccc;cursor:pointer;height:35px;box-shadow:unset;background:#1c1c1c;border-radius:5px;opacity:1!important;width:194px!important;left:0!important}li.expand-menu ul.menu-modes li span{height:100%;margin-left:40px}li.expand-menu ul.menu-modes li span.dot{margin-bottom:2px;margin-left:0;font-size:2em;position:absolute;left:14px}li.expand-menu ul.menu-modes li.selected{color:#fff;background-color:#2e2e2e}li.expand-menu ul.menu-modes li:hover{color:#fff;background-color:#363636;width:194px!important}li.remove-localstorage svg{color:#943b48}li.remove-localstorage:hover svg{color:#fff}@media screen and (min-width:851px){nav#main.collapsed li:hover{width:245px;position:relative;left:200px}nav#main.collapsed li:hover div.nav-img-wrapper{box-shadow:none!important;border-radius:0!important}nav#main.expand-on-hover:hover{left:0}nav#main.expand-on-hover:hover li{width:245px}nav#main.expand-on-hover:hover li div.nav-img-wrapper{box-shadow:none!important;border-radius:0!important}nav#main.expanded{left:0}nav#main.expanded li{width:245px}nav#main.expanded li div.nav-img-wrapper{box-shadow:none!important;border-radius:0!important}}nav.expanded li div.nav-img-wrapper,nav.expanded span div.nav-img-wrapper{border-radius:5px 0 0 5px;box-shadow:none!important}
@media screen and (max-width:850px){header#main{z-index:9998;background-color:#1c1c1c;width:100%;height:50px;padding:0 7px;display:flex;position:fixed;top:0}header#main button.menu{color:#f1f1f1;background:0 0;border:none;align-items:center;height:50px;margin-right:10px;padding-left:5px;display:flex}div#mobile-search{z-index:9999;width:50px;height:50px;position:fixed;top:0;right:0}div#mobile-search div.toggle-search{justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:0;right:0}div#mobile-search div.toggle-search img{width:30px;height:30px}div#mobile-search div.filter-option{z-index:10;width:100%;position:fixed;top:0;left:0}div#mobile-search div.search-bar{color:#ffffffde;background-color:#1c1c1c;align-items:center;height:50px;display:flex;position:relative}div#mobile-search div.search-bar input.search-input{all:unset;width:100%;height:50px;padding:0 15px}div#mobile-search div.search-bar button.search-input-close{color:inherit;background:0 0;border:none;flex-shrink:0;width:50px;height:100%}div#mobile-search ul.dropdown-menu{z-index:9999;color:#ffffffde;scrollbar-width:thin;background-color:#222;border-bottom:1px solid #191919;border-radius:5px;width:100%;max-height:calc(100vh - 200px);margin:0 0 20px;padding:0;list-style-type:none;position:absolute;overflow-y:scroll;box-shadow:0 10px 10px #1a1a1a}div#mobile-search ul.dropdown-menu li{cursor:pointer;border-bottom:1px solid #191919;border-radius:5px;align-items:center;height:45px;font-weight:500;transition:all .3s ease-out;display:flex;position:relative;overflow:hidden}div#mobile-search ul.dropdown-menu li img{height:100%;margin-left:5px;margin-right:8px}div#mobile-search ul.dropdown-menu li img.artifact{height:100%}div#mobile-search ul.dropdown-menu li img.character{border-radius:100%;height:100%}div#mobile-search ul.dropdown-menu li p{text-overflow:ellipsis;white-space:nowrap;padding-right:10px;overflow:hidden}div#mobile-search ul.dropdown-menu li:hover{background-color:#313131}div#change-language{cursor:pointer;width:40px;height:50px;font-size:.9em;position:absolute;top:0;right:40px}div#change-language img.flag-icon{width:20px}div#change-language button,div#change-language li{align-items:center;gap:8px;display:flex}div#change-language button{font-size:inherit;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:10px}div#change-language button p{display:none}div#change-language ul{font-size:inherit;background-color:#222;border-bottom-right-radius:5px;border-bottom-left-radius:5px;position:absolute;top:100%;right:0}div#change-language ul li{border-radius:5px;padding:8px 10px}}@media screen and (min-width:851px){header#main{z-index:9998;background:#111;width:100vw;height:50px;position:fixed;top:0;left:0;margin-left:0!important}header#main button.menu{display:none}header#main div.align-right{display:flex;position:absolute;top:0;right:0}header#main div#change-language{cursor:pointer;width:130px;height:50px;font-size:.9em;right:140px}header#main div#change-language img.flag-icon{width:20px}header#main div#change-language button,header#main div#change-language li{align-items:center;gap:8px;display:flex}header#main div#change-language button{cursor:pointer;font-size:inherit;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:10px}header#main div#change-language ul{width:100%;font-size:inherit;background-color:#151515;border-bottom-right-radius:5px;border-bottom-left-radius:5px}header#main div#change-language ul li{border-radius:5px;padding:8px 10px}header#main div#change-language ul li:hover{background-color:#222}}

@media screen and (max-width:850px){div#ko-fi-desktop{display:none!important}div#ko-fi-mobile a{border-top-left-radius:5px;border-bottom-left-radius:5px;width:110px;height:40px;font-size:.8em}div#ko-fi-mobile a img{height:20px;margin-top:3px;margin-right:5px}}@media screen and (min-width:851px){div#ko-fi-mobile{display:none!important}div#ko-fi-desktop a{border-top-left-radius:5px;border-bottom-left-radius:5px;align-items:center;height:50px;padding:0 12px;font-size:.95em;display:flex}div#ko-fi-desktop a img{width:31px;height:25px;margin-top:5px;margin-right:7px}}div#ko-fi-desktop,div#ko-fi-mobile{z-index:9999}div#ko-fi-desktop a:hover,div#ko-fi-mobile a:hover{background-color:#c2555a}div#ko-fi-desktop a,div#ko-fi-mobile a{background-color:#ba4349;justify-content:center;align-items:center;text-decoration:none;transition:all .3s ease-out;display:flex}div#ko-fi-desktop a span,div#ko-fi-mobile a span{color:#fff;font-weight:550}
section#filter ul,header#builds-header ul{transform-origin:top;transition:height .12s ease-in;animation-name:dropdown;animation-duration:.12s;animation-iteration-count:1}@keyframes dropdown{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}section#filter ul li,header#builds-header ul li{animation-name:fade-in;animation-duration:.12s;animation-iteration-count:1}@keyframes spinner{to{transform:rotate(360deg)}}@media screen and (max-width:850px){div#loading{height:calc(100vh - 100px);margin-left:15px}}@media screen and (min-width:851px){div#loading{height:calc(100vh - 120px)}}div#loading{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}div#loading h1{font-size:1.2em}div#loading div.spinner{z-index:10;width:40px;height:40px;position:relative;transform:translate(-50%,-50%)}div#loading div.spinner:before{content:"";width:30px;height:30px;opacity:inherit;transform-origin:50%;will-change:transform;border:6px solid #444;border-bottom-color:#ef6565;border-radius:50%;animation:2s linear infinite spinner;position:absolute;top:50%;left:50%}
div.code-card.special li.reward.special{font-weight:600;background:#612a2f33!important;border:1px solid #612a2f!important}div.code-card.claimed li.reward.special{font-weight:unset!important;background:unset!important;border:unset!important;border-bottom:1px solid #1d1d1d!important}div.code-card.claimed ul.rewards li p,div.code-card.claimed ul.rewards li img{opacity:.5}div.code-card.claimed ul.rewards li p{color:#bbb}div.code-card.claimed ul.rewards li img{filter:grayscale()}@media screen and (max-width:850px){section#codes.genshin-impact img.reward-img{width:40px!important;height:40px!important;margin-left:1px!important;margin-right:5px!important}section#codes.honkai-star-rail img.reward-img,section#codes.zenless-zone-zero img.reward-img{width:32px!important;height:32px!important;margin-left:4px!important;margin-right:10px!important}}@media screen and (min-width:851px){section#codes.genshin-impact img.reward-img{width:40px!important;height:40px!important;margin-left:1px!important;margin-right:5px!important}section#codes.honkai-star-rail img.reward-img,section#codes.zenless-zone-zero img.reward-img{width:34px!important;height:34px!important;margin-left:4px!important;margin-right:8px!important}}@media screen and (max-width:850px){section#codes{height:calc(100svh - 150px);margin-top:110px;padding-bottom:20px;overflow-y:scroll}section#codes #page-title,section#codes h2{display:none!important}section#codes header#codes-header{background:#202020;justify-content:center;align-items:center;width:100%;height:60px;padding:0 10px;display:flex;position:fixed;top:50px;left:0}section#codes header#codes-header div#game-selection{justify-content:center;align-items:center;width:100%;display:flex}section#codes header#codes-header div#game-selection .desktop-selection{display:none}section#codes header#codes-header div#game-selection .mobile-selection{width:100%}section#codes header#codes-header div#game-selection div.dropdown{background:#252525;border-bottom:1px solid #1d1d1d;border-radius:5px;align-items:center;width:100%;height:45px;padding:0 10px;font-size:.95em;font-weight:500;display:flex;box-shadow:1px 3px 5px #202020}section#codes header#codes-header div#game-selection div.dropdown img{border-radius:5px;height:32px;margin-right:7px}section#codes header#codes-header div#game-selection div.dropdown svg{position:absolute;right:25px}section#codes header#codes-header div#game-selection ul{transform-origin:top;background:#202020;flex-direction:column;align-items:center;gap:3px;width:100%;padding-bottom:10px;animation-name:ul-scale-in;animation-duration:.12s;animation-iteration-count:1;display:flex;position:absolute;top:60px;left:0;box-shadow:0 5px 5px #191919}@keyframes ul-scale-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}section#codes header#codes-header div#game-selection ul li{background:#252525;border-bottom:1px solid #1d1d1d;border-left:1px solid #1d1d1d;border-right:1px solid #1d1d1d;width:calc(100% - 20px);height:45px;padding:0 8px;font-size:.95em;box-shadow:1px 1px 3px #202020}section#codes header#codes-header div#game-selection ul li img{height:32px}section#codes div.codes-wrapper{gap:30px}section#codes h2{justify-content:center;margin-top:5px;margin-bottom:10px;display:flex}section#codes div.code-card{width:100%}section#codes div#new-codes,section#codes div#old-codes{padding-top:20px!important}section#codes div#new-codes{width:100%;padding:5px 10px 20px;top:0}section#codes div#new-codes div.codes-wrapper{padding:0 5px}section#codes div#old-codes{margin:0 15px 10px}}@media screen and (min-width:851px){section#codes{height:calc(100vh - 50px);padding-bottom:50px;position:relative;overflow:hidden scroll}section#codes header#codes-header{background:#1a1a1a;width:100%;height:110px;padding:0 20px;position:sticky;top:0;left:0}section#codes header#codes-header div#game-selection{max-width:1000px;margin:10px auto}section#codes header#codes-header div#game-selection .mobile-selection{display:none}section#codes header#codes-header div#game-selection ul{flex-wrap:wrap;gap:10px;width:100%;display:flex}section#codes header#codes-header div#game-selection ul li{background:#242424;border-bottom:1px solid #171717;width:242px;height:40px;font-size:.9em;box-shadow:1px 3px 5px #171717}section#codes header#codes-header div#game-selection ul li img{height:100%}section#codes div#page-title{padding:0 20px}section#codes div#page-title h2{margin-bottom:10px;padding-top:25px;font-size:1.8em;line-height:1}section#codes div#page-title.brighter{background:#272727}section#codes div.codes-wrapper{gap:20px}section#codes p.link-redemption-page{display:block}section#codes p.link-redemption-page a{color:pink;text-decoration:none}section#codes h2,section#codes div.codes-wrapper,section#codes p.link-redemption-page{max-width:1000px;margin:0 auto}section#codes h2{margin-bottom:15px;padding-top:20px}section#codes div.code-card{width:320px}section#codes div.code-card li.reward p{margin-left:1px;font-size:1.05em!important}section#codes div#old-codes{padding:0 20px}section#codes div#new-codes{width:100%;max-width:unset;padding-bottom:40px;padding-left:20px;padding-right:20px}section#codes div#new-codes div.code-card{width:320px}}section#codes{flex-direction:column;flex:1;display:flex}section#codes header#codes-header{z-index:100;border-bottom:1px solid #161616}section#codes header#codes-header div#game-selection ul{display:flex}section#codes header#codes-header div#game-selection ul li{color:#ccc;border-radius:5px;align-items:center;font-weight:500;transition:all .12s ease-out;display:flex}section#codes header#codes-header div#game-selection ul li img{-o-object-fit:contain;object-fit:contain;border-radius:5px;margin-right:9px;transition:all .12s ease-out}section#codes header#codes-header div#game-selection ul li.selected,section#codes header#codes-header div#game-selection ul li:hover{color:#fff;cursor:pointer;background:#363636}section#codes div#new-codes{background:#272727;position:relative}section#codes div#new-codes h2,section#codes div#old-codes h2{font-size:1.3em}section#codes div.codes-wrapper{flex-wrap:wrap;display:flex}section#codes div.code-card{background-color:#222;border-radius:5px;flex-direction:column;display:flex;position:relative;box-shadow:1px 1px 4px #1c1c1c}section#codes div.code-card div.code-header{background-color:#1c1c1c;border-radius:5px;align-items:center;height:50px;padding:10px;display:flex;position:relative}section#codes div.code-card div.code-header h4{color:#fff;flex-direction:column;padding:5px;font-size:1em;font-weight:650;line-height:1.1;display:flex;position:relative}section#codes div.code-card div.code-header h4 span.code{align-items:center;display:flex}section#codes div.code-card div.code-header h4 span.time-left{color:#ccc;font-size:.8em;font-weight:400;display:inline-block}section#codes div.code-card div.code-header h4 span.new-code-label{letter-spacing:.1px;background:#a00;border-radius:10px;padding:4px 7px;font-size:.8em;font-weight:800;position:absolute;top:3px;right:-46px}section#codes div.code-card div.code-header h4 svg{color:#95eb88;width:26px;height:26px;position:absolute;right:-25px}section#codes div.code-card div.code-header a.redeem-link{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:absolute;top:0;right:0}section#codes div.code-card div.code-header a.redeem-link svg{width:24px;height:24px}section#codes div.code-card div.code-header button.copy-code{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:absolute;top:0;right:0}section#codes div.code-card div.code-header button.copy-code svg{width:24px;height:24px}section#codes div.code-card div.code-header div.feedback{background:#1c1c1c;border-radius:5px;justify-content:center;align-items:center;width:100%;height:50px;font-size:.9em;font-weight:500;animation-name:fade-in-out;animation-duration:1.7s;animation-iteration-count:1;display:flex;position:absolute;top:0;left:0}@keyframes fade-in-out{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}section#codes div.code-card div.code-header div.feedback svg{color:#95eb88;margin-left:3px}section#codes div.code-card ul.rewards{flex-direction:column;gap:1px;transition:all .2s ease-out;display:flex}section#codes div.code-card ul.rewards li.reward{text-shadow:1px 1px 1px #171717;background-color:#252525;border-bottom:1px solid #1d1d1d;border-radius:5px;flex-grow:1;flex-shrink:1;align-items:center;height:45px;padding:3px 10px 3px 5px;font-size:.9em;line-height:1.15;display:flex;position:relative;box-shadow:1px 3px 4px #202020}section#codes div.code-card ul.rewards li.reward img{-webkit-user-select:none;user-select:none;width:40px;height:40px;margin-left:1px;margin-right:5px}
:root{color:#ffffffde;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--character-card-gap:6px;--color-highlight:#95eb88;--color-highlight-bg:#95eb88aa;--color-highlight-alt:#bdd8b9;--color-selection-bg:#8a2a2eaa;--color-selection-text:#e5e5e5;--rarity-3:#5390c2;--rarity-4:#b13bab;--rarity-5:#ffaa3a;--rarity-3-bg:#80b5e715;--rarity-4-bg:#cc81f715;--rarity-5-bg:#ebac4a15;--color-base:#242424;--color-dark:#222;--color-bright:#252525;--color-border:#1d1d1d;--color-shadow:#202020;--color-hover:#282828;--text-primary:#ffffffde;--text-secondary:#b0b0b0;--text-shadow:#171717;background-color:#242424;font-family:Figtree,sans-serif;font-size:16px;font-weight:375;line-height:1.5}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text);text-shadow:none}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#444 #1f1f1f;font-family:inherit}@media screen and (min-width:851px){body{overflow:hidden}main#content{flex-wrap:wrap;min-height:calc(100vh - 130px);margin:50px 0 0 50px;display:flex}main#content.expanded{margin:50px 0 0 250px}}@media screen and (max-width:850px){main#content{min-height:calc(100svh - 210px);margin:50px 0 0}}main header,main nav,main section#filter,main div#filter-header-content,main div.toggle-filters,main button.reset-filters,main main#content,main section#results,main div#filter-tabs,main div#header-content,main footer{transition:all .2s ease-out}body{text-align:left;margin:0;padding:0}p,h1,h2,h3,h4,h5,h6,button{margin:0;padding:0}ul,li,ol{margin:0;padding:0;list-style-type:none}img{pointer-events:none}.highlighted{font-weight:570;color:var(--color-highlight)!important}.highlighted img{filter:grayscale(0%)!important}.highlighted.flatstat{color:var(--color-highlight-alt)!important}.r3-border{border-bottom:5px solid #4682b4}.r4-border{border-bottom:5px solid purple}.r5-border{border-bottom:5px solid orange}.r3-color{color:var(--rarity-3)}.r4-color{color:var(--rarity-4)}.r5-color{color:var(--rarity-5)}@media screen and (min-width:851px){button.apply-filters,button.reset-filters{border-radius:5px}}@media screen and (max-width:850px){button.apply-filters,button.reset-filters{border-radius:0;box-shadow:none!important;border-bottom:none!important}}button.apply-filters,button.reset-filters,button.clear-input{cursor:pointer;text-align:center;color:#ddd;border:none;font-family:inherit;font-size:.9em;font-weight:600;transition:background .3s ease-out}button.apply-filters{background-color:#32472c;box-shadow:1px 3px 5px #202020}button.apply-filters:hover{color:#ccc;background-color:#395032}button.reset-filters{background-color:#612a2f;border-bottom:1px solid #1f1f1f;width:250px;margin:10px auto;padding:10px;display:block;box-shadow:1px 3px 5px #202020}button.reset-filters:hover{background-color:#6c2f34}button.reset-filters.error{width:100%}button.clear-input{color:#999;background:0 0;border-top:none;border-left:1px solid #202020;border-radius:5px;width:44px;height:43px;position:absolute;top:0;right:0}button.clear-input:hover{color:#ccc;background-color:#393939}@media screen and (min-width:851px){div#mobile-bottom-nav{display:none!important}}div#mobile-bottom-nav{z-index:9800;background-color:#1c1c1c;justify-content:space-between;width:100%;height:80px;display:flex;position:fixed;bottom:-40px;left:0}div#mobile-bottom-nav button.share{margin-left:20px}div#mobile-bottom-nav button.share,div#mobile-bottom-nav button.filters{color:#fff;background:0 0;border:none;justify-content:center;align-items:center;height:40px;font-size:.8em;font-weight:550;display:flex}div#mobile-bottom-nav button.share svg,div#mobile-bottom-nav button.filters svg{margin-right:5px}body div.fc-consent-root div.fc-stacks span.fc-stack-name,body div.fc-consent-root button.fc-faq-header span.fc-faq-label{color:#bbb!important}body div.fc-consent-root div.fc-footer.fc-dialog-restricted-content p{color:#ddd!important}body div.fc-consent-root div.fc-footer-buttons-container div.fc-footer-buttons-divider{background-color:#333!important}body div.fc-consent-root .fc-dialog .fc-footer a,body div.fc-consent-root .fc-dialog .fc-footer a:visited{color:#5baffa!important}
.Logo-module__KXGAjG__logo{align-items:center;height:100%;display:flex}.Logo-module__KXGAjG__logo h1{font-size:1em;line-height:1;font-family:var(--font-gabarito);gap:3px;font-weight:700;display:flex}@media screen and (max-width:850px){.Logo-module__KXGAjG__logo{gap:2px}.Logo-module__KXGAjG__logo img{width:30px;height:30px}}@media screen and (min-width:851px){.Logo-module__KXGAjG__logo{gap:3px;margin-left:7px}.Logo-module__KXGAjG__logo img{width:35px;height:35px}}
