.profile-achievements__percentage  {
    display:block;
    text-align:right
}
.profile-achievements__list  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center
}
.profile-badge  {
    height:50px;
    margin-bottom:5px;
    text-align:center;
    background-position:50%;
    background-repeat:no-repeat
}
.profile-badge--level  {
    background-image:url(/images/badges/levelbadge.png)
}
@media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx)  {
    .profile-badge--level  {
        background-image:url(/images/badges/levelbadge@2x.png);
        background-size:50px 50px
    }
}
.profile-badge__number  {
    position: relative;
    font-size:16px;
    font-weight:700;
    color:#fff;
    top:6px
}
.profile-cover-change-popup  {
    border-radius:4px;
    box-shadow:0 1px 3px rgba(0,0,0,.25);
    position:absolute;
    top:200px;
    right:10px;
    width:285px;
    background:#fff;
    font-size:10px;
    text-align:center
}
.profile-cover-change-popup__defaults  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-5px;
    margin-bottom:-5px;
    padding:10px
}
.profile-cover-change-popup__selection  {
    -ms-flex:0 0 85px;
    flex:0 0 85px;
    height:85px;
    margin-right:5px;
    margin-bottom:5px;
    cursor:pointer;
    background-size:cover;
    background-position:50%
}
.profile-cover-change-popup__selected-mark  {
    text-shadow:0 1px 3px rgba(0,0,0,.75);
    color:#fff;
    font-size:24px;
    position:absolute;
    bottom:10px;
    left:10px
}
.profile-cover-change-popup__selections-info  {
    padding:10px;
    margin-bottom:0;
    width:100%
}
.profile-cover-change-popup__drop-overlay  {
    border-radius:4px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    font-size:24px;
    padding:20px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:rgba(0,0,0,.5)
}
.profile-cover-change-popup__drop-overlay--hover  {
    background-color:rgba(0,0,0,.7)
}
.profile-cover-uploader  {
    padding:10px;
    padding-right:5px;
    border-top:1px solid #ccc
}
.profile-cover-uploader__button  {
    text-transform:none;
    height:30px;
    margin-right:5px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.profile-cover-uploader__info  {
    padding:10px;
    margin-bottom:-10px
}
.profile-cover-uploader__info-entry  {
    margin-bottom:5px
}
.profile-extra-entries  {
    list-style:none;
    padding:0;
    margin:0
}
.profile-extra-entries__item  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:5px;
    height:25px;
    white-space:nowrap
}
.profile-extra-entries__item--show-more  {
    -ms-flex-pack:center;
    justify-content:center
}
.profile-extra-entries__item--top-ranks  {
    height:auto;
    border-bottom:1px solid #eee;
    margin:0;
    padding:10px 0
}
.profile-extra-entries__item--top-ranks:before  {
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    content:' ';
    margin:0 -10px;
    width:calc(100% + 20px);
    pointer-events:none;
    will-change:opacity;
    transition:all 25ms ease-out;
    opacity:0;
    background-color:#eee;
    box-shadow:0 1px 3px rgba(0,0,0,.25)
}
.profile-extra-entries__item--top-ranks:hover:before  {
    opacity:1;
    transition:all 50ms ease-out
}
.profile-extra-entries__detail  {
    -ms-flex:1;
    flex:1;
    min-width:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.profile-extra-entries__detail--vertical  {
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:stretch;
    align-items:stretch
}
.profile-extra-entries__detail-column  {
    -ms-flex:none;
    flex:none;
    overflow:hidden;
    text-overflow:ellipsis
}
.profile-extra-entries__detail-column--full  {
    min-width:0;
    -ms-flex:1;
    flex:1
}
.profile-extra-entries__detail-row  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:end;
    align-items:flex-end
}
.profile-extra-entries__text  {
    overflow:hidden;
    text-overflow:ellipsis;
    margin-right:20px
}
.profile-extra-entries__text-score  {
    font-style:italic;
    font-size:11px
}
.profile-extra-entries__text-score--title  {
    font-size:16px;
    font-weight:400
}
.profile-extra-entries__text-score--pp  {
    font-size:18px;
    font-weight:700;
    color:#cc5288
}
.profile-extra-entries__text-score--time  {
    font-style:normal
}
.profile-extra-entries__icon  {
    -ms-flex:none;
    flex:none;
    width:25px;
    height:25px;
    margin-right:10px
}
.profile-extra-user-page--new  {
    text-align:center
}
.profile-extra-user-page__new-content  {
    margin-bottom:40px
}
.profile-extra-user-page__new-content--icon  {
    font-size:125px
}
.profile-extra-user-page-editor  {
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    width:100%;
    resize:none;
    border:none;
    outline:none;
    min-height:200px;
    font-family:Menlo,Monaco,Consolas,Courier New,monospace
}
.profile-header  {
    background-color:#333;
    height:250px;
    padding:0
}
.profile-header__cover  {
    background-size:cover;
    background-position:50% 50%;
    position:absolute;
    width:100%;
    height:100%;
    opacity:.5;
    transition:background-image .2s ease-in-out
}
@media (min-width:840px)  {
    .profile-header__cover  {
        opacity:1
    }

}
.profile-header__avatar-container  {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    padding-bottom:60px;
    -ms-flex-item-align:center;
    align-self:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width:840px)  {
    .profile-header__avatar-container  {
        height:60px;
        padding-bottom:0;
        bottom:0;
        top:auto;
        width:110px;
        margin-left:30px
    }

}
.profile-header__uploading-spinner-container  {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-bottom:60px;
    font-size:80px;
    color:#fff;
    background:rgba(0,0,0,.7);
    transition:opacity .12s;
    opacity:0;
    pointer-events:none
}
.profile-header__uploading-spinner-container[data-state=enabled]  {
    opacity:1;
    pointer-events:auto
}
.profile-header__userbar-container  {
    position:absolute;
    bottom:0;
    width:100%;
    background:hsla(0,0%,100%,.8);
    height:60px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0
}
.profile-header__change-cover-button  {
    border-radius:4px;
    text-shadow:0 1px 3px rgba(0,0,0,.75);
    position:absolute;
    bottom:70px;
    right:10px;
    padding:5px 10px;
    font-size:12px;
    font-weight:700;
    background-color:rgba(0,0,0,.5);
    color:#fff;
    cursor:pointer;
    display:none
}
@media (min-width:840px)  {
    .profile-header__change-cover-button  {
        display:block
    }

}
.profile-info__icons  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
.profile-info__icon  {
    border-radius:50%;
    width:50px;
    height:50px;
    border-width:5px;
    font-size:20px
}
.profile-info__title  {
    font-weight:700;
    margin:0
}
.profile-info__title--supporter  {
    color:#cc5288
}
.profile-info__location  {
    margin:0
}
.profile-info__data-key  {
    font-weight:400;
    font-size:12px
}
.profile-info__data-value  {
    font-weight:700;
    margin-bottom:10px
}
.profile-info__data-value:last-child  {
    margin-bottom:0
}
.profile-info {
    float: left;
}
.profile-stats {
    margin-left: 30%;
    margin-right: auto;
    width: 60%;
}

