@charset "UTF-8";body{font-family:Open Sans,sans-serif;font-size:0;background:#123;color:#ddd;margin:0;overflow-x:hidden;display:flex}@media screen and (max-width:959px){body.sidebar-mobile-open{overflow:hidden}}section{font-size:14px;position:relative}.wrapper{padding:20px 40px}.wh-tooltip{position:absolute;top:0;left:0;opacity:0;z-index:1;width:100%;height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.btn{border:1px solid #ddd;background:none;height:40px;color:#ddd;font-weight:700;cursor:pointer;transition:all .2s ease-in,color .2s ease-in;float:none;text-align:center;font-size:12px;width:170px;margin-bottom:6px;display:block;line-height:40px;text-decoration:none;border-radius:4px;position:relative}.btn.disabled{opacity:.5;pointer-events:none}.btn.active,.btn:hover{background:#7d5!important;color:#123}.btn.loading{font-size:0;pointer-events:none}.btn.loading:hover{background:none!important;color:#ddd}.icon{width:40px;height:40px;position:relative;margin:3px;user-select:none;border:1px solid #525252;display:inline-block;vertical-align:top;cursor:pointer;transition:border-color .2s ease-in}.icon.active{border-color:#ffcd45}.icon.active img{filter:none}.icon img{width:100%;height:100%;margin:0;filter:grayscale(100%);transition:all .2s ease-in}.tablesorter-default{font-size:11px;line-height:15px;font-family:inherit}.tablesorter-default,.tablesorter-default td,.tablesorter-default th{background:transparent;color:#ddd}.tablesorter-default td{border-color:hsla(0,0%,44%,.3);position:relative;vertical-align:middle}.tablesorter-default td a{color:inherit;text-decoration:none;display:block;width:1500px;position:absolute;height:23px;top:0;line-height:23px;z-index:3}.tablesorter-default tr{width:100%}.tablesorter-default tr:last-of-type td{border-bottom:0}.tablesorter-default tr.hidden{opacity:.4}.tablesorter-default p{margin:0}.tablesorter-default input[type=checkbox]{margin:0;vertical-align:middle;cursor:pointer}.tablesorter-default .header,.tablesorter-default .tablesorter-header{outline:none;background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==)}.tablesorter-default thead .headerSortUp,.tablesorter-default thead .tablesorter-headerAsc,.tablesorter-default thead .tablesorter-headerSortUp{border-color:#ddd;background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7)}.tablesorter-default thead .headerSortDown,.tablesorter-default thead .tablesorter-headerDesc,.tablesorter-default thead .tablesorter-headerSortDown{border-color:#ddd;background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7)}.tablesorter-default tbody>tr.active>td,.tablesorter-default tbody>tr.even:hover>td,.tablesorter-default tbody>tr.hover>td,.tablesorter-default tbody>tr.odd:hover>td,.tablesorter-default tbody>tr:hover>td{background-color:rgba(30,72,48,.5);color:inherit}.tablesorter-default .p{margin-left:8px;color:green}.tablesorter-default .p:before{content:"(+"}.tablesorter-default .p:after{content:")"}.tablesorter-default .n{margin-left:8px;color:red}.tablesorter-default .n:before{content:"("}.tablesorter-default .n:after{content:")"}.spinner{width:70px;text-align:center;position:absolute;left:calc(50% - 35px);top:calc(50% - 11px);display:block}.spinner>span{width:18px;height:18px;background-color:#ccc;border-radius:100%;display:inline-block;animation:a 1.4s infinite ease-in-out both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes a{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.btn-close{position:absolute;right:19px;top:12px;width:20px;height:20px;opacity:.8}.btn-close:hover{opacity:1}.btn-close:after,.btn-close:before{position:absolute;left:9px;content:" ";height:20px;width:2px;background-color:#ccc}.btn-close:before{transform:rotate(45deg)}.btn-close:after{transform:rotate(-45deg)}.alerts{pointer-events:none;position:fixed;left:0;bottom:20px;width:100%;z-index:7}.alert{pointer-events:all;padding:20px;border-radius:4px;color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.25rem;padding:10px 20px;line-height:16px;width:90%;max-width:600px;margin:0 auto;opacity:0;font-size:14px;font-weight:700;text-align:center}.alert p{margin:0}@keyframes b{0%{opacity:0;transform:translatey(20px)}to{opacity:1;transform:translatey(0)}}.in-up{animation-name:b;animation-fill-mode:both;animation-duration:.5s}.sidebar{min-width:320px;width:380px;min-height:100vh;overflow-y:scroll;overflow-x:hidden;background:#171717;box-sizing:border-box;position:fixed;left:0;top:0;max-height:100vh;display:flex;flex-direction:column;justify-content:space-between;z-index:4}.sidebar .bg{background-position:50%;background-repeat:no-repeat;background-size:80% auto;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.1;pointer-events:none}.sidebar .bg[data-race=Human]{background-image:url(../img/human.png)}.sidebar .bg[data-race=Gnome]{background-image:url(../img/gnome.png)}.sidebar .bg[data-race=Dwarf]{background-image:url(../img/dwarf.png)}.sidebar .bg[data-race="Night Elf"]{background-image:url(../img/nightelf.png)}.sidebar .bg[data-race="High Elf"]{background-image:url(../img/highelf.png)}.sidebar .bg[data-race=Orc]{background-image:url(../img/orc.png)}.sidebar .bg[data-race=Undead]{background-image:url(../img/undead.png)}.sidebar .bg[data-race=Tauren]{background-image:url(../img/tauren.png)}.sidebar .bg[data-race=Troll]{background-image:url(../img/troll.png)}.sidebar .bg[data-race=Goblin]{background-image:url(../img/goblin.png)}.sidebar .tabs{display:flex;justify-content:center}.sidebar .tabs .btn{width:50%;border-radius:0;border-left:0;border-right:0}.sidebar .tabs .js-turtleclassic{width:50px}.sidebar .character{padding:20px 0}.sidebar .character>p{text-align:center;font-size:14px;font-weight:700;margin:4px 0;text-shadow:1px 1px #00008b}.sidebar .character .hidden{display:none}.sidebar ul{list-style:none;margin:20px auto;padding:0;width:80%}.sidebar li{border-bottom:1px solid hsla(0,0%,87%,.4);padding:7px 10px;overflow:hidden;font-size:12px}.sidebar li:first-child{padding-top:0}.sidebar li:last-child{border:0}.sidebar li span{float:right}.sidebar li small{font-size:10px;color:hsla(0,0%,100%,.5)}.sidebar figure{max-width:150px;margin:0 auto;display:none}.sidebar figure img{height:auto;width:100%}.sidebar .bottom{display:flex;flex-direction:column;align-items:center;padding-bottom:30px}.sidebar #weights-div{position:relative;margin-bottom:10px;display:none;left:40px}.sidebar #weights-div>div{position:relative;height:27px}.sidebar #weights-div .spinner{left:0;width:52px;top:calc(50% - 8px)}.sidebar #weights-div .spinner>span{width:14px;height:14px}.sidebar #weights-div .loading .stat-dps,.sidebar #weights-div .loading .stat-error{display:none}.sidebar #weights-div .stat-name{position:absolute;right:100%;bottom:2px;margin-right:4px;white-space:nowrap;font-size:14px;font-weight:700}.sidebar #weights-div .stat-dps{font-size:20px;font-weight:700;color:#1eff00}.sidebar #weights-div .stat-dps:after{content:" DPS";font-size:12px}.sidebar #weights-div .stat-dps:empty:after{display:none}.sidebar #weights-div .stat-error{font-size:12px;font-weight:700;color:#1eff00}.sidebar #weights-div .stat-error:before{content:" \00b1"}.sidebar #weights-div .stat-error:empty:before{display:none}.sidebar #dps-box{text-align:center;display:flex;align-items:baseline}.sidebar .dps{font-size:26px;font-weight:700;color:#1eff00;height:34px}.sidebar .dps:after{content:" DPS";font-size:14px}.sidebar .dps:empty:after{display:none}.sidebar #dpserr{font-size:14px;font-weight:700;color:#1eff00;margin-left:4px}.sidebar #dpserr:before{content:" \00b1"}.sidebar #dpserr:empty:before{display:none}.sidebar #time{font-size:14px;font-weight:700;text-align:center;margin-bottom:20px;min-height:19px}.sidebar #time:after{content:" s"}.sidebar #time:empty:after{display:none}.sidebar #stats{text-align:center;font-size:12px;margin-bottom:14px;font-weight:700;min-height:17px}.sidebar .author{width:100%;text-align:center;font-size:10px;opacity:.5;font-style:italic;padding-bottom:16px}.sidebar .manual{padding:4px;width:100%;text-align:center;text-transform:uppercase;font-weight:700;font-size:12px}.sidebar .manual a{color:#fff}.sidebar #sets{text-align:right}.sidebar #sets a{color:#ddd!important;text-decoration:none}.sidebar .sidebar-mobile{width:100%;height:0;margin-bottom:0;display:none;justify-content:end;align-items:center;border:0;overflow:hidden;box-sizing:border-box}.sidebar .sidebar-mobile .btn{display:none;width:140px;height:34px;line-height:34px;margin:0 0 0 20px}.sidebar .sidebar-mobile .dps{display:none;margin:0 auto 0 16px;line-height:34px;font-size:22px}.sidebar .menu-button-container{display:none;height:100%;width:30px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;position:fixed;bottom:10px;top:auto;height:40px;right:20px;opacity:1;z-index:2}.sidebar .menu-button,.sidebar .menu-button:after,.sidebar .menu-button:before{display:block;background-color:#fff;position:absolute;height:4px;width:30px;transition:transform .4s cubic-bezier(.23,1,.32,1);border-radius:2px}.sidebar .menu-button:before{content:"";margin-top:-8px}.sidebar .menu-button:after{content:"";margin-top:8px}.sidebar .menu-button-container.open .menu-button:before{margin-top:0;transform:rotate(405deg)}.sidebar .menu-button-container.open .menu-button{background:hsla(0,0%,100%,0)}.sidebar .menu-button-container.open .menu-button:after{margin-top:0;transform:rotate(-405deg)}@media screen and (max-width:959px){.sidebar{width:100%;top:auto;bottom:0;transition:all .2s ease-in;min-height:auto;z-index:4}.sidebar .menu-button-container,.sidebar .sidebar-mobile{display:flex}.sidebar.closed{max-height:60px;overflow:hidden}.sidebar.closed .bg{opacity:0}.sidebar.closed .sidebar-mobile{height:60px;min-height:60px;border-top:2px solid #717171}.sidebar.closed .sidebar-mobile .btn,.sidebar.closed .sidebar-mobile .dps{display:block}}.settings{width:0;height:auto;min-height:1060px;background:#272727;transition:all .3s ease-in-out;box-sizing:border-box;overflow:hidden;position:absolute;left:380px;top:0;z-index:4}.settings.active{width:calc(100% - 380px)}.settings.active .wrapper{opacity:1;transition:opacity .2s ease-in;transition-delay:.3s}.settings .wrapper{opacity:0;transition:none;display:flex;flex-wrap:wrap;gap:10px}.settings article{display:inline-block;vertical-align:top;border:1px solid #ddd;border-radius:2px;margin:20px auto 10px;position:relative;padding:20px;box-sizing:border-box;width:33%}.settings article>label{position:absolute;left:12px;top:-9px;font-weight:700;display:inline-block;background:#272727;width:auto;padding:0 10px;font-size:14px}.settings article>label.active{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7)}.settings article>label.active,.settings article>label.inactive{background-position:100%;background-repeat:no-repeat;cursor:pointer;white-space:normal;padding:0 20px 4px 4px}.settings article>label.inactive{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7)}.settings article ul{list-style:none;margin:0;padding:0}.settings article input{background:none;border:none;color:inherit;outline:none;text-align:right;margin:0;float:right;color:#1eff00;width:60px}.settings article select{float:right;background:none;border:0;color:#1eff00;outline:none;position:relative;right:-6px;min-width:50px;padding-right:4px;cursor:pointer}.settings article select option{background:#272727}.settings .fight{width:calc(33.333% - 10px)}.settings .fight li{border-bottom:1px solid hsla(0,0%,87%,.4);padding:5px 10px;overflow:hidden;font-size:12px;display:flex;justify-content:space-between}.settings .fight li:first-child{padding-top:0}.settings .fight li:last-child{border:0}.settings .fight li span{float:right}.settings .fight li a{color:#ddd;cursor:pointer}.settings .fight input[name=adjacent],.settings .fight input[name=level],.settings .fight input[name=targetlevel]{width:24px}.settings .fight input[name=targetcustomarmor]{position:absolute;right:30px}.settings .fight input[name=targetcustomarmor].focus{z-index:4}.settings .fight .slider{width:140px;margin-left:auto}.settings .buffs{font-size:0;width:calc(33.333% - 10px)}.settings .buffs .label{font-size:12px;font-weight:700;margin-top:10px;margin-left:3px}.settings .rotation{width:33.333%;font-size:0}.settings .rotation>div{display:flex;gap:6px;flex-wrap:wrap}.settings .rotation .label{width:100%;font-size:12px;font-weight:700;margin-top:16px}.settings .rotation .spell{transition:all .2s ease-in}.settings .rotation .spell.open .icon,.settings .rotation .spell:hover .icon{border-color:#ffcd45}.settings .rotation .spell.fade{opacity:.3}.settings .rotation .spell.active{opacity:1}.settings .rotation .spell.active img{filter:none}.settings .rotation .details{width:100%;margin-top:10;border-top:1px solid #fff;padding-top:10px;position:absolute;top:94px;left:0;margin:0 20px;width:calc(100% - 40px);opacity:0;transition:opacity .2s ease-in}.settings .rotation .details.visible{opacity:1}.settings .rotation .details label{font-size:12px;position:absolute;top:-20px;font-weight:700}.settings .rotation .details li{font-size:12px;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:10px;cursor:pointer}.settings .rotation .details li:before{content:"";width:16px;height:16px;line-height:16px;border:1px solid #ddd;font-size:12px;text-align:center;margin-right:10px}.settings .rotation .details li.active:before{content:"✔"}.settings .rotation .details li.nobox:before{display:none}.settings .rotation .details li input[type=text]{width:20px;border-bottom:1px solid #ddd;text-align:center;font-size:11px;margin:0 6px}.settings .rotation .details .label{margin-top:12px;margin-bottom:6px}.settings .rotation .icon{display:inline-block;vertical-align:middle;width:40px;height:40px;margin:4px 0;border:1px solid #525252}.settings .rotation .options{display:inline-flex;flex-direction:column;justify-content:center;vertical-align:middle;font-size:11px;max-width:calc(100% - 60px);margin:3px;margin-left:6px;min-height:26px}.settings .rotation .options input[type=text]{width:20px;float:none;border-bottom:1px solid #ddd;text-align:center;font-size:11px}.settings .talents{width:calc(75% - 10px);display:inline-flex;position:relative;justify-content:center;margin-top:0;flex-wrap:wrap}.settings .talents table{height:100%}.settings .talents table tbody{padding:0 10px;height:410px;display:block;border-left:1px solid #ddd}.settings .talents table:first-of-type tbody{border-left:0}.settings .talents table th{text-align:center;font-size:12px;padding:20px 0 5px}.settings .talents .icon img{filter:none}.settings .talents .icon:before{content:attr(data-count);position:absolute;right:-4px;bottom:-4px;background:#000;border:1px solid #ccc;border-radius:5px;text-align:center;z-index:4;font-size:12px;padding:1px 3px;color:#1eff00}.settings .talents .icon:after{content:"";width:40px;height:40px;position:absolute;left:0;top:0;box-shadow:inset 0 0 10px #000;border-radius:4px}.settings .talents .icon[data-count="0"] img{filter:grayscale(100%)}.settings .talents .icon[data-count="0"]:after,.settings .talents .icon[data-count="0"]:before{display:none}.settings .talents .icon.maxed:before{color:#ffcd45}.settings .talents .top{width:100%;text-align:center;display:flex;justify-content:center;align-items:center;gap:20px}.settings .talents .top span{color:#1eff00;font-weight:700}.settings .talents .top a{color:#fff;font-size:12px}.settings .filter{width:25%;padding:20px 30px;margin-top:0}.settings .filter .sources>li{display:block;list-style:none;transition:all .2s ease-in;cursor:pointer;margin-bottom:10px;position:relative}.settings .filter .sources>li:before{content:"";display:inline-block;vertical-align:top;width:15px;height:15px;border:1px solid #ddd;margin-right:10px}.settings .filter .sources>li:after{content:"";display:block;transform:rotate(45deg);height:8px;width:4px;border-bottom:2px solid #ddd;border-right:2px solid #ddd;position:absolute;left:6px;top:2px;opacity:0;transition:all .2s ease-in}.settings .filter .sources>li.active:after{opacity:1}.settings .filter .sources .resistances-list input{float:left;margin:.2em}.settings .filter .phases{position:absolute;right:10px;top:10px}.settings .filter .phases li{display:block;border:1px solid #ddd;width:50px;height:30px;line-height:30px;text-align:center;margin-bottom:5px;transition:all .2s ease-in;cursor:pointer}.settings .filter .phases li.active{background:#ddd;color:#123;font-weight:700}.settings .runes{width:25%;margin-top:0}.settings .hidden{display:none}@media screen and (max-width:959px){.settings{z-index:5}.settings.active{width:100%;left:0}.settings article{width:100%!important}.settings .talents table{height:auto}.settings .talents table tbody{border:0;border-bottom:1px solid #fff;margin-bottom:16px}.settings .talents table:last-of-type tbody{border-bottom:0;margin-bottom:0}.settings .talents table th{padding:5px 0 20px}}section.main{min-height:100vh;width:100%;padding-left:380px;overflow:hidden}section.main nav{color:#ddd;text-align:center;margin:10px 0 50px;font-weight:700;background:#303950;width:100%;margin:0;padding:10px 0;border-bottom:2px solid #333}section.main nav.loading li{pointer-events:none}section.main ul{position:relative;list-style:none;margin:0;font-size:0}section.main li,section.main ul{padding:0;display:inline-block;vertical-align:top}section.main li{font-size:13px;cursor:pointer;transition:all .2s ease-in;text-shadow:1px 1px #00008b}section.main li .icon{position:relative;border-width:2px}section.main li .icon:after{content:"";display:block;position:absolute;left:0;top:0;font-size:16px;color:#adadad;width:40px;height:40px;line-height:40px;text-shadow:0 3px 3px #000;font-family:Arial;pointer-events:none}section.main li .icon img{filter:none}section.main li.active,section.main li:hover{color:#fff}section.main li.active .icon,section.main li:hover .icon{border-color:#ffcd45}section.main li.active .filter{opacity:1;visibility:visible}section.main li p{margin:0;padding:10px 14px}section.main li .filter{opacity:0;visibility:hidden;transition:all .2s ease-in;position:absolute;left:0;top:50px}section.main li .filter li{opacity:.5}section.main li .filter li.active{opacity:1}section.main li .filter li:after{display:none}section.main li .filter:before{content:"";width:100%;height:1px;background:#545454;position:absolute;display:block;top:4px;left:0}@media only screen and (max-width:1600px){section.main li .filter{opacity:0;visibility:hidden;display:none}}section.main li.active[data-type=mainhand],section.main li.active[data-type=offhand],section.main li.active[data-type=profiles],section.main li.active[data-type=twohand]{margin-bottom:30px}@media only screen and (max-width:1600px){section.main li.active[data-type=mainhand],section.main li.active[data-type=offhand],section.main li.active[data-type=profiles],section.main li.active[data-type=twohand]{margin-bottom:0}}section.main li[data-type=ranged],section.main li[data-type=wrist]{margin-right:20px}section.main li:hover[data-type=mainhand] .icon:after{content:"MH"}section.main li:hover[data-type=offhand] .icon:after{content:"OH"}section.main li:hover[data-type=twohand] .icon:after{content:"2H"}section.main [data-quality="2"]{color:#1eff00}section.main [data-quality="3"]{color:#0070dd}section.main [data-quality="4"]{color:#a335ee}section.main [data-quality="5"]{color:#ff8000}section.main .table-container{padding:20px 40px}@media screen and (max-width:959px){section.main .table-container{padding:10px 20px 20px}}section.main .table-container:empty+.btn{display:none}section.main .button-container{padding:0 40px 40px;text-align:right}section.main .button-container .btn{display:inline-block}section.main .button-container .btn:first-child{float:left}section.main .button-container .js-export,section.main .button-container .js-import{float:left;margin-right:20px}@media screen and (max-width:959px){section.main .button-container{display:flex;flex-direction:column;align-items:center}}section.main table.enchant{margin-top:40px}section.main table.enchant tbody td.hide+td,section.main table.enchant tbody td:first-of-type:not(.hide){width:20%;min-width:20%}section.main table.gear:not([data-type=custom]) th:first-child{width:10px}section.main table.runes{cursor:pointer}section.main progress{width:80%;max-width:calc(100% - 320px);height:20px;position:fixed;bottom:0;right:0;appearance:none;-webkit-appearance:none;opacity:.5;display:none}section.main progress[value="0"],section.main progress[value="100"]{display:none}section.main .hide{width:20px}section.main .hide svg{width:15px;height:15px;fill:#ddd;vertical-align:middle}section.main .filtered{display:none}section.main .profilejson{height:270px;width:600px;margin-top:40px}section.main .profileoption{margin:20px 0;border-bottom:1px solid #fff;width:282px;display:flex;justify-content:space-between;padding-bottom:4px}@media screen and (max-width:959px){section.main .profileoption{margin:0}}section.main .profileoption input{background:transparent;text-align:right;color:#1eff00;border:0;outline:0}section.main .runes{display:flex;justify-content:left;align-items:center;flex-wrap:wrap;margin-bottom:20px}section.main .runes label{text-align:center;font-weight:700;margin-right:10px;margin-left:4px}section.main .runes .active .icon{border-color:#ffcd45}section.main .runes .active .icon img{filter:none}section.main .search{position:relative;width:222px}section.main .search input{background:#171717;color:#fff;border-radius:5px;border:1px solid hsla(0,0%,87%,.4);padding:5px 10px;width:200px}section.main .search svg{position:absolute;right:6px;top:4px;fill:#fff;font-size:12px}section.main .topgear{justify-content:space-between}section.main .filters,section.main .topgear{display:flex;align-items:center;flex-wrap:wrap;gap:10px}section.main .filters label{display:flex;align-items:center;margin-right:20px;font-size:13px;cursor:pointer}section.main .filters label:before{content:"";width:18px;height:18px;line-height:18px;background:#171717;border-radius:3px;border:1px solid hsla(0,0%,87%,.4);font-size:12px;text-align:center;margin-right:6px;display:block}section.main .filters label.active:before{content:"✔"}@media screen and (max-width:1279px){section.main td:not(:nth-child(2)):not(:first-child):not(:last-child),section.main th:not(:nth-child(2)):not(:first-child):not(:last-child){display:none}}@media screen and (max-width:959px){section.main{padding-bottom:40px;padding-left:0;box-sizing:border-box}}.stats{width:0;height:100vh;background:#272727;transition:all .3s ease-in-out;box-sizing:border-box;overflow:hidden;position:absolute;left:380px;top:0;z-index:4}.stats.active{width:calc(100% - 380px)}.stats.active .wrapper{opacity:1;transition:opacity .2s ease-in;transition-delay:.3s}@media (min-width:0px) and (max-width:1600px){.stats{left:320px}}.stats .wrapper{opacity:0;transition:none}.stats article{display:inline-block;vertical-align:top;border:1px solid #ddd;border-radius:2px;margin:12px auto;position:relative;padding:20px 30px;box-sizing:border-box;width:calc(50% - 16px)}.stats article label{position:absolute;left:12px;top:-9px;font-weight:700;display:inline-block;background:#272727;width:auto;padding:0 10px;font-size:14px}.stats article:first-child,.stats article:nth-child(4){width:100%;display:block}.stats article:nth-child(2){margin-right:27px;margin-top:10px;height:350px}.stats article:nth-child(2) canvas{height:330px}.stats article:nth-child(3){margin-top:10px;height:350px}.stats article:nth-child(3) canvas{height:330px}.stats article:nth-child(4){padding:30px 30px 10px}.stats article:nth-child(4) canvas{height:250px}.stats .legend{text-align:center;margin-top:20px;width:25%;display:inline-block;vertical-align:top}.stats .legend ul{display:inline-block;margin:0 auto;padding:0;text-align:left}.stats .legend li{list-style:none;font-size:12px;margin-top:1px;position:relative}.stats .legend li span{display:inline-block;width:30px;height:10px;border:1px solid #ccc;vertical-align:middle;margin-right:6px;position:relative;top:-1px}.stats .legend li em{position:absolute;right:-60px;font-style:normal}.stats .container-dmg{width:65%;height:100%;display:inline-block;vertical-align:top}@media screen and (max-width:959px){.stats{z-index:5}.stats.active{width:100%;left:0}.stats article{width:100%!important}}.profiles{width:0;height:auto;min-height:1060px;background:#272727;transition:all .3s ease-in-out;box-sizing:border-box;overflow:hidden;position:absolute;left:380px;top:0;z-index:4}.profiles.active{width:calc(100% - 380px)}.profiles.active .wrapper{opacity:1;transition:opacity .2s ease-in;transition-delay:.3s}.profiles .wrapper{opacity:0;transition:none;display:flex;flex-wrap:wrap;padding-top:80px}.profiles .container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:20px}.profiles .profile{position:relative;width:260px;min-width:260px;height:650px;border-radius:10px;border:1px solid #525252;padding:16px;text-align:center;background:#181818;cursor:pointer}.profiles .profile.active{border-color:#ffcd45}.profiles .profile>p{text-align:center;font-size:14px;font-weight:700;margin:4px 0;text-shadow:1px 1px #00008b}.profiles .profile ul{padding:0}.profiles .profile .title{border-bottom:1px solid #525252;padding-bottom:8px;margin-bottom:10px;width:80%;margin:0 auto 12px;display:flex;justify-content:space-between}.profiles .profile .title input{background:transparent;border:0;outline:none;color:#fff;font-family:Open Sans,sans-serif;font-size:14px}.profiles .profile .title input.edit{background:#fff;color:#000}.profiles .profile .title svg{top:4px;position:relative}.profiles .profile li{border-bottom:1px solid hsla(0,0%,87%,.4);padding:4px 10px;overflow:hidden;font-size:12px;text-align:left;min-height:30px;box-sizing:border-box}.profiles .profile li:last-child{border-bottom:0}.profiles .profile li p{margin:0;float:left;padding:2px 0}.profiles .profile li img{float:right;width:20px;height:20px;border:1px solid #525252;position:absolute;right:22px}.profiles .profile li[data-quality="2"]{color:#1eff00}.profiles .profile li[data-quality="3"]{color:#0070dd}.profiles .profile li[data-quality="4"]{color:#a335ee}.profiles .profile li[data-quality="5"]{color:#ff8000}.profiles .add-profile,.profiles .import-profile{width:260px;min-width:260px;height:298px;border-radius:10px;border:1px solid #525252;padding:16px;text-align:center;background:#181818;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.profiles .add-profile p,.profiles .import-profile p{font-weight:700;margin-bottom:70px;margin-top:0}.profiles .add-profile svg,.profiles .import-profile svg{width:160px;height:160px;color:#525252;transition:all .2s ease-in}.profiles .add-profile:hover svg,.profiles .import-profile:hover svg{color:#fff}.profiles .add-profile{margin-bottom:20px}.profiles .export-profile{position:absolute;bottom:22px;left:46%}.profiles .delete-profile{position:absolute;bottom:20px;right:20px}.profiles .delete-profile svg{width:24px;height:24px}.profiles .presets{display:flex;justify-content:center;align-items:center;width:100%;flex-wrap:wrap;gap:16px;margin-bottom:30px}.profiles .presets>div{padding:0 16px;height:30px;text-align:center;line-height:30px;border-radius:5px;border:1px solid #525252;transition:all .2s ease-in;cursor:pointer}.profiles .presets>div:hover{border-color:#fff}@media screen and (max-width:959px){.profiles{z-index:5}.profiles.active{width:100%;left:0}}.import-modal{position:fixed;z-index:6;width:100%;height:100%;justify-content:center;align-items:center;background:rgba(0,0,0,.5);display:none}.import-modal.open{display:flex}.import-modal-container{position:relative;background:#fff;border-radius:10px;width:500px;height:300px}.import-modal textarea{width:100%;height:100%;border-radius:10px;padding:20px;box-sizing:border-box}.import-modal .btn-close:after,.import-modal .btn-close:before{background-color:#000}.modal{position:absolute;left:300px;top:300px;min-width:450px;min-height:300px;height:450px;width:670px;background:#171717;border:2px solid #525252;resize:both;z-index:8;overflow:auto;font-size:12px;display:none}.modal .wrapper{padding:0;height:100%;overflow:hidden}.modal .btn-close{top:5px;right:6px;transform:scale(.7);cursor:pointer}.modal .table{height:calc(100% - 31px);overflow:auto}.modal .row{width:100%;height:26px;line-height:26px;border-bottom:1px solid rgba(120,140,240,.4);display:flex}.modal .row.head{background:#303950;border-color:#525252;height:30px;line-height:30px;cursor:grab}.modal .row p{margin:0;padding-left:16px;width:50px}.modal .row p:last-child{width:auto}