.view-hex-tier{display:flex;flex-wrap:wrap}.view-hex-tier *{box-sizing:border-box}.view-hex-tier__filter{margin-bottom:20px;display:flex}.view-hex-tier__filter__toggle{margin-bottom:10px;text-transform:uppercase;border-radius:3px;background:#233148;padding:3px 10px;display:inline-flex;align-items:center;position:relative;z-index:1}.view-hex-tier__filter__toggle i{margin-left:5px;transition:transform 400ms}.view-hex-tier__filter__toggle.active i{transform:rotate(180deg)}.view-hex-tier__filter__left{flex:0 0 57%;max-width:57%;padding-right:18px;box-sizing:border-box}.view-hex-tier__filter__right{flex:0 0 43%;max-width:43%}.view-hex-tier__filter__right__top{display:flex;justify-content:space-between}.view-hex-tier__filter__right__top button{padding:3px 8px}.view-hex-tier__filter__right__top .view-hex-tier__filter__label:nth-of-type(1) button{background:#a7b5d1;color:#091120 !important}.view-hex-tier__filter__right__top .view-hex-tier__filter__label:nth-of-type(2) button.active{background:#275495;color:white}.view-hex-tier__filter__right__top .view-hex-tier__filter__label:nth-of-type(2) button:nth-of-type(1){border-radius:4px 0 0 4px}.view-hex-tier__filter__right__top .view-hex-tier__filter__label:nth-of-type(2) button:nth-of-type(2){border-radius:0 4px 4px 0}.view-hex-tier__filter__right__bot{display:flex;flex-wrap:wrap;justify-content:right}.view-hex-tier__filter__right__bot button{background:#233148;-webkit-appearance:none;appearance:none;margin:0 2px 4px;border:none;border-radius:4px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff}.view-hex-tier__filter__right__bot button img{max-width:26px;max-height:26px}.view-hex-tier__filter__right__bot button.augment-general{width:68px;font-size:12px;color:white;text-transform:uppercase}.view-hex-tier__filter__right__bot button:hover{background:#1c3d6d}.view-hex-tier__filter__right__bot button.active{background:#275495}.view-hex-tier__filter__label{display:flex;align-items:center;margin-bottom:8px;font-size:11px;line-height:1.1;color:rgba(255, 255, 255, 0.2)}.view-hex-tier__filter__label button:first-of-type{margin-left:5px}.view-hex-tier__filter__text input{width:75%;background-image:url(https://www.mobafire.com/images/browse-search.png);background-repeat:no-repeat;background-position:5px 5px;padding:0 5px 0 25px !important;margin-bottom:8px}.view-hex-tier__filter__levels{margin-bottom:6px;display:flex}.view-hex-tier__filter__levels button{appearance:none;-webkit-appearance:none;background:#233148;color:#788aab;border:none;border-radius:4px;margin-bottom:6px;margin-right:4px;padding:5px;min-width:70px;text-align:center;cursor:pointer;text-transform:uppercase;font-size:12px}.view-hex-tier__filter__levels button.active{background:#275495;color:white}.view-hex-tier__augment{flex:0 0 calc(20% - 10px);margin:0 5px 10px;display:flex;flex-direction:column;align-items:center;position:relative}.view-hex-tier__augment__image{width:74px;height:74px;margin-bottom:2px;border-radius:100%;display:flex;justify-content:center;align-items:center;border:2px solid #202d43;background:#152135}.view-hex-tier__augment__image img{width:100%;height:100%;border-radius:50%}.view-hex-tier__augment__name{text-align:center;font:400 10px/1.2 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;color:white;padding:0 5px}.view-hex-tier__augment__notes{display:none;color:#c0c0c0;font-size:12px;line-height:1.2}.view-hex-tier__augment__traits{position:absolute;display:flex;top:0;right:0;transform:translate(3px, -3px)}.view-hex-tier__augment__traits div{width:22px;height:22px;background:#275495;border-radius:100%;display:flex;align-items:center;justify-content:center;margin-left:5px}.view-hex-tier__augment__traits div img{max-height:18px;max-width:18px}.view-hex-tier__augment--showNotes{flex:0 0 250px !important;display:block;border:2px solid #202d43;background:#152135;border-radius:5px;padding:5px}.view-hex-tier__augment--showNotes .view-hex-tier__augment__image{border:none;border-radius:none;float:left}.view-hex-tier__augment--showNotes .view-hex-tier__augment__name{float:left;font-size:12px;width:162px;max-width:unset;text-align:left;padding:0;margin-bottom:5px}.view-hex-tier__augment--showNotes .view-hex-tier__augment__notes{display:block}.view-hex-tier__holder{margin-bottom:20px}.view-hex-tier__list{overflow:auto;display:flex;flex-wrap:wrap;margin:0 -10px}.view-hex-tier__tier{display:flex;flex-direction:column;margin-top:25px}.view-hex-tier__tier__title{margin-bottom:6px;color:#7585a2;font-size:11px}.view-hex-tier__tier__title strong{font-size:14px;display:inline-block;margin-right:5px}.view-hex-tier__tier__title span{margin-right:5px;width:10px;display:inline-block;height:10px;border-radius:100%;background:gray}.view-hex-tier__tier__items{display:flex;border-radius:4px;overflow:hidden;min-height:72px}.view-hex-tier__tier__items__label{display:flex;justify-content:center;align-items:center;color:white;background:gray;font:700 32px/1 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;flex:0 0 48px}.view-hex-tier__tier__items__list{background:#1c2a45;flex:0 0 calc(100% - 48px);padding:8px;display:flex;flex-wrap:wrap}.view-hex-tier__tier__items__list .view-hex-tier__augment{flex:0 0 78px}.view-hex-tier__tier:nth-of-type(1) .view-hex-tier__tier__title span{background:#fd5450}.view-hex-tier__tier:nth-of-type(1) .view-hex-tier__tier__items__label{background:#fd5450}.view-hex-tier__tier:nth-of-type(2) .view-hex-tier__tier__title span{background:#f7ab73}.view-hex-tier__tier:nth-of-type(2) .view-hex-tier__tier__items__label{background:#f7ab73}.view-hex-tier__tier:nth-of-type(3) .view-hex-tier__tier__title span{background:#f6c15a}.view-hex-tier__tier:nth-of-type(3) .view-hex-tier__tier__items__label{background:#f6c15a}.view-hex-tier__tier:nth-of-type(4) .view-hex-tier__tier__title span{background:#7bea82}.view-hex-tier__tier:nth-of-type(4) .view-hex-tier__tier__items__label{background:#7bea82}.view-hex-tier__tier:nth-of-type(5) .view-hex-tier__tier__title span{background:#7bbdfe}.view-hex-tier__tier:nth-of-type(5) .view-hex-tier__tier__items__label{background:#7bbdfe}.view-hex-tier__tier:nth-of-type(6) .view-hex-tier__tier__title span{background:#eb669d}.view-hex-tier__tier:nth-of-type(6) .view-hex-tier__tier__items__label{background:#eb669d}.view-hex-tier__sidebar{margin-top:20px}.view-hex-tier__sidebar h2{margin-bottom:6px;color:#7585a2;font-size:11px;text-transform:none}.view-hex-tier__sidebar h2 strong{font-size:14px;display:inline-block;margin-right:5px}.view-hex-tier__sidebar h2 span{margin-right:5px;width:10px;display:inline-block;height:10px;border-radius:100%;background:#7585a2}.view-hex-tier__sidebar__list{background:#1c2a45;padding:8px;display:flex;flex-wrap:wrap;border-radius:8px}.view-hex-tier__sidebar__list .view-hex-tier__augment{flex:0 0 78px}.view-hex-tier__lists{margin-top:20px;display:flex;justify-content:space-between}.view-hex-tier__lists h3{font:400 14px/1.2 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;margin-bottom:10px}.view-hex-tier__lists__list{display:flex;flex-direction:column;margin-right:10px;width:33%}.view-hex-tier__lists__list:last-of-type{margin-right:0}.view-hex-tier__lists__item{display:flex;position:relative;align-items:center;justify-content:flex-start;background:#1a283f;border-radius:6px;overflow:hidden;margin-bottom:5px;cursor:default}.view-hex-tier__lists__item__image{background:#233148;position:absolute;display:flex;align-items:center;top:0;bottom:0;width:48px}.view-hex-tier__lists__item__image img{position:absolute;width:48px;height:48px}.view-hex-tier__lists__item__image i{position:relative;display:block;width:18px;height:18px;font-size:13px;left:30px;top:10px;color:white;text-align:center;line-height:24px}.view-hex-tier__lists__item__content{padding:8px 8px 8px 56px}.view-hex-tier__lists__item__name{color:white;font-size:12px}.view-hex-tier__lists__item__desc{color:#7585a2;font-size:11px;line-height:1.2}.view-hex-tier__tapExplain{display:flex;color:#788aab;font-size:11px;line-height:15px;margin-bottom:-10px;align-items:center}.view-hex-tier__tapExplain i{font-size:20px;margin-right:5px}@media (max-width:1166px){.view-hex-tier__filter{flex-direction:column}.view-hex-tier__filter__left,.view-hex-tier__filter__right{flex:0 0 auto;max-width:100%}}@media (max-width:880px){.view-hex-tier__augment--showNotes{flex:0 0 calc(50% - 10px) !important}.view-hex-tier__augment--showNotes .view-hex-tier__augment__name{width:unset;float:none}.view-hex-tier__sidebar{margin-bottom:20px}.view-hex-tier__lists{flex-direction:column}.view-hex-tier__lists__list{margin:0 0 20px}}@media (max-width:600px){.view-hex-tier__filter{margin-bottom:10px}.view-hex-tier__filter__levels button{min-width:unset}.view-hex-tier__filter__right{display:none;border:1px solid #233148;border-radius:3px;margin-top:-33px;padding:33px 10px 10px}.view-hex-tier__filter__right.mobile-show{display:block}.view-hex-tier__filter__right__top .view-hex-tier__filter__label:last-child{display:none}.view-hex-tier__filter__right__bot{justify-content:left;margin-bottom:5px}.view-hex-tier__augment--showNotes{background:none;border:none;flex:0 0 78px !important;padding:0;display:flex}.view-hex-tier__augment--showNotes .view-hex-tier__augment__name{font:400 10px/1.2 'Open Sans Mobafire', 'Open Sans', sans-serif, sans-serif;text-align:center;margin:0;padding:0 5px}.view-hex-tier__augment--showNotes .view-hex-tier__augment__image{border:2px solid #202d43;float:unset}.view-hex-tier__augment--showNotes .view-hex-tier__augment__notes{display:none}}@media (max-width:450px){.view-hex-tier__filter__right__top{flex-direction:column-reverse}}