.profile-div-wrapper {
    margin-bottom: 25px;
    background-color: rgba(230,96,171,0.09);
    border: 10px solid rgba(0,0,0,0);
    border-radius: 15px;
}

.profile-div-title {
    color: #333;
    font-size: 200%;
    font-style: oblique;
    text-align: center;
    margin: 0px 0px 15px 0px;
}
    
.profile-stats__stat  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:5px;
}
.profile-stats__stat--full  {
    -ms-flex-direction:column;
    flex-direction:column
}
.profile-stats__stat-key  {
    font-weight:400
}
.profile-stats__stat-value  {
    font-weight:700
}
.profile-stats__stat-value--light  {
    font-weight:400
}
.profile-stats__ranks  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:10px
}
.profile-stats__rank  {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center
}

.bar--user-profile {
    height: 10px;
    background-color: #ddd;
    margin-bottom: 5px;
}

.bar__fill {
    background-color: #4ad;
}
.bar__fill {
    height: 100%;
}

.profile-desc {
    margin: 0;
    padding: 0;
    color: #555;
    font-size: 24px;
    font-style: normal;
    line-height: 1.1;
}

.profile-desc {
    text-align: center !important;
}

.profile-badgecustom {
    float: left;
    width: 220px;
    height: 234px;
    margin-left: 28px;
}

