.GameIcon--TANK .GameIcon-icon {
    background-image: url(images/role-TANK.a5c6af3….png);
}

.affixes {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	padding: 3px;
}

.MPartyCharacter-name {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    font-weight: 400;
    -webkit-transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
    transition: all .25s cubic-bezier(.23,1,.32,1) 0s;
}

.MPartyCharacter--DEATHKNIGHT .MPartyCharacter-name {
  color: #c41e3b;
}
.MPartyCharacter--DEMONHUNTER .MPartyCharacter-name {
  color: #a330c9;
}
.MPartyCharacter--DRUID .MPartyCharacter-name {
  color: #ff7c0a;
}
.MPartyCharacter--HUNTER .MPartyCharacter-name {
  color: #aad372;
}
.MPartyCharacter--MAGE .MPartyCharacter-name {
  color: #68ccef;
}
.MPartyCharacter--MONK .MPartyCharacter-name {
  color: #00ffba;
}
.MPartyCharacter--PALADIN .MPartyCharacter-name {
  color: #f48cba;
}
.MPartyCharacter--PRIEST .MPartyCharacter-name {
  color: #f0ebe0;
}
.MPartyCharacter--ROGUE .MPartyCharacter-name {
  color: #fff468;
}
.MPartyCharacter--SHAMAN .MPartyCharacter-name {
  color: #2359ff;
}
.MPartyCharacter--WARLOCK .MPartyCharacter-name {
  color: #9382c9;
}
.MPartyCharacter--WARRIOR .MPartyCharacter-name {
  color: #c69b6d;
}



.MPartyCharacter-role {
    /* display: inline-block; */
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-top: -18px;
}

@media (min-width: 1280px) {
    .MPartyCharacter-name {
        font-size: 12px;
    }
}
@media (min-width: 720px) {
    .MPartyCharacter-name {
        font-size: 14px;
    }
}
.Grid-padding {
	padding:10px;
}

