span.Druid{color:#ff7c0a}span.Hunter{color:#aad372}span.Mage{color:#68ccef}span.Paladin{color:#f48cba}span.Priest{color:#f0ebe0}span.Rogue{color:#fff468}span.Shaman{color:#2359ff}span.Warlock{color:#9382c9}span.Warrior{color:#c69b6d}*,:after,:before{box-sizing:border-box}html{font-size:16px;font-family:Open Sans,sans-serif;background-color:#27221f;letter-spacing:.05ch;line-height:1.5;color:#d3d3d3;height:100%}.clearfix:after{content:"";clear:both;display:table}body{margin:0;height:100%}.caps{text-transform:capitalize}h1,h2,h3,h4,h5,h6{font-family:Ropa Sans,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:-.05ch}h1{font-size:3rem;width:100%}h3.legendary{color:#ff8000!important}h3.epic{color:#a335ee!important}h3.rare{color:#0070dd!important}h3.uncommon{color:#1eff00!important}a{transition:border-color .1s,color .1s}article{background-color:#2e2a25;margin-bottom:10px;padding:.75rem 1.25ch;width:100%;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5)}article figure{margin:0;overflow:hidden;position:relative}article figure button{display:flex;flex-flow:row wrap;background-color:transparent;border:0;width:100%}article figure button:hover{filter:brightness(1.2)}article figure figcaption{padding-left:2ch;width:100%}article figure img{height:36px;width:36px;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5)}article img{filter:grayscale(1)}article h3{display:flex;justify-content:space-between;margin:0 0 10px}article h3 span{margin-left:auto}article h3.gear-type{text-transform:capitalize}article h3.gear-type img{border:0;box-shadow:none;width:.8rem;height:auto}article h3.gear-type img.open{transform:rotate(45deg);transition:transform .1s ease-in-out}article h3.gear-type img.closed{transform:rotate(0deg);transition:transform .1s ease-in-out}article small{display:block;opacity:.75}article ul{list-style:none;margin:0;overflow:hidden;padding:0;transition:all .2s ease-in-out}article ul.open{padding-top:20px}article ul li{margin-bottom:10px}article ul li a{background-color:#231f1c;color:#d8d9d7;display:block;padding:.5rem 1.5ch;text-decoration:none}article ul li a h3,article ul li a h4{margin:0;line-height:1.5}article ul li a h3{font-size:16px}article ul li a h4{font-size:14px;font-family:Open Sans,sans-serif;font-weight:lighter}header{position:relative;z-index:6}header nav{z-index:1;background-color:#1d1814;transition:all .3s;overflow:hidden;height:10px}@media(min-width:992px){header nav{height:auto}header nav.open li{opacity:1}header nav.closed{height:auto!important}}header nav.open{height:calc(100% + 1px);opacity:1!important}header nav.open,header nav.open .container{overflow:visible}header nav.closed{height:10px}header nav img{width:.9rem;height:.9rem;margin-right:1ch}header nav .container{background-color:#1d1814;padding:0;position:relative}@media(min-width:992px){header nav .container{height:auto}}header nav .container ul{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:stretch;grid-gap:0;gap:0;list-style:none;height:100%;margin:0;padding:0;width:100%}@media(min-width:768px){header nav .container ul{grid-template-columns:repeat(4,auto) 1fr}}header nav .container ul li{width:100%}header nav .container ul li:last-child{margin-right:auto}header nav .container ul li a{height:100%;display:flex;justify-content:center;align-items:center;border-bottom:1px solid transparent;color:#adadad;font-family:Ropa Sans,sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.05ch;padding:.5rem 1.5ch;text-decoration:none}header nav .container ul li a:hover{color:#fdfffc}@media(min-width:768px){header nav .container ul li a{justify-content:flex-start;padding:.5rem 2ch}}@media(min-width:992px){header nav .container ul li a{padding:1rem 3ch}}header .container{align-items:flex-start;justify-content:space-between;height:auto}@media(min-width:1200px){header .container{display:flex;width:100%;max-width:1367px}}header .container a{z-index:1;transition:all .1s ease-in-out}header .container a:hover{transform:scale(1.02)}header .container a:hover h1{filter:brightness(1.2);box-shadow:0 5px 5px rgba(0,0,0,.5)}header .container a:active{transform:scale(.95)}header .container h1{display:flex;align-items:center;padding:.5rem;background:#8d2f2d;box-shadow:0 2px 2px rgba(0,0,0,.25);background:linear-gradient(270deg,#8d2f2d,#ff7400);transition:all .1s ease-in-out}header .container h1 img{opacity:1;width:auto;height:calc(45px + 1rem);padding:1rem;background-color:#1d1814}@media(min-width:768px){header .container h1 img{height:calc(60px + 1rem)}}header .header-img{position:relative;background-position:center 35%;background-size:cover;background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_576,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}header .header-img .nav-toggle{align-self:center;z-index:1}header .header-img .nav-toggle button{cursor:pointer;background:#27221f;background:linear-gradient(20deg,#27221f,#393530);box-shadow:0 2px 7px rgba(0,0,0,.7);border:0;text-align:center;transition:all .2s ease-in-out;width:50px;height:50px}header .header-img .nav-toggle button img{width:18px}header .header-img .nav-toggle button:hover{filter:brightness(1.1);box-shadow:0 5px 15px rgba(0,0,0,.9)}@media(min-width:992px){header .header-img .nav-toggle{display:none}}@media (-webkit-min-device-pixel-ratio:2),all and (min-device-pixel-ratio:2),all and (min-resolution:192dpi),all and (min-resolution:2dppx){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1152,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(min-width:576px){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_768,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(min-width:576px)and (-webkit-min-device-pixel-ratio:2),(min-width:576px)and (min-device-pixel-ratio:2),(min-width:576px)and (min-resolution:192dpi),(min-width:576px)and (min-resolution:2dppx){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1536,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(min-width:768px){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_992,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(min-width:768px)and (-webkit-min-device-pixel-ratio:2),(min-width:768px)and (min-device-pixel-ratio:2),(min-width:768px)and (min-resolution:192dpi),(min-width:768px)and (min-resolution:2dppx){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1984,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(min-width:992px){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1200,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(min-width:992px)and (-webkit-min-device-pixel-ratio:2),(min-width:992px)and (min-device-pixel-ratio:2),(min-width:992px)and (min-resolution:192dpi),(min-width:992px)and (min-resolution:2dppx){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_2400,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(min-width:1200px){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1920,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(min-width:1200px)and (-webkit-min-device-pixel-ratio:2),(min-width:1200px)and (min-device-pixel-ratio:2),(min-width:1200px)and (min-resolution:192dpi),(min-width:1200px)and (min-resolution:2dppx){header .header-img{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_3840,,c_fill/o_30,b_rgb:1d1814/v1618808611/wow-character-guide/bc_bg_xtvi76.jpg)}}@media(max-width:991px){header figure.playercard{display:none}}header .playercard{margin:auto 0;background-color:#1d1814;box-shadow:0 5px 10px rgba(0,0,0,.5);position:relative;transition:all .2s ease-in-out;width:auto;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5)}@media(max-width:991px){header .playercard{display:none}}@media(min-width:768px){header .playercard{display:block;width:auto}}header .playercard button{cursor:pointer;background-color:transparent;border:0}header .playercard-button{align-items:flex-start;display:flex;justify-content:flex-start;padding:1rem;margin:0;width:100%;transition:all .2s}header .playercard-button h3{font-size:1.3em;color:#fff;margin:0;text-decoration:none!important}header .playercard-button figcaption{display:flex}header .playercard-button small{color:#d8d9d7;font-size:.7em;letter-spacing:.4ch;opacity:.6;text-transform:uppercase;text-decoration:none!important}header .playercard-button strong{font-size:1.25em;color:#fff;text-decoration:none!important}header .playercard-button .lvl{display:flex;flex-direction:column;align-items:center;margin-right:2ch}header .playercard-button .name{text-align:left}header .playercard-button:hover{background-color:#27221f}header .playercard-button:hover img:last-of-type{opacity:1}header .playercard img{width:32px;height:32px;margin:0 .5ch 0 0;border-radius:5px;border:1px solid #373533;box-shadow:0 0 0 1px #2c2925,0 2px 2px rgba(0,0,0,.5);overflow:hidden}header .playercard img:first-of-type{border-radius:100%}header .playercard img:last-of-type{border:0;box-shadow:none;width:1rem;opacity:.5;margin-left:2ch;transition:all .2s}header .playercard-list{overflow:hidden;margin:0;padding:0;list-style:none;position:absolute;background-color:#1d1814;box-shadow:inset 0 25px 35px rgba(0,0,0,.3),0 5px 10px rgba(0,0,0,.5);top:calc(100% + 2px);width:100%;z-index:100}header .playercard-character button{color:#d8d9d7;width:100%;padding:1rem 2ch;display:flex;align-items:center;justify-content:flex-start;transition:all .15s ease-in-out}header .playercard-character button:hover{background-color:#2e2a25}header .playercard-character button:hover img:last-of-type{opacity:1}header .playercard-character h3{margin:0}header .playercard-character h3,header .playercard-character strong{margin-left:1ch}header .playercard-character img{width:24px;height:24px;margin:0 .5ch 0 0;border-radius:5px;border:1px solid #373533;box-shadow:0 0 0 1px #2c2925,0 2px 2px rgba(0,0,0,.5);overflow:hidden}header .playercard-character img:first-of-type{border-radius:3px}header .playercard-character img:last-of-type{transition:all .15s ease-in-out;margin-left:auto;border:0;box-shadow:none;width:16px;opacity:.3}@media(min-width:992px){header .playercard-mobile{display:none}}@media(max-width:991px){header .playercard-mobile{display:block;width:auto;margin:1rem auto}header .playercard-mobile figure.playercard{display:block;width:auto}}header .playercard-mobile .playercard-list{display:flex;flex-flow:row wrap}header .rogue{border-bottom-color:#fff468}header .priest{border-bottom-color:#f0ebe0}header .mage{border-bottom-color:#68ccef}header .hunter{border-bottom-color:#aad372}header .warrior{border-bottom-color:#c69b6d}header .druid{border-bottom-color:#ff7c0a}header .paladin{border-bottom-color:#f48cba}header .shaman{border-bottom-color:#2359ff}header .warlock{border-bottom-color:#9382c9}#__next{height:100%;display:grid;grid-template-rows:auto 1fr auto;align-items:flex-start;overflow-x:hidden;position:relative;background-position:50%;background-size:cover;background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_576,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}@media (-webkit-min-device-pixel-ratio:2),all and (min-device-pixel-ratio:2),all and (min-resolution:192dpi),all and (min-resolution:2dppx){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1152,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}@media(min-width:576px){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_768,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}@media(min-width:576px)and (-webkit-min-device-pixel-ratio:2),(min-width:576px)and (min-device-pixel-ratio:2),(min-width:576px)and (min-resolution:192dpi),(min-width:576px)and (min-resolution:2dppx){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1536,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}@media(min-width:768px){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_992,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}@media(min-width:768px)and (-webkit-min-device-pixel-ratio:2),(min-width:768px)and (min-device-pixel-ratio:2),(min-width:768px)and (min-resolution:192dpi),(min-width:768px)and (min-resolution:2dppx){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1984,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}@media(min-width:992px){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1200,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}@media(min-width:992px)and (-webkit-min-device-pixel-ratio:2),(min-width:992px)and (min-device-pixel-ratio:2),(min-width:992px)and (min-resolution:192dpi),(min-width:992px)and (min-resolution:2dppx){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_2400,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}@media(min-width:1200px){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_1920,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}@media(min-width:1200px)and (-webkit-min-device-pixel-ratio:2),(min-width:1200px)and (min-device-pixel-ratio:2),(min-width:1200px)and (min-resolution:192dpi),(min-width:1200px)and (min-resolution:2dppx){#__next{background-image:url(https://res.cloudinary.com/david-torres-design/image/upload/w_3840,,c_fill/e_gradient_fade,y_0.9,o_30,b_rgb:27221f/v1618808611/wow-character-guide/bg-tbc.jpg)}}.container{width:100%;height:100%;padding:0 2ch;margin:auto;align-self:center;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;z-index:1}@media(min-width:1200px){.container{padding:0 3ch;width:100%;max-width:1367px}}.content{position:relative;padding:3rem 0}.content-enter{opacity:0;transform:translateX(50px)}.content-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.content-exit{opacity:1}.content-exit-active{opacity:0;transform:translateX(-50px);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.left{text-align:left}.iLvl{color:#ffd100}.character-list{list-style:none;padding:0;margin:0}.character-list li{transition:all .1s ease-in-out}.character-list li figure{padding:1rem 2ch;margin:0;display:flex;flex-flow:row wrap;align-items:flex-start}.character-list li figure>div{width:100%;padding-right:1.5rem;display:flex}.character-list li figure>div img.faction{border-radius:100%}.character-list li figure img{width:32px;height:32px;margin:0 1ch 0 0;border-radius:5px;border:1px solid #373533;box-shadow:0 0 0 1px #2c2925,0 2px 2px rgba(0,0,0,.5);overflow:hidden}.character-list li figure img:first-child{border-radius:100%}.character-list li figure figcaption{margin-top:.5rem}.character-list li figure .class-icon img,.character-list li figure .race-icon img{border-radius:5px}.character-list li figure section{margin-top:1rem}.character-list li figure section .input-submit{transform:translateY(0);display:flex}.character-list li figure section .input-submit button{margin-left:auto;background-color:#982529;font-weight:700;font-size:1rem}.character-list li figure section ul{list-style:none;margin:0;padding:0}.character-list li h3,.character-list li h4,.character-list li h5{margin-top:.25em;margin-bottom:.25em}.character-list li h3{font-size:1.5rem;color:#fff}.character-list li h4{font-family:Open Sans,sans-serif;font-weight:100;font-size:.8em;text-transform:uppercase;letter-spacing:.3ch}.character-list li button{background-color:transparent;border:1px solid transparent;color:#d8d9d7;cursor:pointer;font-style:italic;padding:.5em 1ch;margin-right:1ch;transition:all .1s ease-in-out;display:flex;align-items:center}.character-list li button img{border:0;box-shadow:none;height:18px;margin-right:1ch;width:auto}.character-list li button img:first-child{border-radius:0}.character-list li button:last-of-type{margin-right:0}.character-list li button:hover{background-color:hsla(0,0%,100%,.1)}.character-list li button.button-select:active,.character-list li button.button-select:hover{border-bottom-color:green}.character-list li button.button-edit-active{color:orange;background-color:#1d1814}.character-list li button.button-delete{border:0}.character-list li button.button-delete:hover{border-color:transparent;border-bottom:none;background-color:red}.character-list li.class-selected{background-color:#2e2a25;width:100%}.character-list li.class-selected.Druid>figure{box-shadow:0 5px 3px -3px #ff7c0a}.character-list li.class-selected.Hunter>figure{box-shadow:0 5px 3px -3px #aad372}.character-list li.class-selected.Mage>figure{box-shadow:0 5px 3px -3px #68ccef}.character-list li.class-selected.Paladin>figure{box-shadow:0 5px 3px -3px #f48cba}.character-list li.class-selected.Priest>figure{box-shadow:0 5px 3px -3px #f0ebe0}.character-list li.class-selected.Rogue>figure{box-shadow:0 5px 3px -3px #fff468}.character-list li.class-selected.Shaman>figure{box-shadow:0 5px 3px -3px #2359ff}.character-list li.class-selected.Warlock>figure{box-shadow:0 5px 3px -3px #9382c9}.character-list li.class-selected.Warrior>figure{box-shadow:0 5px 3px -3px #c69b6d}.character-list li.class-selected figure div{margin-top:0}.character-list li.saved-character{background-color:#2e2a25;margin-bottom:1rem;opacity:.85;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5)}.character-list li.saved-character ul{display:flex;align-items:center;flex-flow:row wrap}.character-list li.saved-character .character-input{background-color:transparent;padding:0}.character-list li.saved-character .character-input label figure{padding:.5rem 1ch}.character-list li.saved-character.Druid button:hover{border-bottom-color:#ff7c0a;box-shadow:0 5px -3px #ff7c0a}.character-list li.saved-character.Hunter button:hover{border-bottom-color:#aad372;box-shadow:0 5px -3px #aad372}.character-list li.saved-character.Mage button:hover{border-bottom-color:#68ccef;box-shadow:0 5px -3px #68ccef}.character-list li.saved-character.Paladin button:hover{border-bottom-color:#f48cba;box-shadow:0 5px -3px #f48cba}.character-list li.saved-character.Priest button:hover{border-bottom-color:#f0ebe0;box-shadow:0 5px -3px #f0ebe0}.character-list li.saved-character.Rogue button:hover{border-bottom-color:#fff468;box-shadow:0 5px -3px #fff468}.character-list li.saved-character.Shaman button:hover{border-bottom-color:#2359ff;box-shadow:0 5px -3px #2359ff}.character-list li.saved-character.Warlock button:hover{border-bottom-color:#9382c9;box-shadow:0 5px -3px #9382c9}.character-list li.saved-character.Warrior button:hover{border-bottom-color:#c69b6d;box-shadow:0 5px -3px #c69b6d}.character-list li.saved-character.class-selected{border-top:1px solid #ff7400;border-bottom:2px solid #ff7400;box-shadow:0 10px 10px rgba(0,0,0,.75);transform:scale(1.05);opacity:1}.character-list li.saved-character.class-selected figure div img{width:32px;height:32px}.character-list li.saved-character.class-selected figcaption{align-items:flex-start;justify-content:flex-start}.character-list li.saved-character.class-selected figcaption li.navigate{margin-top:.5rem;width:100%;display:flex;background-color:#27221f}.character-list li.saved-character.class-selected figcaption li.navigate a{width:33.33%;text-decoration:none}.character-list li.saved-character.class-selected figcaption li.navigate a button{width:100%;margin:0}.character-list .character-input{background-color:#2e2a25;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);padding:1rem}.character-list .character-input figure{padding:.5rem;display:flex;align-items:center}.character-list .character-input figure img{margin:0 1ch 0 0}.character-input .error-output article{border:0;box-shadow:none;background-color:rgba(255,0,0,.1);padding:1rem 2ch}.character-input .error-output article p{margin:0 0 1rem}.character-input .error-output article p:last-child{margin:0}.character-input .input-namelevel{display:grid;justify-content:space-between;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"name" "level" "gender";grid-gap:1rem 2ch;gap:1rem 2ch;margin-bottom:1rem}@media(min-width:576px){.character-input .input-namelevel{grid-template-columns:1.5fr 60px;grid-template-areas:"name level" "gender gender"}}@media(min-width:768px){.character-input .input-namelevel{grid-template-columns:1.5fr 60px 1fr;grid-template-areas:"name level gender"}}@media(min-width:992px){.character-input .input-namelevel{max-width:903px;grid-template-columns:1.5fr 60px 1fr auto}}.character-input .input-namelevel>div{margin-right:0}.character-input .input-namelevel h2{font-family:Open Sans,sans-serif;font-weight:lighter;letter-spacing:.25ch}.character-input .input-namelevel div.name{grid-area:name}.character-input .input-namelevel div.name input{width:100%}.character-input .input-namelevel div.level{grid-area:level}.character-input .input-namelevel div.level input{width:100%}.character-input .input-namelevel div.gender{display:flex;flex-flow:row wrap;justify-content:space-between;grid-area:gender}.character-input .input-namelevel div.gender h2{width:100%}.character-input .input-namelevel div.gender label{margin:0;width:48%;background-color:#393530;padding:.75em 2ch}.character-input .input-namelevel div.gender label h3{font-family:Open Sans,sans-serif;font-weight:400}.character-input .input-namelevel div.gender label:hover{filter:brightness(1.25);opacity:1}.character-input .input-class h2,.character-input .input-faction h2,.character-input .input-race h2{font-family:Open Sans,sans-serif;font-weight:lighter;letter-spacing:.25ch}.character-input .input-class>div,.character-input .input-faction>div,.character-input .input-race>div{width:100%;display:grid;justify-content:space-between;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"headline" "option1";grid-gap:.7rem 2ch;gap:.7rem 2ch;margin-bottom:1rem}@media(min-width:992px){.character-input .input-class>div,.character-input .input-faction>div,.character-input .input-race>div{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"headline headline headline" "option1 option2 option3"}}@media(min-width:1200px){.character-input .input-class>div,.character-input .input-faction>div,.character-input .input-race>div{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"headline headline headline headline" "option1 option2 option3 option4"}}.character-input .input-class div.faction h2,.character-input .input-class div.playerclass h2,.character-input .input-class div.race h2,.character-input .input-faction div.faction h2,.character-input .input-faction div.playerclass h2,.character-input .input-faction div.race h2,.character-input .input-race div.faction h2,.character-input .input-race div.playerclass h2,.character-input .input-race div.race h2{width:100%;margin:0;grid-area:headline}.character-input .input-class div.faction label,.character-input .input-class div.playerclass label,.character-input .input-class div.race label,.character-input .input-faction div.faction label,.character-input .input-faction div.playerclass label,.character-input .input-faction div.race label,.character-input .input-race div.faction label,.character-input .input-race div.playerclass label,.character-input .input-race div.race label{margin:0;width:100%;background-color:#393530}.character-input .input-class div.faction label:hover,.character-input .input-class div.playerclass label:hover,.character-input .input-class div.race label:hover,.character-input .input-faction div.faction label:hover,.character-input .input-faction div.playerclass label:hover,.character-input .input-faction div.race label:hover,.character-input .input-race div.faction label:hover,.character-input .input-race div.playerclass label:hover,.character-input .input-race div.race label:hover{filter:brightness(1.25);opacity:1}.character-input .input-class div.faction label figure img,.character-input .input-class div.playerclass label figure img,.character-input .input-class div.race label figure img,.character-input .input-faction div.faction label figure img,.character-input .input-faction div.playerclass label figure img,.character-input .input-faction div.race label figure img,.character-input .input-race div.faction label figure img,.character-input .input-race div.playerclass label figure img,.character-input .input-race div.race label figure img{margin-right:1.5ch}.character-input .input-class div.faction label figure:hover,.character-input .input-class div.playerclass label figure:hover,.character-input .input-class div.race label figure:hover,.character-input .input-faction div.faction label figure:hover,.character-input .input-faction div.playerclass label figure:hover,.character-input .input-faction div.race label figure:hover,.character-input .input-race div.faction label figure:hover,.character-input .input-race div.playerclass label figure:hover,.character-input .input-race div.race label figure:hover{filter:none;opacity:1}.character-input .input-class div.faction label:first-child,.character-input .input-class div.faction label:nth-child(2),.character-input .input-class div.playerclass label:first-child,.character-input .input-class div.playerclass label:nth-child(2),.character-input .input-class div.race label:first-child,.character-input .input-class div.race label:nth-child(2),.character-input .input-faction div.faction label:first-child,.character-input .input-faction div.faction label:nth-child(2),.character-input .input-faction div.playerclass label:first-child,.character-input .input-faction div.playerclass label:nth-child(2),.character-input .input-faction div.race label:first-child,.character-input .input-faction div.race label:nth-child(2),.character-input .input-race div.faction label:first-child,.character-input .input-race div.faction label:nth-child(2),.character-input .input-race div.playerclass label:first-child,.character-input .input-race div.playerclass label:nth-child(2),.character-input .input-race div.race label:first-child,.character-input .input-race div.race label:nth-child(2){grid-area:option1}.character-input .input-submit{margin-top:2rem;position:static;transform:none}.character-input .input-submit button{cursor:pointer;border:0;background-color:#982529;color:#fff;font-family:Open Sans,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.25ch;padding:1em 2ch;width:100%;transition:all .1s ease-in-out}.character-input .input-submit button:hover{filter:brightness(1.25);box-shadow:0 5px 15px rgba(0,0,0,.5)}.character-input .input-submit button:active{filter:brightness(1.5)}.character-add{cursor:pointer;background:linear-gradient(270deg,#8d2f2d,#ff7400);color:#d8d9d7;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);display:flex;align-items:center;padding:1rem 2ch;transition:width .15s ease-in-out;margin-bottom:1rem}.character-add:hover{filter:brightness(1.2);box-shadow:0 5px 8px rgba(0,0,0,.5);color:#fff}.character-add img{height:1rem;margin-right:1ch}.character-add.open{background:rgba(0,0,0,.3);border-color:#982529}.playerclass-Druid.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #ff7c0a;box-shadow:0 7px 5px -5px rgba(255,124,10,.5)}.playerclass-Druid:hover{border-color:#ff7c0a}.playerclass-Hunter.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #aad372;box-shadow:0 7px 5px -5px hsla(85,52%,64%,.5)}.playerclass-Hunter:hover{border-color:#aad372}.playerclass-Mage.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #68ccef;box-shadow:0 7px 5px -5px rgba(104,204,239,.5)}.playerclass-Mage:hover{border-color:#68ccef}.playerclass-Paladin.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #f48cba;box-shadow:0 7px 5px -5px rgba(244,140,186,.5)}.playerclass-Paladin:hover{border-color:#f48cba}.playerclass-Priest.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #f0ebe0;box-shadow:0 7px 5px -5px hsla(41,35%,91%,.5)}.playerclass-Priest:hover{border-color:#f0ebe0}.playerclass-Rogue.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #fff468;box-shadow:0 7px 5px -5px rgba(255,244,104,.5)}.playerclass-Rogue:hover{border-color:#fff468}.playerclass-Shaman.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #2359ff;box-shadow:0 7px 5px -5px rgba(35,89,255,.5)}.playerclass-Shaman:hover{border-color:#2359ff}.playerclass-Warlock.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #9382c9;box-shadow:0 7px 5px -5px rgba(147,130,201,.5)}.playerclass-Warlock:hover{border-color:#9382c9}.playerclass-Warrior.active{color:#fff;background-color:rgba(0,0,0,.2);border-bottom:1px solid #c69b6d;box-shadow:0 7px 5px -5px hsla(31,44%,60%,.5)}.playerclass-Warrior:hover{border-color:#c69b6d}.inactive{opacity:20%;background-color:#2e2a25}.inactive:hover{opacity:1}.faction,.gender,.playerclass,.race,.spec{display:flex;flex-flow:row wrap;justify-content:flex-start}.faction h2,.gender h2,.playerclass h2,.race h2,.spec h2{font-size:.7rem;font-weight:lighter;letter-spacing:.2ch;margin:0 auto 10px;text-transform:uppercase;width:100%}.faction [type=radio],.gender [type=radio],.playerclass [type=radio],.race [type=radio],.spec [type=radio]{position:absolute;opacity:0;width:0;height:0}.footer-terms{background-color:#1d1814;padding:2rem}.footer-terms .container{flex-direction:column;align-items:center}.footer-terms p{color:hsla(0,0%,100%,.5);text-align:center;margin:.5em 0}.footer-terms a{color:#982529}.gender label,.level label,.name label{display:block;margin:0 auto 10px;width:100%;font-weight:700}.gender input,.level input,.name input{background-color:#27221f;color:#d3d3d3;font-size:1.25rem;padding:.5rem 1ch;line-height:1;border:1px solid #373533;border-top-color:#514f4c;overflow:hidden;width:6ch}.gender h2,.level h2,.name h2{font-size:.7rem;font-weight:lighter;letter-spacing:.2ch;margin:0 auto 10px;text-transform:uppercase;width:100%}.name{margin-right:2ch}.name input{min-width:18ch;text-align:left}.level{margin-right:2ch}.gender{cursor:pointer;display:flex;justify-content:flex-start}.gender label{width:auto;margin:0 1ch 0 0;padding:.5rem 1rem}.gender label h3{margin:0}.gender h3{font-size:1rem;font-family:Open Sans,sans-serif}.class-icon,.faction-icon,.race-icon,.spec-icon,.zone-icon{cursor:pointer;transition:all .1s ease;min-width:48%;margin:5px 10px 5px 0}.class-icon figure,.faction-icon figure,.race-icon figure,.spec-icon figure,.zone-icon figure{margin:0;padding:10px 20px;background-color:#393530;border-radius:3px;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}.class-icon figure img,.faction-icon figure img,.race-icon figure img,.spec-icon figure img,.zone-icon figure img{margin:0 20px 0 0;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 0 0 2px #2c2925,0 5px 5px rgba(0,0,0,.5);overflow:hidden;max-width:100%;width:32px}.class-icon figure:hover,.faction-icon figure:hover,.race-icon figure:hover,.spec-icon figure:hover,.zone-icon figure:hover{filter:brightness(125%) opacity(100%)}.race-icon{min-width:23%}.class-icon{min-width:31%}.faction-icon figure img,.zone-icon figure img{border-radius:100%}.faction-icon img,.zone-icon img{border-radius:50%}.input-character{background-color:#2e2a25;border:1px solid #707070;display:grid;grid-template-rows:repeat(auto,4);width:67%;padding:40px}.input-character>section{margin-bottom:40px}.input-character>section:last-child{margin:0}.input-namelevel{display:flex;flex-flow:row wrap}.input-submit{position:relative;transform:translateY(60px)}.input-submit a{display:block;position:absolute;right:0;bottom:0;background-color:#982529;color:#fdfffc;padding:10px 25px;text-decoration:none;text-transform:uppercase;letter-spacing:.2ch;transition:all .1s ease-in-out}.input-submit a:active,.input-submit a:hover{filter:contrast(1.25) brightness(1.25);transform:translateX(5px)}.home h1{text-align:center}.home h2{margin-bottom:3rem}.home main{width:100%}.home section{margin-bottom:3rem}.home .headline-sub{margin:auto;max-width:125ch;display:flex;flex-flow:row wrap;justify-content:space-between}.home .headline-sub .headline-icons{width:100%}.home .headline-sub .headline-icons img{width:30px;height:auto}.home .headline-sub .headline-icons ul{background-color:#393530;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);margin:0;padding:0;list-style:none;display:flex;flex-flow:row wrap;justify-content:center}.home .headline-sub .headline-icons ul li{padding:1rem 2ch;margin:.5em 1ch;display:flex;align-items:center;justify-content:center}.home .headline-sub .headline-icons h3{font-style:italic;font-size:1rem;font-weight:400;text-transform:uppercase;margin:0 0 0 1ch}.home .headline-sub .headline-icons.links ul{background-color:transparent;border:0;box-shadow:none}.home .headline-sub .headline-icons.links ul li{padding:0;margin:.5em 1ch;display:block}.home .headline-sub .headline-icons.links ul li a{background-color:#2e2a25;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);padding:1rem 2ch;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .15s}.home .headline-sub .headline-icons.links ul li a:hover{background-color:#393530}.home .headline-sub .headline-icons.links ul li a:active{transform:scale(.95)}.home .headline-sub p{width:100%;max-width:100vw}@media(min-width:1200px){.home .headline-sub p{width:48%}}.character{padding:1rem 0}@media(min-width:1200px){.character{padding:3rem 0}}.character .container .character,.character .container .new{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"blurb" "list";grid-gap:1rem 2ch;gap:1rem 2ch;align-items:flex-start}@media(min-width:1200px){.character .container .character,.character .container .new{gap:2rem 4ch;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"blurb" "list";padding:0 2rem}}.character .container figure{padding:1rem 2ch}.character .container .new{grid-template-areas:"blurb" "list"}@media(min-width:992px){.character .container .new{gap:2rem 4ch;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"blurb list" "blurb list"}}@media(min-width:1200px){.character .container .new{gap:2rem 4ch;grid-template-columns:1fr 2fr;grid-template-rows:auto auto;grid-template-areas:"blurb list" "blurb list"}}.character .container .character-new{grid-area:selected}.character .container .character-new .character-input{background-color:#2e2a25;padding:1rem;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);margin-bottom:3rem}.character .container .character-new .character-input figure{padding:.5rem;display:flex;align-items:center}.character .container .character-new .character-input figure img{margin:0 1ch 0 0}.character .container .character-selected{grid-area:selected}.character .container .character-list{grid-area:list;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}.character .container .character-list .saved-character{width:100%}@media(min-width:768px){.character .container .character-list .saved-character{width:48%;margin:.5rem 1ch}}@media(min-width:992px){.character .container .character-list .saved-character{width:31%;margin:1rem 1ch}}.character .container .character-list .character-input label figure{padding:.5rem 1ch}.character .container .character-list .character-input label figure figcaption{margin:0}.character .edit-characters{border-top:1px solid hsla(0,0%,100%,.1);margin-top:2rem;width:100%}@media(min-width:1200px){.character .edit-characters{border:none;margin:0}}.character .add-characters{width:100%}.character .blurb{width:100%;margin-bottom:2rem;position:relative;display:grid;grid-area:blurb;grid-template-rows:repeat(3,auto);grid-template-columns:1fr;grid-template-areas:"headline" "subheading" "caption";justify-content:flex-start}@media(min-width:768px){.character .blurb{grid-template-rows:repeat(2,auto);grid-template-columns:1fr 2fr;grid-template-areas:"headline headline" "subheading caption"}}@media(min-width:1200px){.character .blurb{grid-template-rows:1fr;grid-template-columns:repeat(3,auto);grid-template-areas:"headline" "subheading" "caption"}}.character .blurb h2{font-size:1.3rem;text-align:left;grid-area:headline;width:100%;filter:brightness(1.25);padding-bottom:1rem;text-shadow:0 5px 10px rgba(0,0,0,.4);border-bottom:1px solid hsla(0,0%,100%,.1)}@media(min-width:1200px){.character .blurb h2{font-size:1.7rem;padding:0}}.character .blurb h2 small{display:block;font-weight:lighter}.character .blurb h3{grid-area:subheading;font-size:1.5rem;color:#fff;margin-bottom:1rem;width:100%}.character .blurb caption{grid-area:caption;text-align:left}.character .blurb p{color:#d8d9d7;font-style:italic;grid-area:caption;max-width:65ch;margin:0;font-size:.9rem}.character .blurb strong{color:#fff}.spin{display:inline-block;width:1.25em;height:1.25em;border-radius:50%;border:.15em solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(1turn)}}.gear{padding:1rem 0}@media(min-width:1200px){.gear{padding:3rem 0}}.gear main{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between}.gear figure{transition:filter .1s ease-in-out}.gear figure button{font-size:1rem;display:flex;flex-flow:initial;color:#d8d9d7}.gear figure button small{opacity:.5;text-align:left}.gear ul{background-color:#1d1814;padding:.5rem 2ch;margin-top:1rem}.gear h2{font-size:1.9rem;letter-spacing:-.05ch;padding-bottom:1rem;width:100%;border-bottom:1px solid hsla(0,0%,100%,.1)}.gear h3{line-height:1;margin-bottom:.25em}.gear h4{font-size:.8em;font-style:italic;opacity:.7}.gear .column{width:100%}@media(min-width:768px){.gear .column{width:48%}}@media(min-width:1168px){.gear .column{width:32%}}.gear article{transition:all .2s ease-in-out}.gear article.gearslot-open{border-top:1px solid #ff7400;border-bottom:2px solid #ff7400;box-shadow:0 10px 10px rgba(0,0,0,.75)}.gear .blurb{width:100%;display:flex;justify-content:space-between}.gear .blurb div{width:100%}.gear .item{position:relative;background-color:transparent;border-bottom:1px solid hsla(0,0%,100%,.2);padding:.5rem 0 1rem;font-family:Open Sans,sans-serif}.gear .item h3{font-size:1rem;line-height:1.2}.gear .item h4{font-weight:400;font-style:normal;opacity:1;margin-bottom:0;max-width:calc(100% - 95px - 1.5ch)}.gear .item img{filter:none}.gear .item button{display:flex;cursor:pointer;line-height:1.6!important;text-align:left;position:relative;padding:0}.gear .item button .item-details{display:flex;flex-flow:row wrap;align-items:center;width:100%;padding-bottom:0}.gear .item button .item-details .icon{align-self:flex-start}.gear .item button .item-details .icon-phase{margin-bottom:0}.gear .item button:hover{filter:brightness(1.2)}.gear .item button:hover .icon-arrow{opacity:1;filter:drop-shadow(rgba(0,0,0,.5))}.gear .item .item-stats{margin-top:.5rem;margin-bottom:1rem}.gear .item .item-name{max-width:calc(100% - 52px - 2.5ch);margin-bottom:-5px}.gear .item small{opacity:1}.gear .item .equip-type{display:flex;justify-content:space-between}.gear .item .equip-weapon{margin:0;padding:0;background-color:transparent}.gear .item .equip-weapon li{display:flex;justify-content:space-between;margin:0}.gear .item .equip-weapon:hover{background-color:transparent}.gear .item .equip-toggle{display:flex;flex-flow:row wrap;position:relative}.gear .item .equip-toggle aside,.gear .item .equip-toggle h4{width:100%}.gear .item .equip-sell{margin-top:.5rem}.gear .item .equip-bonus,.gear .item .equip-spells{color:#1eff00}.gear .item .equip-link{margin-top:1em;margin-left:auto;font-size:small;display:flex;padding:.25em 1.5ch;align-items:center;border:1px solid hsla(0,0%,100%,.1);transition:all .1s ease-in-out;position:absolute;bottom:0;right:0}.gear .item .equip-link:hover{background-color:#982529;border-color:#982529}.gear .item .equip-set{margin-top:1rem;color:#9d9d9d}.gear .item .equip-set h5{color:#ffd100;font-weight:400;margin:0}.gear .item .equip-set ul{margin:0;padding:0;background-color:transparent}.gear .item .equip-set li{margin:0}.gear .item .equip-set .equip-set-list{padding-left:1ch;margin-bottom:1rem}.gear .item .equip-random{color:#1eff00}.gear .item .equip-description{margin-top:1rem}.gear .item .wowhead{filter:grayscale(0);border:0;width:45px;height:37px;box-shadow:none;margin-left:1.5ch}.gear .item .wowhead-icon{filter:grayscale(0);border:0;width:2ch;height:auto;box-shadow:none}.gear .item .icon{filter:grayscale(0);width:36px;height:36px;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);margin-right:1.5ch;color:rgba(54,32,32,0);overflow:hidden}.gear .item .icon-arrow{align-self:flex-start;width:16px;height:9px;opacity:.5}.gear .item .icon-arrow,.gear .item .icon-phase{filter:grayscale(0);border:0;box-shadow:none;border-radius:0}.gear .item .icon-phase{width:57px;height:19px;margin-top:.5rem}.gear .item .money{filter:grayscale(0);width:13px;height:13px;border:0;box-shadow:none;opacity:1}.gear .item:last-child a{border:0}.gear .img-container{width:40%;margin-left:2ch}.gear .img-container img{max-width:100%;box-shadow:0 10px 10px rgba(0,0,0,.3)}.gear .faction-icon{min-width:auto;width:24px!important;height:24px;position:absolute;top:0;right:.75em;margin:0;filter:grayscale(0);border-radius:100%;cursor:default}.gear .phase-button{overflow:hidden;cursor:pointer}.gear .phase-button.active{background-color:rgba(255,116,0,.3)}.gear .phase-button.inactive{background-color:hsla(0,0%,100%,.1)}.gear .phase-button.check{position:absolute;width:0;height:0;opacity:0}.gear .pagination{margin-top:2rem;margin-bottom:1rem;height:auto;padding:0;display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.gear .pagination li{margin:0}.gear .pagination a{border:0;padding:.25em 1ch;color:#d8d9d7;cursor:pointer}.gear .pagination a:hover{background-color:#2e2a25}.gear .pagination__link--active{background:#8d2f2d;background:linear-gradient(270deg,#8d2f2d,#ff7400);padding:3px}.gear .pagination__link--active a{background-color:#1d1814}.gear .pagination__link--disabled{opacity:.5}.gear .pagination__link--disabled a{cursor:default}.gear .pagination__link--disabled a:hover{filter:none;background-color:transparent}.gear .pagination .next,.gear .pagination .previous{font-size:.8rem;text-transform:uppercase}.zones{padding:1rem 0;margin-bottom:3rem}@media(min-width:1200px){.zones{padding:3rem 0}}.zones h2{font-size:1.3rem;padding-bottom:1rem;width:100%;border-bottom:1px solid hsla(0,0%,100%,.1)}.zones p{color:#d8d9d7;font-style:italic;grid-area:caption;max-width:65ch;margin:0;font-size:.9rem}.zones section{box-shadow:0 10px 25px rgba(0,0,0,.75);padding:2px 2px 4px;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5)}.zones section.Zone{border-top:2px solid #b5cdb0;background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#647162)}.zones section.Dungeon{border-top:2px solid #237893;background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#237893)}.zones section.Raid{border-top:2px solid #0da222;background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#0da222)}.zones section.City{border-top:2px solid #e08308;background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#e08308)}.zones section.Battleground{border-top:2px solid #ae2600;background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#ae2600)}.zones section>div{padding:.5rem 2ch;background-color:#2e2a25}@media(min-width:768px){.zones section>div{padding:1rem 3ch}}.guide-grid{display:block}@media(min-width:1200px){.guide-grid{display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;gap:2rem}}.guide-grid .class-feature{background-color:#2e2a25;padding:1rem;position:relative;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,.5);border:1px solid #373533;border-top:10px solid transparent}@media(min-width:1200px){.guide-grid .class-feature{padding:1rem 2rem}}.guide-grid .class-feature h1{color:#fff;font-size:2rem;margin-top:0;margin-bottom:.25em}.guide-grid .class-feature h2{font-size:1.25rem;margin-top:.25em}.guide-grid .class-feature img{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5)}@media(min-width:1200px){.guide-grid .class-feature img{right:2rem}}.guide-grid .class-feature p{color:#d8d9d7}.guide-grid .class-feature.Shaman{border-top-color:#2359ff}.guide-grid .class-feature.Druid{border-top-color:#ff7c0a}.guide-grid .class-feature.Hunter{border-top-color:#aad372}.guide-grid .class-feature.Mage{border-top-color:#68ccef}.guide-grid .class-feature.Paladin{border-top-color:#f48cba}.guide-grid .class-feature.Priest{border-top-color:#f0ebe0}.guide-grid .class-feature.Rogue{border-top-color:#fff468}.guide-grid .class-feature.Warlock{border-top-color:#9382c9}.guide-grid .class-feature.Warrior{border-top-color:#c69b6d}.guide-grid .class-reference{padding:1rem}.guide-grid .class-reference section{display:flex;flex-flow:row wrap}.guide-grid .class-reference section ul{list-style:none;width:50%;margin:0;padding:.25rem}@media(min-width:768px){.guide-grid .class-reference section ul{width:25%}}@media(min-width:1200px){.guide-grid .class-reference section ul{width:50%}}.guide-grid .class-reference section ul li{font-size:.8rem;text-transform:uppercase;color:hsla(0,0%,83%,.8);letter-spacing:.35ch;line-height:2.5;border-bottom:1px solid hsla(0,0%,100%,.1)}.guide-grid .class-reference section ul li img{border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);width:32px;margin-right:1ch}.guide-grid .class-creators,.guide-grid .class-guides{background-color:rgba(0,0,0,.1);padding:1rem 2ch}@media(min-width:992px){.guide-grid .class-creators,.guide-grid .class-guides{padding:2rem 4ch 3rem}}.guide-grid .class-guides{background-color:#27221f;margin-bottom:2rem;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5)}.guide-grid .class-guides h3{margin-top:0}.guide-grid .class-guides p{margin-bottom:2em;font-style:italic;opacity:.75}.guide-grid .class-guides ul{display:flex;flex-flow:row wrap;margin:0;padding:0;list-style:none;justify-content:space-between}.guide-grid .class-guides ul li{width:100%;margin-bottom:1rem}@media(min-width:576px){.guide-grid .class-guides ul li{width:50%}}.guide-grid .class-guides ul li a{display:block;background-color:rgba(7,3,3,.2);text-decoration:none;padding:1ch;transition:filter .15s ease-in-out;font-family:Ropa Sans,sans-serif;font-weight:700;letter-spacing:-.05ch}.guide-grid .class-guides ul li a.Druid:hover figcaption{color:#ff7c0a}.guide-grid .class-guides ul li a.Hunter:hover figcaption{color:#aad372}.guide-grid .class-guides ul li a.Mage:hover figcaption{color:#68ccef}.guide-grid .class-guides ul li a.Paladin:hover figcaption{color:#f48cba}.guide-grid .class-guides ul li a.Priest:hover figcaption{color:#f0ebe0}.guide-grid .class-guides ul li a.Rogue:hover figcaption{color:#fff468}.guide-grid .class-guides ul li a.Shaman:hover figcaption{color:#2359ff}.guide-grid .class-guides ul li a.Warlock:hover figcaption{color:#9382c9}.guide-grid .class-guides ul li a.Warrior:hover figcaption{color:#c69b6d}.guide-grid .class-guides ul li a:hover{filter:brightness(1.25)}.guide-grid .class-guides ul li a:hover figcaption img{opacity:1}.guide-grid .class-guides figure{margin:0}.guide-grid .class-guides figcaption{color:#d8d9d7;font-size:1rem;display:flex;width:100%;align-items:center;padding:.5rem .5ch}.guide-grid .class-guides figcaption img{margin-left:auto;height:1rem;width:1rem;opacity:.7}.guide-grid .class-guides img{max-width:100%;width:500px}.guide-grid .class-creators{margin-bottom:2rem}.guide-grid .class-creators h3{margin-top:0}.guide-grid .class-creators figure{padding:0;margin:0}.guide-grid .class-creators figcaption{text-align:center;color:#fff}.guide-grid .class-creators figcaption img{margin-left:1ch;border-radius:0;height:.8em;width:.8rem}.guide-grid .class-creators img{width:100px;height:100px;border-radius:100%}.guide-grid .class-creators ul{display:flex;flex-flow:row wrap;margin:0;padding:0;list-style:none;justify-content:flex-start}.guide-grid .class-creators ul li{width:auto;margin-right:2ch}.guide-grid .class-creators ul li a{display:block;text-decoration:none;padding:1ch;transition:filter .15s ease-in-out}.guide-grid .class-creators ul li a.Druid:hover figcaption{color:#ff7c0a}.guide-grid .class-creators ul li a.Hunter:hover figcaption{color:#aad372}.guide-grid .class-creators ul li a.Mage:hover figcaption{color:#68ccef}.guide-grid .class-creators ul li a.Paladin:hover figcaption{color:#f48cba}.guide-grid .class-creators ul li a.Priest:hover figcaption{color:#f0ebe0}.guide-grid .class-creators ul li a.Rogue:hover figcaption{color:#fff468}.guide-grid .class-creators ul li a.Shaman:hover figcaption{color:#2359ff}.guide-grid .class-creators ul li a.Warlock:hover figcaption{color:#9382c9}.guide-grid .class-creators ul li a.Warrior:hover figcaption{color:#c69b6d}.guide-grid .class-creators ul li a:hover{filter:brightness(1.25)}.guide-default{background-color:#2e2a25}.about main{display:flex;justify-content:space-between}.about main p{width:32%;margin-right:1ch}.quests-zone{font-size:1rem;background-color:#2e2a25}.quests-zone,.quests-zone a{position:relative;overflow:hidden;width:100%}.quests-zone a{align-items:flex-end;align-self:center;background:#231f1c;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;flex-flow:row wrap;justify-content:space-between;padding:15px 20px;text-decoration:none;text-align:left;transition:all .1s ease-in-out;text-shadow:1px 1px 2px #000}.quests-zone a:hover{border-bottom-color:#982529;filter:brightness(1.15)}.quests-zone .zone-bg{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:0}.quests-zone .zone-bg,.quests-zone .zone-bg img{width:100%;height:auto}.quests-zone .zone-name{z-index:1;margin-top:4rem;margin-bottom:.5rem;font-size:1rem}.quests-zone .zone-name span{background-color:rgba(0,0,0,.5);padding:.25rem 1ch}.quests-zone div{text-align:left;align-self:center;z-index:1}.quests-zone div.quests-range{width:100%;margin-right:auto;flex-grow:1}.quests-zone div small,.quests-zone div.quests-range{font-size:.7rem;text-transform:uppercase;letter-spacing:.2ch}.quests-zone div small{display:inline-block;font-weight:lighter;color:#d8d9d7;margin-right:5px}.quests-zone .icons{position:absolute;bottom:15px;right:20px;display:flex;z-index:1}.quests-zone .icons img:last-of-type{width:24px;height:24px;background-color:#27221f;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);padding:4px;border-radius:100%;margin-left:1.5ch}.quests-zone .faction-icon,.quests-zone .zone-icon{border-radius:100%;margin:0;overflow:visible;width:24px;height:24px;min-width:0}.quests-zone .faction-icon img,.quests-zone .zone-icon img{width:24px;height:24px;border-radius:50%;overflow:hidden}.quests-zone .faction-icon img:last-of-type,.quests-zone .zone-icon img:last-of-type{margin:0;background-color:#27221f;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);border-radius:100%;padding:0}.quests-zone .faction-icon:after,.quests-zone .zone-icon:after{content:attr(data-faction);background-color:rgba(1,7,33,.8);border-radius:3px;display:flex;justify-content:center;align-items:center;height:0;position:absolute;bottom:28px;left:50%;transform:translateX(-50%);transition:all .1s ease-in-out;overflow:hidden;box-sizing:border-box;opacity:0;font-size:.8rem;text-transform:capitalize}.quests-zone .faction-icon:hover:after,.quests-zone .zone-icon:hover:after{box-shadow:0 0 0 1px #000;border:1px solid #777;border-top-color:#cfcfcf;height:1.6rem;padding:0 10px;opacity:1}.zones section{width:100%;background-color:#2e2a25;position:relative;z-index:1}.zones .container>div{width:100%;margin-bottom:2rem;display:flex;flex-flow:row wrap;align-items:flex-start}.zones .container>div h2{width:100%;margin-bottom:1em}@media(min-width:992px){.zones .container>div h2{width:auto;margin:0 3ch 0 0}}.zones .container>div p{width:100%;opacity:.8}@media(min-width:992px){.zones .container>div p{width:100%;max-width:80ch}}.zones-container{width:100%;padding:1rem 2ch;position:relative;z-index:0;display:grid;grid-template-rows:auto;grid-template-columns:1fr;grid-gap:1rem;background-color:#1d1814}@media(min-width:768px){.zones-container{padding:1.5rem 2.5ch;grid-template-columns:1fr 1fr}}@media(min-width:1200px){.zones-container{padding:2rem 3ch;grid-template-columns:1fr 1fr 1fr}}.zones-dropdown{width:100%}.zones-dropdown ul{list-style:none;margin:0;padding:0;transition:all .15s ease-in-out}.zones-dropdown ul,.zones-dropdown ul li{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.zones-dropdown ul li{padding:0 2ch;cursor:pointer;font-size:1rem;border-bottom:2px solid transparent;transition:all .2s}@media(min-width:768px){.zones-dropdown ul li{width:50%;font-size:1rem}}@media(min-width:992px){.zones-dropdown ul li{width:25%}}.zones-dropdown ul li h3{margin-top:.3em;margin-bottom:.3em;width:auto;font-size:1rem}@media(min-width:768px){.zones-dropdown ul li h3{font-size:medium}}.zones-dropdown ul li img{height:1.5rem;width:auto;border-radius:100%;margin-right:1ch}.zones-dropdown ul li img:last-of-type{height:.9rem;margin-left:auto}.zones-dropdown ul li:hover{filter:brightness(1.2)}.zones-dropdown ul .worldzones:hover{border-bottom:2px solid #b5cdb0}.zones-dropdown ul .worldzones.active{background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#647162)}.zones-dropdown ul .dungeons:hover{border-bottom:2px solid #237893}.zones-dropdown ul .dungeons.active{background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#237893)}.zones-dropdown ul .raids:hover{border-bottom:2px solid #0da222}.zones-dropdown ul .raids.active{background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#0da222)}.zones-dropdown ul .cities:hover{border-bottom:2px solid #e08308}.zones-dropdown ul .cities.active{background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#e08308)}.zones-dropdown ul .battlegrounds:hover{border-bottom:2px solid #ae2600}.zones-dropdown ul .battlegrounds.active{background:linear-gradient(170deg,#2e2a25,#2e2a25 50%,#ae2600)}.zones-list{overflow:hidden;transition:all .2s ease-in-out;justify-content:space-between}.zones-list,.zones-list button{width:100%;display:flex;flex-flow:row wrap}.zones-list button{cursor:pointer;background-color:transparent;border:0;position:relative;padding:0;transition:all .2s;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:1px solid hsla(0,0%,100%,.2)}.zones-list button .zones-dropdown{background-color:#1d1814;box-shadow:0 5px 10px rgba(0,0,0,.5)}.zones-list button .zones-mask{position:absolute;top:calc(100% + 3px);z-index:1;overflow:hidden;width:100%;padding-bottom:2rem}.zones-list button:hover{background-color:#393530}.zones-list button h3{display:flex;padding:1rem 1ch;align-items:center;position:relative;z-index:100}.zones-list button img{margin-left:0;margin-right:1ch;width:1.5rem;height:1.5rem;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);border-radius:100%}.zones-list button img:last-of-type{border:0;box-shadow:none;width:1rem;height:1rem;margin-left:auto;margin-right:0}@media(min-width:768px){.zones-list button img{margin-left:0}.zones-list button img:last-of-type{margin-left:auto}}.zones-list img{margin-left:0;width:1rem}.zones-list h3{color:#fff;width:100%;margin-top:0;margin-bottom:0;font-size:1.5rem;display:flex}.character-cta{border:0;cursor:pointer;background:#8d2f2d;box-shadow:0 6px 6px rgba(0,0,0,.75);background:linear-gradient(270deg,#8d2f2d,#ff7400);color:#fff;font-family:Ropa Sans,sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:-.05ch;padding:.5rem 2ch;transition:all .15s ease-in-out;margin:auto 0 auto auto}.character-cta:hover{transform:scale(1.05);filter:brightness(1.1)}.character-cta:active{transform:scale(1)}.modal{background-color:#2e2a25;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);padding:1.5rem 5ch;width:100%;max-width:1080px;min-height:30%;position:relative}.modal-overlay{background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;height:100vh;width:100%;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-close{position:absolute;top:-.5em;right:-.5ch}.modal-close a{background-color:#1d1814;display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid #373533;border-top-color:#514f4c;box-shadow:0 5px 5px rgba(0,0,0,.5);width:40px;height:40px;border-radius:100%;color:#fff;text-decoration:none}.modal-close a:hover{filter:brightness(1.2)}