.profile-badgetext {
    text-align: left;
    font-style: italic;
    color: grey;
}

.profile-info {
    width: 138px;
    padding: 0px 5px 15px 5px;
    z-index: 30;
}

.profile-info > img {
    position: absolute;
}

.profile-pic > div > img {
    background: #3A6F9A;
    vertical-align: middle;
    max-height: 128px;
    max-width: 128px;
}

.profile-pic {
    margin-left: 11px; 
}

.profile-mods {
    float: left;
    padding: 0px 5px 0px 0px;
}


.profile-mods > img {
    margin-left: 6px;
}

.profile-mods > li {
    margin: 0px 0px 0px 0px;
    list-style-type: none;
}

.profile-mods > li > a > input[type=button] {
    width: 110px;
    background-image: url('../../images/interact/button_on.png');
    border: none;
    color: #FAE6F1;
    margin: 0px 0px 0px 6px;
    padding: 0px 0px 0px 0px;
}

.profile-mods > li > a > input[type=button]:hover {
    background-image: url('../../images/interact/button.png');
    color: #FAE6F1;
}

.profile-mods > li > a > .active{
    background-image: url('../../images/interact/button.png') !important;
    color: #FAE6F1;
}

.profile-mods > li > a > .btn-ignore {
    background-image: url('../../images/interact/button_title.png') !important;
    font-size: 110%;
    font-style: italic;
}

#time-container > div {
    display: inline-block;
}

#time-container-left {
    width: 25px;
    height: 86px;
    background-image: url('../../images/time-container/time_left.png');
}

#time-container-right {
    width: 25px;
    height: 86px;
    background-image: url('../../images/time-container/time_right.png');
}

#time-container-middle {
    width: calc(100% - 50px);
    height: 86px;
    background-image: url('../../images/time-container/time_mid.png');
    background-repeat: repeat-x;
}

#time-container-middle-text {
    width: 634px;
    position:absolute;
    padding-top: 9px;
    font-size: 250%;
    text-align: center;
    color: white;
    text-shadow: 2px 2px rgba(0,0,0,0.25);
}

input[type=range] {
  -webkit-appearance: none;
  background-color: transparent;
  border: 0px solid transparent;
}
input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: #e660ab;
  border-radius: 20px;
  
}
input[type=range]::-webkit-slider-thumb {
  border: 1px solid #000000;
  height: 20px;
  width: 20px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e660ab;
}


input[type=range]::-moz-range-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: #e660ab;
  border-radius: 20px;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid #000000;
  height: 23px;
  width: 23px;
  border-radius: 16px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}

.label_travel {
    margin: 5px 0px 0px 55px;
    font-size: 75%;
    color: #e660ab;
}


.profile-graphs {
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    width: 45%;
}

.profile-graphlist > li {
    display: inline-block;
    list-style: none;
}

.profile-graphlist > li > input {
    margin: 0 0 0 0;
}

.profile-graphlist > li .active {
    background-color: #F28AC4;
}

.frame {
    height: 128px;
    width: 128px;
    white-space: nowrap;
    
    text-align: center; margin: 1em 0;
    margin: 0 0 0 0; 
}

.frame:before,
.frame_before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}