*,:after,:before{box-sizing:inherit}html{height:100%;box-sizing:border-box;transition:background-color .3s cubic-bezier(.25, .8, .25, 1)}body{min-height:100%;margin:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body::-webkit-scrollbar{width:6px!important;background-color:#000!important}body::-webkit-scrollbar-thumb{border-radius:4px!important;box-shadow:inset 0 0 6px #6f2a04!important;-webkit-box-shadow:inset 0 0 6px #6f2a04!important;background-color:#6f2a04!important}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #6f2a04!important;-webkit-box-shadow:inset 0 0 6px #6f2a04!important;border-radius:4px!important;background-color:#000!important}.vl-component.loading{filter:blur(20px)}.vl-component.loaded{filter:blur(0);transition:filter 1s}.fa-icon.hover{color:gold}#app{-webkit-overflow-scrolling:touch;width:100%;height:100%;color:#696969;min-width:520px;font-family:Montserrat,sans-serif;background:#f5f5f5;overflow:hidden!important;-webkit-tap-highlight-color:transparent}#app::-webkit-scrollbar{width:4px!important;background-color:#f5f5f5!important}#app::-webkit-scrollbar-thumb{border-radius:2px!important;box-shadow:inset 0 0 6px gray!important;-webkit-box-shadow:inset 0 0 6px gray!important;background-color:gray!important}#app::-webkit-scrollbar-track{box-shadow:inset 0 0 6px gray!important;-webkit-box-shadow:inset 0 0 6px gray!important;border-radius:2px!important;background-color:#dcdcdc!important}#app img{object-fit:cover;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}#app div{-webkit-tap-highlight-color:transparent}#app #header{position:absolute;top:35px;left:0;right:0;margin:0 auto;width:90%;height:50px;max-width:900px;min-width:900px;background:rgba(0,0,0,.67);display:flex;z-index:1;border-radius:50px}#app #header .wyvern-left,#app #header .wyvern-right{position:absolute;top:-25px;width:100px;cursor:none}#app #header .wyvern-left{left:-15px}#app #header .wyvern-right{right:-15px}#app #header .logo{cursor:pointer;position:absolute;width:120px;top:-35px;left:0;right:0;margin:0 auto}#app #header .navigation{margin:0 auto;width:765px;height:100%;border-top:2px solid #edaa35;border-bottom:2px solid #edaa35}#app #header .navigation .left{float:left}#app #header .navigation .right{float:right}#app #header .navigation .left,#app #header .navigation .right{height:100%;display:inline-flex;align-items:center}#app #header .navigation .nav{color:#e29d32;text-decoration:unset;margin:0 4px 0 4px;font-weight:700;font-size:16px;padding:6px;cursor:pointer;text-shadow:2px 2px #000}#app #header .navigation .nav.hover,#app #header .navigation .nav:hover{color:#8c4824}#app #menu{background:#000;position:absolute;top:0;left:-90%;height:100%;z-index:100000001;width:90%;max-width:280px;-webkit-animation:slide-menu .5s forwards;animation:slide-menu .5s forwards}#app #menu .close{position:absolute;right:6px;top:6px}#app #menu .close .fa-icon{width:35px;height:35px}#app #menu .navigation{margin:70px auto}#app #menu .navigation .nav{color:#e29d32;text-decoration:unset;margin:0 auto;font-weight:700;font-size:16px;padding:6px;cursor:pointer;text-shadow:2px 2px #000;display:block;text-align:center;width:100%}#app #menu .navigation .nav.hover,#app #menu .navigation .nav:hover{color:#8c4824;background:#fff;border:1px solid #8c4824;text-shadow:2px 2px #fff}#app #los{position:absolute;z-index:10000001;top:0;left:0;right:0;bottom:0;margin:auto;height:300px;width:300px;background:#3e434b;border:1px solid gold;border-radius:2px}#app #los .loading{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;margin:auto;background:rgba(0,0,0,.5098039216);width:100%;height:100%;display:flex;justify-content:center;align-items:center}#app #los .loading img{width:35px;height:35px}#app #los .head{display:inline-flex;background:#000;width:100%;border-bottom:1px solid #fff}#app #los .head p{width:100%;text-align:center;color:#fff;font-weight:700;padding:8px;margin:0;text-shadow:2px 2px #252702;cursor:pointer}#app #los .head p:first-of-type{border-right:1px solid #fff}#app #los .head p:last-of-type{border-left:1px solid #fff}#app #los .head p.hover,#app #los .head p:hover{background:brown}#app #los .head p.current{color:gold}#app #los .back{left:2px;right:unset}#app #los .back,#app #los .close{position:absolute;top:36px;right:2px;cursor:pointer}#app #los .back .icon .fa-icon,#app #los .close .icon .fa-icon{width:30px;height:30px}#app #los .auth .fa-icon{width:50px;height:50px;margin:0 auto;display:block;pointer-events:none}#app #los .auth p{color:#fff;text-align:center}#app #los .auth input{margin:0 auto;display:block;text-align:center;outline:0;border:1px solid teal;border-radius:2px;padding:4px}#app #los .auth,#app #los .confirm{position:absolute;top:65px;left:0;right:0;bottom:0;z-index:1;width:100%;height:calc(100% - 65px);background:#3e434b;margin:0 auto}#app #los .auth h1,#app #los .confirm h1{font-size:13px;color:#fff;text-align:center}#app #los .auth .code,#app #los .confirm .code{display:flex;justify-content:center;margin-top:40px}#app #los .auth .code input,#app #los .confirm .code input{width:40px;height:40px;text-align:center;font-size:20px;font-weight:700;margin:0 2px 0 2px;outline:unset;border-radius:4px;border:1px solid #000}#app #los .auth .code input:focus,#app #los .confirm .code input:focus{border-color:#2e6fff!important;box-shadow:0 0 5px #2e6fff inset}#app #los .auth .error p,#app #los .confirm .error p{margin:8px 0;color:#ff3f3f;font-size:14px;font-weight:700;text-align:center}#app #los .auth .bottom .input p.disabled,#app #los .confirm .bottom .input p.disabled{color:#b0b0b0;text-decoration:unset;cursor:unset}#app #los .content{height:fit-content;position:absolute;width:100%;top:0;left:0;right:0;bottom:0;margin:auto}#app #los .content .error{position:absolute;top:-16px;left:16px}#app #los .content .error p{margin:0;color:#ff3f3f;font-size:14px;font-weight:700}#app #los .content .error.success p{color:#00d900!important}#app #los .content .input{display:flex;width:90%;margin:10px auto}#app #los .content .input input{width:100%;outline:0;border-radius:2px;border:1px solid #000;padding:6px}#app #los .content .input .icon{display:flex;align-items:center;cursor:pointer}#app #los .content .input .icon .fa-icon{width:25px}#app #los .bottom{position:absolute;width:100%;bottom:8px;margin:0 auto}#app #los .bottom .input{display:flex;justify-content:center;margin:6px 0}#app #los .bottom .input p{margin:0;color:#fff;text-align:center;text-decoration:underline;cursor:pointer}#app #los .bottom .input p.hover,#app #los .bottom .input p:hover{color:gold}#app #los .bottom .input button{background:#5e1414;color:#fff;font-size:16px;padding:2px 8px 2px 8px;border:1px solid #5e1414;border-radius:4px;cursor:pointer}#app #los .bottom .input button.hover,#app #los .bottom .input button:hover{background:#fff;border:1px solid #5e1414;color:#5e1414}#app #footer{position:absolute;bottom:25px;left:0;right:0;color:#fff;margin:0 auto;text-align:center;min-width:300px;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;margin:0 auto}#app #footer b{text-shadow:1px 2px #000}.faded{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;background:rgba(0,0,0,.631372549);right:0;bottom:0;margin:0 auto;z-index:10000000}#xybar{visibility:hidden;min-width:250px;background-color:#50021c;color:#fff;text-align:center;border-radius:2px;padding:10px 16px 10px 16px;position:absolute;left:0;right:0;margin:0 auto;display:inline-flex;align-items:center;z-index:999999999999;width:95%;max-width:350px;box-shadow:1px 0 4px 6px #5b0b0b}#xybar p{font-size:14px;line-height:100%;flex:1 60%;margin:0}#xybar div{width:30px;display:flex;justify-content:center;margin-right:-10px;margin-left:5px}#xybar button{width:fit-content;width:-moz-fit-content;height:fit-content;height:-moz-fit-content;border:none;border-radius:2px;cursor:pointer;padding:6px;background:#e7e7e7;font-size:14px;color:#51021e;margin-left:5px}#xybar .fa-icon{cursor:pointer}#xybar.top{top:30px}#xybar.bottom{bottom:30px}#xybar.danger{background-color:#a90000!important}#xybar.danger button{background-color:#51021e!important;color:#fff!important}#xybar.top.show{visibility:visible!important;-webkit-animation:xybar-top-fadein .5s;animation:xybar-top-fadein .5s}#xybar.bottom.show{visibility:visible!important;-webkit-animation:xybar-bottom-fadein .5s;animation:xybar-bottom-fadein .5s}#xybar.top.hide{-webkit-animation:xybar-top-fadeout .5s;animation:xybar-top-fadeout .5s}#xybar.bottom.hide{-webkit-animation:xybar-bottom-fadeout .5s;animation:xybar-bottom-fadeout .5s}.lazy-image-skeleton{background-color:#e0e0e0;animation:pulse 1.5s infinite ease-in-out}.lazy-image{transition:opacity .3s ease-in-out}@keyframes pulse{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}@-webkit-keyframes xybar-top-fadein{from{top:0;opacity:0}to{top:30px;opacity:1}}@keyframes xybar-top-fadein{from{top:0;opacity:0}to{top:30px;opacity:1}}@-webkit-keyframes xybar-top-fadeout{from{top:30px;opacity:1;visibility:visible}to{top:0;opacity:0;visibility:hidden}}@keyframes xybar-top-fadeout{from{top:30px;opacity:1;visibility:visible}to{top:0;opacity:0;visibility:hidden}}@-webkit-keyframes xybar-bottom-fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes xybar-bottom-fadein{from{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes xybar-bottom-fadeout{from{bottom:30px;opacity:1;visibility:visible}to{bottom:0;opacity:0;visibility:hidden}}@keyframes xybar-bottom-fadeout{from{bottom:30px;opacity:1;visibility:visible}to{bottom:0;opacity:0;visibility:hidden}}@-webkit-keyframes slide-menu{100%{left:0}}@keyframes slide-menu{100%{left:0}}.fade--3-enter-active,.fade--3-leave-active{transition-property:opacity;transition-duration:.3s}.fade--3-enter-active{transition-delay:0.1s}.fade--3-enter,.fade--3-leave-active{opacity:0}.fade--2-enter-active,.fade--2-leave-active{transition-property:opacity;transition-duration:.2s}.fade--2-enter-active{transition-delay:0.1s}.fade--2-enter,.fade--2-leave-active{opacity:0}#app.mobile #header{border-radius:unset!important;max-width:unset!important;min-width:unset!important;width:100%!important;height:30px!important;top:15px!important}#app.mobile #header .logo{right:0!important;left:unset!important;width:60px;top:-45px}#app.mobile #header .navigation{width:100%!important}#app.mobile #header .navigation .left{margin-left:16px}#app.mobile #footer{bottom:4px!important;min-width:unset!important;max-width:320px}#app.mobile #footer b{font-size:.85em}
#info{font-family:"Open Sans","Segoe UI",Arial,Helvetica,sans-serif;font-size:.94rem;background:#110d09 url("/assets/img/bg.webp");background-repeat:no-repeat;background-size:100% 100%;height:100vh;min-height:800px}#info #leaf_box{height:100vh;width:100vw;position:absolute;z-index:0;overflow-x:hidden;overflow-y:hidden}#info #leaf_box .leaf{height:25px;width:31px;background:url("/assets/img/leaf.png");position:absolute}#info #content{position:absolute;margin:140px auto;left:0;right:0;height:calc(100% - 200px);overflow-y:auto;width:100%;box-shadow:0 -20px 12px 0 #000;padding-top:7px;background:rgba(0,0,0,.6705882353)}#info #content::-webkit-scrollbar{width:6px!important;background-color:#000!important}#info #content::-webkit-scrollbar-thumb{border-radius:4px!important;box-shadow:inset 0 0 6px #6f2a04!important;-webkit-box-shadow:inset 0 0 6px #6f2a04!important;background-color:#6f2a04!important}#info #content::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #6f2a04!important;-webkit-box-shadow:inset 0 0 6px #6f2a04!important;border-radius:4px!important;background-color:#000!important}#info #content #to-top{position:fixed;bottom:64px;right:12px;cursor:pointer}#info #content #to-top.hover .fa-icon,#info #content #to-top:hover .fa-icon{color:gold}#info #content #to-top .fa-icon{width:34px;height:34px;background:#432315;border-radius:50%;color:#edaa35}#info #content h1{color:#faebd7;text-align:center}#info #content .realms{margin:0 auto;max-width:750px;padding:6px;color:#fff;display:flex;justify-content:space-evenly;flex-wrap:wrap}#info #content .realms .realm .realm_name{display:grid;justify-items:center}#info #content .realms .realm .realm_name .lazy-image-skeleton{background-color:unset!important}#info #content .realms .realm .realm_name .lazy-image-container,#info #content .realms .realm .realm_name .lazy-image-skeleton,#info #content .realms .realm .realm_name img{width:240px;height:240px}#info #content .realms .realm .realm_name b{color:wheat;font-size:26px}#info #content .realms .realm .rates{display:grid;justify-content:center;background:rgba(0,0,0,.57);border-radius:6px;padding:4px;max-width:185px;margin:8px auto;min-height:101px}#info #content .realms .realm .rates .rate{display:inline-flex;justify-content:space-between;font-family:Montserrat;width:160px}#info #content .realms .realm .rates .rate p{margin:0}#info #content .realms .realm button{display:block;margin:2px auto;background:brown;color:#fff;border:1px solid brown;border-radius:2px;padding:2px 8px 2px 8px;font-size:16px;cursor:pointer}#info #content .realms .realm button.hover,#info #content .realms .realm button:hover{background:#fff;color:brown;border:1px solid #fff}#info #content .content-headers{margin:0 auto;max-width:750px;padding:6px;display:table}#info #content .content-headers .content-head{display:inline-grid;margin-left:4px;margin-right:4px}#info #content .content-headers .content-head b{color:gold;font-size:16px}#info #content .content-headers .content-head .content-head-list{display:inline-flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:4px}#info #content .content-headers .content-head .content-head-list.hover p,#info #content .content-headers .content-head .content-head-list:hover p{text-decoration:underline}#info #content .content-headers .content-head .content-head-list.hover .fa-icon,#info #content .content-headers .content-head .content-head-list.hover p,#info #content .content-headers .content-head .content-head-list:hover .fa-icon,#info #content .content-headers .content-head .content-head-list:hover p{color:#f1ba67}#info #content .content-headers .content-head .content-head-list p{color:#e29d32;margin:0}#info #content .content-headers .content-head .content-head-list .fa-icon{width:12px;height:12px}#info #content .article{background:rgba(0,0,0,.8392156863);border-radius:2px;overflow:hidden;margin:0 auto;border:1px solid #4e4e4e;max-width:750px;margin-bottom:20px;padding:6px;color:#fff}#info #content .article .article_{padding:10px}#info #content .article .article_ h1{font-size:24px;padding-bottom:12px;margin:0}#info #content .article .article_ b,#info #content .article .article_ p{display:block;margin:0}#info #content .article .article_ b.link,#info #content .article .article_ p.link{color:gold;cursor:pointer}#info #content .article .article_ b.link.hover,#info #content .article .article_ b.link:hover,#info #content .article .article_ p.link.hover,#info #content .article .article_ p.link:hover{color:#ffa300!important}#info #content .article .article_ b span,#info #content .article .article_ p span{color:gold}#info #content .article .article_ b span.alliance,#info #content .article .article_ p span.alliance{color:#073159}#info #content .article .article_ b span.horde,#info #content .article .article_ p span.horde{color:#850b0f}#info #content .article .article_ a{display:table;color:#ff0}#info #content .article .article_.gallery{display:flex;justify-content:center;align-items:center}#info #content .article .article_.gallery .effects,#info #content .article .article_.gallery .prebis{margin-left:6px;margin-right:6px}#info #content .article .article_.gallery .effects p,#info #content .article .article_.gallery .prebis p{margin:4px 0 0 0;text-align:center;font-style:italic;color:gold;font-weight:700}#info #content .article .article_.gallery .effects .lazy-image-container,#info #content .article .article_.gallery .effects .lazy-image-skeleton,#info #content .article .article_.gallery .prebis .lazy-image-container,#info #content .article .article_.gallery .prebis .lazy-image-skeleton{min-height:225px;max-width:230px;width:230px}#info #content .article .article_.gallery .effects .effect img,#info #content .article .article_.gallery .effects .legendary img,#info #content .article .article_.gallery .prebis .effect img,#info #content .article .article_.gallery .prebis .legendary img{pointer-events:none;width:100%;height:100%;object-fit:fill;border-radius:2px;border:1px solid #434343;border-radius:4px}#info #content .article .article_.gallery .effects .legendary,#info #content .article .article_.gallery .prebis .legendary{border-color:#fff!important}#info #content .article .article_.gallery .effects .effect img,#info #content .article .article_.gallery .prebis .effect img{max-height:290px!important}#info #content .article .article_.gallery .prebis{margin:auto}#info #content .article .article_.badges{display:flex;align-items:center}#info #content .article .article_.badges p{margin-left:4px}#info #content .article .article_.lucky{position:relative;display:grid;width:340px;margin:0 auto;justify-content:center}#info #content .article .article_.lucky *{margin:0}#info #content .article .article_.lucky b,#info #content .article .article_.lucky img{color:#c7bc83;justify-self:center;margin-bottom:4px}#info #content .article .article_.lucky .stone_tt{position:absolute;top:15px;right:-65px;width:200px;border-radius:2px;border:1px solid #828282}#info #content .article .article_.stones{display:flex;justify-content:center;border-top:3px dotted}#info #content .article .article_.stones b,#info #content .article .article_.stones p{margin:0;color:#c7bc83}#info #content .article .article_.stones .stone{position:relative;justify-items:center;margin:0 16px 0 16px;display:grid}#info #content .article .article_.stones .stone img{width:36px;height:36px;margin-bottom:4px}#info #content .article .article_.stones .stone .stone_tt{position:absolute;top:-15px;right:-165px;width:200px!important;height:unset!important;border-radius:2px;border:1px solid #828282;z-index:1}#info #content .article .article_.stone_info{text-align:center}#info #content .article .article_.bosses{display:flex;justify-content:center}#info #content .article .article_.bosses ul{margin:0 6px 0 0;padding:0}#info #content .article .article_.forge_exp{display:flex;justify-content:center;align-items:center}#info #content .article .article_.forge_exp .lazy-image-skeleton{width:100%!important}#info #content .article .article_.forge_exp .lazy-image-container,#info #content .article .article_.forge_exp .lazy-image-skeleton{width:40%;height:40vw;margin:0 6px 0 6px;max-height:200px}#info #content .article .article_.forge_exp img{width:100%;height:100%;border:1px solid #434343;border-radius:2px}#info #content .article .article_.forge_exp .fa-icon{height:26px;width:26px}#info #content .article .article_.forge span.success,#info #content .article .article_.forge th.success{color:#00ea00}#info #content .article .article_.forge span.fail,#info #content .article .article_.forge th.fail{color:#ff6060}#info #content .article .article_.forge table{--accent-color:#fff;--text-color:#02B3E4;--border-color:#0E8FB5;width:90%;height:100%;text-align:center;color:var(--text-color);border-collapse:separate;border-spacing:0;margin:0 auto}#info #content .article .article_.forge table td{width:10%;height:10%;transform-origin:center;transition:none;cursor:pointer}#info #content .article .article_.forge table td+td{border-left:1px solid var(--border-color)}#info #content .article .article_.forge table tr+tr td{border-top:1px solid var(--border-color)}#info #content .article .article_.forge table .row-1 .on-hover,#info #content .article .article_.forge table td.hover,#info #content .article .article_.forge table td:hover,#info #content .article .article_.forge table tr.hover td:first-child,#info #content .article .article_.forge table tr:hover td:first-child{color:var(--accent-color);background-color:var(--bg-color);border:1px solid var(--accent-color);border-radius:5px}#info #content .article .article_.forge table td.hover,#info #content .article .article_.forge table td:hover{transform:scale(.9);transition:all 50ms}#info #content .article .article_.forge table td.success.hover,#info #content .article .article_.forge table td.success:hover{color:#00ea00}#info #content .article .article_.forge table td.fail.hover,#info #content .article .article_.forge table td.fail:hover{color:#ff6060}#info #content .article .article_.forge table .col-1,#info #content .article .article_.forge table .row-1 td{font-weight:700;color:var(--accent-color)}@media (min-width:860px) and (max-width:1279px){#info #content .article .article_.forge table{font-size:20px}}@media (min-width:1280px) and (max-width:1919px){#info #content .article .article_.forge table{font-size:24px}}@media (min-width:1920px){#info #content .article .article_.forge table{font-size:28px}}#info #content .article .article_.weapons a{display:inline-flex!important;justify-content:center;align-items:center;font-size:0}#info #content .article .article_.dualspec b{color:#c7bc83}#info #content .article .article_.transmog .lazy-image-container,#info #content .article .article_.transmog .lazy-image-skeleton{width:100%;min-height:510px}#info #content .article .article_.transmog img{width:100%;pointer-events:none}
#app.mobile{min-width:unset!important;touch-action:manipulation;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;overflow-y:hidden!important;overflow-x:hidden!important}#info.mobile{min-width:unset!important;min-height:unset!important;overflow-y:auto!important;overflow-x:hidden!important}#info.mobile p{font-size:.87em}#info.mobile #content{margin:70px auto;min-width:unset!important;height:calc(100% - 100px)!important}#info.mobile #content .realms b{font-size:1.2em!important}#info.mobile #content .realms .lazy-image-container,#info.mobile #content .realms .lazy-image-skeleton,#info.mobile #content .realms img{width:140px!important;height:140px!important}#info.mobile #content .article_.gallery{flex-wrap:wrap}#info.mobile #content .article_.gallery .effects{margin-bottom:10px}#info.mobile #content .article_.lucky p,#info.mobile #content .article_.stone_info p{font-size:12px}#info.mobile #content .article_.badges{font-size:.65em}#info.mobile #content .article_.bosses ul{font-size:12px}#info.mobile #content .article_.forge table td.hover,#info.mobile #content .article_.forge table td:hover{transform:unset!important;transition:unset!important}