#content-wrap{background-image:none}.legion{display:inline-block;margin:15px;position:relative;transform:scale(.8,.8);transition:all .3s ease}.legion-preview .legion-name{color:#fff;text-align:center}.legion-preview .legion-icon{position:relative;width:100px}.legion-icons-wrapper{text-align:center;margin-top:20px}.legion-box{width:100%;margin-bottom:30px;padding:15px 0;height:470px}.legion-box .tier{color:rgba(150,150,150,.8);text-align:center}.legion-box.Atlantean{background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(36,108,127,1) 100%);background-image:url('/images/textures/Splashes/Atlantean.png'),linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(36,108,127,1) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box.Divine{background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(32,30,51) 50%,rgba(55,48,66,1) 100%);background-image:url('/images/textures/Splashes/Divine.png'),linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(32,30,51) 50%,rgba(55,48,66,1) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box.Element{background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(131,93,24,1) 100%);background-image:url('/images/textures/Splashes/Element.png'),linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(131,93,24,1) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box.Forsaken{background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(91,14,26,1) 100%);background-image:url('/images/textures/Splashes/Forsaken.png'),linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(91,14,26,1) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box.Grove{background:linear-gradient(180deg,rgb(0,0,0) 0%,rgb(42,51,0) 50%,rgba(59,72,0) 100%);background-image:url('/images/textures/Splashes/Grove.png'),linear-gradient(180deg,rgb(0,0,0) 0%,rgb(42,51,0) 50%,rgba(59,72,0) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box.Mastermind{background:linear-gradient(180deg,rgb(0 0 0) 0%,rgb(27 11 50) 50%,rgb(40 6 14) 100%);background-image:url('/images/textures/Splashes/Mastermind.png'),linear-gradient(180deg,rgb(0 0 0) 0%,rgb(27 11 50) 50%,rgb(40 6 14) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box.Mech{background:linear-gradient(180deg,rgb(0,0,0) 0%,rgb(19,33,69) 50%,rgba(28,51,104) 100%);background-image:url('/images/textures/Splashes/Mech.png'),linear-gradient(180deg,rgb(0,0,0) 0%,rgb(19,33,69) 50%,rgba(28,51,104) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box.Nomad{background:linear-gradient(180deg,rgb(0,0,0) 0%,rgb(52,32,25) 50%,rgba(94,57,40) 100%);background-image:url('/images/textures/Splashes/Nomad.png'),linear-gradient(180deg,rgb(0,0,0) 0%,rgb(52,32,25) 50%,rgba(94,57,40) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box.Shrine{background:linear-gradient(180deg,rgb(0,0,0) 0%,rgb(56,15,31) 50%,rgba(103,32,92) 100%);background-image:url('/images/textures/Splashes/Shrine.png'),linear-gradient(180deg,rgb(0,0,0) 0%,rgb(56,15,31) 50%,rgba(103,32,92) 100%);background-position:left;background-repeat:no-repeat;background-size:contain}.legion-box .legion-portrait{padding:0}.legion-box .legion-splash{width:350px;height:350px;padding:0}.legion-box .legion-body h1{color:#fff;margin-bottom:0}.legion-box .unit .unit-icon{width:50px;height:50px;margin:0 auto}.legion-box .unit .unit-name{white-space:nowrap}#Creaturecontent.legion-box .unit .unit-name,#Mercenarycontent.legion-box .unit .unit-name{white-space:normal}.legion-box .unit{display:block;text-align:center;margin:0 auto;padding:0 10px;transform-style:preserve-3d}.legion-box .unit .unit-name,.legion-box .unit .unit-icon{transform-style:preserve-3d;transform:translateZ(20px)}.legion-box .unit.upgrade:nth-child(1n){float:left;width:50%}.legion-box .unit.upgrade:nth-child(2n){float:right}.legion-box .legion-body{text-align:center;float:right}.legion-box .legion-description{display:block;margin-bottom:10px}.horizontal-line{width:100%;width:100vw;text-align:center;border-bottom:1px solid #969696;line-height:.1em;margin:10px 0 20px;position:absolute;top:215px;left:0;display:none;z-index:100}.collapsible{background-color:#000;color:#fff;cursor:pointer;padding:18px;width:30%;height:40px;border:1px solid #fff;text-align:center;outline:none;font-size:15px;position:relative;top:20px;left:50%;transform:translateX(-50%)}.active,.collapsible:hover{background-color:#111}.unit-wrapper{display:inline-flex;transition:all .3s cubic-bezier(.25,.8,.25,1)}.upgrade-separator{display:block}.unit-column{background:rgba(10,10,10,.2);margin-right:5px;padding:8px}#Mastermind .unit-column{background:0 0}.row{max-width:90em}.legion:hover,.legion:active{border-radius:50%;box-shadow:0 0 40px 15px rgba(255,180,0,.15);background:rgba(255,180,0,.1);transform:scale(1,1)}.legion-shine-wrap:hover .shine{transform:skewX(20deg) translateX(300px)}.shine{position:absolute;top:0;left:-70px;height:98px;width:50px;background:rgba(255,255,255,.4);transition:all .3s linear;transform:skewX(20deg) translateX(0)}.legion .legion-shine-wrap{border-radius:50%;position:absolute;top:0;width:100%;height:100%;overflow:hidden}.legion-preview-icons-wrapper{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;text-align:center;color:#fc0}.legion-spotlight{height:100%;position:relative;top:100px;width:100%;margin-bottom:90px}.legion-spotlight-container{max-width:1440px;width:100%;height:100%}.legion-spotlight .legion-box{background:0 0!important;position:relative;top:-20px;left:0;text-align:center;padding-left:40px;padding-right:40px}.legion-spotlight .legion-box .legion-body{background:rgba(0,0,0,.3);display:inline-block;float:none!important;text-align:center;padding:30px}.legion-spotlight .unit-portrait{max-width:250px;max-height:250px}.legion-spotlight .unit-portrait:before{content:"";display:inline-block;height:100%;vertical-align:middle}.legion-spotlight .unit-description{display:none;vertical-align:middle}.legion-spotlight .spotlight-portrait{max-height:250px;display:inline-block}.legion-spotlight #protoncontent .spotlight-portrait,.legion-spotlight #atomcontent .spotlight-portrait,.legion-spotlight #snailcontent .spotlight-portrait,.legion-spotlight #eggsackcontent .spotlight-portrait{height:150px}.legion-spotlight #legionlordcontent .spotlight-portrait{max-width:none;bottom:25px;right:250px;position:relative}.legion-spotlight #legionkingcontent .spotlight-portrait{max-width:350px;right:150px;position:relative}.legion-preview-icons-wrapper .legion-preview,.unit-wrapper .unit{transition:all .25s ease;width:100px}.legion-preview-icons-wrapper .legion-preview:hover,.unit-wrapper .unit:hover{cursor:pointer;transform:scale(1.2)}#atomcontent .unit-portrait img,#protoncontent .unit-portrait img{border-radius:100%}.unit-column.aspect{display:flex;flex-wrap:wrap;align-content:space-around;justify-content:flex-start}.unitcontent{justify-content:center;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(25%,rgba(0,0,0,.8)),color-stop(75%,rgba(0,0,0,.8)),to(rgba(0,0,0,0)));background-image:linear-gradient( 90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 25%,rgba(0,0,0,.8) 75%,rgba(0,0,0,0));height:150px;margin-bottom:80px;align-items:center}@media only screen and (max-width:1024px){body{background-color:#000}.large-2{width:15%}.legion-box{height:100%;margin-bottom:40px;background-position-y:70px,0!important;background-position-x:center!important;background-size:150px 150px,contain!important}.legion-box .legion-body{min-height:250px}.legion-box .unit{padding:0 5px}.legion-box .unit .unit-icon{width:32px;height:32px}#content-wrap{background:0 0}.horizontal-line{display:block}.collapsible-content{padding:0 5px;max-height:0;overflow:hidden;transition:max-height .2s ease-out;margin:60px auto 0}.collapsible-content [class*=column]+[class*=column]:last-child{float:left}.unit-wrapper{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:100%}.unit-column{min-width:180px;min-height:100px;margin-bottom:10px}.unit-wrapper .columns{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto}#Mastermind h1{font-size:1.5rem}#Mastermind .horizontal-line{}#Mastermind .collapsible-content{margin-top:70px}#Mastermind .unit-column{min-width:60px;height:100px!important}}@media only screen and (max-width:640px){.unitcontent{display:none!important}.legion-spotlight{background:0 0}.legion-preview{margin:10px}.legion-preview-icons-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.legion-preview .legion-icon{width:50px;height:50px}.legion-spotlight .legion-box .legion-body{padding:0}.legion-spotlight-container{padding:0}.legion-preview-content{padding:0}.unit-wrapper{margin-top:0}}@media only screen and (max-width:500px){.large-2{width:50%}.legion-box .legion-splash{width:100%;height:auto}.collapsible{min-width:83px}}@media only screen and (max-width:333px){.unit-wrapper{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}