:root{--color-primary: #06d;--color-primary-light: #08f;--color-primary-faded: #78a8d5;--color-bg1: #000116;--color-bg2: #00031f;--color-bg3: #00052f;--color-bg4: #00073f;--color-bg-faded: #071026;--color-grey: #aaa;--color-grey2: #ccc;--color-stroke: rgba(255,255,255,.1);--color-stroke-light: rgba(255,255,255,.15);--color-danger: #c22;--color-danger-light: #f66;--fs-regular: 14px;--ff: "Source Sans Pro", Arial, sans-serif}@supports (height: 100dvh){:root{--unit-100vh: 100dvh}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes moveInFromBelow{0%{transform:translate3d(0,50px,0)}to{transform:translateZ(0)}}@keyframes moveInFromAbove{0%{transform:translate3d(0,-20px,0)}to{transform:translateZ(0)}}.select-simple{position:relative;-webkit-user-select:none;user-select:none}.select-simple.open .textfield{border-color:var(--color-primary)}.select-simple.empty .input .textfield{color:var(--color-grey)}.select-simple .input{position:relative;cursor:pointer}:is(.select-simple .input) .textfield{width:100%}:is(:is(.select-simple .input) .textfield) span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:calc(100% - 10px)}:is(.select-simple .input) .icon{position:absolute;right:0;top:0;line-height:40px;width:30px;text-align:center;color:var(--color-accent)}:is(.select-simple .input) input{padding-right:45px}.select-simple .options{position:absolute;top:100%;left:0;min-width:100%;box-sizing:border-box;background:#000;border-radius:4px;border:1px solid var(--color-stroke);z-index:2;overflow:auto;max-height:300px;animation:fadeIn .2s ease,moveInFromAbove .2s ease}.pos-top:is(.select-simple .options){top:auto;bottom:100%}:is(.select-simple .options) .option{padding:8px 15px;white-space:nowrap;overflow:hidden;cursor:pointer}.active:is(:is(.select-simple .options) .option){background:var(--color-bg1)}:is(:is(.select-simple .options) .option):hover{background:var(--color-bg2)}:is(.select-simple .options) .empty{opacity:.7}.checkbox{-webkit-user-select:none;user-select:none;cursor:pointer}.checkbox input{display:none}.checkbox .checkbox-icon{margin-right:8px;border-radius:2px;border:1px solid var(--color-stroke);background:#00000080;width:20px;text-align:center;transition:all .2s ease}.checkbox .micon{line-height:18px;font-size:18px;opacity:0}:is(.checkbox input:checked~.checkbox-inner) .checkbox-icon{border-color:var(--color-primary);background:var(--color-primary)}:is(.checkbox input:checked~.checkbox-inner) .micon{opacity:1}.textfield,input[type=text],input[type=search],textarea{display:inline-block;box-sizing:border-box;width:auto;height:auto;padding:8px 10px;border:1px solid var(--color-stroke);background:#00000080;color:#fff;font-family:var(--ff);font-size:var(--fs-regular);font-weight:400;line-height:20px;border-radius:4px;transition:border-color .2s ease;outline:0}:is(.textfield,input[type=text],input[type=search],textarea)::placeholder{color:var(--color-grey)}:is(.textfield,input[type=text],input[type=search],textarea):focus{border-color:var(--color-primary)}select{display:inline-block;padding:10px;border:1px solid var(--color-stroke);background:#00000080;color:#fff;font-family:var(--ff);font-size:var(--fs-regular);font-weight:400;line-height:20px;border-radius:4px;transition:border-color .2s ease;outline:0}select:focus{border-color:var(--color-primary)}div.icon-checkboxes label{position:relative;display:inline-block;margin:0 5px 5px 0;width:30px;height:30px;background:#000;cursor:pointer}:is(div.icon-checkboxes label) input{display:none}:is(:is(div.icon-checkboxes label) .wowicon):nth-of-type(1){padding:2px;background:#000;border:1px solid var(--color-stroke-light)}.addon:is(:is(div.icon-checkboxes label) .wowicon){position:absolute;bottom:2px;right:2px;border-radius:50%;overflow:hidden;width:10px}:is(:is(div.icon-checkboxes label) .wowicon) img{filter:grayscale(.9)}:is(div.icon-checkboxes label) .micon.imp{position:absolute;bottom:0;left:0;color:#3f3;font-size:14px}:is(:is(div.icon-checkboxes label) input:checked~.wowicon):nth-of-type(1){border-color:var(--color-primary)}:is(:is(div.icon-checkboxes label) input:checked~.wowicon) img{filter:none}div.icon-multiboxes label{position:relative;display:inline-block;margin:0 5px 5px 0;width:30px;height:30px;background:#000;cursor:pointer}:is(div.icon-multiboxes label) input{display:none}:is(:is(div.icon-multiboxes label) .wowicon):nth-of-type(1){padding:2px;background:#000;border:1px solid var(--color-stroke-light)}.addon:is(:is(div.icon-multiboxes label) .wowicon){position:absolute;bottom:2px;right:2px;border-radius:50%;overflow:hidden;width:10px}:is(:is(div.icon-multiboxes label) .wowicon) img{filter:grayscale(.9)}:is(.active:is(div.icon-multiboxes label) .wowicon):nth-of-type(1){border-color:var(--color-primary)}:is(.active:is(div.icon-multiboxes label) .wowicon) img{filter:none}:is(div.icon-multiboxes label) .counter-badge{position:absolute;bottom:-2px;right:-2px;background:var(--color-primary);color:#fff;border-radius:50%;width:14px;height:14px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #000;pointer-events:none;z-index:2}.form-item:nth-child(n+2){margin-top:15px}.form-item label{display:block;font-weight:600;margin-bottom:2px;color:var(--color-grey2)}.inline:is(.form-item label){display:inline-block}.form-item select,.form-item .textfield,.form-item input[type=text],.form-item input[type=search],.form-item textarea{display:block;width:100%}.form-cols{display:grid;grid-gap:20px;grid-auto-columns:1fr}.form-cols:nth-child(n+2){margin-top:15px}.form-cols>.form-item{grid-row:1}:is(.form-cols>.form-item):nth-child(n){margin-top:0}.form-box>.title,.form-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;padding:0 0 5px;color:#ffffffb3;border-bottom:1px solid var(--color-stroke-light)}:is(.form-box>.title,.form-title):nth-child(n+2){margin-top:30px}.form-box{float:left;background:var(--color-bg2);border:1px solid var(--color-stroke);border-radius:2px;padding:15px;width:350px;margin:0 20px 20px 0}.form-box.small{width:150px}.form-box.medium{width:240px}.form-box.large{width:700px}.form-box.larger{width:900px}.form-box>.title{margin-bottom:15px}.form-boxes{float:left}.form-boxes>.form-box{float:none}:is(.form-boxes>.form-box):nth-child(n+2){margin-top:20px}.spotlight{display:none;position:absolute;top:0;left:0;right:0;z-index:300}.spotlight.open{display:block}.spotlight.open .dark{animation:fade .2s ease forwards}.spotlight.open .content{animation:fade .3s ease forwards,moveInFromBelow .3s ease forwards}.spotlight .dark{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;transform:translateZ(0)}.spotlight .light{position:absolute;top:40px;left:50%;padding:20px 0;transform:translate3d(-50%,0,0);max-width:90vw}.spotlight .content{margin:0 auto;width:600px;box-sizing:border-box;max-width:100%}:is(.spotlight .content)>.default{padding:30px;background:var(--color-bg2)}:is(:is(.spotlight .content)>.default)>.title{font-weight:600;font-size:16px}:is(.spotlight .content) .confirm-text{font-size:16px}.spotlight.small .content{width:400px}.spotlight.large .content{width:900px}.tooltip-anchor{position:relative}.tooltip-anchor .tooltip.open,.tooltip-anchor:hover>.tooltip{display:inline-block}.tooltip-anchor>.tooltip{position:absolute;display:none;z-index:110;padding:10px 15px;font-size:14px;font-weight:400;box-sizing:border-box;white-space:nowrap;background:var(--color-bg1);color:#fff;border-radius:4px;border:1px solid var(--color-stroke);box-shadow:0 0 4px #00000080;animation:fade .1s ease}.position-top:is(.tooltip-anchor>.tooltip),.position-bottom:is(.tooltip-anchor>.tooltip){left:50%;transform:translate3d(-50%,0,0)}.position-topright:is(.tooltip-anchor>.tooltip),.position-top:is(.tooltip-anchor>.tooltip){bottom:100%;margin-bottom:5px}.position-bottom:is(.tooltip-anchor>.tooltip){top:100%;margin-top:5px}.position-left:is(.tooltip-anchor>.tooltip),.position-right:is(.tooltip-anchor>.tooltip){top:50%;transform:translate3d(0,-50%,0)}.position-left:is(.tooltip-anchor>.tooltip){right:100%;margin-right:5px}.position-right:is(.tooltip-anchor>.tooltip){left:100%;margin-left:5px}.position-topright:is(.tooltip-anchor>.tooltip){left:0}.help{display:inline-block;vertical-align:middle;margin-left:4px}.help .micon{cursor:default;color:var(--color-primary);font-size:16px;margin-top:-3px}.paperdoll:after{content:"";display:block;clear:both}.paperdoll>div{position:relative}.paperdoll .tooltip{pointer-events:none}.paperdoll .left{float:left}:is(:is(.paperdoll .left) .paperslot) .papers{left:100%;margin-left:3px}.paperdoll .right{float:right}:is(:is(.paperdoll .right) .paperslot) .papers{right:100%;margin-right:3px}.paperdoll .bottom{clear:both;padding-top:10px;text-align:center}:is(.paperdoll .bottom) .paperslot{display:inline-block;margin-bottom:0}:is(:is(.paperdoll .bottom) .paperslot):nth-child(2){margin:0 20px}:is(:is(.paperdoll .bottom) .paperslot) .papers{right:100%;margin-right:3px}.paperdoll .iconmedium{width:1px!important;height:1px!important;overflow:hidden!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;box-shadow:none!important}.paperdoll .iconmedium ins{width:1px!important;height:1px!important;background-size:1px 1px!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;transform:scale(.01)!important}.paperdoll .paperslot{position:relative;margin-bottom:3px}:is(.paperdoll .paperslot) .paperv{position:relative;background-size:cover;background-repeat:no-repeat;cursor:pointer}.active:is(:is(.paperdoll .paperslot) .paperv){border-color:var(--color-primary)!important}:is(:is(.paperdoll .paperslot) .paperv) a{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:auto;height:auto}:is(:is(:is(.paperdoll .paperslot) .paperv) a) span:nth-child(2){display:none}:is(:is(:is(.paperdoll .paperslot) .paperv) a) *{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:auto;height:auto}:is(:is(:is(.paperdoll .paperslot) .paperv) a) ins{background-size:cover;background-repeat:no-repeat}:is(:is(:is(.paperdoll .paperslot) .paperv) a) del{display:none}:is(.paperdoll .paperslot) .paperitem{width:50px;height:50px;border:2px solid var(--color-stroke-light);border-radius:2px}@media (max-height: 850px){:is(.paperdoll .paperslot) .paperitem{width:44px;height:44px}}:is(:is(.paperdoll .paperslot) .papers):after{content:"";display:block;clear:both}:is(.paperdoll .paperslot) .papers{position:absolute;top:2px;white-space:nowrap}:is(:is(.paperdoll .paperslot) .papers) .paperv{display:inline-block;width:16px;height:16px;border:1px solid var(--color-stroke-light)}:is(:is(:is(.paperdoll .paperslot) .papers) .paperv):nth-child(n+2){margin-left:2px}:is(.paperdoll .paperslot) .paperenchant{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_enchant.jpg)}.head:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_head.jpg)}.neck:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_neck.jpg)}.shoulder:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_shoulder.jpg)}.chest:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_chest.jpg)}.back:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_chest.jpg)}.wrist:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_wrists.jpg)}.hands:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_hands.jpg)}.waist:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_waist.jpg)}.legs:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_legs.jpg)}.feet:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_feet.jpg)}.finger-1:is(.paperdoll .paperslot) .paperitem,.finger-2:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_finger.jpg)}.trinket-1:is(.paperdoll .paperslot) .paperitem,.trinket-2:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_trinket.jpg)}.main-hand:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_mainhand.jpg)}.off-hand:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_offhand.jpg)}.ranged:is(.paperdoll .paperslot) .paperitem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inventoryslot_ranged.jpg)}.talent-calculator{max-width:1000px;background:#000}.talent-calculator.complete .talent.empty .num{display:none!important}.talent-calculator.complete>.header>.points{color:var(--color-grey)}:is(.talent-calculator>.header):after{content:"";display:block;clear:both}.talent-calculator>.header{padding:10px;font-size:18px;font-weight:600}:is(.talent-calculator>.header)>*{display:inline-block;vertical-align:middle}:is(.talent-calculator>.header)>.icon{margin-right:10px}:is(:is(.talent-calculator>.header)>.icon) img{width:30px;border-radius:50%}:is(.talent-calculator>.header)>.name{text-transform:capitalize}:is(.talent-calculator>.header)>.link{float:right;margin-left:10px}:is(:is(.talent-calculator>.header)>.link) a,:is(:is(.talent-calculator>.header)>.link) button{color:var(--color-grey);border:1px solid var(--color-stroke);display:block;padding:0 5px;background:none;border-radius:4px;line-height:24px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}:is(:is(:is(.talent-calculator>.header)>.link) a,:is(:is(.talent-calculator>.header)>.link) button):hover{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}:is(:is(:is(.talent-calculator>.header)>.link) a,:is(:is(.talent-calculator>.header)>.link) button) .micon{line-height:24px;font-size:18px;margin-right:4px}:is(:is(:is(.talent-calculator>.header)>.link) button):hover{background:var(--color-danger);border-color:var(--color-danger)}:is(.talent-calculator>.header)>.points{float:right;margin-right:20px;font-size:14px;line-height:26px}.talent-calculator>.trees{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;padding:0 10px 10px}:is(:is(:is(.talent-calculator>.trees)>.tree)>.header):after{content:"";display:block;clear:both}:is(:is(.talent-calculator>.trees)>.tree)>.header{padding:10px 0;font-size:18px;font-weight:600}:is(:is(:is(.talent-calculator>.trees)>.tree)>.header)>*{display:inline-block;vertical-align:middle}:is(:is(:is(.talent-calculator>.trees)>.tree)>.header)>.icon{margin-right:10px}:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.header)>.icon) img{width:30px;border-radius:50%}:is(:is(:is(.talent-calculator>.trees)>.tree)>.header)>.name{text-transform:capitalize}:is(:is(:is(.talent-calculator>.trees)>.tree)>.header)>.points{float:right}.empty:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.header)>.points){color:var(--color-grey)}:is(:is(.talent-calculator>.trees)>.tree)>.talents{background-size:100% 100%;height:420px;padding:15px 0 0 50px;box-sizing:border-box;box-shadow:inset 0 0 30px 10px #000}:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row):after{content:"";display:block;clear:both}:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row):nth-child(n+2){margin-top:13px}:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent{float:left;position:relative;width:44px;height:44px;box-sizing:border-box}:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent):after{content:"";display:block;position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid transparent;border-radius:3px;pointer-events:none}.active:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent):after{border-color:#0d0}.active:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent) .num{color:#0d0}.max:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent):after{border-color:#ffc800cc}.max:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent) .num{color:#ffc800cc}:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent):nth-child(n+2){margin-left:15px}.empty:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent) a ins{filter:grayscale(1)}:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent) a{display:block}:is(:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent) a) span{pointer-events:auto!important}:is(:is(:is(:is(:is(.talent-calculator>.trees)>.tree)>.talents)>.row)>.talent) .num{position:absolute;z-index:2;bottom:-3px;right:-3px;padding:0 3px;line-height:16px;font-size:11px;border-radius:2px;background:#000;color:var(--color-grey)}:is(:is(.talent-calculator>.trees)>.tree)>.reset{padding:10px 0;text-align:center}.talent-calculator .required{position:absolute;z-index:3}.up-1:is(.talent-calculator .required),.up-2:is(.talent-calculator .required){background:url(/vanilla-firemage/talentcalc/down.png) no-repeat center bottom;bottom:36px;width:15px;left:15px}.up-1:is(.talent-calculator .required){height:23px}.up-2:is(.talent-calculator .required){height:80px}.apl{padding:20px 10px 0}.apl>.collapse-all{margin-bottom:10px}.apl .dragger{position:fixed;width:50px;height:50px;top:-25px;left:-25px;cursor:grabbing}.apl .apl-items{position:relative;margin-bottom:20px}.dragend:is(.apl .apl-items):before{content:"";position:absolute;left:0;right:0;bottom:-5px;margin-bottom:2px;background:var(--color-primary-light);height:1px}.apl .apl-item{position:relative;background:var(--color-bg1);-webkit-user-select:none;user-select:none;transition:opacity .2s ease}:is(.apl .apl-item):nth-child(n+2){margin-top:5px}.dragto:is(.apl .apl-item):before{content:"";position:absolute;left:0;right:0;bottom:100%;margin-bottom:2px;background:var(--color-primary-light);height:1px}.dragfrom:is(.apl .apl-item){opacity:.5}:is(.apl .apl-item)>.drag{position:absolute;top:0;bottom:0;right:100%;width:20px;text-align:center;cursor:grab;opacity:0;transition:opacity .2s ease}:is(:is(.apl .apl-item)>.drag) .micon{font-size:16px;line-height:20px}:is(.apl .apl-item):hover>.drag{opacity:1}.status-false:is(.apl .apl-item) .status{color:var(--color-danger)}:is(.apl .apl-item)>.header{padding:2px 5px;background:#000;text-align:right}:is(:is(.apl .apl-item)>.header) button{display:inline-block;border:0;background:none;padding:0 5px;color:var(--color-grey);cursor:pointer;transition:color .2s ease;margin-left:5px}:is(:is(:is(.apl .apl-item)>.header) button):hover{color:var(--color-primary-light)}.delete:is(:is(:is(.apl .apl-item)>.header) button):hover{color:var(--color-danger)}.toggle:is(:is(:is(.apl .apl-item)>.header) button){float:left;padding-right:150px;margin-left:0}:is(:is(:is(.apl .apl-item)>.header) button) .micon{line-height:18px;font-size:14px}:is(.apl .apl-item)>.title{padding:0 15px 5px;font-weight:600;background:#000;cursor:pointer}:is(.apl .apl-item)>.body{padding:10px}:is(:is(.apl .apl-item)>.body)>.apl-action{margin-top:5px}.apl .apl-condition{position:relative}:is(.apl .apl-condition)>.values{display:grid;grid-gap:5px}:is(:is(.apl .apl-condition)>.values)>*{grid-row:1}.values-0:is(:is(.apl .apl-condition)>.values),.values-1:is(:is(.apl .apl-condition)>.values){grid-template-columns:120px 3fr}.values-2:is(:is(.apl .apl-condition)>.values){grid-template-columns:120px 1fr 60px 1fr}:is(.apl .apl-condition)>.delete{position:absolute;top:0;left:0;background:none;border:0;color:var(--color-danger);padding:0;width:20px;text-align:center;cursor:pointer;opacity:0;transition:opacity .2s ease}:is(:is(.apl .apl-condition)>.delete) .micon{line-height:38px;font-size:14px}:is(.apl .apl-condition):hover>.delete{opacity:1}:is(.apl .apl-condition) .apl-condition{margin-top:5px;padding-left:20px}:is(.apl .apl-condition)>.btn{margin:5px 0 0 20px}.apl .apl-value{display:grid;grid-gap:5px}:is(.apl .apl-value)>*{grid-row:1}:is(:is(.apl .apl-value)>.input) input{width:100%}.apl .apl-action{position:relative}:is(.apl .apl-action) .apl-action{margin-top:5px;padding-left:20px}:is(.apl .apl-action)>.delete{position:absolute;top:0;left:0;background:none;border:0;color:var(--color-danger);padding:0;width:20px;text-align:center;cursor:pointer;opacity:0;transition:opacity .2s ease}:is(:is(.apl .apl-action)>.delete) .micon{line-height:38px;font-size:14px}:is(.apl .apl-action):hover>.delete{opacity:1}:is(.apl .apl-action) .apl-sequence>.btn{margin:5px 0 0 20px}:is(.apl .apl-buttons):after{content:"";display:block;clear:both}:is(.apl .apl-buttons) .right{float:right}.apl .rotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 10px;background:var(--color-bg1);border-left:3px solid var(--color-primary)}:is(.apl .rotation-header) .header-title{font-weight:600;font-size:18px;color:var(--color-white)}:is(.apl .rotation-header) .header-note{font-size:11px;color:var(--color-grey);font-style:italic}.apl .apl-fixed-sequence{margin-bottom:15px}:is(.apl .apl-fixed-sequence) .fixed-sequence-header,:is(.apl .apl-fixed-sequence) .rotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 10px;background:var(--color-bg1);border-left:3px solid var(--color-primary)}:is(:is(.apl .apl-fixed-sequence) .fixed-sequence-header,:is(.apl .apl-fixed-sequence) .rotation-header) .header-title{font-weight:600;font-size:18px;color:var(--color-white)}:is(:is(.apl .apl-fixed-sequence) .fixed-sequence-header,:is(.apl .apl-fixed-sequence) .rotation-header) .header-note{font-size:11px;color:var(--color-grey);font-style:italic}:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence{background:var(--color-bg1)}:is(:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence) .header{background:var(--color-bg1);min-height:20px;padding:4px 5px}:is(:is(:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence) .header) button{color:#fff}:is(:is(:is(:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence) .header) button):hover{color:var(--color-primary-light)}:is(:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence) .title{background:var(--color-primary);color:#fff}:is(:is(:is(:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence) .fixed-sequence-body) .apl-sequence) .apl-action{margin-top:5px;padding-left:20px}:is(:is(:is(:is(:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence) .fixed-sequence-body) .apl-sequence) .apl-action) .apl-action{padding-left:20px}:is(:is(:is(:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence) .fixed-sequence-body) .apl-sequence) .btn{margin:10px 0 0}:is(:is(.apl .apl-fixed-sequence) .apl-item.fixed-sequence.collapsed)>.title{background:var(--color-bg1);padding:4px 5px 4px 15px}.apl .apl-default-action{margin-top:15px;margin-bottom:20px}:is(.apl .apl-default-action) .default-action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 10px;background:var(--color-bg1);border-left:3px solid var(--color-primary)}:is(:is(.apl .apl-default-action) .default-action-header) .header-title{font-weight:600;font-size:18px;color:var(--color-white)}:is(:is(.apl .apl-default-action) .default-action-header) .header-note{font-size:11px;color:var(--color-grey);font-style:italic}:is(.apl .apl-default-action) .apl-item.default-action{background:var(--color-bg1)}:is(:is(.apl .apl-default-action) .apl-item.default-action) .header{background:var(--color-bg1);min-height:20px;padding:4px 5px}:is(:is(:is(.apl .apl-default-action) .apl-item.default-action) .header) button{color:#fff}:is(:is(:is(:is(.apl .apl-default-action) .apl-item.default-action) .header) button):hover{color:var(--color-primary-light)}:is(:is(.apl .apl-default-action) .apl-item.default-action) .drag{display:none}:is(:is(.apl .apl-default-action) .apl-item.default-action)>.title{background:var(--color-primary);color:#fff}:is(:is(.apl .apl-default-action) .apl-item.default-action.collapsed)>.title{background:var(--color-bg1);padding:4px 5px 4px 15px}html{margin:0;padding:0}body{background:var(--color-bg1);color:#fff;margin:0;padding:0;font-family:var(--ff);font-size:var(--fs-regular);font-weight:400;line-height:1.5;min-height:100vh}#main{position:relative;height:100vh;display:grid;grid-template-columns:350px 1fr}#main>.left{height:100vh;display:grid;grid-auto-columns:100%;grid-template-rows:min-content min-content 1fr 150px;background:var(--color-bg2)}:is(#main>.left)>.template-raids{position:relative;padding:30px 30px 20px}:is(:is(#main>.left)>.template-raids)>.create{text-align:center}:is(:is(:is(:is(#main>.left)>.template-raids)>.create)>div):nth-child(2){margin-top:10px}:is(:is(:is(#main>.left)>.template-raids)>.create) .btn.large{text-transform:uppercase;letter-spacing:2px;font-weight:700}:is(#main>.left)>.raid{position:relative;background:var(--color-bg3)}:is(:is(#main>.left)>.raid) .current-raid{padding:20px 30px;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;gap:15px}:is(:is(:is(#main>.left)>.raid) .current-raid) .faction{border-radius:50%;overflow:hidden;width:40px;flex-shrink:0}:is(:is(:is(#main>.left)>.raid) .current-raid) .name{font-size:20px;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(:is(:is(#main>.left)>.raid) .current-raid) .caret{flex-shrink:0}:is(:is(#main>.left)>.raid) .raid-select{position:absolute;top:100%;left:0;right:0;background:var(--color-bg3);z-index:2;animation:fadeIn .3s ease,moveInFromAbove .3s ease}:is(:is(:is(#main>.left)>.raid) .raid-select) .raid{padding:15px 30px;transition:background .2s ease;cursor:pointer}:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .raid):nth-child(n+2){margin-top:15px}:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .raid):hover{background:var(--color-bg4)}:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .raid) .faction{border-radius:50%;overflow:hidden;width:40px}:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .raid) .info{width:calc(100% - 100px);margin:0 15px;line-height:1.3}:is(:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .raid) .info) .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:15px}:is(:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .raid) .info) .players{font-size:12px;color:var(--color-grey)}:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .raid) .delete{margin-left:5px;font-size:20px;color:var(--color-danger);opacity:0;transition:opacity .2s ease}:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .raid):hover .delete{opacity:1}:is(:is(:is(#main>.left)>.raid) .raid-select) .create{background:none;border:0;display:block;width:100%;text-align:left;text-transform:uppercase;color:inherit;padding:15px 30px;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;background:var(--color-bg3);transition:background .2s ease}:is(:is(:is(:is(#main>.left)>.raid) .raid-select) .create):hover{background:var(--color-bg4)}:is(#main>.left)>.team{overflow:auto}:is(:is(#main>.left)>.team) .players{position:relative;-webkit-user-select:none;user-select:none}:is(:is(:is(#main>.left)>.team) .players) .player{position:relative;padding:20px 30px;border-bottom:1px solid var(--color-stroke-light);cursor:pointer}.active:is(:is(:is(:is(#main>.left)>.team) .players) .player){background:var(--color-bg1)}:is(:is(:is(:is(#main>.left)>.team) .players) .player) .race{width:40px;border-radius:50%;overflow:hidden}:is(:is(:is(:is(#main>.left)>.team) .players) .player) .name{font-size:16px;font-weight:600;margin:0 15px;width:calc(100% - 100px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(:is(:is(:is(#main>.left)>.team) .players) .player) .spec{display:block;font-size:0;position:absolute;top:50%;left:60px;width:16px;border:1px solid #000;border-radius:50%;overflow:hidden}:is(:is(:is(:is(#main>.left)>.team) .players) .player) .delete{margin-left:5px;font-size:18px;color:var(--color-danger);opacity:0;transition:opacity .2s ease}:is(:is(:is(:is(#main>.left)>.team) .players) .player):hover .delete{opacity:1}:is(:is(#main>.left)>.team) .create{background:none;border:0;display:block;width:100%;text-align:left;text-transform:uppercase;color:inherit;padding:15px 30px;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;background:var(--color-bg2);transition:background .2s ease}:is(:is(:is(#main>.left)>.team) .create):hover{background:var(--color-bg3)}:is(#main>.left)>.sim{position:relative;padding:30px 30px 0}:is(:is(#main>.left)>.sim)>*{animation:fadeIn .3s ease}:is(:is(#main>.left)>.sim)>.progress{text-align:center}:is(:is(:is(#main>.left)>.sim)>.progress) .circle{width:60px;margin:0 auto;position:relative}:is(:is(:is(:is(#main>.left)>.sim)>.progress) .circle) svg{width:100%}:is(:is(:is(#main>.left)>.sim)>.progress) .center{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);font-size:18px;font-weight:700}:is(:is(:is(#main>.left)>.sim)>.progress) .dps{margin-left:20px;font-weight:700;font-size:16px}:is(:is(:is(:is(#main>.left)>.sim)>.progress) .dps)>.title{color:var(--color-primary);font-size:12px}:is(:is(#main>.left)>.sim)>.run{text-align:center}:is(:is(:is(:is(#main>.left)>.sim)>.run)>div):nth-child(2){margin-top:10px}:is(:is(:is(#main>.left)>.sim)>.run) .btn.large{text-transform:uppercase;letter-spacing:2px;font-weight:700}:is(:is(#main>.left)>.sim)>.result{position:absolute;left:100%;top:10px;margin-left:20px;padding:15px 20px;border-radius:10px;background:var(--color-bg4);box-sizing:border-box;line-height:1;white-space:nowrap;z-index:4}:is(:is(:is(#main>.left)>.sim)>.result):after{position:absolute;content:"";display:block;top:30px;right:100%;margin-right:-1px;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid var(--color-bg4)}:is(:is(:is(#main>.left)>.sim)>.result)>.close{position:absolute;right:-7px;top:-7px;line-height:24px;width:24px;background:#aaf;color:#000;border-radius:50%;text-align:center;cursor:pointer;transition:background .2s ease,color .2s ease}:is(:is(:is(:is(#main>.left)>.sim)>.result)>.close):hover{background:var(--color-danger);color:#fff}:is(:is(:is(:is(#main>.left)>.sim)>.result)>.close) .micon{margin-top:-2px;font-size:16px}:is(:is(:is(#main>.left)>.sim)>.result)>.dps{font-weight:700;cursor:default}:is(:is(:is(:is(#main>.left)>.sim)>.result)>.dps):nth-child(n+2){margin-top:3px}:is(:is(:is(:is(#main>.left)>.sim)>.result)>.dps) .value{font-size:24px}:is(:is(:is(:is(#main>.left)>.sim)>.result)>.dps) .title{color:var(--color-grey);margin-left:5px}:is(:is(:is(#main>.left)>.sim)>.result)>.link{margin-top:15px;background:none;border:0;padding:0;color:var(--color-primary-light);font-weight:600;cursor:pointer;transition:color .2s ease}:is(:is(:is(:is(#main>.left)>.sim)>.result)>.link):hover{color:var(--color-primary)}:is(:is(:is(:is(#main>.left)>.sim)>.result)>.link):focus-visible{outline:1px solid var(--color-primary)}:is(:is(:is(:is(#main>.left)>.sim)>.result)>.link) .micon{font-size:20px}#main>.right{background:var(--color-bg1)}:is(:is(#main>.right)>.tabs):after{content:"";display:block;clear:both}:is(#main>.right)>.tabs{padding:20px 20px 0;background:var(--color-bg4);-webkit-user-select:none;user-select:none}:is(:is(#main>.right)>.tabs) .tab{float:left;background:var(--color-bg2);border:0;border-radius:4px 4px 0 0;color:#fff;padding:20px 30px;line-height:20px;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;cursor:pointer}:is(:is(:is(#main>.right)>.tabs) .tab):nth-child(n+2){margin-left:10px}.active:is(:is(:is(#main>.right)>.tabs) .tab){background:var(--color-bg1)}:is(:is(#main>.right)>.tabs) .github{display:flex;gap:8px;float:right;align-items:center;width:auto}:is(:is(#main>.right)>.tabs) .github a{display:block}:is(:is(#main>.right)>.tabs) .github a img{width:42px;height:42px}:is(:is(#main>.right)>.tabs) .tutorial-button{background:none;border:none;padding:0;cursor:pointer;opacity:.7;display:inline-flex;align-items:center;justify-content:center;animation:tutorial-glow 2s ease-in-out infinite alternate}:is(:is(#main>.right)>.tabs) .tutorial-button:hover{opacity:1;animation:none}:is(:is(#main>.right)>.tabs) .tutorial-button img{width:48px;height:48px;filter:brightness(.8)}:is(:is(#main>.right)>.tabs) .tutorial-button.tutorial-seen{animation:none!important}:is(:is(#main>.right)>.config):after{content:"";display:block;clear:both}:is(#main>.right)>.config{max-height:calc(100vh - 80px);overflow:auto;padding:30px}:is(#main>.right)>.loadout{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 80px)}:is(:is(#main>.right)>.loadout)>.overview{box-sizing:border-box;height:calc(100vh - 80px);padding:30px;overflow:auto}:is(:is(:is(#main>.right)>.loadout)>.overview)>.copy{margin-bottom:20px}:is(:is(:is(#main>.right)>.loadout)>.overview) .stats{margin-top:10px}:is(:is(:is(:is(#main>.right)>.loadout)>.overview) .stats) table{width:100%;border-collapse:collapse}:is(:is(:is(:is(:is(:is(#main>.right)>.loadout)>.overview) .stats) table) tr):nth-child(n+2){border-top:1px solid var(--color-stroke-light)}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.overview) .stats) table) td{padding:3px}:is(:is(:is(:is(:is(:is(#main>.right)>.loadout)>.overview) .stats) table) td):first-child{color:var(--color-grey)}:is(:is(:is(:is(:is(:is(#main>.right)>.loadout)>.overview) .stats) table) td):last-child{text-align:right}:is(:is(#main>.right)>.loadout)>.itemlist{position:relative;border-left:1px solid var(--color-stroke-light)}:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search{position:absolute;left:0;top:0;right:0;padding:30px 30px 20px;background:var(--color-bg1)}:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .search-q{float:left;width:400px;max-width:calc(100% - 100px)}:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .keyboard-help{position:relative;float:left;padding:0 10px 0 20px;-webkit-user-select:none;user-select:none}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .keyboard-help) .title{line-height:38px;color:var(--color-grey);cursor:default}:is(:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .keyboard-help) .title) .micon{margin-right:5px}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .keyboard-help) .drop{display:none;position:absolute;right:0;top:100%;margin-top:10px;background:var(--color-bg2);border-radius:2px;border:1px solid var(--color-stroke-light);padding:20px;white-space:nowrap;animation:fade .2s ease;z-index:3}:is(:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .keyboard-help) .drop) span:first-child{font-weight:600;color:var(--color-primary)}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .keyboard-help):hover .title{color:#fff}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .keyboard-help):hover .drop{display:block}:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.search) .custom-item-button{float:right}:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items{overflow:auto;padding:88px 30px 30px;box-sizing:border-box;height:calc(100vh - 80px);-webkit-user-select:none;user-select:none}:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table{width:100%;border-collapse:collapse}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) tbody tr{border-bottom:1px solid var(--color-stroke-light);cursor:pointer}.active:is(:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) tbody tr){background:#ffffff0d}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) th{position:sticky;top:0;text-align:left;font-weight:600;padding:5px 10px;background:var(--color-bg-faded)}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) td{padding:5px 10px}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) a{text-decoration:none}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .wowicon{width:16px;margin-right:2px}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .micon{font-size:14px}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .edit{margin:-2px 5px 0 10px;color:var(--color-primary)}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .delete{color:var(--color-danger)}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .dps-diff{text-align:center;min-width:70px;font-weight:600}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .dps-diff th{font-size:11px;white-space:nowrap;padding:0 4px}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .dps-diff.positive{color:#4caf50}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .dps-diff.negative{color:#f44336}:is(:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) table) .dps-diff.neutral{color:#999;font-weight:400}:is(:is(:is(:is(#main>.right)>.loadout)>.itemlist)>.items) .missing-item-button{margin-top:20px}:is(#main>.right)>.talents{padding:30px}:is(:is(:is(#main>.right)>.talents)>.import):after{content:"";display:block;clear:both}:is(:is(#main>.right)>.talents)>.import{margin-bottom:20px}:is(:is(:is(#main>.right)>.talents)>.import)>*{float:left;margin-right:10px}:is(:is(:is(#main>.right)>.talents)>.import) .select-simple{width:200px}:is(:is(:is(#main>.right)>.talents)>.import) input{width:300px}:is(#main>.right)>.rotation{padding:30px;box-sizing:border-box;height:calc(100vh - 80px);overflow:auto}:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item):after{content:"";display:block;clear:both}:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item{background:var(--color-bg1);padding:5px 10px;font-weight:600;cursor:pointer;transition:color .2s ease,background .2s ease;-webkit-user-select:none;user-select:none}:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item):nth-child(n+2){margin-top:4px}.active:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item){background:var(--color-bg3)}:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item):hover{color:var(--color-primary-light)}:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item):hover .actions{opacity:1}:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item) .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;max-width:calc(100% - 30px)}:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item) .actions{float:right;opacity:0;transition:opacity .2s ease}:is(:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item) .actions) button{display:inline-block;border:0;background:none;padding:0 5px;color:var(--color-grey);cursor:pointer;transition:color .2s ease;margin-left:5px}:is(:is(:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item) .actions) button):hover{color:var(--color-primary-light)}.delete:is(:is(:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item) .actions) button):hover{color:var(--color-danger)}.toggle:is(:is(:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item) .actions) button){float:left;padding-right:150px;margin-left:0}:is(:is(:is(:is(:is(:is(#main>.right)>.rotation) .apl-list) .list .item) .actions) button) .micon{line-height:18px;font-size:14px}:is(#main>.right)>.export{padding:30px}:is(:is(#main>.right)>.export) .copy-success{color:#0a0;animation:fadeIn .2s ease}:is(#main>.right)>.import{padding:30px}:is(:is(#main>.right)>.import) textarea{height:200px}.result-backdrop{position:fixed;bottom:0;left:0;right:0;top:0;background:#00000080;z-index:99;cursor:pointer;animation:fadeIn .4s ease}#result{position:fixed;bottom:0;left:100px;right:100px;height:0;overflow:hidden;transition:height .4s ease;z-index:100}#result.active{height:95vh}#result>.result-content{position:relative;background:var(--color-bg2);border:1px solid var(--color-stroke);padding:20px 30px;border-radius:10px 10px 0 0;box-sizing:border-box;height:95vh;overflow:auto}:is(#result>.result-content)>.close{position:absolute;right:30px;top:20px;padding:0;background:none;border:none;color:#99a;text-align:center;cursor:pointer;transition:color .2s ease}:is(:is(#result>.result-content)>.close):hover{color:#fff}:is(:is(#result>.result-content)>.close) .micon{font-size:20px;line-height:36px}:is(:is(#result>.result-content)>.tabs):after{content:"";display:block;clear:both}:is(#result>.result-content)>.tabs{margin-bottom:20px;border-bottom:1px solid #334;-webkit-user-select:none;user-select:none}:is(:is(#result>.result-content)>.tabs) .tab{display:inline-block;padding:8px 15px;margin-bottom:-1px;background:none;border:0;line-height:20px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-bottom:3px solid transparent;color:#99a;cursor:pointer;transition:color .2s ease,border-color .2s ease}:is(:is(:is(#result>.result-content)>.tabs) .tab):hover{color:#fff}.active:is(:is(:is(#result>.result-content)>.tabs) .tab){border-color:#fff;color:#fff}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview):after{content:"";display:block;clear:both}:is(:is(#result>.result-content)>.overview)>.dps-overview{display:grid;grid-template-columns:250px minmax(220px,auto) minmax(220px,auto) minmax(300px,1fr);grid-template-rows:auto auto;gap:40px;align-items:start;min-width:1170px;overflow-x:auto}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview) .progress-wrapper{position:relative}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview) .progress-wrapper) .progress-circle) .percent{transition:stroke-dashoffset 1s ease}:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview) .progress-wrapper) .center{position:absolute;top:50%;left:0;right:0;text-align:center;line-height:1.1;transform:translate3d(0,-50%,0)}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview) .progress-wrapper) .center) .title{color:var(--color-primary-light);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview) .progress-wrapper) .center) .notice{color:var(--color-grey)}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.players{width:100%;grid-column:1;grid-row:1 / -1}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.players) .player):after{content:"";display:block;clear:both}:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.players) .player{box-sizing:border-box;margin-bottom:10px;background:var(--color-bg1);padding:10px;border:1px solid var(--color-stroke-light);border-radius:2px}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.players) .player) .progress-wrapper{float:left;width:60px;margin-right:15px}:is(:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.players) .player) .progress-wrapper) .progress-circle .background{stroke:#000}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.players) .player) .info{float:left;width:calc(100% - 75px);padding-top:5px;line-height:1.3}:is(:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.players) .player) .info) .name{color:var(--color-grey);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.players) .player) .info) .dps{font-weight:700;font-size:20px}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.total{grid-column:2;grid-row:1;position:relative;min-width:220px}:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.total) .progress-circle svg{width:min(200px,100%);min-width:180px}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.total) .center) .value{font-weight:700;font-size:34px}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.ignite{grid-column:3;grid-row:1;min-width:220px}:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.ignite) .progress-circle svg{width:min(200px,100%);min-width:180px}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.ignite) .center) .value{font-weight:700;font-size:34px}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.stats{grid-column:4;grid-row:1;position:relative;width:auto;min-width:440px}:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.stats) .stats-grid{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));grid-template-rows:repeat(2,1fr);gap:15px;padding:20px;background:var(--color-bg1);border:1px solid var(--color-stroke-light);border-radius:4px;height:120px;min-width:260px}:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.stats) .stat-item{text-align:center;display:flex;flex-direction:column;justify-content:center;min-width:60px}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.stats) .stat-item) .title{color:var(--color-primary-light);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px;margin-bottom:4px;line-height:1.1;word-break:keep-all}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.stats) .stat-item) .value{font-weight:700;font-size:25px;color:#fff;line-height:1;white-space:nowrap}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.info{grid-column:5;grid-row:1;justify-self:end;font-size:14px;color:var(--color-grey)}:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.info) table{border-collapse:collapse}:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.info) table) td{padding:2px}:is(:is(:is(:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.info) table) td):last-child{padding-left:20px;text-align:right}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.histogram-section{grid-column:2 / -1;grid-row:2;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-stroke-light);width:auto;min-width:960px}:is(:is(:is(#result>.result-content)>.overview)>.dps-overview)>.histogram-section>.histogram-wrapper{grid-column:2 / -1;grid-row:2;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-stroke-light);width:100%}:is(#result>.result-content)>.comparison{height:80vh;overflow:hidden}:is(:is(#result>.result-content)>.comparison) .comparison-content{padding:20px;height:calc(100% - 40px);display:flex;flex-direction:column}:is(:is(#result>.result-content)>.comparison) .comparison-controls{margin-bottom:20px;flex-shrink:0}:is(:is(:is(#result>.result-content)>.comparison) .comparison-controls) .control-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap}:is(:is(:is(#result>.result-content)>.comparison) .comparison-controls) .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}:is(:is(:is(:is(#result>.result-content)>.comparison) .comparison-controls) .checkbox-label) input[type=checkbox]{cursor:pointer}:is(:is(:is(#result>.result-content)>.comparison) .comparison-controls) .select-simple{min-width:150px}:is(:is(#result>.result-content)>.comparison) .chart-wrapper{height:calc(100% - 60px);margin:0;background:#0a0a0a;border-radius:8px;padding:15px;box-sizing:border-box}:is(:is(:is(#result>.result-content)>.comparison) .chart-wrapper) .dps-chart{width:100%!important;height:100%!important;display:block}:is(:is(#result>.result-content)>.comparison) .comparison-table{background:#1a1a1a;border-radius:8px;overflow:hidden}:is(:is(:is(#result>.result-content)>.comparison) .comparison-table) table{width:100%;border-collapse:collapse}:is(:is(:is(:is(#result>.result-content)>.comparison) .comparison-table) table) th,:is(:is(:is(:is(#result>.result-content)>.comparison) .comparison-table) table) td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}:is(:is(:is(:is(#result>.result-content)>.comparison) .comparison-table) table) th{background:#ffffff0d;font-weight:600}:is(:is(:is(:is(#result>.result-content)>.comparison) .comparison-table) table) .active-raid{background:#ffffff0d;font-weight:700}:is(:is(#result>.result-content)>.comparison) .no-data{padding:40px;text-align:center;color:#999}:is(:is(:is(#result>.result-content)>.comparison) .no-data) p{margin:10px 0}.sp-arcane{color:#b67aff}.sp-fire{color:#ff4734}.sp-frost{color:#5f96ff}img{max-width:100%;height:auto;vertical-align:bottom}p{margin:0;padding:0}p:nth-child(n+2){margin-top:15px}p a,span.link{text-decoration:none;color:var(--color-primary-light);cursor:pointer}:is(p a,span.link):hover{text-decoration:underline}.middle,.wowicon,.material-symbols-sharp{display:inline-block;vertical-align:middle}:is(.middle,.wowicon,.material-symbols-sharp) img{vertical-align:bottom}.material-symbols-sharp{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.material-symbols-sharp.weight-700{font-variation-settings:"wght" 700}.quality-epic{color:#a335ee}.quality-rare{color:#0070dd}.quality-legendary{color:#ff8000}.quality-uncommon{color:#1eff00}.quality-common{color:#fff}.sort-link{cursor:pointer}.sort-link .micon{opacity:.4;font-size:16px}.sort-link.active .micon{opacity:1}.progress-circle{color:var(--color-primary)}.progress-circle svg{max-width:100%;height:auto;vertical-align:bottom;transform:rotate(-90deg)}:is(.progress-circle svg) .percent{stroke-dasharray:100;transition:stroke-dashoffset .1s ease}.rel{position:relative}button{font-family:inherit}.btn{display:inline-block;text-align:center;line-height:20px;padding:7px 15px;border-radius:8px;border:1px solid transparent;background:transparent;color:#fff;font-family:var(--ff);font-weight:600;font-size:var(--fs-regular);-webkit-user-select:none;user-select:none;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;outline:2px solid transparent;outline-offset:1px}.btn.block{display:block;width:100%}.btn.large{font-size:18px;padding:20px 25px}.btn.small{font-size:12px;padding:3px 8px}.btn.btn-primary{color:#fff;background:var(--color-primary);border:1px solid var(--color-primary)}.btn.btn-primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.btn.btn-primary:focus-visible{outline-color:var(--color-primary)}.btn.btn-secondary{background:transparent;color:#fff;border:1px solid var(--color-stroke-light)}.btn.btn-secondary:hover{background:var(--color-primary);border-color:var(--color-primary)}.btn.btn-secondary:focus-visible{outline-color:var(--color-primary)}.btn.btn-text{color:var(--color-grey)}.btn.btn-text:hover{color:#fff}.btn.btn-text:focus-visible{outline-color:var(--color-primary)}.btn-group-delete{border:2px solid #dc2626!important;box-shadow:0 0 0 1px #dc2626;position:relative}.btn-group-delete:hover{border-color:#b91c1c!important;box-shadow:0 0 0 1px #b91c1c,0 0 8px #dc26264d}.btn-group-delete:active{border-color:#991b1b!important;box-shadow:0 0 0 1px #991b1b}.confirm .buttons{display:flex;gap:10px;justify-content:center;flex-wrap:nowrap;align-items:center}.confirm .buttons .btn{flex:0 0 auto;min-width:80px;white-space:nowrap}@media (max-width: 600px){.confirm .buttons{flex-wrap:wrap}}.buttons:nth-child(n+2){margin-top:20px}:is(.buttons:nth-child(n+2)>*):nth-child(n+2){margin-left:10px}.combat-log{margin:20px 0;color:var(--color-grey)}.combat-log>.search{margin-bottom:20px}:is(.combat-log>.search) .search-player{width:200px}.combat-log table{border-collapse:collapse}.log-type-wait:is(:is(.combat-log table) tr){color:#777}:is(.combat-log table) th,:is(.combat-log table) td{padding:5px 20px;border-bottom:1px solid var(--color-stroke);text-align:left}:is(:is(.combat-log table) td):nth-child(2){color:#06f}:is(:is(.combat-log table) td):nth-child(3){color:#0a2}.combat-log .format-dmg{color:#fff}.combat-log .spell-result-crit{font-weight:700}:is(.combat-log .spell-result-crit):after{content:"*"}.combat-log .format-aura{color:#08a}.combat-log .format-mana{color:#06f}.combat-log .format-spell,.combat-log .format-cooldown{color:#f80}.combat-log .format-target{color:red}.combat-log .format-wait{color:#777}.chart canvas{height:50vh;min-height:400px}.import-message{margin-top:20px}.notifications{position:fixed;bottom:20px;right:20px;z-index:20}.notifications .notification{padding:20px;background:var(--color-bg-faded);border-radius:2px;animation:fade .2s ease,moveInFromBelow .2s ease}.danger:is(.notifications .notification),.error:is(.notifications .notification){color:var(--color-danger)}:is(.notifications .notification) .title{font-weight:600;font-size:18px}:is(.notifications .notification) .title~.text{margin-top:15px}.pvp-badge{display:inline-block;font-size:8px;line-height:14px;background-color:var(--color-danger);color:#fff;padding:0 3px;border-radius:4px;margin-left:5px;vertical-align:middle}.spotlight.large{background:#000000b3;width:85vw!important;height:90vh!important;max-width:none!important;max-height:none!important;position:fixed!important;top:5vh!important;left:7.5vw!important;z-index:200!important}.spotlight.large .content{width:100%!important;height:100%!important;max-width:none!important;max-height:1000px!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:top!important;align-items:center!important}.spotlight.large .tutorial-content{background:var(--color-bg2);border-radius:10px;box-shadow:0 4px 20px #0000004d;width:90%!important;max-width:1500px!important;height:90%!important;display:flex;flex-direction:column}.spotlight.large .light{width:100%!important;height:100%!important;max-width:none!important;max-height:1000 px!important}@keyframes tutorial-glow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.tutorial-content[data-v-d36f4bb7]{width:100%;height:100%;display:flex;flex-direction:column;padding:2rem;box-sizing:border-box}.tutorial-main[data-v-d36f4bb7]{flex:1;display:flex;gap:3rem;align-items:center;margin-bottom:2rem}.tutorial-image[data-v-d36f4bb7]{flex:0 0 45%}.tutorial-img[data-v-d36f4bb7]{width:100%;height:auto;border-radius:20px;border:3px solid #333;box-shadow:0 8px 32px #0000004d}.tutorial-text[data-v-d36f4bb7]{flex:1;padding-left:2rem}.text-content[data-v-d36f4bb7]{min-height:300px}.tutorial-title[data-v-d36f4bb7]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2}.tutorial-description[data-v-d36f4bb7]{font-size:1.25rem;color:#ccc;line-height:1.6;margin-bottom:2rem}.tutorial-points[data-v-d36f4bb7]{list-style:none;padding:0;margin:0}.tutorial-points li[data-v-d36f4bb7]{font-size:1.1rem;color:#aaa;padding:.75rem 0 .75rem 1.5rem;position:relative;line-height:1.4}.tutorial-points li[data-v-d36f4bb7]:before{content:"→";position:absolute;left:0;color:#4caf50;font-weight:700;font-size:1.2rem}.tutorial-controls[data-v-d36f4bb7]{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:2rem;border-top:1px solid #444}.tutorial-btn[data-v-d36f4bb7]{min-width:120px;padding:1rem 2rem;font-size:1.1rem;font-weight:600}.tutorial-exit[data-v-d36f4bb7]{margin-left:auto}.tutorial-progress[data-v-d36f4bb7]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.page-indicator[data-v-d36f4bb7]{font-size:1rem;color:#ccc;font-weight:500}.progress-dots[data-v-d36f4bb7]{display:flex;gap:.5rem}.progress-dot[data-v-d36f4bb7]{width:12px;height:12px;border-radius:50%;background:#444;transition:background .3s ease}.progress-dot.active[data-v-d36f4bb7]{background:#4caf50}.wipe-in-enter-active[data-v-d36f4bb7],.wipe-in-leave-active[data-v-d36f4bb7]{transition:all .5s ease}.wipe-in-enter-from[data-v-d36f4bb7]{opacity:0;transform:translate(30px)}.wipe-in-leave-to[data-v-d36f4bb7]{opacity:0;transform:translate(-30px)}.wipe-in-enter-to[data-v-d36f4bb7],.wipe-in-leave-from[data-v-d36f4bb7]{opacity:1;transform:translate(0)}@media (max-width: 1200px){.tutorial-main[data-v-d36f4bb7]{flex-direction:column;text-align:center}.tutorial-image[data-v-d36f4bb7]{flex:none;max-width:500px}.tutorial-text[data-v-d36f4bb7]{padding-left:0;padding-top:2rem}.tutorial-title[data-v-d36f4bb7]{font-size:2rem}.tutorial-description[data-v-d36f4bb7]{font-size:1.1rem}}@media (max-width: 768px){.tutorial-content[data-v-d36f4bb7]{padding:1rem}.tutorial-controls[data-v-d36f4bb7]{flex-wrap:wrap;gap:1rem}.tutorial-btn[data-v-d36f4bb7]{min-width:100px;padding:.75rem 1.5rem;font-size:1rem}.tutorial-title[data-v-d36f4bb7]{font-size:1.75rem}.tutorial-description[data-v-d36f4bb7]{font-size:1rem}}