.Chakram {
    position: relative;
    background-image: url(images/Chakram.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 128px;
    height: 128px
}

.Chakram:before {
    content: "";
    display: block;
    padding-top: 100%
}
.Chakram--tiny {
    width: 72px;
    height: 72px
}

.Chakram--small {
    width: 100px;
    height: 100px
}

.Chakram--large {
    width: 219px;
    height: 219px
}

.Chakram--huge {
    width: 400px;
    height: 400px
}
.Chakram--textLarge .Chakram-text {
    font-size: 1.866rem;
    line-height: 1.5;
    font-family: Open Sans,Arial,Helvetica,sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
    font-weight: 400
}

@media (min-width: 720px) {
    .Chakram--textLarge .Chakram-text {
        font-size:2.1148rem
    }
}

@media (min-width: 1280px) {
    .Chakram--textLarge .Chakram-text {
        font-size:2.488rem
    }
}
.Chakram-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.08rem;
    line-height: 1.5;
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: 0 0 1px transparent, 0 1px 2px rgba(0, 0, 0, .8);
    font-weight: 400;
}
.Mythic-paine {
    overflow: hidden;
    width: 48%;
    margin: 0 1% 10px 1%;
}
.mists-of-tirna-scithe {
    background-image: url(https://render.worldofwarcraft.com/us/zones/mists-of-tirna-scithe-small.jpg);
    border-color: rgb(255, 128, 0);
	overflow: hidden;
}
.MythicKeystoneDungeonRun-overage-duration {
	color: #df1212 !important;
}
.MythicKeystoneDungeonRun-overage-over-time{
	color: #df1212 !important;
}

.Avatar {
    z-index: 0;
    position: relative;
    transition: opacity .3s cubic-bezier(.23,1,.32,1) 0s;
    background-color: #504137;
    background-image: linear-gradient(45deg, #352011, #504137, #352011);
    border-radius: 50%;
    display: inline-block;
    max-width: 192px;
    overflow: hidden;
    width: 64px;
}

.Avatar:before {
    content: "";
    display: block;
    padding-top: 100%
}

.Avatar>.Avatar-overlay--remix,.Avatar>.Avatar-overlay--remix_medium {
    position: absolute;
    width: 22px;
    height: auto;
    right: 0;
    bottom: -30px
}

.Avatar>.Avatar-overlay--remix>.Icon--remix,.Avatar>.Avatar-overlay--remix_medium>.Icon--remix {
    width: 24px
}

.Avatar-image {
    border: 1px solid #211510;
    border-radius: 50%;
    bottom: 3px;
    left: 3px;
    right: 3px;
    top: 3px
}

.Avatar-image,.Avatar-image:before {
    background-size: cover;
    position: absolute
}

.Avatar-image:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #211510;
    background-image: url(/static/components/Avatar/Avatar-anon.69fa272ea4967d72aff9bb08d7d8a839.png);
    border-radius: 50%;
    content: "";
    z-index: -1
}

.Avatar--anon .Avatar-image {
    background-image: none!important
}

.Avatar--onDark {
    background-color: #211510;
    border-color: #211510
}

.Avatar--large {
    width: 200px
}

.Avatar--medium {
    width: 38px
}

.Avatar--small,.Avatar--tiny {
    width: 32px
}

.Avatar--full {
    width: 100%
}

.Avatar--tiny {
    margin: -8px;
    transform: scale(.5)
}

.Avatar--medium .Avatar-image,.Avatar--small .Avatar-image,.Avatar--tiny .Avatar-image {
    bottom: 2px;
    left: 2px;
    right: 2px;
    top: 2px
}

.Avatar--medium>.Avatar-overlay--remix_medium {
    bottom: 2px;
    right: 0
}

.Avatar--medium>.Avatar-overlay--remix_medium>.Icon--remix {
    width: 14px
}

.Avatar--square {
    border-radius: 0
}

.Avatar--square .Avatar-image {
    border: 0;
    border-radius: 0;
    bottom: 1px;
    left: 1px;
    right: 1px;
    top: 1px
}

.Avatar--square .Avatar-image:before {
    border-radius: 0
}

.Avatar--spotlight.Avatar {
    width: 96px;
    height: 96px
}

.Avatar--spotlight>.Avatar-overlay {
    width: 118px;
    height: 118px;
    left: -12px;
    top: -12px
}

.Avatar--spotlight-small>.Avatar-overlay,.Avatar--spotlight>.Avatar-overlay {
    background: url(/static/components/Avatar/Avatar-stylized.ad9e69945083b898709c55d68b24bc23.png) no-repeat 0 0;
    background-size: cover;
    position: absolute
}

.Avatar--spotlight-small>.Avatar-overlay {
    width: 78px;
    height: 72px;
    left: -7px;
    top: -7px
}

.Avatar--goldLarge,.Avatar--goldMedium {
    background: url(/static/components/Avatar/Avatar-gold.353c47772e26631a344321502910efc5.png) no-repeat 0 0;
    background-size: 100% 100%;
    border-radius: 0;
    overflow: visible;
    width: 73px
}

.Avatar--goldLarge>.Avatar-image,.Avatar--goldMedium>.Avatar-image {
    bottom: 9px;
    left: 8px;
    right: 8px;
    top: 7px
}

.Avatar--goldMedium {
    width: 66px
}

.Avatar--goldMedium>.Avatar-image {
    bottom: 8px;
    left: 7px;
    right: 7px;
    top: 6px
}

.Avatar--goldSmall {
    width: 37px
}

.Avatar--goldSmall>.Avatar-image {
    left: 5px;
    top: 4px;
    right: 5px;
    bottom: 6px
}

.Avatar--loading {
    opacity: .5
}

.Grid {
    box-sizing: border-box
}

.Grid:after,.Grid:before {
    content: "";
    display: table;
    clear: both
}

.Grid--gutter {
    padding: 20px
}

.Grid--gutters {
    margin: -10px
}

.Grid--gutters>* {
    padding: 10px
}

.Grid--gutter.Grid--gutters {
    padding: 10px;
    margin: 0
}

.Grid--flex {
    display: flex;
    flex-wrap: wrap
}

.Grid--flex:after,.Grid--flex:before {
    display: none
}

.Grid--center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.Grid--center:after,.Grid--center:before {
    display: none
}

.Grid-col,.Grid-full,.Grid>* {
    width: 100%;
    clear: both;
    position: relative
}

.Grid-1of2 {
    clear: none;
    float: left;
    width: 50%
}

.Grid-1of2-right {
    float: right
}

.Grid-1of2--prefix {
    margin-left: 50%
}

.Grid-1of2--suffix {
    margin-right: 50%
}

.Grid-1of2--push {
    left: 50%
}

.Grid-1of2--pull {
    left: -50%
}

.Grid-1of3 {
    clear: none;
    float: left;
    width: 33.33333333%
}

.Grid-1of3-right {
    float: right
}

.Grid-1of3--prefix {
    margin-left: 33.33333333%
}

.Grid-1of3--suffix {
    margin-right: 33.33333333%
}

.Grid-1of3--push {
    left: 33.33333333%
}

.Grid-1of3--pull {
    left: -33.33333333%
}

.Grid-2of3 {
    clear: none;
    float: left;
    width: 66.66666667%
}

.Grid-2of3-right {
    float: right
}

.Grid-2of3--prefix {
    margin-left: 66.66666667%
}

.Grid-2of3--suffix {
    margin-right: 66.66666667%
}

.Grid-2of3--push {
    left: 66.66666667%
}

.Grid-2of3--pull {
    left: -66.66666667%
}

.Grid-1of4 {
    clear: none;
    float: left;
    width: 25%
}

.Grid-1of4-right {
    float: right
}

.Grid-1of4--prefix {
    margin-left: 25%
}

.Grid-1of4--suffix {
    margin-right: 25%
}

.Grid-1of4--push {
    left: 25%
}

.Grid-1of4--pull {
    left: -25%
}

.Grid-2of4 {
    clear: none;
    float: left;
    width: 50%
}

.Grid-2of4-right {
    float: right
}

.Grid-2of4--prefix {
    margin-left: 50%
}

.Grid-2of4--suffix {
    margin-right: 50%
}

.Grid-2of4--push {
    left: 50%
}

.Grid-2of4--pull {
    left: -50%
}

.Grid-3of4 {
    clear: none;
    float: left;
    width: 75%
}

.Grid-3of4-right {
    float: right
}

.Grid-3of4--prefix {
    margin-left: 75%
}

.Grid-3of4--suffix {
    margin-right: 75%
}

.Grid-3of4--push {
    left: 75%
}

.Grid-3of4--pull {
    left: -75%
}

.Grid-1of5 {
    clear: none;
    float: left;
    width: 20%
}

.Grid-1of5-right {
    float: right
}

.Grid-1of5--prefix {
    margin-left: 20%
}

.Grid-1of5--suffix {
    margin-right: 20%
}

.Grid-1of5--push {
    left: 20%
}

.Grid-1of5--pull {
    left: -20%
}

.Grid-2of5 {
    clear: none;
    float: left;
    width: 40%
}

.Grid-2of5-right {
    float: right
}

.Grid-2of5--prefix {
    margin-left: 40%
}

.Grid-2of5--suffix {
    margin-right: 40%
}

.Grid-2of5--push {
    left: 40%
}

.Grid-2of5--pull {
    left: -40%
}

.Grid-3of5 {
    clear: none;
    float: left;
    width: 60%
}

.Grid-3of5-right {
    float: right
}

.Grid-3of5--prefix {
    margin-left: 60%
}

.Grid-3of5--suffix {
    margin-right: 60%
}

.Grid-3of5--push {
    left: 60%
}

.Grid-3of5--pull {
    left: -60%
}

.Grid-4of5 {
    clear: none;
    float: left;
    width: 80%
}

.Grid-4of5-right {
    float: right
}

.Grid-4of5--prefix {
    margin-left: 80%
}

.Grid-4of5--suffix {
    margin-right: 80%
}

.Grid-4of5--push {
    left: 80%
}

.Grid-4of5--pull {
    left: -80%
}

.Grid-1of6 {
    clear: none;
    float: left;
    width: 16.66666667%
}

.Grid-1of6-right {
    float: right
}

.Grid-1of6--prefix {
    margin-left: 16.66666667%
}

.Grid-1of6--suffix {
    margin-right: 16.66666667%
}

.Grid-1of6--push {
    left: 16.66666667%
}

.Grid-1of6--pull {
    left: -16.66666667%
}

.Grid-2of6 {
    clear: none;
    float: left;
    width: 33.33333333%
}

.Grid-2of6-right {
    float: right
}

.Grid-2of6--prefix {
    margin-left: 33.33333333%
}

.Grid-2of6--suffix {
    margin-right: 33.33333333%
}

.Grid-2of6--push {
    left: 33.33333333%
}

.Grid-2of6--pull {
    left: -33.33333333%
}

.Grid-3of6 {
    clear: none;
    float: left;
    width: 50%
}

.Grid-3of6-right {
    float: right
}

.Grid-3of6--prefix {
    margin-left: 50%
}

.Grid-3of6--suffix {
    margin-right: 50%
}

.Grid-3of6--push {
    left: 50%
}

.Grid-3of6--pull {
    left: -50%
}

.Grid-4of6 {
    clear: none;
    float: left;
    width: 66.66666667%
}

.Grid-4of6-right {
    float: right
}

.Grid-4of6--prefix {
    margin-left: 66.66666667%
}

.Grid-4of6--suffix {
    margin-right: 66.66666667%
}

.Grid-4of6--push {
    left: 66.66666667%
}

.Grid-4of6--pull {
    left: -66.66666667%
}

.Grid-5of6 {
    clear: none;
    float: left;
    width: 83.33333333%
}

.Grid-5of6-right {
    float: right
}

.Grid-5of6--prefix {
    margin-left: 83.33333333%
}

.Grid-5of6--suffix {
    margin-right: 83.33333333%
}

.Grid-5of6--push {
    left: 83.33333333%
}

.Grid-5of6--pull {
    left: -83.33333333%
}

.Grid-1of7 {
    clear: none;
    float: left;
    width: 14.28571429%
}

.Grid-1of7-right {
    float: right
}

.Grid-1of7--prefix {
    margin-left: 14.28571429%
}

.Grid-1of7--suffix {
    margin-right: 14.28571429%
}

.Grid-1of7--push {
    left: 14.28571429%
}

.Grid-1of7--pull {
    left: -14.28571429%
}

.Grid-2of7 {
    clear: none;
    float: left;
    width: 28.57142857%
}

.Grid-2of7-right {
    float: right
}

.Grid-2of7--prefix {
    margin-left: 28.57142857%
}

.Grid-2of7--suffix {
    margin-right: 28.57142857%
}

.Grid-2of7--push {
    left: 28.57142857%
}

.Grid-2of7--pull {
    left: -28.57142857%
}

.Grid-3of7 {
    clear: none;
    float: left;
    width: 42.85714286%
}

.Grid-3of7-right {
    float: right
}

.Grid-3of7--prefix {
    margin-left: 42.85714286%
}

.Grid-3of7--suffix {
    margin-right: 42.85714286%
}

.Grid-3of7--push {
    left: 42.85714286%
}

.Grid-3of7--pull {
    left: -42.85714286%
}

.Grid-4of7 {
    clear: none;
    float: left;
    width: 57.14285714%
}

.Grid-4of7-right {
    float: right
}

.Grid-4of7--prefix {
    margin-left: 57.14285714%
}

.Grid-4of7--suffix {
    margin-right: 57.14285714%
}

.Grid-4of7--push {
    left: 57.14285714%
}

.Grid-4of7--pull {
    left: -57.14285714%
}

.Grid-5of7 {
    clear: none;
    float: left;
    width: 71.42857143%
}

.Grid-5of7-right {
    float: right
}

.Grid-5of7--prefix {
    margin-left: 71.42857143%
}

.Grid-5of7--suffix {
    margin-right: 71.42857143%
}

.Grid-5of7--push {
    left: 71.42857143%
}

.Grid-5of7--pull {
    left: -71.42857143%
}

.Grid-6of7 {
    clear: none;
    float: left;
    width: 85.71428571%
}

.Grid-6of7-right {
    float: right
}

.Grid-6of7--prefix {
    margin-left: 85.71428571%
}

.Grid-6of7--suffix {
    margin-right: 85.71428571%
}

.Grid-6of7--push {
    left: 85.71428571%
}

.Grid-6of7--pull {
    left: -85.71428571%
}

.Grid-1of8 {
    clear: none;
    float: left;
    width: 12.5%
}

.Grid-1of8-right {
    float: right
}

.Grid-1of8--prefix {
    margin-left: 12.5%
}

.Grid-1of8--suffix {
    margin-right: 12.5%
}

.Grid-1of8--push {
    left: 12.5%
}

.Grid-1of8--pull {
    left: -12.5%
}

.Grid-2of8 {
    clear: none;
    float: left;
    width: 25%
}

.Grid-2of8-right {
    float: right
}

.Grid-2of8--prefix {
    margin-left: 25%
}

.Grid-2of8--suffix {
    margin-right: 25%
}

.Grid-2of8--push {
    left: 25%
}

.Grid-2of8--pull {
    left: -25%
}

.Grid-3of8 {
    clear: none;
    float: left;
    width: 37.5%
}

.Grid-3of8-right {
    float: right
}

.Grid-3of8--prefix {
    margin-left: 37.5%
}

.Grid-3of8--suffix {
    margin-right: 37.5%
}

.Grid-3of8--push {
    left: 37.5%
}

.Grid-3of8--pull {
    left: -37.5%
}

.Grid-4of8 {
    clear: none;
    float: left;
    width: 50%
}

.Grid-4of8-right {
    float: right
}

.Grid-4of8--prefix {
    margin-left: 50%
}

.Grid-4of8--suffix {
    margin-right: 50%
}

.Grid-4of8--push {
    left: 50%
}

.Grid-4of8--pull {
    left: -50%
}

.Grid-5of8 {
    clear: none;
    float: left;
    width: 62.5%
}

.Grid-5of8-right {
    float: right
}

.Grid-5of8--prefix {
    margin-left: 62.5%
}

.Grid-5of8--suffix {
    margin-right: 62.5%
}

.Grid-5of8--push {
    left: 62.5%
}

.Grid-5of8--pull {
    left: -62.5%
}

.Grid-6of8 {
    clear: none;
    float: left;
    width: 75%
}

.Grid-6of8-right {
    float: right
}

.Grid-6of8--prefix {
    margin-left: 75%
}

.Grid-6of8--suffix {
    margin-right: 75%
}

.Grid-6of8--push {
    left: 75%
}

.Grid-6of8--pull {
    left: -75%
}

.Grid-7of8 {
    clear: none;
    float: left;
    width: 87.5%
}

.Grid-7of8-right {
    float: right
}

.Grid-7of8--prefix {
    margin-left: 87.5%
}

.Grid-7of8--suffix {
    margin-right: 87.5%
}

.Grid-7of8--push {
    left: 87.5%
}

.Grid-7of8--pull {
    left: -87.5%
}

.Grid-1of9 {
    clear: none;
    float: left;
    width: 11.11111111%
}

.Grid-1of9-right {
    float: right
}

.Grid-1of9--prefix {
    margin-left: 11.11111111%
}

.Grid-1of9--suffix {
    margin-right: 11.11111111%
}

.Grid-1of9--push {
    left: 11.11111111%
}

.Grid-1of9--pull {
    left: -11.11111111%
}

.Grid-2of9 {
    clear: none;
    float: left;
    width: 22.22222222%
}

.Grid-2of9-right {
    float: right
}

.Grid-2of9--prefix {
    margin-left: 22.22222222%
}

.Grid-2of9--suffix {
    margin-right: 22.22222222%
}

.Grid-2of9--push {
    left: 22.22222222%
}

.Grid-2of9--pull {
    left: -22.22222222%
}

.Grid-3of9 {
    clear: none;
    float: left;
    width: 33.33333333%
}

.Grid-3of9-right {
    float: right
}

.Grid-3of9--prefix {
    margin-left: 33.33333333%
}

.Grid-3of9--suffix {
    margin-right: 33.33333333%
}

.Grid-3of9--push {
    left: 33.33333333%
}

.Grid-3of9--pull {
    left: -33.33333333%
}

.Grid-4of9 {
    clear: none;
    float: left;
    width: 44.44444444%
}

.Grid-4of9-right {
    float: right
}

.Grid-4of9--prefix {
    margin-left: 44.44444444%
}

.Grid-4of9--suffix {
    margin-right: 44.44444444%
}

.Grid-4of9--push {
    left: 44.44444444%
}

.Grid-4of9--pull {
    left: -44.44444444%
}

.Grid-5of9 {
    clear: none;
    float: left;
    width: 55.55555556%
}

.Grid-5of9-right {
    float: right
}

.Grid-5of9--prefix {
    margin-left: 55.55555556%
}

.Grid-5of9--suffix {
    margin-right: 55.55555556%
}

.Grid-5of9--push {
    left: 55.55555556%
}

.Grid-5of9--pull {
    left: -55.55555556%
}

.Grid-6of9 {
    clear: none;
    float: left;
    width: 66.66666667%
}

.Grid-6of9-right {
    float: right
}

.Grid-6of9--prefix {
    margin-left: 66.66666667%
}

.Grid-6of9--suffix {
    margin-right: 66.66666667%
}

.Grid-6of9--push {
    left: 66.66666667%
}

.Grid-6of9--pull {
    left: -66.66666667%
}

.Grid-7of9 {
    clear: none;
    float: left;
    width: 77.77777778%
}

.Grid-7of9-right {
    float: right
}

.Grid-7of9--prefix {
    margin-left: 77.77777778%
}

.Grid-7of9--suffix {
    margin-right: 77.77777778%
}

.Grid-7of9--push {
    left: 77.77777778%
}

.Grid-7of9--pull {
    left: -77.77777778%
}

.Grid-8of9 {
    clear: none;
    float: left;
    width: 88.88888889%
}

.Grid-8of9-right {
    float: right
}

.Grid-8of9--prefix {
    margin-left: 88.88888889%
}

.Grid-8of9--suffix {
    margin-right: 88.88888889%
}

.Grid-8of9--push {
    left: 88.88888889%
}

.Grid-8of9--pull {
    left: -88.88888889%
}

.Grid-1of10 {
    clear: none;
    float: left;
    width: 10%
}

.Grid-1of10-right {
    float: right
}

.Grid-1of10--prefix {
    margin-left: 10%
}

.Grid-1of10--suffix {
    margin-right: 10%
}

.Grid-1of10--push {
    left: 10%
}

.Grid-1of10--pull {
    left: -10%
}

.Grid-2of10 {
    clear: none;
    float: left;
    width: 20%
}

.Grid-2of10-right {
    float: right
}

.Grid-2of10--prefix {
    margin-left: 20%
}

.Grid-2of10--suffix {
    margin-right: 20%
}

.Grid-2of10--push {
    left: 20%
}

.Grid-2of10--pull {
    left: -20%
}

.Grid-3of10 {
    clear: none;
    float: left;
    width: 30%
}

.Grid-3of10-right {
    float: right
}

.Grid-3of10--prefix {
    margin-left: 30%
}

.Grid-3of10--suffix {
    margin-right: 30%
}

.Grid-3of10--push {
    left: 30%
}

.Grid-3of10--pull {
    left: -30%
}

.Grid-4of10 {
    clear: none;
    float: left;
    width: 40%
}

.Grid-4of10-right {
    float: right
}

.Grid-4of10--prefix {
    margin-left: 40%
}

.Grid-4of10--suffix {
    margin-right: 40%
}

.Grid-4of10--push {
    left: 40%
}

.Grid-4of10--pull {
    left: -40%
}

.Grid-5of10 {
    clear: none;
    float: left;
    width: 50%
}

.Grid-5of10-right {
    float: right
}

.Grid-5of10--prefix {
    margin-left: 50%
}

.Grid-5of10--suffix {
    margin-right: 50%
}

.Grid-5of10--push {
    left: 50%
}

.Grid-5of10--pull {
    left: -50%
}

.Grid-6of10 {
    clear: none;
    float: left;
    width: 60%
}

.Grid-6of10-right {
    float: right
}

.Grid-6of10--prefix {
    margin-left: 60%
}

.Grid-6of10--suffix {
    margin-right: 60%
}

.Grid-6of10--push {
    left: 60%
}

.Grid-6of10--pull {
    left: -60%
}

.Grid-7of10 {
    clear: none;
    float: left;
    width: 70%
}

.Grid-7of10-right {
    float: right
}

.Grid-7of10--prefix {
    margin-left: 70%
}

.Grid-7of10--suffix {
    margin-right: 70%
}

.Grid-7of10--push {
    left: 70%
}

.Grid-7of10--pull {
    left: -70%
}

.Grid-8of10 {
    clear: none;
    float: left;
    width: 80%
}

.Grid-8of10-right {
    float: right
}

.Grid-8of10--prefix {
    margin-left: 80%
}

.Grid-8of10--suffix {
    margin-right: 80%
}

.Grid-8of10--push {
    left: 80%
}

.Grid-8of10--pull {
    left: -80%
}

.Grid-9of10 {
    clear: none;
    float: left;
    width: 90%
}

.Grid-9of10-right {
    float: right
}

.Grid-9of10--prefix {
    margin-left: 90%
}

.Grid-9of10--suffix {
    margin-right: 90%
}

.Grid-9of10--push {
    left: 90%
}

.Grid-9of10--pull {
    left: -90%
}

.Grid-1of11 {
    clear: none;
    float: left;
    width: 9.09090909%
}

.Grid-1of11-right {
    float: right
}

.Grid-1of11--prefix {
    margin-left: 9.09090909%
}

.Grid-1of11--suffix {
    margin-right: 9.09090909%
}

.Grid-1of11--push {
    left: 9.09090909%
}

.Grid-1of11--pull {
    left: -9.09090909%
}

.Grid-2of11 {
    clear: none;
    float: left;
    width: 18.18181818%
}

.Grid-2of11-right {
    float: right
}

.Grid-2of11--prefix {
    margin-left: 18.18181818%
}

.Grid-2of11--suffix {
    margin-right: 18.18181818%
}

.Grid-2of11--push {
    left: 18.18181818%
}

.Grid-2of11--pull {
    left: -18.18181818%
}

.Grid-3of11 {
    clear: none;
    float: left;
    width: 27.27272727%
}

.Grid-3of11-right {
    float: right
}

.Grid-3of11--prefix {
    margin-left: 27.27272727%
}

.Grid-3of11--suffix {
    margin-right: 27.27272727%
}

.Grid-3of11--push {
    left: 27.27272727%
}

.Grid-3of11--pull {
    left: -27.27272727%
}

.Grid-4of11 {
    clear: none;
    float: left;
    width: 36.36363636%
}

.Grid-4of11-right {
    float: right
}

.Grid-4of11--prefix {
    margin-left: 36.36363636%
}

.Grid-4of11--suffix {
    margin-right: 36.36363636%
}

.Grid-4of11--push {
    left: 36.36363636%
}

.Grid-4of11--pull {
    left: -36.36363636%
}

.Grid-5of11 {
    clear: none;
    float: left;
    width: 45.45454545%
}

.Grid-5of11-right {
    float: right
}

.Grid-5of11--prefix {
    margin-left: 45.45454545%
}

.Grid-5of11--suffix {
    margin-right: 45.45454545%
}

.Grid-5of11--push {
    left: 45.45454545%
}

.Grid-5of11--pull {
    left: -45.45454545%
}

.Grid-6of11 {
    clear: none;
    float: left;
    width: 54.54545455%
}

.Grid-6of11-right {
    float: right
}

.Grid-6of11--prefix {
    margin-left: 54.54545455%
}

.Grid-6of11--suffix {
    margin-right: 54.54545455%
}

.Grid-6of11--push {
    left: 54.54545455%
}

.Grid-6of11--pull {
    left: -54.54545455%
}

.Grid-7of11 {
    clear: none;
    float: left;
    width: 63.63636364%
}

.Grid-7of11-right {
    float: right
}

.Grid-7of11--prefix {
    margin-left: 63.63636364%
}

.Grid-7of11--suffix {
    margin-right: 63.63636364%
}

.Grid-7of11--push {
    left: 63.63636364%
}

.Grid-7of11--pull {
    left: -63.63636364%
}

.Grid-8of11 {
    clear: none;
    float: left;
    width: 72.72727273%
}

.Grid-8of11-right {
    float: right
}

.Grid-8of11--prefix {
    margin-left: 72.72727273%
}

.Grid-8of11--suffix {
    margin-right: 72.72727273%
}

.Grid-8of11--push {
    left: 72.72727273%
}

.Grid-8of11--pull {
    left: -72.72727273%
}

.Grid-9of11 {
    clear: none;
    float: left;
    width: 81.81818182%
}

.Grid-9of11-right {
    float: right
}

.Grid-9of11--prefix {
    margin-left: 81.81818182%
}

.Grid-9of11--suffix {
    margin-right: 81.81818182%
}

.Grid-9of11--push {
    left: 81.81818182%
}

.Grid-9of11--pull {
    left: -81.81818182%
}

.Grid-10of11 {
    clear: none;
    float: left;
    width: 90.90909091%
}

.Grid-10of11-right {
    float: right
}

.Grid-10of11--prefix {
    margin-left: 90.90909091%
}

.Grid-10of11--suffix {
    margin-right: 90.90909091%
}

.Grid-10of11--push {
    left: 90.90909091%
}

.Grid-10of11--pull {
    left: -90.90909091%
}

.Grid-1of12 {
    clear: none;
    float: left;
    width: 8.33333333%
}

.Grid-1of12-right {
    float: right
}

.Grid-1of12--prefix {
    margin-left: 8.33333333%
}

.Grid-1of12--suffix {
    margin-right: 8.33333333%
}

.Grid-1of12--push {
    left: 8.33333333%
}

.Grid-1of12--pull {
    left: -8.33333333%
}

.Grid-2of12 {
    clear: none;
    float: left;
    width: 16.66666667%
}

.Grid-2of12-right {
    float: right
}

.Grid-2of12--prefix {
    margin-left: 16.66666667%
}

.Grid-2of12--suffix {
    margin-right: 16.66666667%
}

.Grid-2of12--push {
    left: 16.66666667%
}

.Grid-2of12--pull {
    left: -16.66666667%
}

.Grid-3of12 {
    clear: none;
    float: left;
    width: 25%
}

.Grid-3of12-right {
    float: right
}

.Grid-3of12--prefix {
    margin-left: 25%
}

.Grid-3of12--suffix {
    margin-right: 25%
}

.Grid-3of12--push {
    left: 25%
}

.Grid-3of12--pull {
    left: -25%
}

.Grid-4of12 {
    clear: none;
    float: left;
    width: 33.33333333%
}

.Grid-4of12-right {
    float: right
}

.Grid-4of12--prefix {
    margin-left: 33.33333333%
}

.Grid-4of12--suffix {
    margin-right: 33.33333333%
}

.Grid-4of12--push {
    left: 33.33333333%
}

.Grid-4of12--pull {
    left: -33.33333333%
}

.Grid-5of12 {
    clear: none;
    float: left;
    width: 41.66666667%
}

.Grid-5of12-right {
    float: right
}

.Grid-5of12--prefix {
    margin-left: 41.66666667%
}

.Grid-5of12--suffix {
    margin-right: 41.66666667%
}

.Grid-5of12--push {
    left: 41.66666667%
}

.Grid-5of12--pull {
    left: -41.66666667%
}

.Grid-6of12 {
    clear: none;
    float: left;
    width: 50%
}

.Grid-6of12-right {
    float: right
}

.Grid-6of12--prefix {
    margin-left: 50%
}

.Grid-6of12--suffix {
    margin-right: 50%
}

.Grid-6of12--push {
    left: 50%
}

.Grid-6of12--pull {
    left: -50%
}

.Grid-7of12 {
    clear: none;
    float: left;
    width: 58.33333333%
}

.Grid-7of12-right {
    float: right
}

.Grid-7of12--prefix {
    margin-left: 58.33333333%
}

.Grid-7of12--suffix {
    margin-right: 58.33333333%
}

.Grid-7of12--push {
    left: 58.33333333%
}

.Grid-7of12--pull {
    left: -58.33333333%
}

.Grid-8of12 {
    clear: none;
    float: left;
    width: 66.66666667%
}

.Grid-8of12-right {
    float: right
}

.Grid-8of12--prefix {
    margin-left: 66.66666667%
}

.Grid-8of12--suffix {
    margin-right: 66.66666667%
}

.Grid-8of12--push {
    left: 66.66666667%
}

.Grid-8of12--pull {
    left: -66.66666667%
}

.Grid-9of12 {
    clear: none;
    float: left;
    width: 75%
}

.Grid-9of12-right {
    float: right
}

.Grid-9of12--prefix {
    margin-left: 75%
}

.Grid-9of12--suffix {
    margin-right: 75%
}

.Grid-9of12--push {
    left: 75%
}

.Grid-9of12--pull {
    left: -75%
}

.Grid-10of12 {
    clear: none;
    float: left;
    width: 83.33333333%
}

.Grid-10of12-right {
    float: right
}

.Grid-10of12--prefix {
    margin-left: 83.33333333%
}

.Grid-10of12--suffix {
    margin-right: 83.33333333%
}

.Grid-10of12--push {
    left: 83.33333333%
}

.Grid-10of12--pull {
    left: -83.33333333%
}

.Grid-11of12 {
    clear: none;
    float: left;
    width: 91.66666667%
}

.Grid-11of12-right {
    float: right
}

.Grid-11of12--prefix {
    margin-left: 91.66666667%
}

.Grid-11of12--suffix {
    margin-right: 91.66666667%
}

.Grid-11of12--push {
    left: 91.66666667%
}

.Grid-11of12--pull {
    left: -91.66666667%
}



.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary) { 
background:url(/static/components/MythicKeystoneDungeonRun/MythicKeystoneDungeonRun-background.ee8e1e8d1ca604e2fc28a8e14877bc62.jpg);
background-position:top;
border:1px solid #3f4f56}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--POOR { 
border-color:#9d9d9d}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--COMMON { 
border-color:#fff}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--UNCOMMON { 
border-color:#1eff00}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--RARE { 
border-color:#0081ff}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--EPIC { 
border-color:#c600ff}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--LEGENDARY { 
border-color:#ff8000}
.MythicKeystoneDungeonRun-name { 
font-size:1.08rem;
line-height:1;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#f8b700;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400;
-webkit-transition:all .25s cubic-bezier(.23,1,.32,1) 0s;
transition:all .25s cubic-bezier(.23,1,.32,1) 0s}
@media (min-width:720px) { 
.MythicKeystoneDungeonRun-name { 
font-size:1.224rem}
}
@media (min-width:1280px) { 
.MythicKeystoneDungeonRun-name { 
font-size:1.24rem}
}
.MythicKeystoneDungeonRun-name.zh-cn,.zh-cn .MythicKeystoneDungeonRun-name { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .MythicKeystoneDungeonRun-name,.MythicKeystoneDungeonRun-name.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.MythicKeystoneDungeonRun-name.ru-ru,.ru-ru .MythicKeystoneDungeonRun-name { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.MythicKeystoneDungeonRun-name.zh-tw,.zh-tw .MythicKeystoneDungeonRun-name { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
html:not(.touch) .ControlledModalToggle:hover .MythicKeystoneDungeonRun-name { 
color:#fff;
cursor:pointer}
.MythicKeystoneDungeonRun-difficulties { 
width:100%}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating { 
font-size:1rem;
line-height:1.5;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400;
text-align: center;}
@media (min-width:720px) { 
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating { 
font-size:1.02rem}
}
@media (min-width:1280px) { 
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating { 
font-size:1.2rem}
}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating.zh-cn,.zh-cn .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating,.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating.ru-ru,.ru-ru .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating.zh-tw,.zh-tw .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.MythicKeystoneDungeonRun-partyLink { 
color:#f8b700;
-webkit-transition:all .25s cubic-bezier(.23,1,.32,1) 0s;
transition:all .25s cubic-bezier(.23,1,.32,1) 0s;
cursor:pointer}
html:not(.touch) .MythicKeystoneDungeonRun-partyLink:hover { 
color:#fff}
.MythicKeystoneDungeonRun-header { 
-webkit-transition:all .25s cubic-bezier(.23,1,.32,1) 0s;
transition:all .25s cubic-bezier(.23,1,.32,1) 0s;
padding-top:33%;
background-position:top;
background-size:100%;
background-repeat:no-repeat;
overflow:hidden;
position:relative;
border-bottom:1px solid #3f4f56}
html:not(.touch) .ControlledModalToggle:hover .MythicKeystoneDungeonRun-header { 
cursor:pointer;
-webkit-filter:brightness(1.1);
filter:brightness(1.1)}
.MythicKeystoneDungeonRun--summary .MythicKeystoneDungeonRun-header { 
border:1px solid #3f4f56;
padding-top:45%}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--POOR { 
border-color:#9d9d9d}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--COMMON { 
border-color:#fff}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--UNCOMMON { 
border-color:#1eff00}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--RARE { 
border-color:#0081ff}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--EPIC { 
border-color:#c600ff}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--LEGENDARY { 
border-color:#ff8000}
.MythicKeystoneDungeonRun-level.Chakram { 
position:absolute;
top:50%;
left:10px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)}
.MythicKeystoneDungeonRun--summary .MythicKeystoneDungeonRun-level.Chakram { 
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)}
.MythicKeystoneDungeonRun-duration { 
font-size:1.08rem;
line-height:1;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400;
text-align: center;}
@media (min-width:720px) { 
.MythicKeystoneDungeonRun-duration { 
font-size:1.224rem}
}
@media (min-width:1280px) { 
.MythicKeystoneDungeonRun-duration { 
font-size:1.24rem}
}
.MythicKeystoneDungeonRun-duration.zh-cn,.zh-cn .MythicKeystoneDungeonRun-duration { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .MythicKeystoneDungeonRun-duration,.MythicKeystoneDungeonRun-duration.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.MythicKeystoneDungeonRun-duration.ru-ru,.ru-ru .MythicKeystoneDungeonRun-duration { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.MythicKeystoneDungeonRun-duration.zh-tw,.zh-tw .MythicKeystoneDungeonRun-duration { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.MythicKeystoneDungeonRun-dungeonRating { 
font-size:1.08rem;
line-height:1;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400;
text-align: center;}
@media (min-width:720px) { 
.MythicKeystoneDungeonRun-dungeonRating { 
font-size:1.224rem}
}
@media (min-width:1280px) { 
.MythicKeystoneDungeonRun-dungeonRating { 
font-size:1.24rem}
}
.MythicKeystoneDungeonRun-dungeonRating.zh-cn,.zh-cn .MythicKeystoneDungeonRun-dungeonRating { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .MythicKeystoneDungeonRun-dungeonRating,.MythicKeystoneDungeonRun-dungeonRating.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.MythicKeystoneDungeonRun-dungeonRating.ru-ru,.ru-ru .MythicKeystoneDungeonRun-dungeonRating { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.MythicKeystoneDungeonRun-dungeonRating.zh-tw,.zh-tw .MythicKeystoneDungeonRun-dungeonRating { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.MythicKeystoneDungeonRun-overage-duration { 
font-size:1.08rem;
line-height:1;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#777;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400;
text-align: center;
}
@media (min-width:720px) { 
.MythicKeystoneDungeonRun-overage-duration { 
font-size:1.224rem}
}
@media (min-width:1280px) { 
.MythicKeystoneDungeonRun-overage-duration { 
font-size:1.24rem}
}
.MythicKeystoneDungeonRun-overage-duration.zh-cn,.zh-cn .MythicKeystoneDungeonRun-overage-duration { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .MythicKeystoneDungeonRun-overage-duration,.MythicKeystoneDungeonRun-overage-duration.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.MythicKeystoneDungeonRun-overage-duration.ru-ru,.ru-ru .MythicKeystoneDungeonRun-overage-duration { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.MythicKeystoneDungeonRun-overage-duration.zh-tw,.zh-tw .MythicKeystoneDungeonRun-overage-duration { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.MythicKeystoneDungeonRun-overage-over-time { 
font-size:1rem;
line-height:1;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#777;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400}
@media (min-width:720px) { 
.MythicKeystoneDungeonRun-overage-over-time { 
font-size:1.02rem}
}
@media (min-width:1280px) { 
.MythicKeystoneDungeonRun-overage-over-time { 
font-size:1.2rem}
}
.MythicKeystoneDungeonRun-overage-over-time.zh-cn,.zh-cn .MythicKeystoneDungeonRun-overage-over-time { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .MythicKeystoneDungeonRun-overage-over-time,.MythicKeystoneDungeonRun-overage-over-time.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.MythicKeystoneDungeonRun-overage-over-time.ru-ru,.ru-ru .MythicKeystoneDungeonRun-overage-over-time { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.MythicKeystoneDungeonRun-overage-over-time.zh-tw,.zh-tw .MythicKeystoneDungeonRun-overage-over-time { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.MythicKeystoneDungeonRun--summary .MythicKeystoneDungeonRun-overage-over-time { 
display:block}
.MythicKeystoneDungeonRun-affixesContainer { 
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap}
.MythicKeystoneDungeonRun-affix { 
cursor:pointer;
margin-top:4px;
margin-right:10px}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-header { 
padding:2%;
border:1px solid #3f4f56}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name { 
font-size:1.296rem;
line-height:1.5;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400}
@media (min-width:720px) { 
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name { 
font-size:1.4687999999999999rem}
}
@media (min-width:1280px) { 
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name { 
font-size:1.728rem}
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name.zh-cn,.zh-cn .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name,.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name.ru-ru,.ru-ru .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name.zh-tw,.zh-tw .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration { 
font-size:1.296rem;
line-height:1.5;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400}
@media (min-width:720px) { 
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration { 
font-size:1.4687999999999999rem}
}
@media (min-width:1280px) { 
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration { 
font-size:1.728rem}
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration.zh-cn,.zh-cn .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration,.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration.ru-ru,.ru-ru .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration.zh-tw,.zh-tw .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.MythicKeystoneDungeonRun-noDataSection { 
display:none}
.MythicKeystoneDungeonRun[disabled] { 
opacity:.5}
.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-affixesContainer,.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-duration,.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-level,.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-partyLink { 
display:none}
.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-noDataSection { 
display:block}
.MythicKeystoneDungeonRun-slide { 
width:66%}


.PartyCharacter-role { 
display:inline-block;
width:28px;
height:28px;
background-repeat:no-repeat;
background-size:contain;
position:relative;
margin-top:-18px}
.PartyCharacter-name { 
font-size:1rem;
line-height:1.5;
font-family:Open Sans,Arial,Helvetica,sans-serif;
color:#fff;
text-shadow:0 0 1px transparent,0 1px 2px rgba(0,0,0,.8);
font-weight:400;
-webkit-transition:all .25s cubic-bezier(.23,1,.32,1) 0s;
transition:all .25s cubic-bezier(.23,1,.32,1) 0s}
@media (min-width:720px) { 
.PartyCharacter-name { 
font-size:1.02rem}
}
@media (min-width:1280px) { 
.PartyCharacter-name { 
font-size:1.2rem}
}
.PartyCharacter-name.zh-cn,.zh-cn .PartyCharacter-name { 
font-family:Arial,Helvetica,微软雅黑,Microsoft YaHei,Hei SC,sans-serif}
.ko-kr .PartyCharacter-name,.PartyCharacter-name.ko-kr { 
font-family:Arial,Helvetica,맑은 고딕,Malgun Gothic,애플산돌고딕네오,AppleSDGothicNeo,애플고딕,AppleGothic,돋움,Dotum,sans-serif}
.PartyCharacter-name.ru-ru,.ru-ru .PartyCharacter-name { 
font-family:Open Sans,Arial,Helvetica,sans-serif}
.PartyCharacter-name.zh-tw,.zh-tw .PartyCharacter-name { 
font-family:Arial,Helvetica,黑體-繁,Heiti TC,微軟正黑,Microsoft JhengHei,Tei TC,sans-serif}
.PartyCharacter-link:focus .PartyCharacter-name,html:not(.touch) .PartyCharacter-link:hover .PartyCharacter-name { 
color:#fff;
text-decoration:underline}
.PartyCharacter--DEATHKNIGHT .PartyCharacter-name { 
color:#c41e3b}
.PartyCharacter--DEMONHUNTER .PartyCharacter-name { 
color:#a330c9}
.PartyCharacter--DRUID .PartyCharacter-name { 
color:#ff7c0a}
.PartyCharacter--HUNTER .PartyCharacter-name { 
color:#aad372}
.PartyCharacter--MAGE .PartyCharacter-name { 
color:#68ccef}
.PartyCharacter--MONK .PartyCharacter-name { 
color:#00ffba}
.PartyCharacter--PALADIN .PartyCharacter-name { 
color:#f48cba}
.PartyCharacter--PRIEST .PartyCharacter-name { 
color:#f0ebe0}
.PartyCharacter--ROGUE .PartyCharacter-name { 
color:#fff468}
.PartyCharacter--SHAMAN .PartyCharacter-name { 
color:#2359ff}
.PartyCharacter--WARLOCK .PartyCharacter-name { 
color:#9382c9}
.PartyCharacter--WARRIOR .PartyCharacter-name { 
color:#c69b6d}