.talent-icon[data-v-527ef8d5]{cursor:pointer}.talent-icon.mop[data-v-527ef8d5]{width:100%}.icon[data-v-527ef8d5]{width:36px;height:36px;border:1px solid #121212;border-radius:2px}.icon.hovered[data-v-527ef8d5]{border-color:#ffd100;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.icon.deactivated[data-v-527ef8d5]{filter:grayscale(100%)}.rank-label[data-v-527ef8d5]{text-align:center;position:absolute;right:-5px;bottom:-6px;background:#121212;font-size:11px;color:#fff;padding:0 2px;border:1px solid #121212;border-radius:2px;z-index:3}.max-rank[data-v-527ef8d5]{color:#ffd100}.disable-select[data-v-527ef8d5]{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.mop-talent-wrapper[data-v-527ef8d5]{box-sizing:border-box;border:1px solid #000;padding:5px;display:flex;align-items:center;border-left-color:transparent;@media (max-width:650px){border:none}img{margin-right:5px}&.hovered,&.selected{border:1px solid #ffd100;color:#fff}&.selected{background-color:rgba(255,209,0,.2)}}.arrow[data-v-5dd3344f]{top:0;left:0;position:absolute}.arrowshaft[data-v-5dd3344f]{box-sizing:border-box;display:inline-block;position:absolute;border:1px solid #121212;background-color:rgba(80,80,80,.8)}.arrow.available .arrowshaft[data-v-5dd3344f]{background-color:#ffd100}.arrowshaft.horizontal[data-v-5dd3344f]{border-left:none;border-right:none}.arrowshaft.vertical[data-v-5dd3344f]{border-top:none;border-bottom:none}.arrowshaft.corner[data-v-5dd3344f]{border-bottom:none}.arrowshaft.corner.left[data-v-5dd3344f]{border-left:none}.arrowshaft.corner.right[data-v-5dd3344f]{border-right:none}.arrowhead[data-v-5dd3344f]{position:absolute;transform:rotate(90deg);z-index:2;max-width:none}.arrowhead.left[data-v-5dd3344f]{transform:rotate(180deg)}.arrowhead.right[data-v-5dd3344f]{transform:rotate(0deg)}.talent-icon[data-v-ac6ef02e]{margin:4px 0;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center}.talent-icon p[data-v-ac6ef02e]{color:#ffd100;font-size:16px;margin:0 0 0 8px}.small.talent-icon p[data-v-ac6ef02e]{font-size:12px}.icon[data-v-ac6ef02e]{width:24px;height:24px;border:1px solid #121212;border-radius:2px}.small .icon[data-v-ac6ef02e]{width:16px;height:16px}.icon.hovered[data-v-ac6ef02e]{border-color:#ffd100;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.icon.deactivated[data-v-ac6ef02e]{filter:grayscale(100%)}.rank-label[data-v-ac6ef02e]{text-align:center;position:absolute;right:-5px;bottom:-6px;background:#121212;font-size:11px;color:#fff;padding:0 2px;border:1px solid #121212;border-radius:2px;z-index:3}.max-rank[data-v-ac6ef02e]{color:#ffd100}.disable-select[data-v-ac6ef02e]{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.spec[data-v-f04b49e2]{margin-top:20px}.spec-header[data-v-f04b49e2]{padding:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);border:1px solid #121212;color:#c0aa87;border-radius:4px}.spec-header .title[data-v-f04b49e2]{display:flex;justify-content:flex-start;align-items:center}.spec-header .title img[data-v-f04b49e2]{margin-right:5px;width:18px;height:18px}.spec-header .points[data-v-f04b49e2]{display:flex;justify-content:flex-end;align-items:center}.spec-header .points img[data-v-f04b49e2]{margin-left:5px;width:14px;height:14px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.spec-header .points img[data-v-f04b49e2]:hover{border-radius:50%;border:none;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.spec-container[data-v-f04b49e2]{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-size:cover}.spec-wrapper[data-v-f04b49e2]{background:rgba(80,80,80,.3);display:flex;flex-direction:column;align-items:center}.grid-wrapper[data-v-f04b49e2]{position:relative;padding:8px}.spec-row[data-v-f04b49e2]{display:flex}.spec-column[data-v-f04b49e2]{display:flex;height:36px;width:36px;margin:8px}.talent[data-v-f04b49e2]{position:relative;height:100%;width:100%}.talent .arrow-element[data-v-f04b49e2]{display:inline-block;top:-8px;height:calc(100% + 16px)}.talent .arrow-element[data-v-f04b49e2],.talent .arrow-outgoing[data-v-f04b49e2]{position:absolute;left:15px;border:1px solid #121212;border-bottom:none;border-top:none;background-color:rgba(80,80,80,.8);width:6px}.talent .arrow-outgoing[data-v-f04b49e2]{bottom:-8px;height:6px}.talent .arrow-outgoing-right[data-v-f04b49e2]{position:absolute;right:-8px;top:15px;border:1px solid #121212;border-right:none;border-left:none;background-color:rgba(80,80,80,.8);height:6px;width:6px}.talent .arrow-incoming-part[data-v-f04b49e2]{position:absolute;left:15px;top:-8px;border:1px solid #121212;border-bottom:none;border-top:none;background-color:rgba(80,80,80,.8);height:7px;width:6px}.talent .arrow-incoming[data-v-f04b49e2]{position:absolute;transform:rotate(90deg);top:-11px;left:9px;z-index:2;height:20px;width:20px}.talent .arrow-incoming-part-right[data-v-f04b49e2]{left:-8px;width:6px}.talent .arrow-incoming-part-left[data-v-f04b49e2],.talent .arrow-incoming-part-right[data-v-f04b49e2]{position:absolute;top:15px;border:1px solid #121212;border-right:none;border-left:none;background-color:rgba(80,80,80,.8);height:6px}.talent .arrow-incoming-part-left[data-v-f04b49e2]{right:-16px;width:14px}.talent .arrow-incoming-right[data-v-f04b49e2]{position:absolute;left:-11px;top:9px;z-index:2;height:20px;width:20px}.talent .arrow-incoming-left[data-v-f04b49e2]{position:absolute;right:-11px;top:9px;z-index:2;height:20px;width:20px;transform:rotate(180deg)}.talent .arrow-element-down[data-v-f04b49e2]{display:inline-block;position:absolute;left:15px;bottom:-8px;border:1px solid #121212;border-bottom:none;border-top:none;background-color:rgba(80,80,80,.8);height:calc(50% + 4px);width:6px}.talent .arrow-element-left[data-v-f04b49e2]{left:-14px;border:1px solid #121212;border-right:none;border-left:none;width:calc(50% + 12px)}.talent .arrow-element-corner[data-v-f04b49e2],.talent .arrow-element-left[data-v-f04b49e2]{display:inline-block;position:absolute;top:15px;background-color:rgba(80,80,80,.8);height:6px}.talent .arrow-element-corner[data-v-f04b49e2]{left:calc(50% - 2px);border:1px solid #121212;border-bottom:none;border-left:none;width:6px}.talent .available[data-v-f04b49e2]{background-color:#ffd100}.preview[data-v-f04b49e2]{z-index:4;width:224px;height:380px;background:#222;padding:16px;box-sizing:border-box}@media only screen and (max-width:650px){.preview[data-v-f04b49e2]{width:100%}}.spec-preview-button[data-v-f04b49e2]{width:100%;color:#fff!important;font-weight:400;font-size:14px;cursor:pointer;border:1px solid #000;border-radius:4px;background-color:#4a4646;padding:10px}.spec-preview-button[data-v-f04b49e2]:hover{background-color:grey}.spec-preview-icon[data-v-f04b49e2]{margin:16px 0;border-radius:50px;border:1px solid #000}.spec-preview-description[data-v-f04b49e2]{font-size:12px;margin:16px 0 0}.spec-preview-spells[data-v-f04b49e2]{display:flex;flex-direction:column;align-items:flex-start}.spacer[data-v-f04b49e2]{flex-grow:1}.talent-wrapper[data-v-d38371b8]{cursor:default;position:relative;display:flex;flex-direction:row;align-items:center;justify-items:center;margin-top:10px;margin-right:5px;margin-left:5px;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);border:1px solid #121212;color:#c0aa87;border-radius:4px;padding:5px}.talent-wrapper.hovered[data-v-d38371b8]{border-color:#ffd100}.talent-wrapper span[data-v-d38371b8]{margin-left:5px;font-size:.9em}.talent[data-v-d38371b8]{width:20px;border:1px solid #121212}.talent-order[data-v-0766b502]{display:flex;justify-content:center}.wrapper[data-v-0766b502]{display:flex;flex-wrap:wrap;flex-direction:row}.glyph-icon[data-v-bb5e8ee0]{position:relative;box-sizing:border-box;display:flex;align-items:center;height:42px;width:190px;color:#fff;cursor:pointer;text-align:left}.cataclysm.glyph-icon[data-v-bb5e8ee0]{height:32px}.icon[data-v-bb5e8ee0]{width:36px;height:36px;border:1px solid #121212;border-radius:2px;margin-right:8px}.cataclysm .icon[data-v-bb5e8ee0]{width:28px;height:28px}.icon.hovered[data-v-bb5e8ee0]{border-color:#ffd100;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.glyph-icon p[data-v-bb5e8ee0]{margin:0!important}@media only screen and (max-width:650px){.glyph-icon[data-v-bb5e8ee0]{width:100%}}@media only screen and (max-width:768px){[data-v-bb5e8ee0] .talent-tooltip{display:none!important}}.glyphs[data-v-189fe995]{margin-top:20px}.glyph-header[data-v-189fe995]{padding:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);border:1px solid #121212;color:#c0aa87;border-radius:4px}.glyph-header .title[data-v-189fe995]{display:flex;justify-content:flex-start;align-items:center}.glyph-header .title img[data-v-189fe995]{margin-right:5px;width:18px;height:18px}.glyph-header .points[data-v-189fe995]{display:flex;justify-content:flex-end;align-items:center}.glyph-header .points img[data-v-189fe995]{margin-left:5px;width:14px;height:14px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.glyph-header .points img[data-v-189fe995]:hover{border-radius:50%;border:none;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.glyph-container[data-v-189fe995]{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);border:1px solid #121212;color:#c0aa87;border-radius:4px}.glyph-section[data-v-189fe995]{margin-left:8px;margin-right:8px;display:flex;flex-direction:column;align-items:flex-start;color:#fff}.glyph-section[data-v-189fe995]:not(:last-child){margin-bottom:4px}.talent-selection[data-v-3b5c6c3c]{margin-top:20px;width:100%;max-width:800px}.talent-selection-header[data-v-3b5c6c3c]{padding:10px;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);border:1px solid #121212;color:#c0aa87;border-radius:4px}.talent-selection-header .title[data-v-3b5c6c3c]{display:flex;justify-content:flex-start;align-items:center}.talent-selection-header .points[data-v-3b5c6c3c]{display:flex;justify-content:flex-end;align-items:center}.talent-selection-header .points img[data-v-3b5c6c3c]{margin-left:5px;width:14px;height:14px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.talent-selection-header .points img[data-v-3b5c6c3c]:hover{border-radius:50%;border:none;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.talent-selection-container[data-v-3b5c6c3c]{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);border:1px solid #121212;color:#c0aa87;border-radius:4px}.talent-selection-grid[data-v-3b5c6c3c]{display:grid;grid-template-columns:auto 1fr 1fr 1fr;grid-template-rows:repeat(6,50px);width:100%;row-gap:10px}.grid-item[data-v-3b5c6c3c]{box-sizing:border-box;position:relative;display:flex;align-items:center}.first-column[data-v-3b5c6c3c]{aspect-ratio:1/1;height:auto;width:auto;min-width:50px;min-height:50px;border:1px solid #000;color:#fff;justify-content:center}@media (max-width:650px){.talent-selection-grid[data-v-3b5c6c3c]{grid-template-columns:auto;grid-template-rows:auto;row-gap:0}.first-column[data-v-3b5c6c3c]{min-width:30px;min-height:20px;width:30px;height:30px;border-bottom:none;margin-top:5px}.talent-column[data-v-3b5c6c3c]{border:1px solid #000;border-bottom:none;&.last{border-bottom:1px solid #000}}}.other,.other .talent-order-container{display:flex;flex-direction:column}@media only screen and (max-width:1000px){.other{flex-wrap:wrap-reverse}}.class{margin-top:5px;flex-direction:column}.class,.specs{display:flex;justify-content:center}.specs{flex-wrap:wrap;margin-bottom:20px}.specs .glyphs,.specs .spec{margin-left:10px;margin-right:10px}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.info-header .points{text-align:left;padding:2px 5px;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);border:1px solid #121212;color:#c0aa87;border-radius:4px}.info-header .share{display:flex;justify-content:flex-end;text-align:right;flex:0 0 80%;word-wrap:break-word;min-width:80%;&.mop{flex:1;justify-content:center}}.info-header .share span{padding:5px;box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);border:1px solid #121212;color:#c0aa87;border-radius:4px;font-size:.9em}.info-header .share button{color:#fff!important;width:120px;height:38px;font-weight:400;font-size:14px;cursor:pointer;padding:10px;border:1px solid #323741;background-color:#272b33;border-radius:8px}.info-header .share button:hover{color:#fff;border-color:#4a5261}.info-header .share button:active{color:#fff;box-shadow:none;border-color:#4a5261}.shareSpanMobile{max-width:360px;margin-right:10px;white-space:nowrap;overflow:hidden}@media only screen and (max-width:650px){.class{padding-left:0;padding-right:0}.specs{margin-top:0}.specs .glyphs,.specs .spec{margin-left:0;margin-right:0}.info-header,.specs{flex-direction:column}.info-header{align-items:flex-start;flex-direction:row}.info-header .points{margin-bottom:10px;text-align:left;flex:1}.info-header .share{justify-content:flex-end;text-align:left;flex:1}.shareSpanMobile{display:inline-flex;max-width:180px;overflow:hidden;max-height:34px;margin-right:5px}}.switch-btn{color:#fff!important;font-weight:400;font-size:14px;cursor:pointer;border:1px solid #000;border-radius:4px;background-color:#4a4646;padding:10px;align-self:center;margin-bottom:20px}.switch-btn:hover{background-color:grey}