.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.introjs-showElement,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    z-index: 9999999 !important
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.introjs-relativePosition,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    position: relative
}

.introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.introjs-helperLayer *,
.introjs-helperLayer :after,
.introjs-helperLayer :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    background: #ff3019;
    background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019), color-stop(100%, #cf0404));
    background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
    background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.introjs-arrow {
    border: 5px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute
}

.introjs-arrow.top {
    top: -10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #fff
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-left-color: #fff
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-left-color: #fff
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-right {
    bottom: -10px;
    right: 10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-middle {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #fff
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-right-color: #fff
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-right-color: #fff
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: #fff;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
    -webkit-transition: opacity .1s ease-out;
    -moz-transition: opacity .1s ease-out;
    -ms-transition: opacity .1s ease-out;
    -o-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap
}

.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: .3em .8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    margin-top: 10px
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0 1px 1px #e3e3e3
}

.introjs-button:active,
.introjs-button:focus {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
    background-image: -moz-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4)
}

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a
}

.introjs-prevbutton {
    -webkit-border-radius: .2em 0 0 .2em;
    -moz-border-radius: .2em 0 0 .2em;
    border-radius: .2em 0 0 .2em;
    border-right: none
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.introjs-nextbutton {
    -webkit-border-radius: 0 .2em .2em 0;
    -moz-border-radius: 0 .2em .2em 0;
    border-radius: 0 .2em .2em 0
}

.introjs-nextbutton.introjs-fullbutton {
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

.introjs-hidden {
    display: none
}

.introjs-bullets {
    text-align: center
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px
}

.introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer
}

.introjs-bullets ul li a:hover {
    background: #999
}

.introjs-bullets ul li a.active {
    background: #999
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: 0 0;
    width: 20px;
    height: 15px;
    cursor: pointer
}

.introjs-hint:focus {
    border: 0;
    outline: 0
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, .57)
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, .27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136, 136, 136, .24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, .36);
    background: 0 0;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(0.1);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(0.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    25% {
        -moz-transform: scale(0);
        opacity: .1
    }

    50% {
        -moz-transform: scale(0.1);
        opacity: .3
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: .5
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0
    }

    25% {
        transform: scale(0);
        opacity: .1
    }

    50% {
        transform: scale(0.1);
        opacity: .3
    }

    75% {
        transform: scale(0.5);
        opacity: .5
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input,
.iti input[type=tel],
.iti input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #555
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

@media(max-width: 500px) {
    .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.iti__country {
    padding: 5px 10px;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__dial-code,
.iti__flag-box {
    vertical-align: middle
}

.iti__country-name,
.iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
    cursor: default
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0)
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.iti--container:hover {
    cursor: pointer
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti__flag {
    width: 20px
}

.iti__flag.iti__be {
    width: 18px
}

.iti__flag.iti__ch {
    width: 15px
}

.iti__flag.iti__mc {
    width: 19px
}

.iti__flag.iti__ne {
    width: 18px
}

.iti__flag.iti__np {
    width: 13px
}

.iti__flag.iti__va {
    width: 15px
}

@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0 0
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0
}

.iti__flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(flags/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(flags/flags@2x.png)
    }
}

.iti__flag.iti__np {
    background-color: rgba(0, 0, 0, 0)
}

div.mainwindow {
    background: rgba(0, 37, 61, .5);
    border-radius: 8px;
    padding: 8px
}

div.window {
    box-sizing: content-box;
    background: linear-gradient(to bottom, #0d62a7 0%, #0f8ab8 100%);
    border: 2px solid #10a7ca;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 0 0 2px #00609d;
    font-size: 14px;
    color: #fff
}

div.window>h1 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    height: 24px;
    background: #1e77b9;
    margin: 0;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 4px;
    margin-bottom: 8px;
    width: calc(100% + 16px);
    cursor: default
}

div.window h2 {
    color: #002c48;
    font-size: 14px;
    font-weight: 600;
    padding-left: 32px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid #2f97d0;
    margin-left: -8px;
    margin-right: -8px
}

div.okalert,
div.yesnowindow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 304px;
    margin-left: -200px;
    z-index: 6000;
    display: flex;
    flex-direction: column
}

div.okalert .message,
div.yesnowindow .message {
    flex: 1;
    padding: 8px;
    padding-bottom: 24px;
    padding-top: 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

div.okalert .message strong,
div.yesnowindow .message strong {
    font-weight: bold;
    color: #ffe666
}

div.okalert .message a,
div.yesnowindow .message a {
    color: inherit
}

div.okalert .buttons,
div.yesnowindow .buttons {
    margin-top: 24px;
    display: flex;
    width: 100%;
    justify-content: space-around
}

div.okalert h2,
div.yesnowindow h2 {
    text-align: center;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0;
    color: #fff
}

div.okalert.okalert,
div.yesnowindow.okalert {
    width: 286px;
    margin-left: -143px
}

div.okalert.okalert .message,
div.yesnowindow.okalert .message {
    text-align: center
}

.window.okalert.itemwindow .itemlist {
    position: static;
    width: auto;
    height: auto;
    padding-bottom: 16px
}

.window.okalert.itemwindow .itemlist a:has(.owned) {
    background: #b1ee5e;
    border: none
}

.window.okalert.avatar {
    margin-left: -300px;
    margin-top: -248px;
    width: 600px
}

.window.okalert.avatar canvas {
    width: 580px;
    align-self: center
}

.window.warn {
    background: linear-gradient(to bottom, #a10c0f 0%, #ca2f30 100%);
    border: 2px solid #c7150f;
    box-shadow: 0 0 0 2px #9a0000
}

.window.warn>h1 {
    background: #b62020
}

.window.warn h2 {
    color: #830e0c;
    border-top: 2px solid #b62020
}

.btn-large,
.btn,
.primary-btn,
.btn-small,
.items a.btn,
.itemlist a.btn,
.mobile.dressing .item-block .items a.btn,
.mobile.recycle .item-block .items a.btn,
.mobile.biznessbox .item-block .items a.btn,
.right-col .furniture-list-window.walls .items a.btn {
    display: block;
    width: 283px;
    height: 48px;
    border: none;
    box-sizing: content-box;
    font-size: 16px;
    font-weight: bold;
    color: #1d1d1d;
    text-align: center;
    line-height: 43px;
    padding: 0;
    cursor: pointer;
    text-transform: uppercase;
    background: url("common/large_button.png") no-repeat
}

.btn-large.btn,
.btn.btn,
.primary-btn.btn,
.btn-small.btn,
.items a.btn.btn,
.itemlist a.btn.btn,
.mobile.dressing .item-block .items a.btn.btn,
.mobile.recycle .item-block .items a.btn.btn,
.mobile.biznessbox .item-block .items a.btn.btn,
.right-col .furniture-list-window.walls .items a.btn.btn {
    background: url("common/medium_button.png") no-repeat;
    width: 136px
}

.btn-large.primary-btn,
.btn.primary-btn,
.primary-btn.primary-btn,
.btn-small.primary-btn,
.items a.btn.primary-btn,
.itemlist a.btn.primary-btn,
.mobile.dressing .item-block .items a.btn.primary-btn,
.mobile.recycle .item-block .items a.btn.primary-btn,
.mobile.biznessbox .item-block .items a.btn.primary-btn,
.right-col .furniture-list-window.walls .items a.btn.primary-btn {
    background: url("common/green_button.png") no-repeat;
    width: 136px
}

.btn-large.btn-small,
.btn.btn-small,
.primary-btn.btn-small,
.btn-small.btn-small,
.items a.btn.btn-small,
.itemlist a.btn.btn-small,
.mobile.dressing .item-block .items a.btn.btn-small,
.mobile.recycle .item-block .items a.btn.btn-small,
.mobile.biznessbox .item-block .items a.btn.btn-small,
.right-col .furniture-list-window.walls .items a.btn.btn-small {
    background: url("favorites/mannequin_button.png") no-repeat;
    width: 92px
}

.btn-large:hover,
.btn:hover,
.primary-btn:hover,
.btn-small:hover,
.items a.btn:hover,
.itemlist a.btn:hover,
.mobile.dressing .item-block .items a.btn:hover,
.mobile.recycle .item-block .items a.btn:hover,
.mobile.biznessbox .item-block .items a.btn:hover,
.right-col .furniture-list-window.walls .items a.btn:hover {
    background-position: 0 -48px
}

.btn-large.disabled,
.btn.disabled,
.primary-btn.disabled,
.btn-small.disabled,
.items a.btn.disabled,
.itemlist a.btn.disabled,
.mobile.dressing .item-block .items a.btn.disabled,
.mobile.recycle .item-block .items a.btn.disabled,
.mobile.biznessbox .item-block .items a.btn.disabled,
.right-col .furniture-list-window.walls .items a.btn.disabled {
    cursor: default;
    background-position: bottom !important
}

.btn-primary-auto,
.btn-auto {
    position: relative;
    display: block;
    height: 40px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #1d1d1d;
    text-align: center;
    line-height: 43px;
    cursor: pointer;
    text-transform: uppercase;
    background: linear-gradient(#60d227, #8cfc4e);
    padding: 0 24px
}

.btn-primary-auto::before,
.btn-auto::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient(#7aff40, #b5ff81);
    box-shadow: 0 4px #51cb15, 0 5px rgba(0, 0, 0, .32), 1px 0 rgba(0, 0, 0, .32), -1px 0 rgba(0, 0, 0, .32), 0 -1px rgba(0, 0, 0, .32)
}

.btn-primary-auto:hover,
.btn-auto:hover {
    background: linear-gradient(#8fff3f, #caff77)
}

.btn-primary-auto.disabled,
.btn-auto.disabled {
    background: linear-gradient(#888888, #b3b3b3);
    cursor: default
}

.btn-primary-auto.disabled::before,
.btn-auto.disabled::before {
    background: #a9a9a9;
    box-shadow: 0 4px #7c7c7c, 0 5px rgba(0, 0, 0, .32), 1px 0 rgba(0, 0, 0, .32), -1px 0 rgba(0, 0, 0, .32), 0 -1px rgba(0, 0, 0, .32)
}

.btn-primary-auto.cancel,
.btn-auto.cancel {
    background: linear-gradient(#e13a35, #f37639)
}

.btn-primary-auto.cancel::before,
.btn-auto.cancel::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient(#ff7657, #ffc95e);
    box-shadow: 0 4px #da2a38, 0 5px rgba(0, 0, 0, .32), 1px 0 rgba(0, 0, 0, .32), -1px 0 rgba(0, 0, 0, .32), 0 -1px rgba(0, 0, 0, .32)
}

.btn-primary-auto.cancel:hover,
.btn-auto.cancel:hover {
    background: linear-gradient(#f64f49, #fca04e)
}

.btn-auto {
    background: linear-gradient(#e17235, #f3b539)
}

.btn-auto::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient(#ffaf57, #ffff5e);
    box-shadow: 0 4px #da562a, 0 5px rgba(0, 0, 0, .32), 1px 0 rgba(0, 0, 0, .32), -1px 0 rgba(0, 0, 0, .32), 0 -1px rgba(0, 0, 0, .32)
}

.btn-auto:hover {
    background: linear-gradient(#ffaf57, #f3b539)
}

.window.reward-waiting {
    position: absolute;
    width: 540px;
    max-height: 440px;
    display: flex;
    flex-direction: column;
    left: 50%;
    top: 50%;
    margin-left: -270px;
    margin-top: -220px;
    z-index: 202
}

.window.reward-waiting .reward-list {
    display: flex;
    flex-direction: column;
    overflow: auto
}

.window.reward-waiting .none h3 {
    text-align: center
}

.window.reward-waiting .reward {
    display: flex;
    height: 86px;
    min-height: 86px;
    background: #08446a;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 8px;
    padding: 4px
}

.window.reward-waiting .reward>.icon {
    position: relative;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%230576BCFF' stroke-width='4' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    width: 78px;
    margin-right: 8px
}

.window.reward-waiting .reward>.icon::before {
    position: absolute;
    left: 8px;
    top: 8px;
    background: url("common/random_rarities.png") no-repeat;
    width: 61px;
    height: 61px;
    content: ""
}

.window.reward-waiting .reward>.icon.common::before {
    background-position-y: -61px
}

.window.reward-waiting .reward>.icon.normal::before {
    background-position-y: -122px
}

.window.reward-waiting .reward>.icon.uncommon::before {
    background-position-y: -183px
}

.window.reward-waiting .reward>.icon.rare::before {
    background-position-y: -244px
}

.window.reward-waiting .reward>.icon.superrare::before {
    background-position-y: -305px
}

.window.reward-waiting .reward>.icon.legendary::before {
    background-position-y: -366px
}

.window.reward-waiting .reward>.icon.inestimable::before {
    background-position-y: -427px
}

.window.reward-waiting .reward>.icon.common-to-superrare::before {
    background-position-y: -488px
}

.window.reward-waiting .reward>.icon.common-to-uncommon::before {
    background-position-y: -610px
}

.window.reward-waiting .reward>.icon.common-to-rare::before {
    background-position-y: -549px
}

.window.reward-waiting .reward>.icon.normal-to-superrare::before {
    background-position-y: -671px
}

.window.reward-waiting .reward .item {
    flex: 1
}

.window.reward-waiting .reward .item .items {
    width: 35px;
    height: 35px;
    position: static;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: left;
    margin-right: 6px
}

.window.reward-waiting .reward .item h3 {
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 8px
}

.window.reward-waiting .reward .item h4 {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    margin-left: 8px;
    margin-right: 8px;
    flex: 1
}

.window.reward-waiting .reward .item h5 {
    margin: 0;
    font-size: 12px;
    color: #1e77b9;
    font-weight: 600
}

.window.reward-waiting .reward .open {
    width: 48px;
    height: 48px;
    background: url("buttons/big_profile_button.png") no-repeat;
    align-self: center;
    margin-right: 4px;
    cursor: pointer
}

.window.reward-waiting .reward .open:hover {
    background-position: 0 -48px
}

div.settingswindow {
    z-index: 990;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -372px;
    margin-top: -241px;
    display: flex;
    flex-direction: column
}

div.settingswindow.hidden {
    display: none
}

div.settingswindow .blocks {
    display: flex
}

div.settingswindow .blocks>div {
    background: #0b5d91;
    border-radius: 8px;
    margin-right: 16px;
    width: 301px;
    height: 490px
}

div.settingswindow .blocks>div:first-child {
    margin-left: 8px
}

div.settingswindow .blocks>div:last-child {
    margin-right: 8px
}

div.settingswindow .blocks>div h3 {
    font-size: 14px;
    margin-top: 16px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    background: #0a4e7a;
    line-height: 1
}

div.settingswindow .blocks>div>.checkbox {
    margin-left: 24px
}

div.settingswindow>h1 {
    margin-bottom: 16px
}

div.settingswindow h2 {
    margin-left: 0;
    margin-right: 0
}

div.settingswindow .subs {
    margin-left: 32px;
    margin-right: 32px
}

div.settingswindow .subs.disabled {
    opacity: .5
}

div.settingswindow .ok {
    margin-top: 16px;
    align-self: center
}

div.settingswindow .slider {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px
}

div.settingswindow .slider .mute {
    width: 20px;
    height: 16px;
    background: url("common/mute.png") no-repeat;
    margin-right: 10px
}

div.settingswindow .slider input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    height: 5px
}

div.settingswindow .slider input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    height: 13px;
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px
}

div.settingswindow .slider input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, .6);
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

div.settingswindow .slider input[type=range] {
    position: relative;
    z-index: 2;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    color: #00b3ff;
    display: block;
    height: 19px;
    margin: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    flex: 1
}

.npcexchange,
div.shop {
    position: absolute;
    width: 400px;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    z-index: 201
}

.npcexchange strong,
div.shop strong {
    font-weight: bold;
    color: #ffe666
}

.npcexchange .top,
div.shop .top {
    display: flex;
    align-items: flex-end;
    margin-top: 16px;
    margin-bottom: 32px
}

.npcexchange .top div,
div.shop .top div {
    background: #00314f;
    border: 1px solid #2e8dcb;
    width: 70px;
    height: 70px;
    margin-right: 16px;
    margin-left: 16px;
    align-self: flex-start
}

.npcexchange p,
div.shop p {
    margin: 0;
    align-items: flex-end
}

.npcexchange .trade,
div.shop .trade {
    padding-top: 24px;
    margin-left: -8px;
    margin-right: -8px;
    border-top: 2px solid #2f97d0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px
}

.npcexchange .trade .itemlist,
div.shop .trade .itemlist {
    width: 376px;
    position: static;
    height: auto;
    padding: 0
}

.npcexchange .trade .vs,
div.shop .trade .vs {
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 16px;
    font-size: 14px;
    font-weight: 600
}

.npcexchange .trade .vs small,
div.shop .trade .vs small {
    display: block;
    text-transform: none;
    font-size: 12px
}

.npcexchange .secondtext,
div.shop .secondtext {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 24px
}

.npcexchange .actions,
div.shop .actions {
    display: flex;
    justify-content: center;
    margin-bottom: 8px
}

.npcexchange .actions a:first-child,
div.shop .actions a:first-child {
    margin-right: 16px
}

.nickchange {
    position: absolute;
    width: 400px;
    height: 450px;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -175px;
    z-index: 201;
    display: flex;
    flex-direction: column
}

.nickchange .top {
    flex: 1;
    background: url(/fr/modif_lang/name_header.gif) no-repeat center top;
    padding-top: 84px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 32px
}

.nickchange .top .maintext {
    margin-bottom: 16px
}

.nickchange .top input {
    margin-top: 40px;
    margin-bottom: 16px
}

.nickchange .top div.requiredItems {
    background: none;
    width: auto;
    height: auto
}

.nickchange .itemtext {
    display: none
}

.nickchange.needItems,
.nickchange.needCredits {
    height: 535px;
    margin-top: -250px
}

.nickchange.needItems .itemtext,
.nickchange.needCredits .itemtext {
    display: block;
    margin: 0
}

.nickchange.needItems.needCredits,
.nickchange.needCredits.needCredits {
    height: 430px;
    margin-top: -200px
}

.nickchange .items {
    height: auto;
    position: static
}

.nickchange .items a {
    width: 79px;
    height: 79px
}

.nickchange .items a span {
    width: 75px;
    height: 75px
}

.nickchange div.error {
    display: none;
    color: #ff6b6b;
    font-weight: bold;
    position: absolute;
    top: 225px;
    text-align: center
}

.nickchange.error div.error {
    display: block
}

.nickchange .actions {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px 50px
}

.nickchange .actions a {
    margin-bottom: 16px
}

.nickchange.change-nick .actions {
    padding: 0;
    flex-direction: row
}

.nickchange.change-nick .actions a {
    margin: 0
}

.nickchange.change-nick .actions a:first-child {
    margin-right: 16px
}

.nickchange.change-pet .top {
    margin-bottom: 16px
}

.nickchange.change-pet .top .maintext {
    margin-bottom: 0;
    display: flex;
    flex-direction: column
}

.nickchange.change-pet .top .maintext a {
    margin: auto
}

.nickchange.change-pet .top .maintext.price {
    display: block
}

.nickchange.change-pet .top .maintext.price strong {
    font-weight: bold;
    color: #ffe666
}

.nickchange.change-pet div.error {
    top: 285px
}

.nickchange.change-pet .actions {
    flex-direction: row
}

.nickchange.change-pet .actions a:first-child {
    margin-right: 16px
}

.nickchange .petlist a a,
.nickchange .top .maintext a {
    background-color: #6dc9ee;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 1px;
    width: 73px;
    height: 73px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    border-radius: 4px;
    border: 1px solid #0d65a9;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.nickchange .petlist {
    overflow: auto;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(auto-fill, 74px);
    justify-content: space-between;
    padding: 8px
}

.nickchange .petlist>a {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column
}

.nickchange .petlist>a a {
    background-color: #6dc9ee;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 1px;
    width: 73px;
    height: 73px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    border-radius: 4px;
    border: 1px solid #0d65a9;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.nickchange .petlist>a span {
    font-weight: bold;
    color: #00609d;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

.nickchange .petlist::after {
    content: "";
    flex: auto
}

.npcexchange.ticket {
    margin-left: -170px
}

.npcexchange.ticket .itemlist a:last-child {
    margin-right: 0
}

.npcexchange.ticket .vs {
    height: 8px;
    width: 13px;
    background: url("exchange/down-arrow.png") no-repeat;
    margin-top: 8px;
    margin-bottom: 16px;
    flex: auto;
    padding: 0
}

.npcexchange.ticket .menu {
    position: absolute;
    left: -94px;
    top: 188px;
    display: flex;
    flex-direction: column
}

.npcexchange.ticket .menu a {
    box-sizing: border-box;
    width: 92px;
    height: 41px;
    background: #0d65a9;
    border: 2px solid #00609d;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.npcexchange.ticket .menu a .ticket {
    background-repeat: no-repeat;
    background-size: 22px 22px;
    min-width: 22px;
    height: 22px;
    margin-left: 16px
}

.npcexchange.ticket .menu a .vs {
    margin: 0;
    background: url("exchange/right-arrow.png") no-repeat;
    min-width: 8px;
    height: 9px;
    margin-left: 4px;
    margin-right: 4px
}

.npcexchange.ticket .menu a .gem {
    background-repeat: no-repeat;
    background-size: 18px 18px;
    min-width: 18px;
    height: 18px;
    margin-right: 16px
}

.npcexchange.ticket .menu a.common {
    border-top-left-radius: 12px
}

.npcexchange.ticket .menu a.common .ticket {
    background-image: url("/fr/item_bitmap/35x35/19914.png")
}

.npcexchange.ticket .menu a.common .gem {
    background-image: url("/fr/rarity/gem_2.png")
}

.npcexchange.ticket .menu a.normal .ticket {
    background-image: url("/fr/item_bitmap/35x35/19915.png")
}

.npcexchange.ticket .menu a.normal .gem {
    background-image: url("/fr/rarity/gem_3.png")
}

.npcexchange.ticket .menu a.uncommon .ticket {
    background-image: url("/fr/item_bitmap/35x35/19916.png")
}

.npcexchange.ticket .menu a.uncommon .gem {
    background-image: url("/fr/rarity/gem_4.png")
}

.npcexchange.ticket .menu a.rare {
    border-bottom: 2px solid #00609d;
    border-bottom-left-radius: 12px
}

.npcexchange.ticket .menu a.rare .ticket {
    background-image: url("/fr/item_bitmap/35x35/19917.png")
}

.npcexchange.ticket .menu a.rare .gem {
    background-image: url("/fr/rarity/gem_5.png")
}

.npcexchange.ticket .menu a.active {
    background-color: #0e7eb3
}

.npcexchange.ticket.upgrade .menu a.common .gem {
    background-image: url("/fr/item_bitmap/35x35/19915.png")
}

.npcexchange.ticket.upgrade .menu a.normal .gem {
    background-image: url("/fr/item_bitmap/35x35/19916.png")
}

.npcexchange.ticket.upgrade .menu a.uncommon .gem {
    background-image: url("/fr/item_bitmap/35x35/19917.png")
}

.npcexchange.ticket.upgrade .menu a.rare .gem {
    background-image: url("/fr/item_bitmap/35x35/17592.png")
}

.npcexchange.ticket.upgrade .menu a .gem {
    background-size: 22px 22px;
    min-width: 22px;
    height: 22px
}

.itemfound {
    position: absolute;
    width: 360px;
    left: 50%;
    margin-left: -200px;
    z-index: 201
}

.itemfound strong {
    font-weight: bold;
    color: #ffe666
}

.itemfound .top {
    display: flex;
    align-items: flex-end;
    margin-top: 16px;
    margin-bottom: 32px
}

.itemfound .top div {
    background: #00314f;
    border: 1px solid #2e8dcb;
    width: 70px;
    height: 70px;
    margin-right: 16px;
    margin-left: 16px
}

.itemfound p {
    margin: 0;
    align-items: flex-end
}

.itemfound .trade {
    padding-top: 24px;
    margin-left: -8px;
    margin-right: -8px;
    border-top: 2px solid #2f97d0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.itemfound .trade .itemlist {
    width: 329px;
    position: static;
    height: auto;
    padding: 0
}

.itemfound .trade .vs {
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 16px;
    font-size: 14px;
    font-weight: 600
}

.itemfound .trade .vs small {
    display: block;
    text-transform: none;
    font-size: 12px
}

.itemfound .secondtext {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 24px
}

.itemfound .actions {
    display: flex;
    justify-content: center
}

.itemfound .actions a:first-child {
    margin-right: 16px
}

#player {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -420px;
    margin-top: -265px;
    z-index: 301;
    width: 840px;
    height: 530px;
    box-sizing: border-box
}

#player.hide {
    display: none
}

#player h1 {
    text-transform: none
}

#player .attributes {
    position: absolute;
    top: 55px;
    right: 32px;
    font-size: 29px;
    font-weight: bold;
    padding-left: 28px
}

#player .attributes.moderator {
    text-shadow: #a00000 4px 0px 0px, #a00000 3.87565px .989616px 0px, #a00000 3.51033px 1.9177px 0px, #a00000 2.92676px 2.72656px 0px, #a00000 2.16121px 3.36588px 0px, #a00000 1.26129px 3.79594px 0px, #a00000 .282949px 3.98998px 0px, #a00000 -0.712984px 3.93594px 0px, #a00000 -1.66459px 3.63719px 0px, #a00000 -2.51269px 3.11229px 0px, #a00000 -3.20457px 2.39389px 0px, #a00000 -3.69721px 1.52664px 0px, #a00000 -3.95997px .56448px 0px, #a00000 -3.97652px -0.432781px 0px, #a00000 -3.74583px -1.40313px 0px, #a00000 -3.28224px -2.28625px 0px, #a00000 -2.61457px -3.02721px 0px, #a00000 -1.78435px -3.57996px 0px, #a00000 -0.843183px -3.91012px 0px, #a00000 .150409px -3.99717px 0px, #a00000 1.13465px -3.8357px 0px, #a00000 2.04834px -3.43574px 0px, #a00000 2.83468px -2.82216px 0px, #a00000 3.44477px -2.03312px 0px, #a00000 3.84068px -1.11766px 0px, #a00000 3.9978px -0.132717px 0px
}

#player .attributes.divertiz {
    text-shadow: #009c87 4px 0px 0px, #009c87 3.87565px .989616px 0px, #009c87 3.51033px 1.9177px 0px, #009c87 2.92676px 2.72656px 0px, #009c87 2.16121px 3.36588px 0px, #009c87 1.26129px 3.79594px 0px, #009c87 .282949px 3.98998px 0px, #009c87 -0.712984px 3.93594px 0px, #009c87 -1.66459px 3.63719px 0px, #009c87 -2.51269px 3.11229px 0px, #009c87 -3.20457px 2.39389px 0px, #009c87 -3.69721px 1.52664px 0px, #009c87 -3.95997px .56448px 0px, #009c87 -3.97652px -0.432781px 0px, #009c87 -3.74583px -1.40313px 0px, #009c87 -3.28224px -2.28625px 0px, #009c87 -2.61457px -3.02721px 0px, #009c87 -1.78435px -3.57996px 0px, #009c87 -0.843183px -3.91012px 0px, #009c87 .150409px -3.99717px 0px, #009c87 1.13465px -3.8357px 0px, #009c87 2.04834px -3.43574px 0px, #009c87 2.83468px -2.82216px 0px, #009c87 3.44477px -2.03312px 0px, #009c87 3.84068px -1.11766px 0px, #009c87 3.9978px -0.132717px 0px
}

#player .attributes.royaltiz {
    text-shadow: #af7800 4px 0px 0px, #af7800 3.87565px .989616px 0px, #af7800 3.51033px 1.9177px 0px, #af7800 2.92676px 2.72656px 0px, #af7800 2.16121px 3.36588px 0px, #af7800 1.26129px 3.79594px 0px, #af7800 .282949px 3.98998px 0px, #af7800 -0.712984px 3.93594px 0px, #af7800 -1.66459px 3.63719px 0px, #af7800 -2.51269px 3.11229px 0px, #af7800 -3.20457px 2.39389px 0px, #af7800 -3.69721px 1.52664px 0px, #af7800 -3.95997px .56448px 0px, #af7800 -3.97652px -0.432781px 0px, #af7800 -3.74583px -1.40313px 0px, #af7800 -3.28224px -2.28625px 0px, #af7800 -2.61457px -3.02721px 0px, #af7800 -1.78435px -3.57996px 0px, #af7800 -0.843183px -3.91012px 0px, #af7800 .150409px -3.99717px 0px, #af7800 1.13465px -3.8357px 0px, #af7800 2.04834px -3.43574px 0px, #af7800 2.83468px -2.82216px 0px, #af7800 3.44477px -2.03312px 0px, #af7800 3.84068px -1.11766px 0px, #af7800 3.9978px -0.132717px 0px
}

#player .attributes.defailleur {
    text-shadow: #6a6a6a 4px 0px 0px, #6a6a6a 3.87565px .989616px 0px, #6a6a6a 3.51033px 1.9177px 0px, #6a6a6a 2.92676px 2.72656px 0px, #6a6a6a 2.16121px 3.36588px 0px, #6a6a6a 1.26129px 3.79594px 0px, #6a6a6a .282949px 3.98998px 0px, #6a6a6a -0.712984px 3.93594px 0px, #6a6a6a -1.66459px 3.63719px 0px, #6a6a6a -2.51269px 3.11229px 0px, #6a6a6a -3.20457px 2.39389px 0px, #6a6a6a -3.69721px 1.52664px 0px, #6a6a6a -3.95997px .56448px 0px, #6a6a6a -3.97652px -0.432781px 0px, #6a6a6a -3.74583px -1.40313px 0px, #6a6a6a -3.28224px -2.28625px 0px, #6a6a6a -2.61457px -3.02721px 0px, #6a6a6a -1.78435px -3.57996px 0px, #6a6a6a -0.843183px -3.91012px 0px, #6a6a6a .150409px -3.99717px 0px, #6a6a6a 1.13465px -3.8357px 0px, #6a6a6a 2.04834px -3.43574px 0px, #6a6a6a 2.83468px -2.82216px 0px, #6a6a6a 3.44477px -2.03312px 0px, #6a6a6a 3.84068px -1.11766px 0px, #6a6a6a 3.9978px -0.132717px 0px
}

#player .attributes.creator {
    text-shadow: #21181e 4px 0px 0px, #21181e 3.87565px .989616px 0px, #21181e 3.51033px 1.9177px 0px, #21181e 2.92676px 2.72656px 0px, #21181e 2.16121px 3.36588px 0px, #21181e 1.26129px 3.79594px 0px, #21181e .282949px 3.98998px 0px, #21181e -0.712984px 3.93594px 0px, #21181e -1.66459px 3.63719px 0px, #21181e -2.51269px 3.11229px 0px, #21181e -3.20457px 2.39389px 0px, #21181e -3.69721px 1.52664px 0px, #21181e -3.95997px .56448px 0px, #21181e -3.97652px -0.432781px 0px, #21181e -3.74583px -1.40313px 0px, #21181e -3.28224px -2.28625px 0px, #21181e -2.61457px -3.02721px 0px, #21181e -1.78435px -3.57996px 0px, #21181e -0.843183px -3.91012px 0px, #21181e .150409px -3.99717px 0px, #21181e 1.13465px -3.8357px 0px, #21181e 2.04834px -3.43574px 0px, #21181e 2.83468px -2.82216px 0px, #21181e 3.44477px -2.03312px 0px, #21181e 3.84068px -1.11766px 0px, #21181e 3.9978px -0.132717px 0px
}

#player .attributes.radioz {
    text-shadow: #dd52c7 4px 0px 0px, #dd52c7 3.87565px .989616px 0px, #dd52c7 3.51033px 1.9177px 0px, #dd52c7 2.92676px 2.72656px 0px, #dd52c7 2.16121px 3.36588px 0px, #dd52c7 1.26129px 3.79594px 0px, #dd52c7 .282949px 3.98998px 0px, #dd52c7 -0.712984px 3.93594px 0px, #dd52c7 -1.66459px 3.63719px 0px, #dd52c7 -2.51269px 3.11229px 0px, #dd52c7 -3.20457px 2.39389px 0px, #dd52c7 -3.69721px 1.52664px 0px, #dd52c7 -3.95997px .56448px 0px, #dd52c7 -3.97652px -0.432781px 0px, #dd52c7 -3.74583px -1.40313px 0px, #dd52c7 -3.28224px -2.28625px 0px, #dd52c7 -2.61457px -3.02721px 0px, #dd52c7 -1.78435px -3.57996px 0px, #dd52c7 -0.843183px -3.91012px 0px, #dd52c7 .150409px -3.99717px 0px, #dd52c7 1.13465px -3.8357px 0px, #dd52c7 2.04834px -3.43574px 0px, #dd52c7 2.83468px -2.82216px 0px, #dd52c7 3.44477px -2.03312px 0px, #dd52c7 3.84068px -1.11766px 0px, #dd52c7 3.9978px -0.132717px 0px
}

#player .attributes.npc {
    text-shadow: #df2f00 4px 0px 0px, #df2f00 3.87565px .989616px 0px, #df2f00 3.51033px 1.9177px 0px, #df2f00 2.92676px 2.72656px 0px, #df2f00 2.16121px 3.36588px 0px, #df2f00 1.26129px 3.79594px 0px, #df2f00 .282949px 3.98998px 0px, #df2f00 -0.712984px 3.93594px 0px, #df2f00 -1.66459px 3.63719px 0px, #df2f00 -2.51269px 3.11229px 0px, #df2f00 -3.20457px 2.39389px 0px, #df2f00 -3.69721px 1.52664px 0px, #df2f00 -3.95997px .56448px 0px, #df2f00 -3.97652px -0.432781px 0px, #df2f00 -3.74583px -1.40313px 0px, #df2f00 -3.28224px -2.28625px 0px, #df2f00 -2.61457px -3.02721px 0px, #df2f00 -1.78435px -3.57996px 0px, #df2f00 -0.843183px -3.91012px 0px, #df2f00 .150409px -3.99717px 0px, #df2f00 1.13465px -3.8357px 0px, #df2f00 2.04834px -3.43574px 0px, #df2f00 2.83468px -2.82216px 0px, #df2f00 3.44477px -2.03312px 0px, #df2f00 3.84068px -1.11766px 0px, #df2f00 3.9978px -0.132717px 0px
}

#player .attributes.graphtiz {
    text-shadow: #00609d 4px 0px 0px, #00609d 3.87565px .989616px 0px, #00609d 3.51033px 1.9177px 0px, #00609d 2.92676px 2.72656px 0px, #00609d 2.16121px 3.36588px 0px, #00609d 1.26129px 3.79594px 0px, #00609d .282949px 3.98998px 0px, #00609d -0.712984px 3.93594px 0px, #00609d -1.66459px 3.63719px 0px, #00609d -2.51269px 3.11229px 0px, #00609d -3.20457px 2.39389px 0px, #00609d -3.69721px 1.52664px 0px, #00609d -3.95997px .56448px 0px, #00609d -3.97652px -0.432781px 0px, #00609d -3.74583px -1.40313px 0px, #00609d -3.28224px -2.28625px 0px, #00609d -2.61457px -3.02721px 0px, #00609d -1.78435px -3.57996px 0px, #00609d -0.843183px -3.91012px 0px, #00609d .150409px -3.99717px 0px, #00609d 1.13465px -3.8357px 0px, #00609d 2.04834px -3.43574px 0px, #00609d 2.83468px -2.82216px 0px, #00609d 3.44477px -2.03312px 0px, #00609d 3.84068px -1.11766px 0px, #00609d 3.9978px -0.132717px 0px
}

#player .attributes.marketiz {
    text-shadow: #2f6400 4px 0px 0px, #2f6400 3.87565px .989616px 0px, #2f6400 3.51033px 1.9177px 0px, #2f6400 2.92676px 2.72656px 0px, #2f6400 2.16121px 3.36588px 0px, #2f6400 1.26129px 3.79594px 0px, #2f6400 .282949px 3.98998px 0px, #2f6400 -0.712984px 3.93594px 0px, #2f6400 -1.66459px 3.63719px 0px, #2f6400 -2.51269px 3.11229px 0px, #2f6400 -3.20457px 2.39389px 0px, #2f6400 -3.69721px 1.52664px 0px, #2f6400 -3.95997px .56448px 0px, #2f6400 -3.97652px -0.432781px 0px, #2f6400 -3.74583px -1.40313px 0px, #2f6400 -3.28224px -2.28625px 0px, #2f6400 -2.61457px -3.02721px 0px, #2f6400 -1.78435px -3.57996px 0px, #2f6400 -0.843183px -3.91012px 0px, #2f6400 .150409px -3.99717px 0px, #2f6400 1.13465px -3.8357px 0px, #2f6400 2.04834px -3.43574px 0px, #2f6400 2.83468px -2.82216px 0px, #2f6400 3.44477px -2.03312px 0px, #2f6400 3.84068px -1.11766px 0px, #2f6400 3.9978px -0.132717px 0px
}

#player .attributes.banned {
    text-shadow: #7a7f83 4px 0px 0px, #7a7f83 3.87565px .989616px 0px, #7a7f83 3.51033px 1.9177px 0px, #7a7f83 2.92676px 2.72656px 0px, #7a7f83 2.16121px 3.36588px 0px, #7a7f83 1.26129px 3.79594px 0px, #7a7f83 .282949px 3.98998px 0px, #7a7f83 -0.712984px 3.93594px 0px, #7a7f83 -1.66459px 3.63719px 0px, #7a7f83 -2.51269px 3.11229px 0px, #7a7f83 -3.20457px 2.39389px 0px, #7a7f83 -3.69721px 1.52664px 0px, #7a7f83 -3.95997px .56448px 0px, #7a7f83 -3.97652px -0.432781px 0px, #7a7f83 -3.74583px -1.40313px 0px, #7a7f83 -3.28224px -2.28625px 0px, #7a7f83 -2.61457px -3.02721px 0px, #7a7f83 -1.78435px -3.57996px 0px, #7a7f83 -0.843183px -3.91012px 0px, #7a7f83 .150409px -3.99717px 0px, #7a7f83 1.13465px -3.8357px 0px, #7a7f83 2.04834px -3.43574px 0px, #7a7f83 2.83468px -2.82216px 0px, #7a7f83 3.44477px -2.03312px 0px, #7a7f83 3.84068px -1.11766px 0px, #7a7f83 3.9978px -0.132717px 0px
}

#player .attributes::before {
    position: absolute;
    left: -8px;
    top: 9px;
    width: 30px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url("player/attributes_30.png?v=2");
    content: ""
}

#player .attributes.moderator::before {
    background-position-x: 0px
}

#player .attributes.royaltiz::before {
    background-position-x: -30px
}

#player .attributes.defailleur::before {
    background-position-x: -60px
}

#player .attributes.divertiz::before {
    background-position-x: -90px
}

#player .attributes.marketiz::before {
    background-position-x: -120px
}

#player .attributes.creator::before {
    background-position-x: -150px
}

#player .attributes.radioz::before {
    background-position-x: -180px
}

#player .attributes.graphtiz::before {
    background-position-x: -210px
}

#player .attributes.npc::before {
    background-position-x: -240px
}

#player .attributes.banned::before {
    background-position-x: -300px
}

#player .attributes.clickable {
    cursor: pointer
}

#player h2 {
    border: none;
    font-weight: bold;
    font-size: 40px;
    margin: 0;
    margin-top: 8px;
    margin-left: 16px;
    line-height: 1;
    padding: 0;
    color: #fff
}

#player h2 a.copy {
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    background: url("player/link_button.png") no-repeat;
    width: 20px;
    height: 18px;
    cursor: pointer;
    margin-left: 8px
}

#player h2 a.copy:hover {
    background-position-y: top
}

#player h2 a.copy.copied {
    text-indent: 0px;
    font-size: 14px;
    width: 150px;
    padding-left: 28px
}

#player h3 {
    margin-top: 8px;
    margin-left: 16px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #fff;
    opacity: .8;
    font-style: italic;
    line-height: 1;
    font-weight: 600
}

#player .player {
    margin-left: 24px;
    display: flex;
    flex-direction: column
}

#player .player .columns {
    display: flex
}

#player .left {
    margin-bottom: 8px;
    position: relative
}

#player .left .avatar {
    position: relative;
    width: 248px;
    height: 384px;
    border: 1px solid #0d62a7;
    background: url("backgrounds/default_profile.jpg") no-repeat
}

#player .left .avatar canvas {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 250px;
    cursor: pointer !important;
    background: url("catalogue/loupe.png?v=4") no-repeat;
    background-position: 10px 10px
}

#player .left .buttons {
    position: absolute;
    bottom: 8px;
    left: 16px;
    display: flex;
    flex-direction: column
}

#player .left .buttons .button-group {
    display: flex;
    justify-content: center
}

#player .left .buttons a,
#player .left a.analyze {
    margin-right: 8px;
    margin-bottom: 8px;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    overflow: hidden
}

#player .left .buttons a.analyze,
#player .left a.analyze.analyze {
    background-image: url("buttons/analyze_button.png");
    position: absolute;
    right: 8px;
    top: 16px
}

#player .left .buttons a.bizness,
#player .left a.analyze.bizness {
    background-image: url("buttons/start_bizness_button.png")
}

#player .left .buttons a.addfriend,
#player .left a.analyze.addfriend {
    background-image: url("buttons/add_friend_button.png")
}

#player .left .buttons a.rmfriend,
#player .left a.analyze.rmfriend {
    background-image: url("buttons/remove_friend_button.png")
}

#player .left .buttons a.block,
#player .left a.analyze.block {
    background-image: url("buttons/mute_button.png")
}

#player .left .buttons a.unblock,
#player .left a.analyze.unblock {
    background-image: url("buttons/unmute_button.png?v=2")
}

#player .left .buttons a.lovetest,
#player .left a.analyze.lovetest {
    background-image: url("buttons/lovetest_button.png")
}

#player .left .buttons a.profile,
#player .left a.analyze.profile {
    background-image: url("buttons/big_profile_button.png")
}

#player .left .buttons a.query,
#player .left a.analyze.query {
    background-image: url("buttons/big_query_button.png")
}

#player .left .buttons a.home,
#player .left a.analyze.home {
    background-image: url("buttons/home_button.png")
}

#player .left .buttons a:hover,
#player .left a.analyze:hover {
    background-position: 0 -48px
}

#player .left .buttons a.disabled,
#player .left a.analyze.disabled {
    background-position: bottom;
    cursor: default
}

#player .right-section {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-left: 16px;
    margin-right: 8px;
    margin-bottom: 8px
}

#player .right-section header {
    display: flex
}

#player .right-section header a {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #407a88;
    background: #c5f1ff;
    margin-right: 2px;
    overflow: hidden;
    text-indent: -9999px;
    width: 40px;
    height: 40px
}

#player .right-section header a:hover {
    background: #e0f8ff
}

#player .right-section header a.active {
    border-bottom: 1px solid #fff;
    background: #fff !important
}

#player .right-section header a.active::after {
    background-position: top
}

#player .right-section header a::after {
    position: absolute;
    left: 11px;
    top: 11px;
    width: 35px;
    height: 35px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("player/tab_icons.png");
    background-position-y: bottom
}

#player .right-section header a.profile::after {
    background-position-x: 0
}

#player .right-section header a.look::after {
    background-position-x: -35px
}

#player .right-section header a.biznesslist::after {
    background-position-x: -70px
}

#player .right-section header a.wishlist::after {
    background-position-x: -105px
}

#player .right-section header a.ranking::after {
    background-position-x: -140px
}

#player .right-section header a.collections::after {
    background-position-x: -175px
}

#player .right-section header a.wedding::after {
    background-position-x: -210px
}

#player .right-section header a.groups::after {
    background-position-x: -245px
}

#player .right-section .empty {
    display: none;
    position: absolute;
    bottom: 12px;
    right: 132px;
    margin-left: -141px
}

#player .right-section .tabcontent {
    background: #fff;
    color: #0576bc;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: 329px;
    max-height: 329px
}

#player .right-section .tabcontent.mine {
    height: 258px;
    max-height: 258px
}

#player .right-section .tabcontent .loading,
#player .right-section .tabcontent .noitem {
    font-size: 14px;
    font-weight: 600;
    color: #65b3dd;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center
}

#player .right-section .tabcontent .loading,
#player .right-section .tabcontent .noitem {
    display: none
}

#player .right-section .tabcontent .itemlist {
    position: static;
    height: auto;
    width: 521px;
    justify-content: flex-start;
    padding-left: 27px;
    padding-top: 0
}

#player .right-section .tabcontent .itemlist.pet {
    justify-content: center;
    padding: 0
}

#player .right-section .tabcontent .itemlist.pet a {
    margin: 0
}

#player .right-section .tabcontent .petname {
    display: inline-block;
    width: 100%;
    text-align: center
}

#player .right-section .tabcontent.profile {
    font-size: 14px;
    font-weight: 600;
    color: #0576bc
}

#player .right-section .tabcontent.profile .bio {
    margin-left: 48px;
    padding-left: 16px;
    border-left: 3px solid #42b3f9;
    margin-bottom: 32px;
    word-break: break-word
}

#player .right-section .tabcontent.profile strong {
    font-weight: bold
}

#player .right-section .tabcontent.profile ul>li {
    position: relative;
    list-style: none;
    padding-left: 32px;
    margin-bottom: 18px
}

#player .right-section .tabcontent.profile ul>li::before {
    background-image: url("player/profile_icon.png?v=5");
    background-repeat: no-repeat;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    left: 0
}

#player .right-section .tabcontent.profile ul>li.last_seen::before {
    background-position: -112px
}

#player .right-section .tabcontent.profile ul>li.last_seen.online::before {
    background-position: -84px
}

#player .right-section .tabcontent.profile ul>li.wedding::before {
    background-position: -28px
}

#player .right-section .tabcontent.profile ul>li.level::before {
    background-position: -56px
}

#player .right-section .tabcontent.profile ul>li.bbs::before {
    background-position: -140px
}

#player .right-section .tabcontent.profile ul>li.mid::before {
    background-position: -168px
}

#player .right-section .tabcontent.profile ul>li.oldnicks::before {
    background-position: -196px
}

#player .right-section .tabcontent.profile ul>li ol {
    display: flex;
    flex-wrap: wrap
}

#player .right-section .tabcontent.profile ul>li ol li {
    width: 50%
}

#player .right-section .tabcontent.profile a,
#player .right-section .tabcontent.profile a:visited {
    color: inherit
}

#player .right-section .tabcontent.wedding {
    text-align: center
}

#player .right-section .tabcontent .groups,
#player .right-section .tabcontent .rankings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: auto;
    grid-auto-rows: 56px;
    cursor: pointer
}

#player .right-section .tabcontent .groups>div,
#player .right-section .tabcontent .rankings>div {
    position: relative;
    margin: auto;
    background: #c5f1ff;
    border: 2px solid #65b3dd;
    border-radius: 10px;
    width: 248px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 600;
    color: #0576bc;
    text-align: center
}

#player .right-section .tabcontent .groups>div.official::before,
#player .right-section .tabcontent .rankings>div.official::before {
    position: absolute;
    content: "";
    background: url("player/official_group.png");
    width: 35px;
    height: 37px;
    left: 10px;
    top: -6px;
    display: block
}

#player .right-section .tabcontent .groups>div:hover,
#player .right-section .tabcontent .rankings>div:hover {
    background: #e1f5fb
}

#player .right-section .tabcontent .rankings {
    display: flex;
    flex-direction: column
}

#player .right-section .tabcontent .rankings>div {
    margin-bottom: 10px;
    width: 95%;
    height: 79px;
    display: flex;
    position: relative
}

#player .right-section .tabcontent .rankings>div::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    left: 24px;
    top: 6px;
    display: block;
    background: url("player/games_icon.png?v=4") no-repeat
}

#player .right-section .tabcontent .rankings>div.quiz::before {
    background-position: -140px
}

#player .right-section .tabcontent .rankings>div.styliz::before {
    background-position: -70px
}

#player .right-section .tabcontent .rankings>div .details {
    margin-left: 100px;
    display: flex;
    flex-direction: column
}

#player .right-section .tabcontent .rankings>div .details h5,
#player .right-section .tabcontent .rankings>div .details p {
    font-size: 14px;
    margin: 0;
    text-align: left;
    line-height: 1
}

#player .right-section .tabcontent .rankings>div .details h5 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-weight: bold
}

#player .right-section .tabcontent .rankings>div span.rank {
    text-align: right;
    font-size: 29px;
    color: #fff;
    flex: 1;
    margin-right: 24px;
    line-height: 79px;
    text-shadow: #00609d 4px 0px 0px, #00609d 3.87565px .989616px 0px, #00609d 3.51033px 1.9177px 0px, #00609d 2.92676px 2.72656px 0px, #00609d 2.16121px 3.36588px 0px, #00609d 1.26129px 3.79594px 0px, #00609d .282949px 3.98998px 0px, #00609d -0.712984px 3.93594px 0px, #00609d -1.66459px 3.63719px 0px, #00609d -2.51269px 3.11229px 0px, #00609d -3.20457px 2.39389px 0px, #00609d -3.69721px 1.52664px 0px, #00609d -3.95997px .56448px 0px, #00609d -3.97652px -0.432781px 0px, #00609d -3.74583px -1.40313px 0px, #00609d -3.28224px -2.28625px 0px, #00609d -2.61457px -3.02721px 0px, #00609d -1.78435px -3.57996px 0px, #00609d -0.843183px -3.91012px 0px, #00609d .150409px -3.99717px 0px, #00609d 1.13465px -3.8357px 0px, #00609d 2.04834px -3.43574px 0px, #00609d 2.83468px -2.82216px 0px, #00609d 3.44477px -2.03312px 0px, #00609d 3.84068px -1.11766px 0px, #00609d 3.9978px -0.132717px 0px
}

#player .right-section .tabcontent .rankings>div span.rank.rank-2 {
    text-shadow: #7e7e7e 4px 0px 0px, #7e7e7e 3.87565px .989616px 0px, #7e7e7e 3.51033px 1.9177px 0px, #7e7e7e 2.92676px 2.72656px 0px, #7e7e7e 2.16121px 3.36588px 0px, #7e7e7e 1.26129px 3.79594px 0px, #7e7e7e .282949px 3.98998px 0px, #7e7e7e -0.712984px 3.93594px 0px, #7e7e7e -1.66459px 3.63719px 0px, #7e7e7e -2.51269px 3.11229px 0px, #7e7e7e -3.20457px 2.39389px 0px, #7e7e7e -3.69721px 1.52664px 0px, #7e7e7e -3.95997px .56448px 0px, #7e7e7e -3.97652px -0.432781px 0px, #7e7e7e -3.74583px -1.40313px 0px, #7e7e7e -3.28224px -2.28625px 0px, #7e7e7e -2.61457px -3.02721px 0px, #7e7e7e -1.78435px -3.57996px 0px, #7e7e7e -0.843183px -3.91012px 0px, #7e7e7e .150409px -3.99717px 0px, #7e7e7e 1.13465px -3.8357px 0px, #7e7e7e 2.04834px -3.43574px 0px, #7e7e7e 2.83468px -2.82216px 0px, #7e7e7e 3.44477px -2.03312px 0px, #7e7e7e 3.84068px -1.11766px 0px, #7e7e7e 3.9978px -0.132717px 0px
}

#player .right-section .tabcontent .rankings>div span.rank.rank-null {
    text-shadow: #000 4px 0px 0px, #000 3.87565px .989616px 0px, #000 3.51033px 1.9177px 0px, #000 2.92676px 2.72656px 0px, #000 2.16121px 3.36588px 0px, #000 1.26129px 3.79594px 0px, #000 .282949px 3.98998px 0px, #000 -0.712984px 3.93594px 0px, #000 -1.66459px 3.63719px 0px, #000 -2.51269px 3.11229px 0px, #000 -3.20457px 2.39389px 0px, #000 -3.69721px 1.52664px 0px, #000 -3.95997px .56448px 0px, #000 -3.97652px -0.432781px 0px, #000 -3.74583px -1.40313px 0px, #000 -3.28224px -2.28625px 0px, #000 -2.61457px -3.02721px 0px, #000 -1.78435px -3.57996px 0px, #000 -0.843183px -3.91012px 0px, #000 .150409px -3.99717px 0px, #000 1.13465px -3.8357px 0px, #000 2.04834px -3.43574px 0px, #000 2.83468px -2.82216px 0px, #000 3.44477px -2.03312px 0px, #000 3.84068px -1.11766px 0px, #000 3.9978px -0.132717px 0px
}

#player .right-section .tabcontent .rankings>div span.rank.rank-1 {
    text-shadow: #d18f00 4px 0px 0px, #d18f00 3.87565px .989616px 0px, #d18f00 3.51033px 1.9177px 0px, #d18f00 2.92676px 2.72656px 0px, #d18f00 2.16121px 3.36588px 0px, #d18f00 1.26129px 3.79594px 0px, #d18f00 .282949px 3.98998px 0px, #d18f00 -0.712984px 3.93594px 0px, #d18f00 -1.66459px 3.63719px 0px, #d18f00 -2.51269px 3.11229px 0px, #d18f00 -3.20457px 2.39389px 0px, #d18f00 -3.69721px 1.52664px 0px, #d18f00 -3.95997px .56448px 0px, #d18f00 -3.97652px -0.432781px 0px, #d18f00 -3.74583px -1.40313px 0px, #d18f00 -3.28224px -2.28625px 0px, #d18f00 -2.61457px -3.02721px 0px, #d18f00 -1.78435px -3.57996px 0px, #d18f00 -0.843183px -3.91012px 0px, #d18f00 .150409px -3.99717px 0px, #d18f00 1.13465px -3.8357px 0px, #d18f00 2.04834px -3.43574px 0px, #d18f00 2.83468px -2.82216px 0px, #d18f00 3.44477px -2.03312px 0px, #d18f00 3.84068px -1.11766px 0px, #d18f00 3.9978px -0.132717px 0px
}

#player .right-section .tabcontent .rankings>div span.rank.rank-3 {
    text-shadow: #986000 4px 0px 0px, #986000 3.87565px .989616px 0px, #986000 3.51033px 1.9177px 0px, #986000 2.92676px 2.72656px 0px, #986000 2.16121px 3.36588px 0px, #986000 1.26129px 3.79594px 0px, #986000 .282949px 3.98998px 0px, #986000 -0.712984px 3.93594px 0px, #986000 -1.66459px 3.63719px 0px, #986000 -2.51269px 3.11229px 0px, #986000 -3.20457px 2.39389px 0px, #986000 -3.69721px 1.52664px 0px, #986000 -3.95997px .56448px 0px, #986000 -3.97652px -0.432781px 0px, #986000 -3.74583px -1.40313px 0px, #986000 -3.28224px -2.28625px 0px, #986000 -2.61457px -3.02721px 0px, #986000 -1.78435px -3.57996px 0px, #986000 -0.843183px -3.91012px 0px, #986000 .150409px -3.99717px 0px, #986000 1.13465px -3.8357px 0px, #986000 2.04834px -3.43574px 0px, #986000 2.83468px -2.82216px 0px, #986000 3.44477px -2.03312px 0px, #986000 3.84068px -1.11766px 0px, #986000 3.9978px -0.132717px 0px
}

#player .right-section .tabcontent h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    margin-top: 8px;
    margin-bottom: 8px
}

#player strong[data-mid] {
    cursor: pointer;
    text-decoration: underline
}

#player.group .fanion {
    position: absolute;
    content: "";
    background: url("player/official_group.png");
    width: 35px;
    height: 37px;
    right: 27px;
    top: 55px;
    display: block
}

#player.group .right-section {
    margin-right: 16px
}

#player.group .right-section .tabcontent {
    max-height: 396px;
    height: 396px
}

#player.group .right-section .tabcontent.profile .bio {
    padding-right: 24px
}

#player.group .right-section .tabcontent .groups {
    grid-template-columns: 1fr 1fr 1fr
}

#player.group .right-section .tabcontent .groups>div {
    width: 228px
}

#player.group .player {
    margin-left: 0;
    height: 100%
}

#player.group .player .columns {
    flex: 1
}

#player.group h2 {
    margin-bottom: 16px
}

#player.group h2 .attributes {
    position: relative;
    top: auto;
    right: auto
}

body.profile #player .left .buttons {
    display: none
}

body.profile #player a.close {
    display: none
}

body.profile>div.dock>div ul.menu {
    z-index: 1300
}

body.profile>div.dock .tchat,
body.profile #mobile-menu .left-dock .tchat {
    display: inline
}

body.profile.disconnected>div.dock .tchat {
    display: none
}

#bizness,
#bizness-confirm {
    display: none;
    position: absolute;
    z-index: 250;
    top: 50%;
    left: 50%;
    margin-left: -255px;
    margin-top: -320px
}

#bizness h3,
#bizness-confirm h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

#bizness .blocks,
#bizness-confirm .blocks {
    display: flex
}

#bizness .blocks .block,
#bizness-confirm .blocks .block {
    display: flex;
    flex-direction: column
}

#bizness .blocks .block.give>div,
#bizness .blocks .block.get>div,
#bizness-confirm .blocks .block.give>div,
#bizness-confirm .blocks .block.get>div {
    border-radius: 8px;
    width: 224px;
    min-height: 204px;
    max-height: 204px;
    background: url("bizness/background_frame_bizness.png") no-repeat #004773;
    background-position: 22px 48px;
    position: relative;
    box-sizing: border-box;
    padding-top: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

#bizness .blocks .block.give>div .items,
#bizness .blocks .block.get>div .items,
#bizness-confirm .blocks .block.give>div .items,
#bizness-confirm .blocks .block.get>div .items {
    flex: 1;
    width: 100%;
    position: static;
    justify-content: left;
    padding-left: 22px;
    padding-top: 0
}

#bizness .blocks .block.give>div input,
#bizness .blocks .block.give>div .credits,
#bizness .blocks .block.get>div input,
#bizness .blocks .block.get>div .credits,
#bizness-confirm .blocks .block.give>div input,
#bizness-confirm .blocks .block.give>div .credits,
#bizness-confirm .blocks .block.get>div input,
#bizness-confirm .blocks .block.get>div .credits {
    width: 133px;
    height: 39px;
    background: rgba(0, 0, 0, 0);
    border: none;
    position: absolute;
    top: 142px;
    right: 22px;
    box-sizing: border-box;
    padding: 0 8px;
    padding-right: 40px;
    text-align: right;
    font-weight: 600;
    font-size: 16px;
    color: #ffe666;
    -moz-appearance: textfield
}

#bizness .blocks .block.give>div input::placeholder,
#bizness .blocks .block.give>div .credits::placeholder,
#bizness .blocks .block.get>div input::placeholder,
#bizness .blocks .block.get>div .credits::placeholder,
#bizness-confirm .blocks .block.give>div input::placeholder,
#bizness-confirm .blocks .block.give>div .credits::placeholder,
#bizness-confirm .blocks .block.get>div input::placeholder,
#bizness-confirm .blocks .block.get>div .credits::placeholder {
    background: url("bizness/plus_bizness.png") no-repeat;
    background-position: 5px center;
    font-weight: bold;
    font-size: 16px;
    color: #0682c3
}

#bizness .blocks .block.give>div input::-webkit-inner-spin-button,
#bizness .blocks .block.give>div input::-webkit-outer-spin-button,
#bizness .blocks .block.give>div .credits::-webkit-inner-spin-button,
#bizness .blocks .block.give>div .credits::-webkit-outer-spin-button,
#bizness .blocks .block.get>div input::-webkit-inner-spin-button,
#bizness .blocks .block.get>div input::-webkit-outer-spin-button,
#bizness .blocks .block.get>div .credits::-webkit-inner-spin-button,
#bizness .blocks .block.get>div .credits::-webkit-outer-spin-button,
#bizness-confirm .blocks .block.give>div input::-webkit-inner-spin-button,
#bizness-confirm .blocks .block.give>div input::-webkit-outer-spin-button,
#bizness-confirm .blocks .block.give>div .credits::-webkit-inner-spin-button,
#bizness-confirm .blocks .block.give>div .credits::-webkit-outer-spin-button,
#bizness-confirm .blocks .block.get>div input::-webkit-inner-spin-button,
#bizness-confirm .blocks .block.get>div input::-webkit-outer-spin-button,
#bizness-confirm .blocks .block.get>div .credits::-webkit-inner-spin-button,
#bizness-confirm .blocks .block.get>div .credits::-webkit-outer-spin-button {
    display: none
}

#bizness .blocks .block.give>div input:focus,
#bizness .blocks .block.give>div .credits:focus,
#bizness .blocks .block.get>div input:focus,
#bizness .blocks .block.get>div .credits:focus,
#bizness-confirm .blocks .block.give>div input:focus,
#bizness-confirm .blocks .block.give>div .credits:focus,
#bizness-confirm .blocks .block.get>div input:focus,
#bizness-confirm .blocks .block.get>div .credits:focus {
    box-shadow: 0 0 0 2px #15a8f6 inset !important;
    outline: 0 none
}

#bizness .blocks .block.give>div input.credits,
#bizness .blocks .block.give>div .credits.credits,
#bizness .blocks .block.get>div input.credits,
#bizness .blocks .block.get>div .credits.credits,
#bizness-confirm .blocks .block.give>div input.credits,
#bizness-confirm .blocks .block.give>div .credits.credits,
#bizness-confirm .blocks .block.get>div input.credits,
#bizness-confirm .blocks .block.get>div .credits.credits {
    top: 149px
}

#bizness .blocks .block.give>div input:hover,
#bizness .blocks .block.get>div input:hover,
#bizness-confirm .blocks .block.give>div input:hover,
#bizness-confirm .blocks .block.get>div input:hover {
    box-shadow: 0 0 0 2px #1179cf inset
}

#bizness .blocks .block.give>div .help,
#bizness .blocks .block.get>div .help,
#bizness-confirm .blocks .block.give>div .help,
#bizness-confirm .blocks .block.get>div .help {
    font-size: 12px;
    font-weight: 600;
    color: #226fa5;
    margin-bottom: 13px
}

#bizness .blocks .block.give,
#bizness-confirm .blocks .block.give {
    margin-right: 16px
}

#bizness .actions,
#bizness-confirm .actions {
    display: flex;
    margin-top: 16px;
    justify-content: center
}

#bizness .actions a:first-child,
#bizness-confirm .actions a:first-child {
    margin-right: 16px
}

#bizness-confirm {
    margin-left: -154px
}

#bizness-confirm .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%
}

#bizness-confirm .right .block.give {
    margin-right: 0
}

.window.recycle,
.window.biznessbox {
    position: absolute;
    z-index: auto;
    top: 50%;
    left: 50%;
    margin-left: -345px;
    margin-top: -263px;
    width: 690px;
    height: 526px;
    padding: 16px
}

.window.recycle h1,
.window.biznessbox h1 {
    margin-right: -16px;
    margin-left: -16px;
    width: calc(100% + 32px)
}

.window.recycle h3,
.window.biznessbox h3 {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

.window.recycle .blocks,
.window.biznessbox .blocks {
    display: flex
}

.window.recycle .blocks .block,
.window.biznessbox .blocks .block {
    display: flex;
    flex-direction: column
}

.window.recycle .blocks .block.recycled,
.window.biznessbox .blocks .block.recycled {
    border-top: 2px solid #2890d3
}

.window.recycle .blocks .block>div,
.window.biznessbox .blocks .block>div {
    position: relative;
    box-sizing: border-box;
    padding-top: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    width: 412px;
    min-height: 250px;
    max-height: 250px;
    background: url("recycle/recycle_slots.png?v=2") no-repeat #004773;
    background-position: 22px 48px
}

.window.recycle .blocks .block>div .items,
.window.biznessbox .blocks .block>div .items {
    flex: 1;
    width: 100%;
    position: static;
    justify-content: left;
    padding-left: 22px;
    padding-top: 0
}

.window.recycle .blocks .block>div .items a .icon,
.window.biznessbox .blocks .block>div .items a .icon {
    z-index: 0
}

.window.recycle .blocks .block>div .help,
.window.biznessbox .blocks .block>div .help {
    font-size: 12px;
    font-weight: 600;
    color: #226fa5;
    margin-bottom: 13px
}

.window.recycle .actions,
.window.biznessbox .actions {
    display: flex;
    margin-top: 16px;
    justify-content: center
}

.window.recycle .actions a:first-child,
.window.biznessbox .actions a:first-child {
    margin-right: 16px
}

.window.recycleresult {
    line-height: 1;
    position: absolute;
    z-index: 250;
    top: 50%;
    left: 50%;
    margin-left: -114px;
    margin-top: -252px;
    width: 228px;
    height: 502px;
    text-align: center
}

.window.recycleresult h1 {
    background: url("recycle/flag_recycle.png") no-repeat center;
    height: 116px;
    width: 100%;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
    margin: 0;
    margin-bottom: 24px;
    margin-top: -12px
}

.window.recycleresult h2 {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-top: 0;
    padding: 0;
    margin: 0;
    margin-bottom: 16px
}

.window.recycleresult .xp {
    color: #ffdb70;
    font-weight: bold;
    margin-bottom: 16px;
    font-size: 16px
}

.window.recycleresult .xp .count {
    display: block;
    font-size: 48px;
    margin-bottom: 8px
}

.window.recycleresult .items {
    position: static;
    background: url("recycle/object_reward_background.png") no-repeat center;
    margin-bottom: 16px;
    height: 139px;
    width: 100%;
    padding-top: 8px;
    padding-left: 52px;
    justify-content: left;
    overflow: hidden
}

.window.recycleresult .items a {
    width: 56px;
    height: 56px;
    padding: 2px;
    background: none;
    border: none;
    margin-bottom: 16px;
    margin-right: 16px
}

.window.recycleresult .items a .amount {
    right: 4px;
    bottom: 4px
}

.window.recycleresult .items a .icon {
    height: 48px;
    width: 48px;
    background-size: contain
}

.window.recycleresult .and {
    font-size: 28px;
    color: #004885;
    margin-bottom: 16px;
    font-weight: bold
}

.window.recycleresult .actions {
    display: flex;
    margin-bottom: 16px;
    justify-content: center
}

.window.recycleresult.onlyxp {
    height: 302px
}

.window.recycleresult.onlyxp .and,
.window.recycleresult.onlyxp .items {
    display: none
}

.window.biznessbox {
    height: 530px;
    z-index: 200;
    padding: 8px
}

.window.biznessbox h1 {
    margin-right: -8px;
    margin-left: -8px;
    width: calc(100% + 16px)
}

.window.biznessbox .blocks .block.recycled {
    border: none
}

.window.biznessbox .blocks .block>div {
    background-image: url("biznessbox/slots.png");
    min-height: 425px;
    max-height: 425px
}

.window.biznessbox .blocks .inventory .items {
    height: 253px
}

.window.biznessbox .blocks .inventory .items a {
    margin-right: 3px;
    margin-left: 3px
}

.window.biznessbox .blocks .inventory .items a:nth-child(5n+1) {
    margin-left: 0
}

.window.biznessbox .blocks .inventory .items a:nth-child(5n) {
    margin-right: 0
}

.window.biznessbox .blocks .empty {
    position: absolute;
    bottom: 4px;
    right: 44px
}

.window.biznessbox.loading .blocks .block>div {
    background-image: none
}

.window.biznessbox.loading .blocks .block>div .items {
    display: none
}

.window.biznessbox.loading::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: url("dressing2/loading.svg");
    background-position: 380px 150px;
    background-repeat: no-repeat
}

div.window.favoritewindow {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -261px;
    margin-left: -647px;
    z-index: 2500;
    box-sizing: border-box;
    width: 1294px;
    height: 522px;
    display: flex;
    flex-direction: column
}

div.window.favoritewindow .blocks {
    margin-top: 8px;
    flex: 1;
    display: flex
}

div.window.favoritewindow>.actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px
}

div.window.favoritewindow>.actions>a {
    margin-right: 16px;
    margin-left: 16px
}

div.window.favoritewindow h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #0682c3
}

div.window.favoritewindow .mylook-block {
    display: flex;
    flex-direction: column
}

div.window.favoritewindow .mylook-block .mylook {
    margin-left: 8px;
    width: 248px;
    height: 384px;
    border: 1px solid #0d62a7;
    background: url("backgrounds/default_profile.jpg") no-repeat;
    display: flex;
    flex-direction: column
}

div.window.favoritewindow .mylook-block .mylook a {
    align-self: center
}

div.window.favoritewindow .mylook-block .mylook canvas {
    width: 250px
}

div.window.favoritewindow .mylook-block .mylook .reinit {
    margin-top: auto;
    margin-bottom: 16px
}

div.window.favoritewindow .mylook-block .validate {
    margin: auto;
    margin-top: 16px
}

div.window.favoritewindow .savedlooks {
    flex: 1;
    display: flex;
    flex-direction: column
}

div.window.favoritewindow .savedlooks .pages {
    display: flex;
    justify-content: center
}

div.window.favoritewindow .savedlooks .pages a {
    margin-right: 16px;
    margin-left: 34px
}

div.window.favoritewindow .savedlooks .pages a.next {
    margin-left: auto
}

div.window.favoritewindow .savedlooks .pages .mid {
    display: flex;
    flex-direction: column;
    flex: 1
}

div.window.favoritewindow .savedlooks .pages .mid .count {
    text-align: center;
    color: #004773;
    font-weight: bold;
    font-size: 14px
}

div.window.favoritewindow .savedlooks .pages .page-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    margin-top: 12px
}

div.window.favoritewindow .savedlooks .pages .page-links a,
div.window.favoritewindow .savedlooks .pages .page-links span {
    color: #004773;
    font-weight: bold;
    font-size: 16px
}

div.window.favoritewindow .savedlooks .pages .page-links a {
    padding: 5px;
    margin: 0;
    cursor: pointer
}

div.window.favoritewindow .savedlooks .pages .page-links a:hover {
    text-decoration: underline;
    color: #00deff
}

div.window.favoritewindow .savedlooks .pages .page-links a.active {
    color: #fff;
    text-decoration: underline
}

div.window.favoritewindow .savedlooks .looks {
    padding-left: 16px;
    margin-left: 16px;
    border-left: 2px solid #004773;
    display: flex;
    width: 100%;
    overflow: auto
}

div.window.favoritewindow .savedlooks .looks>div {
    position: relative;
    border-radius: 8px;
    background: #004773;
    margin-left: -2px;
    margin-right: 14px;
    border: 2px solid rgba(0, 0, 0, 0);
    width: 232px;
    height: 384px;
    display: flex;
    flex-direction: column;
    text-align: center
}

div.window.favoritewindow .savedlooks .looks>div.empty canvas,
div.window.favoritewindow .savedlooks .looks>div.buy canvas {
    opacity: 0
}

div.window.favoritewindow .savedlooks .looks>div.empty a.mark-as-favorite,
div.window.favoritewindow .savedlooks .looks>div.buy a.mark-as-favorite {
    display: none
}

div.window.favoritewindow .savedlooks .looks>div.favorite {
    border: 2px solid #fbe600
}

div.window.favoritewindow .savedlooks .looks>div.buy {
    background: #06598f
}

div.window.favoritewindow .savedlooks .looks>div canvas {
    width: 200px;
    margin: auto
}

div.window.favoritewindow .savedlooks .looks>div span {
    margin-top: 16px;
    font-weight: 600;
    font-size: 14px;
    color: #0682c3
}

div.window.favoritewindow .savedlooks .looks>div a.mark-as-favorite {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 18px;
    height: 18px;
    background: url("dressing2/favorite.png") no-repeat;
    cursor: pointer
}

div.window.favoritewindow .savedlooks .looks>div a.mark-as-favorite.active {
    background-position: bottom
}

div.window.favoritewindow .savedlooks .looks>div .actions {
    display: flex;
    justify-content: center;
    margin-top: auto;
    margin-bottom: 16px
}

div.window.favoritewindow .savedlooks .looks>div .actions a:first-child {
    margin-right: 16px
}

div.window.favoritewindow .savedlooks .looks>div .actions a:last-child {
    margin-right: 0
}

div.window.favoritewindow .savedlooks .looks>div:last-child {
    margin-right: 8px
}

div.window.favoritewindow .btn-next,
div.window.favoritewindow .btn-previous {
    margin-top: 16px;
    width: 48px;
    background: url("favorites/left_arrow_button.png")
}

div.window.favoritewindow .btn-next.btn-next,
div.window.favoritewindow .btn-previous.btn-next {
    background: url("favorites/right_arrow_button.png")
}

.window.tutorial,
.window.choose-animal {
    position: absolute;
    box-sizing: border-box;
    width: 540px;
    height: 472px;
    padding-left: 24px;
    padding-right: 24px;
    left: 50%;
    margin-left: -270px;
    z-index: 300
}

.window.tutorial h1,
.window.choose-animal h1 {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px)
}

.window.tutorial h4,
.window.choose-animal h4 {
    margin-top: 0;
    margin-bottom: 0
}

.window.tutorial .maintext,
.window.choose-animal .maintext {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600
}

.window.tutorial .maintext a,
.window.choose-animal .maintext a {
    text-decoration: underline;
    color: #fff
}

.window.tutorial .maintext strong,
.window.tutorial .maintext strong a,
.window.choose-animal .maintext strong,
.window.choose-animal .maintext strong a {
    color: #ffe494;
    font-weight: 600
}

.window.tutorial .maintext img,
.window.choose-animal .maintext img {
    width: 492px;
    margin-top: 16px;
    margin-bottom: 16px
}

.window.tutorial .maintext ul,
.window.choose-animal .maintext ul {
    margin-top: 8px;
    margin-bottom: 8px
}

.window.tutorial .top,
.window.choose-animal .top {
    display: flex;
    align-items: flex-end;
    margin-top: 16px;
    margin-bottom: 24px
}

.window.tutorial p,
.window.choose-animal p {
    margin: 0;
    align-items: flex-end
}

.window.tutorial .actions,
.window.choose-animal .actions {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 16px;
    right: 24px;
    width: 492px
}

.window.choose-animal {
    width: 700px;
    height: 350px;
    top: 50%;
    margin-top: -175px;
    margin-left: -350px
}

.window.choose-animal .content {
    display: flex;
    justify-content: space-between
}

.window.choose-animal .content div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 16px;
    flex: 1
}

.window.choose-animal .content div img {
    height: 70px;
    margin-bottom: 16px
}

.window.choose-animal .content div .description {
    font-style: italic;
    font-size: .8em;
    margin-top: 16px;
    text-align: center
}

.window.choose-animal .content .btn-primary-auto {
    font-size: 15px
}

.skip-tutorial {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    margin-left: 302px;
    margin-top: -296px
}

.skip-tutorial.visiteur {
    margin-left: 226px
}

.skip-tutorial .step {
    margin-top: 8px;
    width: 100%;
    text-align: center;
    font-size: 21px;
    text-shadow: 0px 2px 2px #000;
    font-weight: bold;
    color: #fff
}

.skip-tutorial.hidden {
    display: none
}

.skip-tutorial-popup.window {
    width: 540px;
    height: 390px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -270px;
    margin-top: -195px;
    z-index: 200;
    display: flex;
    flex-direction: column;
    align-items: center
}

.skip-tutorial-popup.window .error {
    position: absolute;
    top: 244px;
    left: 20px;
    color: #ff6b6b;
    font-weight: bold;
    width: 500px;
    text-align: center
}

.skip-tutorial-popup.window .helptext {
    font-weight: 600;
    text-align: center;
    margin-bottom: 8px
}

.skip-tutorial-popup.window .helptext .help {
    cursor: pointer;
    display: inline-block;
    background: url("tutorial/icon_info.png");
    width: 14px;
    height: 14px;
    text-indent: -999px;
    overflow: hidden
}

.skip-tutorial-popup.window .helptext strong {
    font-weight: 600;
    color: #ffc765
}

.skip-tutorial-popup.window .helptext.step2 {
    display: none
}

.skip-tutorial-popup.window .step1 {
    width: 100%
}

.skip-tutorial-popup.window a {
    width: 60%;
    margin: auto
}

.skip-tutorial-popup.window .mobile-icon {
    display: block;
    margin-top: 24px;
    margin-bottom: 24px;
    background: url("tutorial/phone_icon.png") no-repeat;
    width: 30px;
    height: 56px;
    text-indent: -999px;
    overflow: hidden
}

.skip-tutorial-popup.window.rebootz .mobile-icon {
    background-image: url("/fr/rebootz_big.png");
    background-size: contain;
    width: 80px;
    height: 80px
}

.skip-tutorial-popup.window .form {
    display: flex;
    align-items: center
}

.skip-tutorial-popup.window .form .validate {
    margin-left: 16px
}

.skip-tutorial-popup.window .step2,
.skip-tutorial-popup.window .step3 {
    display: none
}

.skip-tutorial-popup.window .step2 .form input::-webkit-outer-spin-button,
.skip-tutorial-popup.window .step2 .form input::-webkit-inner-spin-button,
.skip-tutorial-popup.window .step3 .form input::-webkit-outer-spin-button,
.skip-tutorial-popup.window .step3 .form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.skip-tutorial-popup.window .step2 .form input[type=number],
.skip-tutorial-popup.window .step3 .form input[type=number] {
    -moz-appearance: textfield
}

.skip-tutorial-popup.window .loader {
    display: none;
    width: 40px;
    height: 40px;
    background: url("tutorial/loader.svg") no-repeat
}

.skip-tutorial-popup.window.loading .validate {
    display: none
}

.skip-tutorial-popup.window.loading .loader {
    display: block
}

.skip-tutorial-popup.window.step2 .step1 {
    display: none
}

.skip-tutorial-popup.window.step2 .step2 {
    display: flex
}

.skip-tutorial-popup.window.step3 .step2 {
    display: none
}

.skip-tutorial-popup.window.step3 .step3 {
    display: flex
}

.skip-tutorial-popup.window .actions {
    margin-top: 32px;
    padding-top: 16px;
    border-top: 2px solid #289dd8;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    margin-bottom: 4px
}

.skip-tutorial-popup.window .actions .helptext {
    margin-bottom: 4px
}

.skip-tutorial-popup.window .iti.iti--allow-dropdown {
    color: #000
}

.window.dressing,
.recycle.mobile,
.biznessbox.mobile {
    position: absolute;
    box-sizing: border-box;
    background: url("dressing2/background.png") no-repeat left 0 bottom 10px, linear-gradient(to bottom, #0d62a7 0%, #0f8ab8 100%);
    width: 840px;
    height: 530px;
    top: 50%;
    left: 50%;
    margin-left: -420px;
    margin-top: -265px;
    z-index: 250;
    padding-left: 0;
    padding-right: 0
}

.window.dressing h1,
.recycle.mobile h1,
.biznessbox.mobile h1 {
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.window.dressing .loader,
.recycle.mobile .loader,
.biznessbox.mobile .loader {
    display: none;
    width: 175px;
    height: 175px;
    position: absolute;
    top: 140px;
    left: 181px;
    background: url("dressing2/loading.svg") no-repeat
}

.window.dressing .blocks,
.recycle.mobile .blocks,
.biznessbox.mobile .blocks {
    display: flex
}

.window.dressing .avatar,
.recycle.mobile .avatar,
.biznessbox.mobile .avatar {
    position: absolute;
    left: 54px;
    top: 54px;
    width: 450px;
    pointer-events: none
}

.window.dressing .avatar-block,
.recycle.mobile .avatar-block,
.biznessbox.mobile .avatar-block {
    width: 524px;
    padding-top: 290px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.window.dressing .avatar-block .subtype,
.recycle.mobile .avatar-block .subtype,
.biznessbox.mobile .avatar-block .subtype {
    display: flex;
    flex-wrap: wrap;
    width: 392px;
    justify-content: center;
    margin: 0 16px
}

.window.dressing .avatar-block .subtype .slot,
.recycle.mobile .avatar-block .subtype .slot,
.biznessbox.mobile .avatar-block .subtype .slot {
    background: url("dressing2/buttons.png") no-repeat;
    width: 48px;
    height: 50px;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer
}

.window.dressing .avatar-block .subtype .slot:last-child,
.window.dressing .avatar-block .subtype .slot:nth-child(7),
.recycle.mobile .avatar-block .subtype .slot:last-child,
.recycle.mobile .avatar-block .subtype .slot:nth-child(7),
.biznessbox.mobile .avatar-block .subtype .slot:last-child,
.biznessbox.mobile .avatar-block .subtype .slot:nth-child(7) {
    margin-right: 0
}

.window.dressing .avatar-block .subtype .slot:hover,
.recycle.mobile .avatar-block .subtype .slot:hover,
.biznessbox.mobile .avatar-block .subtype .slot:hover {
    background-position: 0 -50px
}

.window.dressing .avatar-block .subtype .slot.selected,
.recycle.mobile .avatar-block .subtype .slot.selected,
.biznessbox.mobile .avatar-block .subtype .slot.selected {
    background-position: 0 -100px
}

.window.dressing .avatar-block .subtype .slot.full,
.recycle.mobile .avatar-block .subtype .slot.full,
.biznessbox.mobile .avatar-block .subtype .slot.full {
    background-position: 0 -150px
}

.window.dressing .avatar-block .subtype .slot.full:hover,
.recycle.mobile .avatar-block .subtype .slot.full:hover,
.biznessbox.mobile .avatar-block .subtype .slot.full:hover {
    background-position: 0 -200px
}

.window.dressing .avatar-block .subtype .slot.full.selected,
.recycle.mobile .avatar-block .subtype .slot.full.selected,
.biznessbox.mobile .avatar-block .subtype .slot.full.selected {
    background-position: 0 -250px
}

.window.dressing .avatar-block .subtype .slot .icon,
.recycle.mobile .avatar-block .subtype .slot .icon,
.biznessbox.mobile .avatar-block .subtype .slot .icon {
    width: 35px;
    height: 35px;
    display: block;
    margin-top: 7px;
    margin-left: 7px;
    border-radius: 50%;
    cursor: pointer;
    background-image: url("dressing2/slots.png");
    background-repeat: no-repeat;
    background-position: center
}

.window.dressing .avatar-block .subtype .slot .icon.item-image,
.recycle.mobile .avatar-block .subtype .slot .icon.item-image,
.biznessbox.mobile .avatar-block .subtype .slot .icon.item-image {
    background-size: 35px
}

.window.dressing .avatar-block .actions,
.recycle.mobile .avatar-block .actions,
.biznessbox.mobile .avatar-block .actions {
    display: flex;
    width: 100%;
    align-items: center
}

.window.dressing .avatar-block .actions a.cancel,
.window.dressing .avatar-block .actions a.random,
.recycle.mobile .avatar-block .actions a.cancel,
.recycle.mobile .avatar-block .actions a.random,
.biznessbox.mobile .avatar-block .actions a.cancel,
.biznessbox.mobile .avatar-block .actions a.random {
    margin-left: 16px
}

.window.dressing .avatar-block .actions a.random,
.window.dressing .avatar-block .actions a.empty,
.recycle.mobile .avatar-block .actions a.random,
.recycle.mobile .avatar-block .actions a.empty,
.biznessbox.mobile .avatar-block .actions a.random,
.biznessbox.mobile .avatar-block .actions a.empty {
    width: 48px;
    overflow: hidden;
    text-indent: -999px;
    background-image: url("dressing2/random_button.png")
}

.window.dressing .avatar-block .actions a.empty,
.recycle.mobile .avatar-block .actions a.empty,
.biznessbox.mobile .avatar-block .actions a.empty {
    background-image: url("dressing2/undress_button.png")
}

.window.dressing .avatar-block .actions .space,
.recycle.mobile .avatar-block .actions .space,
.biznessbox.mobile .avatar-block .actions .space {
    flex: 1
}

.window.dressing .avatar-block .actions a:last-child,
.recycle.mobile .avatar-block .actions a:last-child,
.biznessbox.mobile .avatar-block .actions a:last-child {
    margin-left: 0;
    margin-right: 16px
}

.window.dressing .item-block,
.recycle.mobile .item-block,
.biznessbox.mobile .item-block {
    display: flex;
    flex-direction: column;
    width: 312px
}

.window.dressing .item-block .filter,
.recycle.mobile .item-block .filter,
.biznessbox.mobile .item-block .filter {
    display: flex;
    margin: 24px;
    margin-top: 32px;
    margin-bottom: 8px;
    align-items: center
}

.window.dressing .item-block .filter label,
.recycle.mobile .item-block .filter label,
.biznessbox.mobile .item-block .filter label {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-right: 12px
}

.window.dressing .item-block .filter input,
.recycle.mobile .item-block .filter input,
.biznessbox.mobile .item-block .filter input {
    height: 18px;
    flex: 1;
    border: 1px solid #095789;
    font-size: 12px;
    color: #000;
    background: #fff;
    box-sizing: border-box
}

.window.dressing .item-block .items,
.recycle.mobile .item-block .items,
.biznessbox.mobile .item-block .items {
    position: static;
    background: #fff;
    margin-left: 24px;
    margin-right: 24px;
    width: auto;
    height: 347px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px 0px 0px 8px
}

.window.dressing .item-block .items a,
.recycle.mobile .item-block .items a,
.biznessbox.mobile .item-block .items a {
    margin-left: 4px;
    margin-right: 4px
}

.window.dressing .item-block .items .btn,
.recycle.mobile .item-block .items .btn,
.biznessbox.mobile .item-block .items .btn {
    margin-left: auto;
    margin-right: auto
}

.window.dressing .item-block .items h3,
.recycle.mobile .item-block .items h3,
.biznessbox.mobile .item-block .items h3 {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #0576bc
}

.window.dressing .item-block .favorite,
.recycle.mobile .item-block .favorite,
.biznessbox.mobile .item-block .favorite {
    width: 232px;
    height: 48px;
    background-image: url("common/mannequin_button.png");
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto
}

.window.dressing.hidden,
.recycle.mobile.hidden,
.biznessbox.mobile.hidden {
    display: none
}

.news {
    position: absolute;
    z-index: 250;
    top: 50%;
    left: 50%;
    background: url("news/background.jpg") no-repeat;
    margin-left: 177px;
    margin-top: 126px;
    width: 319px;
    height: 148px;
    box-sizing: border-box;
    padding-left: 32px;
    padding-top: 16px;
    padding-right: 32px;
    line-height: 1;
    display: flex;
    flex-direction: column
}

.news .bullets {
    margin-top: auto;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center
}

.news .bullets a {
    width: 8px;
    height: 8px;
    background: url("news/bullet.png") no-repeat;
    margin-right: 8px;
    cursor: pointer
}

.news .bullets a:hover {
    background-position: 0 -8px
}

.news .bullets a.active {
    background-position: 0 -16px
}

.news a.next,
.news a.previous {
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -15px;
    width: 18px;
    height: 29px;
    background: url("news/next.png") no-repeat;
    cursor: pointer
}

.news a.next:hover,
.news a.previous:hover {
    background-position: 0 -29px
}

.news a.previous {
    background-image: url("news/previous.png");
    right: auto;
    left: -5px
}

.news .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.news .content .text {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 4px;
    cursor: pointer
}

.news .content .date,
.news .content .title {
    font-weight: bold;
    font-size: 12px;
    color: #4bbaff;
    margin-bottom: 4px
}

.news .content .title {
    color: #ffe666
}

.news a.close {
    background: url(common/mobile_close_button.png) no-repeat;
    width: 40px;
    height: 40px;
    top: -5px;
    right: -5px
}

.news.hidden {
    display: none
}

.geniewheel,
.genielosewheel {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5000;
    position: absolute;
    margin-left: -278px;
    margin-top: -278px
}

.geniewheel .background,
.genielosewheel .background {
    background: url("genie/wheel/background_wheel.png");
    width: 557px;
    height: 557px;
    position: relative;
    z-index: 1
}

.geniewheel .background .wheel-center,
.genielosewheel .background .wheel-center {
    background: url("genie/wheel/center.png");
    width: 129px;
    height: 180px;
    position: absolute;
    z-index: 5000;
    top: 176px;
    left: 213px
}

.geniewheel .background .wheel,
.genielosewheel .background .wheel {
    width: 440px;
    height: 440px;
    position: absolute;
    z-index: 200;
    top: 56px;
    left: 61px;
    transition: 5s cubic-bezier(0.5, 0, 0.08, 1.1)
}

.geniewheel .background .wheel.very_common,
.genielosewheel .background .wheel.very_common {
    background: url("genie/wheel/very_common_wheel.png")
}

.geniewheel .background .wheel.common,
.genielosewheel .background .wheel.common {
    background: url("genie/wheel/common_wheel.png")
}

.geniewheel .background .wheel.normal,
.genielosewheel .background .wheel.normal {
    background: url("genie/wheel/normal_wheel.png")
}

.geniewheel .background .wheel.uncommon,
.genielosewheel .background .wheel.uncommon {
    background: url("genie/wheel/uncommon_wheel.png")
}

.geniewheel .background .wheel.rare,
.genielosewheel .background .wheel.rare {
    background: url("genie/wheel/rare_wheel.png")
}

.geniewheel .background .wheel.super_rare,
.genielosewheel .background .wheel.super_rare {
    background: url("genie/wheel/super_rare_wheel.png")
}

.geniewheel .background .wheel.legendary,
.genielosewheel .background .wheel.legendary {
    background: url("genie/wheel/legendary_wheel.png")
}

.geniewheel .background .wheel.losing,
.genielosewheel .background .wheel.losing {
    background: url("genie/wheel/losing_wheel.png")
}

.geniewheel.genielosewheel .background,
.genielosewheel.genielosewheel .background {
    background: url("genie/wheel/background_losing_wheel.png")
}

.geniewheel .actions,
.genielosewheel .actions {
    width: 150px;
    margin: auto
}

.geniewheel::after,
.genielosewheel::after {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 350px;
    background: url("genie/avatar.png");
    width: 355px;
    height: 399px;
    transform: translatey(0px);
    transition: all .4s ease-in-out;
    animation: float 6s ease-in-out infinite
}

.geniespeak {
    width: 656px;
    height: 232px;
    background: #fff;
    padding-left: 165px;
    z-index: 5000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -116px;
    margin-left: -328px;
    border-radius: 16px
}

.geniespeak .genienick {
    margin-top: 40px;
    margin-bottom: 20px;
    color: #ff42e7;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 24px
}

.geniespeak p {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    line-height: 22px;
    margin-right: 32px
}

.geniespeak p strong {
    font-weight: bold;
    color: #e27635
}

.geniespeak::after {
    z-index: 501;
    content: "";
    position: absolute;
    top: -60px;
    left: -200px;
    background: url("genie/avatar.png");
    width: 355px;
    height: 399px;
    transform: translatey(0px);
    transition: all .4s ease-in-out;
    animation: float 6s ease-in-out infinite
}

.geniespeak.oops::after {
    background: url("genie/avatar_oops.png")
}

.geniespeak .buttons {
    display: flex;
    position: absolute;
    right: 0;
    top: 248px
}

.geniespeak .buttons a {
    min-width: 136px;
    margin-left: 16px
}

.geniespeak .buttons a img {
    vertical-align: middle
}

@keyframes float {
    0% {
        transform: translatey(0px)
    }

    50% {
        transform: translatey(-20px)
    }

    100% {
        transform: translatey(0px)
    }
}

.genie {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 250;
    top: 50%;
    left: 50%;
    margin-left: -180px;
    margin-top: -257px;
    width: 360px;
    height: 514px;
    padding: 16px
}

.genie .top {
    display: flex;
    align-items: center;
    margin-top: 8px;
    padding-bottom: 16px;
    border-bottom: 2px solid #2f97d0;
    margin-bottom: 16px;
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 8px
}

.genie .top div {
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-right: 16px;
    margin-left: 16px;
    position: relative
}

.genie .top div img {
    position: absolute;
    top: -3px;
    left: -55px;
    pointer-events: none
}

.genie .top p.maintext {
    margin: 0
}

.genie .items {
    flex: 1;
    height: auto;
    width: auto;
    position: static;
    justify-content: left;
    background: #fff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.genie .actions {
    display: flex;
    align-items: flex-end;
    margin-bottom: 24px;
    margin-top: 24px;
    padding-right: 8px
}

.genie .actions .item-slot {
    background: url("genie/empty_slot.png");
    width: 64px;
    height: 64px;
    margin-left: 24px;
    margin-right: 24px
}

.genie .actions .item-slot .img {
    background: rgba(0, 0, 0, 0) no-repeat center;
    background-size: contain;
    width: 100%;
    height: 100%
}

.genie .actions a.continue {
    flex: 1;
    top: -4px
}

.genie strong {
    font-weight: bold;
    color: #ffe666
}

.window.maison {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -264px;
    margin-left: -156px;
    z-index: 2499;
    width: 368px
}

.window.maison .content {
    display: flex;
    flex-direction: column
}

.window.maison .content a.gotomyhome {
    margin-top: 16px;
    margin-bottom: 8px;
    width: 327px;
    height: 99px;
    background: url("house/my_house_btn.png") no-repeat;
    align-self: center;
    text-indent: -9999px;
    overflow: hidden
}

.window.maison .content a.gotomyhome:hover {
    background-position: 0 -99px
}

.window.maison .content h3 {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: -8px;
    margin-right: -8px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    background: #0a4e7a;
    height: 24px;
    line-height: 24px
}

.window.maison .content .filter {
    margin-bottom: 8px;
    margin-left: 24px;
    margin-right: 24px;
    display: flex
}

.window.maison .content .filter label {
    margin-right: 16px;
    color: #89cbfc;
    font-weight: 600;
    font-size: 12px
}

.window.maison .content .filter input {
    flex: 1
}

.window.maison .content .house-list {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    height: 186px;
    margin-left: 24px;
    margin-right: 24px
}

.window.maison .content .house-list li {
    display: flex;
    color: #0e6dac;
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px
}

.window.maison .content .house-list li .nick {
    margin-left: 24px;
    flex: 1
}

.window.maison .content .house-list li .count {
    margin-right: 16px;
    background: url("house/tiz_icon.png") no-repeat right;
    padding-right: 20px
}

.window.maison .content .house-list li .go {
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    background: url("house/gotohome_btn.png") no-repeat;
    margin-right: 24px
}

.window.maison .content .house-list li .go:hover {
    background-position: 0 -24px
}

.window.maison .content .actions {
    display: flex;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px
}

.window.maison .content .actions .btn-refresh,
.window.maison .content .actions .btn-random {
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("house/refresh_btn.png")
}

.window.maison .content .actions .btn-refresh.btn-random,
.window.maison .content .actions .btn-random.btn-random {
    background: url("dressing2/random_button.png")
}

.window.maison .content .actions .btn-refresh:hover,
.window.maison .content .actions .btn-random:hover {
    background-position: 0 -48px
}

.window.maison .content .actions .btn-refresh.disabled,
.window.maison .content .actions .btn-random.disabled {
    background-position: top
}

.window.maison .content .actions .pages {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.window.maison .content .actions .pages .btn-next,
.window.maison .content .actions .pages .btn-previous {
    width: 48px;
    height: 48px;
    background: url("favorites/left_arrow_button.png")
}

.window.maison .content .actions .pages .btn-next.btn-next,
.window.maison .content .actions .pages .btn-previous.btn-next {
    background: url("favorites/right_arrow_button.png")
}

.window.maison .content .actions .pages .btn-next:hover,
.window.maison .content .actions .pages .btn-previous:hover {
    background-position: 0 -48px
}

.window.maison .content .actions .pages .mid {
    margin-left: 24px;
    margin-right: 24px
}

.window.maison .content .join-field {
    margin: 0 24px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center
}

.window.maison .content .join-field input {
    margin: 0 12px;
    width: 100px
}

.window.maison .content .join-field a.join {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url("buttons/join_button.png");
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-repeat: no-repeat
}

div.shop {
    width: 360px;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -162px
}

div.shop .top {
    align-items: center;
    margin: 0 -8px;
    margin-top: 40px;
    padding-bottom: 32px;
    border-bottom: 2px solid #2f97d0
}

div.shop .top>div {
    margin-left: 16px
}

div.shop .top h3 {
    font-weight: 700;
    color: #ffd86e;
    font-size: 14px;
    margin: 0
}

div.shop .top a {
    font-weight: 600;
    text-decoration: underline;
    color: #87e5ff;
    font-size: 14px
}

div.shop .infos {
    display: flex;
    margin-top: 24px;
    margin-bottom: 24px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    justify-content: center
}

div.shop .infos strong {
    font-size: 400;
    margin-left: 3px;
    margin-right: 3px
}

div.shop .infos .count {
    font-size: 16px;
    font-weight: bold
}

div.shop .infos label {
    margin-right: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #8dceff
}

div.shop .validate {
    display: flex;
    width: 216px;
    padding: 0 16px;
    margin-bottom: 16px
}

div.shop .validate .credits {
    margin-left: auto;
    background: url("common/currency_icon.png") no-repeat right 8px;
    padding-right: 35px
}

.items,
.itemlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    box-sizing: border-box;
    width: 321px;
    height: 299px;
    padding-top: 16px;
    padding-left: 16px;
    overflow: auto;
    position: absolute;
    left: 564px;
    top: 134px
}

@-moz-document url-prefix() {

    .items,
    .itemlist {
        width: 323px
    }
}

.items a,
.itemlist a {
    display: block;
    width: 39px;
    height: 39px;
    cursor: pointer;
    border-radius: 4px;
    background: #6dc9ee;
    border: 1px solid #0d65a9;
    padding: 1px;
    margin-right: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
    position: relative
}

.items a .icon,
.itemlist a .icon {
    background-repeat: no-repeat;
    background-position: center center;
    width: 35px;
    height: 35px;
    display: block;
    position: relative;
    z-index: 1
}

.items a .icon::after,
.itemlist a .icon::after {
    position: absolute;
    z-index: -1;
    width: 9px;
    height: 8px;
    content: "";
    right: 0px;
    top: 0px
}

.items a .icon.owned::after,
.itemlist a .icon.owned::after {
    background: url("common/item_status_icons.png") 0 -16px
}

.items a .icon.multiowned::after,
.itemlist a .icon.multiowned::after {
    background-position: 0 -24px
}

.items a .icon.inbizness::after,
.itemlist a .icon.inbizness::after {
    background: url("common/item_status_icons.png") 0 0px
}

.items a .icon.inwishlist::after,
.itemlist a .icon.inwishlist::after {
    background: url("common/item_status_icons.png") 0 24px
}

.items a .icon.owned.inbizness::after,
.itemlist a .icon.owned.inbizness::after {
    background: url("common/item_status_icons.png") 0 0px, url("common/item_status_icons.png") 9px -16px;
    width: 18px;
    background-repeat: no-repeat
}

.items a .icon.multiowned.inbizness::after,
.itemlist a .icon.multiowned.inbizness::after {
    background: url("common/item_status_icons.png") 0 0px, url("common/item_status_icons.png") 9px -24px;
    width: 18px;
    background-repeat: no-repeat
}

.items a .icon.owned.inwishlist::after,
.itemlist a .icon.owned.inwishlist::after {
    background: url("common/item_status_icons.png") 0 -8px, url("common/item_status_icons.png") 9px -16px;
    width: 18px;
    background-repeat: no-repeat
}

.items a .icon.multiowned.inwishlist::after,
.itemlist a .icon.multiowned.inwishlist::after {
    background: url("common/item_status_icons.png") 0 -8px, url("common/item_status_icons.png") 9px -24px;
    width: 18px;
    background-repeat: no-repeat
}

.items a .icon.inbizness.inwishlist::after,
.itemlist a .icon.inbizness.inwishlist::after {
    background: url("common/item_status_icons.png") 0 0px, url("common/item_status_icons.png") 9px -8px;
    width: 18px;
    background-repeat: no-repeat
}

.items a .icon.inbizness.inwishlist.owned::after,
.itemlist a .icon.inbizness.inwishlist.owned::after {
    background: url("common/item_status_icons.png") 0 0px, url("common/item_status_icons.png") 9px -8px, url("common/item_status_icons.png") 18px -16px;
    width: 27px;
    background-repeat: no-repeat
}

.items a .icon.inbizness.inwishlist.multiowned::after,
.itemlist a .icon.inbizness.inwishlist.multiowned::after {
    background: url("common/item_status_icons.png") 0 0px, url("common/item_status_icons.png") 9px -8px, url("common/item_status_icons.png") 18px -24px;
    width: 27px;
    background-repeat: no-repeat
}

.items a .icon.rarity-verycommon::before,
.itemlist a .icon.rarity-verycommon::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px 0px
}

.items a .icon.rarity-common::before,
.itemlist a .icon.rarity-common::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px -12px
}

.items a .icon.rarity-normal::before,
.itemlist a .icon.rarity-normal::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px -24px
}

.items a .icon.rarity-uncommon::before,
.itemlist a .icon.rarity-uncommon::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px -36px
}

.items a .icon.rarity-rare::before,
.itemlist a .icon.rarity-rare::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px -48px
}

.items a .icon.rarity-superrare::before,
.itemlist a .icon.rarity-superrare::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px -60px
}

.items a .icon.rarity-legendary::before,
.itemlist a .icon.rarity-legendary::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px -72px
}

.items a .icon.rarity-reserved::before,
.itemlist a .icon.rarity-reserved::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px -84px
}

.items a .icon.rarity-inestimable::before,
.itemlist a .icon.rarity-inestimable::before {
    position: absolute;
    z-index: -1;
    width: 12px;
    height: 12px;
    content: "";
    left: 0px;
    bottom: 0px;
    background: url("items/icon_item_rarity.png") 0px -96px
}

.items a .amount,
.itemlist a .amount {
    position: absolute;
    right: 2px;
    bottom: 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #00304e, 1px -1px 0 #00304e, -1px 1px 0 #00304e, 1px 1px 0 #00304e;
    z-index: 2;
    line-height: 1
}

.items a.selected,
.itemlist a.selected {
    background-image: url("dressing2/BackEquiped.png")
}

.items a.notcompatible,
.itemlist a.notcompatible {
    opacity: .5;
    cursor: default
}

.items.big-items a,
.itemlist.big-items a {
    width: 68px;
    height: 68px;
    padding: 3px;
    margin-bottom: 12px;
    margin-right: 12px
}

.items.big-items a .amount,
.itemlist.big-items a .amount {
    right: 4px;
    bottom: 4px
}

.items.big-items a .icon,
.itemlist.big-items a .icon {
    height: 60px;
    width: 60px;
    background-size: contain
}

.items.big-items a.selected,
.itemlist.big-items a.selected {
    background: #34a0ef
}

.items .show-more,
.itemlist .show-more {
    flex-basis: 100%
}

.items a.btn,
.itemlist a.btn {
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto
}

#item-tooltip {
    position: absolute;
    z-index: 200;
    margin-top: -48px;
    padding-left: 8px;
    width: auto;
    pointer-events: none
}

#dressing-background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    background: rgba(0, 0, 0, .8);
    cursor: pointer
}

#dressing,
#biznessbox {
    cursor: auto;
    position: absolute;
    box-sizing: border-box;
    display: none;
    background: url("dressing2/Background.png");
    width: 915px;
    height: 517px;
    top: 50%;
    left: 50%;
    margin-left: -457px;
    margin-top: -258px;
    z-index: 250
}

#dressing h1,
#biznessbox h1 {
    position: absolute;
    font-size: 27px;
    top: 10px;
    left: 100px;
    margin: 0;
    font-weight: normal;
    color: #000
}

#dressing h2,
#dressing h3,
#biznessbox h2,
#biznessbox h3 {
    position: absolute;
    font-size: 20px;
    color: #333;
    top: 15px;
    left: 340px;
    margin: 0;
    font-weight: normal
}

#dressing h3,
#biznessbox h3 {
    left: 665px
}

#dressing .loader,
#biznessbox .loader {
    display: none;
    width: 175px;
    height: 175px;
    position: absolute;
    top: 140px;
    left: 65px;
    background: url("dressing2/loading.svg") no-repeat
}

#dressing #avatar,
#biznessbox #avatar {
    position: absolute;
    left: 14px;
    top: 63px
}

#dressing .equipped,
#dressing .subtype,
#biznessbox .equipped,
#biznessbox .subtype {
    display: flex;
    width: 240px;
    flex-wrap: wrap;
    position: absolute;
    top: 64px;
    left: 314px;
    padding: 12px
}

#dressing .equipped a,
#dressing .subtype a,
#biznessbox .equipped a,
#biznessbox .subtype a {
    position: relative;
    display: block;
    width: 37px;
    height: 37px;
    margin-right: 16px;
    margin-bottom: 16px;
    background-image: url("dressing2/BackEmpty.png");
    background-repeat: no-repeat;
    cursor: pointer
}

#dressing .equipped a .icon,
#dressing .subtype a .icon,
#biznessbox .equipped a .icon,
#biznessbox .subtype a .icon {
    position: absolute;
    display: block;
    width: 43px;
    height: 43px;
    top: -3px;
    left: -3px;
    background-image: url("dressing2/slots.png")
}

#dressing .equipped a .item-image,
#dressing .subtype a .item-image,
#biznessbox .equipped a .item-image,
#biznessbox .subtype a .item-image {
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-left: 4px;
    width: 35px;
    height: 35px
}

#dressing .equipped a.full,
#dressing .subtype a.full,
#biznessbox .equipped a.full,
#biznessbox .subtype a.full {
    background-image: url("dressing2/BackEquiped.png")
}

#dressing .equipped a.selected,
#dressing .subtype a.selected,
#biznessbox .equipped a.selected,
#biznessbox .subtype a.selected {
    background-image: url("dressing2/BackSelected.png");
    background-position: 0 0;
    left: -3px;
    top: -3px;
    width: 43px;
    height: 43px;
    margin-right: 10px;
    margin-bottom: 10px
}

#dressing .equipped a.selected .icon,
#dressing .subtype a.selected .icon,
#biznessbox .equipped a.selected .icon,
#biznessbox .subtype a.selected .icon {
    top: 0;
    left: 0
}

#dressing .equipped a.full.selected,
#dressing .subtype a.full.selected,
#biznessbox .equipped a.full.selected,
#biznessbox .subtype a.full.selected {
    background-image: url("dressing2/BackEquiped.png"), url("dressing2/BackSelected.png");
    background-position: 3px 3px, 0 0
}

#dressing .filter,
#biznessbox .filter {
    position: absolute;
    top: 102px;
    left: 563px;
    font-size: 14px
}

#dressing .filter input,
#biznessbox .filter input {
    width: 266px;
    height: 18px;
    border: 1px solid #2987a1;
    background: #79dbfe
}

#dressing .actions,
#biznessbox .actions {
    position: absolute;
    left: 0px;
    top: 410px
}

#dressing .actions a,
#biznessbox .actions a {
    position: absolute;
    width: 46px;
    height: 46px;
    top: 37px;
    line-height: 115px;
    font-weight: normal;
    font-size: 13px;
    text-align: center
}

#dressing .actions a.save,
#biznessbox .actions a.save {
    background-image: url("dressing2/ButtonValidate.png");
    width: 84px;
    height: 84px;
    top: 0px;
    left: 260px;
    line-height: 187px
}

#dressing .actions a.save.disabled,
#biznessbox .actions a.save.disabled {
    background-image: url("dressing2/ButtonValidateDisabled.png");
    cursor: default
}

#dressing .actions a.favorite,
#biznessbox .actions a.favorite {
    display: none;
    background-image: url("dressing2/ButtonFavorite.png");
    left: 115px;
    top: 30px;
    line-height: 130px;
    width: 50px;
    height: 50px
}

#dressing .actions a.random,
#biznessbox .actions a.random {
    background-image: url("dressing2/ButtonRandom.png");
    left: 420px
}

#dressing .actions a.empty,
#biznessbox .actions a.empty {
    background-image: url("dressing2/ButtonEmpty.png");
    left: 480px
}

#dressing .actions a.cancel,
#biznessbox .actions a.cancel {
    background-image: url("dressing2/ButtonCancel.png");
    left: 360px
}

#dressing .actions a:hover,
#biznessbox .actions a:hover {
    cursor: pointer;
    background-position: bottom
}

#dressing a.close,
#biznessbox a.close {
    position: absolute;
    right: 4px;
    top: 14px;
    width: 20px;
    height: 20px;
    opacity: 1;
    background: url(common/close_button_popup.png) no-repeat;
    cursor: pointer
}

#dressing a.close:hover,
#biznessbox a.close:hover {
    background-position: bottom
}

#biznessbox {
    background: url("biznessbox/Background.png")
}

#biznessbox h1 {
    left: 80px
}

#biznessbox .filter {
    top: 66px
}

#biznessbox .items {
    top: 100px;
    height: 332px
}

#biznessbox .itemlist {
    top: 63px;
    height: 331px;
    left: 14px;
    width: 274px
}

#biznessbox .actions a.empty {
    background-image: url("biznessbox/ButtonEmpty.png");
    left: 110px
}

#biznessbox a.close {
    width: 40px;
    height: 40px;
    background: url("common/black_close_button.png") no-repeat;
    background-position: 0 0 !important;
    top: 3px;
    right: -5px
}

.notification {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -312px;
    margin-left: -512px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #00c1f6;
    z-index: 200;
    width: 1024px;
    padding-left: 24px;
    line-height: 15px;
    box-sizing: border-box;
    transition: all .4s ease-out;
    opacity: 0;
    height: 0
}

.notification .text {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    flex: 1
}

.notification .buttons {
    margin-left: 50px;
    padding: 5px 0
}

.notification .buttons a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    margin-right: 24px;
    cursor: pointer
}

.notification .buttons a:last-child {
    margin-right: 16px
}

.notification .buttons a:hover {
    text-decoration: underline
}

.notification.show {
    opacity: 1;
    height: 40px
}

.notification.house-editor {
    background: #fff
}

.notification.house-editor .text {
    color: #f980ac
}

.notification.house-editor a {
    color: #f24473;
    text-decoration: underline
}

div.xpnotification,
div.small-notification,
.radioplayer {
    position: absolute;
    z-index: 200;
    top: 50%;
    left: 50%;
    margin-left: -504px;
    margin-top: 200px;
    width: 300px;
    height: 80px;
    border: 2px solid aqua;
    border-radius: 8px;
    padding: 8px;
    background: linear-gradient(to bottom, #007edc 0%, #00c1f6 100%);
    color: #fff;
    box-sizing: border-box
}

div.xpnotification h3,
div.small-notification h3,
.radioplayer h3 {
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    text-align: center;
    margin-bottom: 8px
}

div.xpnotification .levelzone,
div.small-notification .levelzone,
.radioplayer .levelzone {
    display: flex
}

div.xpnotification .levelzone .vertical,
div.small-notification .levelzone .vertical,
.radioplayer .levelzone .vertical {
    display: flex;
    flex-direction: column
}

div.xpnotification .levelzone .bg-xpbar,
div.small-notification .levelzone .bg-xpbar,
.radioplayer .levelzone .bg-xpbar {
    position: relative;
    background: url("xp/background_xp_bar.png") no-repeat;
    width: 208px;
    height: 15px
}

div.xpnotification .levelzone .bg-xpbar .xpbar,
div.small-notification .levelzone .bg-xpbar .xpbar,
.radioplayer .levelzone .bg-xpbar .xpbar {
    transition: all .4s ease-out;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: url("xp/xp_bar.png") no-repeat;
    height: 15px
}

div.xpnotification .levelzone .bg-xpbar .text,
div.small-notification .levelzone .bg-xpbar .text,
.radioplayer .levelzone .bg-xpbar .text {
    position: absolute;
    width: 208px;
    height: 15px;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #005879, 1px -1px 0 #005879, -1px 1px 0 #005879, 1px 1px 0 #005879
}

div.xpnotification .levelzone .level-name,
div.small-notification .levelzone .level-name,
.radioplayer .levelzone .level-name {
    font-size: 12px;
    color: #005b7a;
    font-weight: bold;
    margin-left: 6px
}

div.xpnotification .levelzone .level,
div.small-notification .levelzone .level,
.radioplayer .levelzone .level {
    margin-left: 8px;
    font-size: 15px;
    color: #fae44f;
    font-weight: bold;
    background: #005a79;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center
}

div.xpnotification .close,
div.small-notification .close,
.radioplayer .close {
    top: 4px
}

div.small-notification {
    font-size: 14px;
    font-weight: 600;
    padding: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column
}

.item-notification,
.levelup-notification {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -221px;
    margin-left: -365px;
    text-align: center;
    z-index: 5000;
    width: 730px;
    height: 320px;
    color: #fff;
    background: url("items/reward_background.png") no-repeat;
    transition: all;
    animation-name: notifshow;
    animation-duration: .6s;
    padding-top: 123px
}

.item-notification .item,
.levelup-notification .item {
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    cursor: pointer
}

.item-notification h1,
.levelup-notification h1 {
    margin-top: 24px;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: bold;
    line-height: 100%
}

.item-notification h2,
.levelup-notification h2 {
    margin-top: 8px;
    margin-bottom: 24px;
    line-height: 100%
}

.item-notification.verycommon h2,
.levelup-notification.verycommon h2 {
    color: #d9f8fa;
    text-shadow: -2px -2px 0 #3a5455, 0 -2px 0 #3a5455, 2px -2px 0 #3a5455, 2px 0 0 #3a5455, 2px 2px 0 #3a5455, 0 2px 0 #3a5455, -2px 2px 0 #3a5455, -2px 0 0 #3a5455
}

.item-notification.common h2,
.levelup-notification.common h2 {
    color: #a4e867;
    text-shadow: -2px -2px 0 #2f4918, 0 -2px 0 #2f4918, 2px -2px 0 #2f4918, 2px 0 0 #2f4918, 2px 2px 0 #2f4918, 0 2px 0 #2f4918, -2px 2px 0 #2f4918, -2px 0 0 #2f4918
}

.item-notification.normal h2,
.levelup-notification.normal h2 {
    color: #60d8ff;
    text-shadow: -2px -2px 0 #123f6f, 0 -2px 0 #123f6f, 2px -2px 0 #123f6f, 2px 0 0 #123f6f, 2px 2px 0 #123f6f, 0 2px 0 #123f6f, -2px 2px 0 #123f6f, -2px 0 0 #123f6f
}

.item-notification.uncommon h2,
.levelup-notification.uncommon h2 {
    color: #ffa4f9;
    text-shadow: -2px -2px 0 #741d6e, 0 -2px 0 #741d6e, 2px -2px 0 #741d6e, 2px 0 0 #741d6e, 2px 2px 0 #741d6e, 0 2px 0 #741d6e, -2px 2px 0 #741d6e, -2px 0 0 #741d6e
}

.item-notification.rare h2,
.levelup-notification.rare h2 {
    color: #ff6767;
    text-shadow: -2px -2px 0 #821818, 0 -2px 0 #821818, 2px -2px 0 #821818, 2px 0 0 #821818, 2px 2px 0 #821818, 0 2px 0 #821818, -2px 2px 0 #821818, -2px 0 0 #821818
}

.item-notification.superrare h2,
.levelup-notification.superrare h2 {
    color: #f7c650;
    text-shadow: -2px -2px 0 #9e4a07, 0 -2px 0 #9e4a07, 2px -2px 0 #9e4a07, 2px 0 0 #9e4a07, 2px 2px 0 #9e4a07, 0 2px 0 #9e4a07, -2px 2px 0 #9e4a07, -2px 0 0 #9e4a07
}

.item-notification.legendary h2,
.levelup-notification.legendary h2 {
    background: linear-gradient(to right, #af48d7 0%, #00ffd8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    position: relative;
    display: inline-block
}

.item-notification.legendary h2::after,
.levelup-notification.legendary h2::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: attr(data-text);
    text-shadow: -2px -2px 0 #1d0066, 0 -2px 0 #1d0066, 2px -2px 0 #1d0066, 2px 0 0 #1d0066, 2px 2px 0 #1d0066, 0 2px 0 #1d0066, -2px 2px 0 #1d0066, -2px 0 0 #1d0066;
    width: 100%;
    text-align: center
}

.item-notification .buttons,
.levelup-notification .buttons {
    display: flex;
    flex-direction: column;
    align-items: center
}

.item-notification .buttons .reroll,
.levelup-notification .buttons .reroll {
    margin-top: 8px
}

.item-notification .buttons .reroll img,
.levelup-notification .buttons .reroll img {
    vertical-align: middle
}

.item-notification .buttons .again,
.levelup-notification .buttons .again {
    margin-top: 16px;
    display: flex;
    width: 266px;
    padding: 0 16px
}

.item-notification .buttons .again .credits,
.levelup-notification .buttons .again .credits {
    margin-left: auto;
    background: url("common/currency_icon.png") no-repeat right 8px;
    padding-right: 35px
}

.item-notification .buttons .later,
.levelup-notification .buttons .later {
    margin-top: 16px;
    cursor: pointer;
    text-shadow: #000 1px 0px 0px, #000 .540302px .841471px 0px, #000 -0.416147px .909297px 0px, #000 -0.989993px .14112px 0px, #000 -0.653644px -0.756803px 0px, #000 .283662px -0.958924px 0px, #000 .96017px -0.279416px 0px
}

.item-notification>.btn,
.levelup-notification>.btn {
    margin: auto
}

.item-notification.hide,
.levelup-notification.hide {
    animation-name: notifhide;
    animation-duration: .3s
}

.item-notification.levelup-notification,
.levelup-notification.levelup-notification {
    padding-top: 120px;
    background: url("xp/background_level_up.png") no-repeat
}

.item-notification.levelup-notification h1,
.item-notification.levelup-notification h2,
.item-notification.levelup-notification h3,
.levelup-notification.levelup-notification h1,
.levelup-notification.levelup-notification h2,
.levelup-notification.levelup-notification h3 {
    font-weight: 900;
    font-size: 60px;
    margin: 0;
    margin-bottom: 8px;
    line-height: 1
}

.item-notification.levelup-notification h1,
.levelup-notification.levelup-notification h1 {
    text-transform: uppercase;
    line-height: .7em;
    text-shadow: -2px -2px 0 #b45f00, 0 -2px 0 #b45f00, 2px -2px 0 #b45f00, 2px 0 0 #b45f00, 2px 2px 0 #b45f00, 0 2px 0 #b45f00, -2px 2px 0 #b45f00, -2px 0 0 #b45f00
}

.item-notification.levelup-notification h3,
.levelup-notification.levelup-notification h3 {
    text-shadow: -2px -2px 0 #b45f00, 0 -2px 0 #b45f00, 2px -2px 0 #b45f00, 2px 0 0 #b45f00, 2px 2px 0 #b45f00, 0 2px 0 #b45f00, -2px 2px 0 #b45f00, -2px 0 0 #b45f00;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 16px
}

.item-notification.levelup-notification h2,
.levelup-notification.levelup-notification h2 {
    font-weight: bold;
    font-size: 24px;
    color: #421d0b;
    text-shadow: -2px -2px 0 #ffff92, 0 -2px 0 #ffff92, 2px -2px 0 #ffff92, 2px 0 0 #ffff92, 2px 2px 0 #ffff92, 0 2px 0 #ffff92, -2px 2px 0 #ffff92, -2px 0 0 #ffff92
}

.item-notification .rewards,
.levelup-notification .rewards {
    display: flex;
    margin-bottom: 8px;
    justify-content: center;
    flex-wrap: wrap
}

.item-notification .rewards div,
.levelup-notification .rewards div {
    background: url("xp/box_item.png") no-repeat;
    width: 60px;
    height: 60px;
    margin-right: 16px;
    margin-bottom: 16px
}

.item-notification .rewards div:last-child,
.levelup-notification .rewards div:last-child {
    margin-right: 0
}

.item-notification .rewards div a,
.levelup-notification .rewards div a {
    display: block;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-left: 12px;
    margin-top: 12px;
    cursor: pointer
}

.item-notification.multiple,
.levelup-notification.multiple {
    background: none
}

.item-notification.multiple .rewards,
.levelup-notification.multiple .rewards {
    margin-top: 24px
}

.item-notification.avent,
.levelup-notification.avent {
    padding-top: 0
}

.item-notification.avent h3,
.levelup-notification.avent h3 {
    font-size: 30px;
    margin: 0
}

.item-notification.avent h4,
.levelup-notification.avent h4 {
    margin-top: 0;
    margin-bottom: 42px;
    font-size: 20px
}

#backdrop {
    display: none;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4999
}

#backdrop.show {
    animation-name: backdropshow;
    animation-duration: .6s;
    display: block
}

#backdrop.hide {
    animation-name: backdrophide;
    animation-duration: .3s
}

#backdrop.hidden {
    display: none
}

@keyframes backdropshow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes backdrophide {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes notifshow {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    75% {
        transform: scale(0.96)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes notifhide {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(0);
        display: none
    }
}

.mobile-dock {
    display: none;
    z-index: 201;
    border-bottom: 4px solid #0682c3;
    box-shadow: 0 0 0 2px #00609d;
    height: 64px;
    background: #0576bc;
    justify-content: space-between;
    align-items: flex-end
}

.mobile-dock .buttons {
    margin-top: 16px;
    margin-bottom: 8px;
    display: flex
}

.mobile-dock .buttons.menu-icon {
    margin-left: 16px
}

.mobile-dock .buttons .button {
    margin-right: 16px;
    background-position: top;
    height: 48px;
    width: 48px;
    overflow: hidden;
    text-indent: -9999px;
    background-repeat: no-repeat
}

.mobile-dock .buttons .button.shownews {
    background-image: url("buttons/news_button.png")
}

.mobile-dock .buttons .button.home {
    background-image: url("buttons/home_button.png")
}

.mobile-dock .buttons .button.dressing {
    background-image: url("buttons/dressing_button.png")
}

.mobile-dock .buttons .button.bizness {
    background-image: url("buttons/bizness_button.png")
}

.mobile-dock .buttons .button.wishlist {
    background-image: url("buttons/wishlist_button.png")
}

.mobile-dock .buttons .button.mazo,
.mobile-dock .buttons .button.reward-waiting {
    background-image: url("buttons/mazo_button.png");
    position: relative
}

.mobile-dock .buttons .button.mazo span.count,
.mobile-dock .buttons .button.reward-waiting span.count {
    position: absolute;
    text-indent: 0;
    right: 6px;
    bottom: 4px;
    text-shadow: #fff 2px 0px 0px, #fff 1.75517px .958851px 0px, #fff 1.0806px 1.68294px 0px, #fff .141474px 1.99499px 0px, #fff -0.832294px 1.81859px 0px, #fff -1.60229px 1.19694px 0px, #fff -1.97999px .28224px 0px, #fff -1.87291px -0.701566px 0px, #fff -1.30729px -1.51361px 0px, #fff -0.421592px -1.95506px 0px, #fff .567324px -1.91785px 0px, #fff 1.41734px -1.41108px 0px, #fff 1.92034px -0.558831px 0px;
    font-weight: 800;
    color: #303030
}

.mobile-dock .buttons .button.mazo.supercharged,
.mobile-dock .buttons .button.reward-waiting.supercharged {
    filter: hue-rotate(170deg)
}

.mobile-dock .buttons .button.mazo.disabled .num,
.mobile-dock .buttons .button.reward-waiting.disabled .num {
    background-image: url("buttons/mazo_nums_disabled.png?v=2")
}

.mobile-dock .buttons .button.dice {
    background-image: url("buttons/dice_button.png")
}

.mobile-dock .buttons .button.rebootz {
    background-image: url("buttons/rebootz_button.png")
}

.mobile-dock .buttons .button.card {
    background-image: url("buttons/card_button.png")
}

.mobile-dock .buttons .button.reward-waiting {
    background-image: url("buttons/waiting_rewards_button.png")
}

.mobile-dock .buttons .button.sit {
    background-image: url("buttons/sit_button.png")
}

.mobile-dock .buttons .button.jump {
    background-image: url("buttons/jump_button.png")
}

.mobile-dock .buttons .button.settings {
    background-image: url("buttons/settings_button.png")
}

.mobile-dock .buttons .button.radio {
    background-image: url("buttons/radio_button.png")
}

.mobile-dock .buttons .button.radio.playing {
    background-image: url("buttons/radio_button_playing.png")
}

.mobile-dock .buttons .button.refresh {
    background-image: url("buttons/refresh_page_btn.png")
}

.mobile-dock .buttons .button.map {
    position: relative;
    background-image: url("buttons/map_button.png")
}

.mobile-dock .buttons .button.map span.count {
    position: absolute;
    text-indent: 0;
    right: 6px;
    bottom: 4px;
    text-shadow: #fff 2px 0px 0px, #fff 1.75517px .958851px 0px, #fff 1.0806px 1.68294px 0px, #fff .141474px 1.99499px 0px, #fff -0.832294px 1.81859px 0px, #fff -1.60229px 1.19694px 0px, #fff -1.97999px .28224px 0px, #fff -1.87291px -0.701566px 0px, #fff -1.30729px -1.51361px 0px, #fff -0.421592px -1.95506px 0px, #fff .567324px -1.91785px 0px, #fff 1.41734px -1.41108px 0px, #fff 1.92034px -0.558831px 0px;
    font-weight: 800;
    color: #303030
}

.mobile-dock .buttons .button.more {
    background-image: url("dock/mobile_right_menu_button.png")
}

.mobile-dock .buttons .button.menu-open {
    background-image: url("dock/mobile_left_menu_button.png")
}

.mobile-dock .buttons .button.disabled {
    background-position: bottom !important
}

.mobile-dock .buttons .button.more.active {
    background-position: bottom
}

.mobile-dock .see-more {
    display: none
}

.mobile-dock .see-more.open {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 11px;
    top: 50px;
    background: url("dock/background_menu_icon_mobile.png") no-repeat;
    width: 56px;
    height: 626px;
    background-size: cover;
    padding-top: 8px
}

.mobile-dock .see-more.open a {
    margin-top: 4px;
    margin-left: 4px
}

body>div.dock,
#mobile-menu .left-dock {
    height: 64px;
    width: 100%;
    text-transform: uppercase;
    background: #0576bc;
    display: flex;
    border-bottom: 2px solid #00609d
}

body>div.dock>*::after,
#mobile-menu .left-dock>*::after {
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 2px);
    position: absolute;
    top: 0px;
    left: 0px;
    border: 2px solid #0682c3;
    border-top: none;
    pointer-events: none
}

body>div.dock span.space,
#mobile-menu .left-dock span.space {
    flex: 1;
    position: relative;
    border-left: 1px solid #00609d
}

body>div.dock span.space::after,
#mobile-menu .left-dock span.space::after {
    content: none
}

body>div.dock a.credits,
#mobile-menu .left-dock a.credits {
    display: block
}

body>div.dock>a,
body>div.dock>div,
body>div.dock>div ul.menu li a,
#mobile-menu .left-dock>a,
#mobile-menu .left-dock>div,
#mobile-menu .left-dock>div ul.menu li a {
    border: 1px solid #00609d;
    border-bottom: 0;
    border-top: 0;
    font-weight: bold;
    font-size: 22px;
    color: #42b3f9;
    padding-left: 72px;
    padding-right: 24px;
    padding-bottom: 24px;
    text-decoration: none;
    line-height: 68px;
    position: relative;
    cursor: pointer
}

body>div.dock>a:hover,
body>div.dock>div:hover,
body>div.dock>div ul.menu li a:hover,
#mobile-menu .left-dock>a:hover,
#mobile-menu .left-dock>div:hover,
#mobile-menu .left-dock>div ul.menu li a:hover {
    color: #fff;
    box-shadow: inset 0 0 48px #08a8d5
}

body>div.dock>a.hmc,
body>div.dock>div.hmc,
body>div.dock>div ul.menu li a.hmc,
#mobile-menu .left-dock>a.hmc,
#mobile-menu .left-dock>div.hmc,
#mobile-menu .left-dock>div ul.menu li a.hmc {
    background: url("dock/minimal_logo.png");
    background-position: 20px 8px;
    background-repeat: no-repeat;
    width: 48px;
    padding-left: 24px
}

body>div.dock>a.hmc:hover,
body>div.dock>div.hmc:hover,
body>div.dock>div ul.menu li a.hmc:hover,
#mobile-menu .left-dock>a.hmc:hover,
#mobile-menu .left-dock>div.hmc:hover,
#mobile-menu .left-dock>div ul.menu li a.hmc:hover {
    box-shadow: inset 0 0 48px #08a8d5
}

body>div.dock>a.hmc.noel,
body>div.dock>div.hmc.noel,
body>div.dock>div ul.menu li a.hmc.noel,
#mobile-menu .left-dock>a.hmc.noel,
#mobile-menu .left-dock>div.hmc.noel,
#mobile-menu .left-dock>div ul.menu li a.hmc.noel {
    background: url("dock/minimal_logo_noel.png")
}

body>div.dock>a.mi::before,
body>div.dock>div.mi::before,
body>div.dock>div ul.menu li a.mi::before,
#mobile-menu .left-dock>a.mi::before,
#mobile-menu .left-dock>div.mi::before,
#mobile-menu .left-dock>div ul.menu li a.mi::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_mi_icon.png")
}

body>div.dock>a.logout::before,
body>div.dock>div.logout::before,
body>div.dock>div ul.menu li a.logout::before,
#mobile-menu .left-dock>a.logout::before,
#mobile-menu .left-dock>div.logout::before,
#mobile-menu .left-dock>div ul.menu li a.logout::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_login_icon.png")
}

body>div.dock>a.bbs::before,
body>div.dock>div.bbs::before,
body>div.dock>div ul.menu li a.bbs::before,
#mobile-menu .left-dock>a.bbs::before,
#mobile-menu .left-dock>div.bbs::before,
#mobile-menu .left-dock>div ul.menu li a.bbs::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_bbs_icon.png")
}

body>div.dock>a.planning::before,
body>div.dock>div.planning::before,
body>div.dock>div ul.menu li a.planning::before,
#mobile-menu .left-dock>a.planning::before,
#mobile-menu .left-dock>div.planning::before,
#mobile-menu .left-dock>div ul.menu li a.planning::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_planning_icon.png")
}

body>div.dock>a.shop::before,
body>div.dock>div.shop::before,
body>div.dock>div ul.menu li a.shop::before,
#mobile-menu .left-dock>a.shop::before,
#mobile-menu .left-dock>div.shop::before,
#mobile-menu .left-dock>div ul.menu li a.shop::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_shop_icon.png?v=3")
}

body>div.dock>a.tchat::before,
body>div.dock>div.tchat::before,
body>div.dock>div ul.menu li a.tchat::before,
#mobile-menu .left-dock>a.tchat::before,
#mobile-menu .left-dock>div.tchat::before,
#mobile-menu .left-dock>div ul.menu li a.tchat::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_chat_icon.png")
}

body>div.dock>a.idees::before,
body>div.dock>div.idees::before,
body>div.dock>div ul.menu li a.idees::before,
#mobile-menu .left-dock>a.idees::before,
#mobile-menu .left-dock>div.idees::before,
#mobile-menu .left-dock>div ul.menu li a.idees::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_ideabox_icon.png")
}

body>div.dock>a.instagram,
body>div.dock>a.discord,
body>div.dock>div.instagram,
body>div.dock>div.discord,
body>div.dock>div ul.menu li a.instagram,
body>div.dock>div ul.menu li a.discord,
#mobile-menu .left-dock>a.instagram,
#mobile-menu .left-dock>a.discord,
#mobile-menu .left-dock>div.instagram,
#mobile-menu .left-dock>div.discord,
#mobile-menu .left-dock>div ul.menu li a.instagram,
#mobile-menu .left-dock>div ul.menu li a.discord {
    padding-left: 40px;
    padding-right: 16px
}

body>div.dock>a.mi,
body>div.dock>div.mi,
body>div.dock>div ul.menu li a.mi,
#mobile-menu .left-dock>a.mi,
#mobile-menu .left-dock>div.mi,
#mobile-menu .left-dock>div ul.menu li a.mi {
    padding-left: 40px;
    padding-right: 25px;
    order: 10
}

body>div.dock>a.instagram::before,
body>div.dock>div.instagram::before,
body>div.dock>div ul.menu li a.instagram::before,
#mobile-menu .left-dock>a.instagram::before,
#mobile-menu .left-dock>div.instagram::before,
#mobile-menu .left-dock>div ul.menu li a.instagram::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_insta_icon_w.png");
    left: 16px
}

body>div.dock>a.discord::before,
body>div.dock>div.discord::before,
body>div.dock>div ul.menu li a.discord::before,
#mobile-menu .left-dock>a.discord::before,
#mobile-menu .left-dock>div.discord::before,
#mobile-menu .left-dock>div ul.menu li a.discord::before {
    position: absolute;
    left: 24px;
    bottom: 22px;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("dock/small_discord_icon.png");
    left: 16px
}

body>div.dock>a.logout,
body>div.dock>div.logout,
body>div.dock>div ul.menu li a.logout,
#mobile-menu .left-dock>a.logout,
#mobile-menu .left-dock>div.logout,
#mobile-menu .left-dock>div ul.menu li a.logout {
    padding-right: 0;
    order: 11
}

body>div.dock>a.tchat,
body>div.dock>div.tchat,
body>div.dock>div ul.menu li a.tchat,
#mobile-menu .left-dock>a.tchat,
#mobile-menu .left-dock>div.tchat,
#mobile-menu .left-dock>div ul.menu li a.tchat {
    display: none
}

body>div.dock>a:hover::before,
body>div.dock>div:hover::before,
body>div.dock>div ul.menu li a:hover::before,
#mobile-menu .left-dock>a:hover::before,
#mobile-menu .left-dock>div:hover::before,
#mobile-menu .left-dock>div ul.menu li a:hover::before {
    background-position: bottom
}

body>div.dock>a ul.menu,
body>div.dock>div ul.menu,
body>div.dock>div ul.menu li a ul.menu,
#mobile-menu .left-dock>a ul.menu,
#mobile-menu .left-dock>div ul.menu,
#mobile-menu .left-dock>div ul.menu li a ul.menu {
    display: none;
    position: absolute;
    top: -1px;
    left: -2px;
    line-height: 1;
    padding: 0;
    margin: 0;
    margin-top: 66px;
    z-index: 300;
    text-align: center;
    list-style: none;
    width: 100%
}

body>div.dock>a ul.menu li a,
body>div.dock>div ul.menu li a,
body>div.dock>div ul.menu li a ul.menu li a,
#mobile-menu .left-dock>a ul.menu li a,
#mobile-menu .left-dock>div ul.menu li a,
#mobile-menu .left-dock>div ul.menu li a ul.menu li a {
    background-color: #0682c3;
    text-align: center;
    padding: 0;
    width: 100%;
    display: block;
    border: 2px solid #00609d;
    border-bottom-width: 1px;
    border-top-width: 1px
}

body>div.dock>a ul.menu li a:hover,
body>div.dock>div ul.menu li a:hover,
body>div.dock>div ul.menu li a ul.menu li a:hover,
#mobile-menu .left-dock>a ul.menu li a:hover,
#mobile-menu .left-dock>div ul.menu li a:hover,
#mobile-menu .left-dock>div ul.menu li a ul.menu li a:hover {
    background-color: #42b3f9;
    color: #0576bc
}

body>div.dock>a.open ul.menu,
body>div.dock>div.open ul.menu,
body>div.dock>div ul.menu li a.open ul.menu,
#mobile-menu .left-dock>a.open ul.menu,
#mobile-menu .left-dock>div.open ul.menu,
#mobile-menu .left-dock>div ul.menu li a.open ul.menu {
    display: block
}

body>div.dock .notif,
#mobile-menu .left-dock .notif {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    width: 24px;
    height: 24px;
    position: relative;
    left: 14px;
    bottom: 14px;
    background: #c00000;
    border: 1px solid red;
    line-height: 24px;
    text-align: center
}

body>div.dock .notif:empty,
#mobile-menu .left-dock .notif:empty {
    display: none
}

body>div.dock .credits,
#mobile-menu .credits {
    position: relative;
    display: block;
    background: url("dock/currency_icon.png") no-repeat #006090;
    border: 1px solid #0682c3;
    font-size: 18px;
    font-weight: bold;
    color: #fbe365;
    padding-left: 20px;
    padding-right: 56px;
    padding-top: 16px;
    line-height: 1;
    height: 52px;
    box-sizing: border-box;
    align-self: center;
    margin-left: 24px;
    margin-right: 24px;
    background-position: right 22px top 12px
}

body>div.dock .credits::after,
#mobile-menu .credits::after {
    content: none
}

body>div.dock .credits:hover,
#mobile-menu .credits:hover {
    border-color: #00deff;
    background-color: #00436e
}

body>div.dock .credits:hover .buy,
#mobile-menu .credits:hover .buy {
    background-position: bottom
}

body>div.dock .credits .buy,
#mobile-menu .credits .buy {
    text-indent: -999px;
    overflow: hidden;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 3px;
    right: 3px;
    background: url("dock/button_plus_currency.png") no-repeat;
    cursor: pointer
}

#mobile-menu .credits {
    position: absolute;
    left: 0;
    margin-left: 12px
}

body.disconnected>div.dock .credits,
body.disconnected #mobile-menu .credits {
    display: none
}

body.disconnected>div.dock .mi,
body.disconnected #mobile-menu .mi {
    display: none
}

.settingswindow .checkbox,
.recycle .checkbox,
.biznessbox .checkbox {
    margin-bottom: 8px
}

.settingswindow .checkbox input[type=checkbox],
.recycle .checkbox input[type=checkbox],
.biznessbox .checkbox input[type=checkbox] {
    display: none
}

.settingswindow .checkbox label,
.recycle .checkbox label,
.biznessbox .checkbox label {
    display: flex;
    align-items: center;
    font-weight: 600
}

.settingswindow .checkbox label::before,
.recycle .checkbox label::before,
.biznessbox .checkbox label::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background: url("common/checkbox.png") no-repeat;
    cursor: pointer;
    content: ""
}

.settingswindow .checkbox input[type=checkbox]:checked+label::before,
.recycle .checkbox input[type=checkbox]:checked+label::before,
.biznessbox .checkbox input[type=checkbox]:checked+label::before {
    background-position: bottom
}

::-webkit-scrollbar {
    width: 12px
}

::-webkit-scrollbar-button {
    display: none
}

::-webkit-scrollbar-track {
    width: 12px;
    border: 0;
    background: #c5f1ff
}

::-webkit-scrollbar-thumb {
    border: 0;
    width: 8px;
    background: #65b3dd;
    border: 2px solid #c5f1ff;
    background-clip: content-box
}

a.close {
    position: absolute;
    right: 4px;
    top: 14px;
    width: 20px;
    height: 20px;
    opacity: 1;
    background: url(common/close_button_popup.png) no-repeat;
    cursor: pointer
}

a.close:hover {
    background-position: bottom
}

.lifes {
    display: flex
}

.lifes span {
    font-size: 20px;
    display: flex;
    margin-left: 3px;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center
}

.lifes span.beating {
    animation: beat 1s infinite
}

@keyframes beat {
    0% {
        font-size: 17px
    }

    40% {
        font-size: 20px
    }

    60% {
        font-size: 17px
    }

    80% {
        font-size: 20px
    }

    100% {
        font-size: 17px
    }
}

#userlist>div ul li.dead .nick,
#mobile-menu .list ul li.dead .nick {
    color: #b5b5b5;
    text-decoration: line-through
}

#userlist>div ul li.dead .icon,
#mobile-menu .list ul li.dead .icon {
    background-position: bottom;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale")
}

#userlist>div ul li span.icon-rebootz,
#mobile-menu .list ul li span.icon-rebootz {
    width: 20px;
    margin-left: 10px;
    margin-right: 18px
}

#userlist>div ul li span.icon-rebootz.visiteur,
#mobile-menu .list ul li span.icon-rebootz.visiteur {
    background: url(rebootz/visiteur_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.hacker,
#mobile-menu .list ul li span.icon-rebootz.hacker {
    background: url(rebootz/hacker_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.defailleur,
#mobile-menu .list ul li span.icon-rebootz.defailleur {
    background: url(rebootz/defailleur_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.moderatrice,
#mobile-menu .list ul li span.icon-rebootz.moderatrice {
    background: url(rebootz/moderatrice_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.mazo,
#mobile-menu .list ul li span.icon-rebootz.mazo {
    background: url(rebootz/mazo_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.rageux,
#mobile-menu .list ul li span.icon-rebootz.rageux {
    background: url(rebootz/rageux_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.guruji,
#mobile-menu .list ul li span.icon-rebootz.guruji {
    background: url(rebootz/guruji_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.detective,
#mobile-menu .list ul li span.icon-rebootz.detective {
    background: url(rebootz/detective_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.signaleur,
#mobile-menu .list ul li span.icon-rebootz.signaleur {
    background: url(rebootz/signaleur_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.thalia,
#mobile-menu .list ul li span.icon-rebootz.thalia {
    background: url(rebootz/thalia_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.hacker_incognito,
#mobile-menu .list ul li span.icon-rebootz.hacker_incognito {
    background: url(rebootz/hacker_incognito_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.multicompte,
#mobile-menu .list ul li span.icon-rebootz.multicompte {
    background: url(rebootz/multicompte_icon_small.png) no-repeat
}

#userlist>div ul li span.icon-rebootz.inlove,
#mobile-menu .list ul li span.icon-rebootz.inlove {
    background: url("rebootz/inlove.png");
    width: 32px;
    height: 16px;
    vertical-align: middle;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 6px
}

#userlist>div ul li img,
#mobile-menu .list ul li img {
    display: none
}

#chatbox .tab-content div ul.choice {
    font-weight: normal
}

#chatbox .tab-content div ul.recap,
#chatbox .tab-content div ul.choice {
    margin: 0
}

#chatbox .tab-content div ul.choice {
    display: flex;
    flex-wrap: wrap
}

#chatbox .tab-content div ul.choice.disabled li a {
    background: #c8c8c8;
    cursor: auto;
    border-color: #b0b0b0;
    color: #797979
}

#chatbox .tab-content div ul.choice li {
    list-style: none
}

#chatbox .tab-content div ul.choice li a {
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    border: 2px solid #219be8;
    margin-right: 16px;
    margin-bottom: 8px;
    padding: 8px 8px;
    border-radius: 8px;
    background: #00deff;
    color: #0576bc;
    font-style: normal;
    font-weight: 600;
    line-height: 1
}

#chatbox .tab-content div ul.choice li a.error {
    background: #ff6b6b;
    border-color: #bc2d2d;
    color: #000
}

#chatbox .tab-content div ul.choice li a.validated {
    background: #3cff00;
    color: #000;
    border-color: #67e821
}

#chatbox .tab-content div .role,
#chatbox .tab-content div .nick {
    font-weight: 700
}

#chatbox .tab-content div span.rebootz-icon {
    vertical-align: bottom;
    margin-right: 3px;
    margin-left: 3px;
    display: inline-block;
    width: 20px;
    height: 20px
}

#chatbox .tab-content div span.rebootz-icon.visiteur {
    background: url(rebootz/visiteur_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.hacker {
    background: url(rebootz/hacker_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.defailleur {
    background: url(rebootz/defailleur_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.moderatrice {
    background: url(rebootz/moderatrice_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.mazo {
    background: url(rebootz/mazo_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.rageux {
    background: url(rebootz/rageux_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.guruji {
    background: url(rebootz/guruji_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.detective {
    background: url(rebootz/detective_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.signaleur {
    background: url(rebootz/signaleur_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.thalia {
    background: url(rebootz/thalia_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.hacker_incognito {
    background: url(rebootz/hacker_incognito_icon_small.png) no-repeat
}

#chatbox .tab-content div span.rebootz-icon.multicompte {
    background: url(rebootz/multicompte_icon_small.png) no-repeat
}

.window.rebootzrules {
    width: 540px;
    margin-left: -270px;
    box-sizing: border-box
}

.window.rebootzrules img.logo {
    width: 150px
}

.window.rebootzrules .maintext {
    width: 100%;
    height: 300px;
    overflow: auto;
    margin-bottom: 0;
    text-align: center
}

.window.rebootzrules .maintext p,
.window.rebootzrules .maintext ul {
    text-align: left
}

.window.rebootzrules .maintext p strong.ban,
.window.rebootzrules .maintext ul strong.ban {
    color: #ff623b
}

.radioplayer {
    position: absolute;
    margin-left: 270px;
    margin-top: 210px;
    z-index: 200;
    width: 230px;
    height: 65px;
    display: flex;
    align-items: center;
    --plyr-audio-controls-background: transparent;
    --plyr-audio-control-color: white
}

.radioplayer .logo {
    background: url("radio/tclogo.png") no-repeat;
    width: 44px;
    height: 31px;
    cursor: pointer;
    margin-left: 20px
}

.radioplayer .close {
    z-index: 250
}

.radioplayer .plyr {
    height: auto;
    min-width: 0;
    width: 120px
}

.radioplayer .plyr--audio .plyr__controls {
    padding: 0;
    height: auto
}

.radioplayer.hidden {
    display: none
}

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    height: 100%;
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow .3s ease;
    z-index: 0
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto
}

.plyr:focus {
    outline: 0
}

.plyr--full-ui {
    box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
    box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

@media(min-width: 480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: 20px;
        padding: calc(var(--plyr-control-spacing, 10px)*2)
    }
}

@media(min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px)
    }
}

.plyr--captions-active .plyr__captions {
    display: block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(-40px);
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}

.plyr__caption {
    background: rgba(0, 0, 0, .8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: .2em .5em;
    white-space: pre-wrap
}

.plyr__caption div {
    display: inline
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7);
    position: relative;
    transition: all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px)
}

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

a.plyr__control {
    text-decoration: none
}

a.plyr__control::after,
a.plyr__control::before {
    display: none
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none
}

.plyr--full-ui ::-webkit-media-controls {
    display: none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0
}

.plyr__controls .plyr__controls__item {
    margin-left: 2.5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0
}

.plyr__controls:empty {
    display: none
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

.plyr__menu {
    display: flex;
    position: relative
}

.plyr__menu .plyr__control svg {
    transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display: none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: hsla(0, 0%, 100%, .9);
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height .35s cubic-bezier(0.4, 0, 0.2, 1), width .35s cubic-bezier(0.4, 0, 0.2, 1)
}

.plyr__menu__container::after {
    border: 4px solid rgba(0, 0, 0, 0);
    border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top-color: hsla(0, 0%, 100%, .9);
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
    top: 100%;
    width: 0
}

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
    margin-top: 2px
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
    margin-top: 0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding-bottom: 4.6666666667px;
    padding-bottom: calc(var(--plyr-control-spacing, 10px)*.7/1.5);
    padding-left: 10.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    padding-right: 10.5px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*1.5);
    padding-top: 4.6666666667px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*.7/1.5);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid rgba(0, 0, 0, 0);
    border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px)*.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back::before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius: 100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all .3s ease;
    width: 16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width: 6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background: #00b3ff;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background: rgba(35, 40, 47, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    margin-right: calc((var(--plyr-control-spacing, 10px)*.7 - 2)*-1);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
    color: #00b3ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    display: block;
    height: 19px;
    height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right, currentColor 0, transparent 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    -webkit-appearance: none;
    margin-top: -4px;
    margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1)
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px)
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px)
}

.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0, 0, 0, 0)
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px)/2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display: none
}

.plyr--full-ui input[type=range]:focus {
    outline: 0
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    outline-color: #00b3ff;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index: 1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}

.plyr__time+.plyr__time::before {
    content: "⁄";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px)
}

@media(max-width: 767px) {
    .plyr__time+.plyr__time {
        display: none
    }
}

.plyr__tooltip {
    background: hsla(0, 0%, 100%, .9);
    background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius, 3px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 5px 7.5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index: 2
}

.plyr__tooltip::before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top: 4px solid hsla(0, 0%, 100%, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 0 100%
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: 16px;
    left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 100% 100%
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
    transform: translateX(50%)
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1)
}

.plyr__progress {
    left: 6.5px;
    left: calc(var(--plyr-range-thumb-height, 13px)*.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px)*-0.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px))
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress .plyr__tooltip {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: -2.5px;
    margin-top: calc(var(--plyr-range-track-height, 5px)/2*-1);
    padding: 0;
    position: absolute;
    top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: rgba(0, 0, 0, 0)
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px)/2);
    margin-right: 5px;
    margin-right: calc(var(--plyr-control-spacing, 10px)/2);
    position: relative;
    z-index: 2
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto
}

.plyr--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, .6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, .6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr--video {
    background: #000;
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    left: 0;
    position: absolute;
    top: 0
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%)
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px)/2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px)*2);
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index: 3
}

@media(min-width: 480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b3ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: .9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px)*1.5);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: hsla(0, 0%, 100%, .25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5))
}

.plyr--video .plyr__progress__buffer {
    color: hsla(0, 0%, 100%, .25);
    color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:fullscreen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }

    .plyr:fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-webkit-full-screen video {
    height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-moz-full-screen video {
    height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%
}

.plyr:-ms-fullscreen video {
    height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.plyr--fullscreen-fallback video {
    height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    position: static
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    position: relative
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none
}

@media(min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        font-size: var(--plyr-font-size-xlarge, 21px)
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.plyr__ads>div,
.plyr__ads>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.plyr__ads::after {
    background: #23282f;
    border-radius: 2px;
    bottom: 10px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads::after:empty {
    display: none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin: -var(--plyr-range-track-height, 5px)/2 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index: 3
}

.plyr__preview-thumb {
    background-color: hsla(0, 0%, 100%, .9);
    background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
    opacity: 0;
    padding: 3px;
    padding: var(--plyr-tooltip-radius, 3px);
    pointer-events: none;
    position: absolute;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    z-index: 2
}

.plyr__preview-thumb--is-shown {
    opacity: 1;
    transform: translate(0, 0) scale(1)
}

.plyr__preview-thumb::before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
    border-top: 4px solid hsla(0, 0%, 100%, .9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: -4px;
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    overflow: hidden;
    position: relative;
    z-index: 0
}

.plyr__preview-thumb__image-container img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3
}

.plyr__preview-thumb__time-container span {
    background-color: rgba(0, 0, 0, .55);
    border-radius: 2px;
    border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
    color: #fff;
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    padding: 3px 6px
}

.plyr__preview-scrubbing {
    bottom: 0;
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

.plyr__preview-scrubbing--is-shown {
    opacity: 1
}

.plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.plyr--no-transition {
    transition: none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr [hidden] {
    display: none !important
}

.window.recycle .inventory,
.window.biznessbox .inventory,
#bizness .inventory {
    display: flex;
    flex-direction: column;
    margin-right: 24px
}

.window.recycle .inventory .filters,
.window.biznessbox .inventory .filters,
#bizness .inventory .filters {
    font-weight: 600;
    display: flex;
    justify-content: space-between
}

.window.recycle .inventory .subtype,
.window.biznessbox .inventory .subtype,
#bizness .inventory .subtype {
    display: flex;
    flex-wrap: wrap;
    width: 252px
}

.window.recycle .inventory .subtype .slot .icon,
.window.biznessbox .inventory .subtype .slot .icon,
#bizness .inventory .subtype .slot .icon {
    background: url("common/type_icons.png?v=2") no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer
}

.window.recycle .inventory .subtype .slot.selected .icon,
.window.biznessbox .inventory .subtype .slot.selected .icon,
#bizness .inventory .subtype .slot.selected .icon {
    background-position-y: -28px !important
}

.window.recycle .inventory .filter-input,
.window.biznessbox .inventory .filter-input,
#bizness .inventory .filter-input {
    display: flex;
    margin-bottom: 8px;
    align-items: center
}

.window.recycle .inventory .filter-input label,
.window.biznessbox .inventory .filter-input label,
#bizness .inventory .filter-input label {
    display: block;
    color: #8dceff;
    font-size: 12px;
    font-weight: 600;
    margin-right: 12px
}

.window.recycle .inventory .filter-input input,
.window.biznessbox .inventory .filter-input input,
#bizness .inventory .filter-input input {
    height: 18px;
    flex: 1;
    border: 1px solid #095789;
    font-size: 12px;
    color: #000;
    background: #fff;
    box-sizing: border-box
}

.window.recycle .inventory .items,
.window.biznessbox .inventory .items,
#bizness .inventory .items {
    position: static;
    width: 252px;
    height: 239px;
    background: #fff;
    padding-left: 8px;
    padding-right: 8px
}

.window.recycle .inventory .items a,
.window.biznessbox .inventory .items a,
#bizness .inventory .items a {
    margin-left: 4px;
    margin-right: 4px
}

.window.recycle .inventory .items .btn,
.window.biznessbox .inventory .items .btn,
#bizness .inventory .items .btn {
    margin-left: auto;
    margin-right: auto
}

.window.recycle .inventory .items h3,
.window.biznessbox .inventory .items h3,
#bizness .inventory .items h3 {
    color: #0576bc
}

body.house-editor .mainwindow {
    background: hsla(0, 0%, 100%, .5)
}

body.house-editor #room .house-action-bar .mapname {
    color: #00609d
}

.right-col .furniture-list-window.walls>div {
    box-sizing: border-box;
    height: auto;
    background: #fff;
    padding: 0
}

.right-col .furniture-list-window.walls>div>div {
    padding: 0
}

.right-col .furniture-list-window.walls>div.filter {
    margin-top: 8px;
    display: flex;
    border-top: 2px solid #a9e0f3
}

.right-col .furniture-list-window.walls>div.filter input {
    border: none;
    flex: 1;
    font-size: 14px;
    padding: 10px;
    color: #00609d;
    background: #c5f1ff
}

.right-col .furniture-list-window.walls>div.filter input::placeholder {
    font-weight: 600
}

.right-col .furniture-list-window.walls .items {
    position: static;
    width: 100%;
    height: auto;
    display: flex;
    padding-left: 0px;
    padding-top: 12px
}

.right-col .furniture-list-window.walls .items a {
    margin-left: 6px;
    margin-right: 6px
}

.right-col .furniture-list-window.walls .items a.btn {
    margin-left: auto;
    margin-right: auto
}

#room .house-action-bar .house-editor-action-bar {
    display: flex
}

#room .house-action-bar .house-editor-action-bar .if-selected {
    display: none
}

#room .house-action-bar .house-editor-action-bar.item-selected .if-selected {
    display: flex
}

#room .house-action-bar .house-editor-action-bar .if-not-selected {
    display: flex
}

#room .house-action-bar .house-editor-action-bar.item-selected .if-not-selected {
    display: none
}

#room .house-action-bar .house-editor-action-bar .button {
    background-image: url("house/buttons.png")
}

#room .house-action-bar .house-editor-action-bar .button.house-delete {
    background-position-x: -96px
}

#room .house-action-bar .house-editor-action-bar .button.house-unselect {
    background-position-x: -48px
}

#room .house-action-bar .house-editor-action-bar .button.house-move {
    background-position-x: 0px
}

#room .house-action-bar .house-editor-action-bar .button.house-settings {
    background-position-x: -288px
}

#room .house-action-bar .house-editor-action-bar .button.house-save {
    background-position-x: -192px
}

#room .house-action-bar .house-editor-action-bar .button.house-restore {
    background-position-x: -240px
}

#room .house-action-bar .house-editor-action-bar .button.house-empty {
    background-position-x: -144px
}

.furniture-selector {
    background: #fff;
    position: absolute;
    z-index: 201;
    border-radius: 8px;
    padding: 12px;
    padding-right: 4px;
    padding-bottom: 4px
}

.furniture-selector .items {
    position: static;
    width: auto;
    height: auto;
    padding: 0
}

.furniture-selector::after {
    content: "";
    display: block;
    background: url("house/triangle.png") no-repeat;
    position: absolute;
    height: 17px;
    width: 34px;
    top: 63px;
    left: 50%;
    margin-left: -17px
}

.npchouse {
    margin-top: -197px
}

.npchouse .trade .give img {
    vertical-align: middle
}

.npchouse .trade .get {
    text-align: center
}

.npchouse .actions {
    margin-top: 16px
}

div.housesettings {
    z-index: 990;
    width: 428px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -214px;
    margin-top: -241px;
    display: flex;
    flex-direction: column;
    align-items: center
}

div.housesettings h3 {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1
}

div.housesettings .slider {
    background: #0b5d91;
    border-radius: 12px;
    width: 336px;
    height: 32px;
    display: flex;
    justify-content: space-between;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box
}

div.housesettings .slider input {
    display: none
}

div.housesettings .slider label {
    font-size: 14px;
    font-weight: 600;
    color: #4baae6;
    line-height: 32px
}

div.housesettings .slider label.first {
    display: flex;
    align-items: center;
    color: #e2d274
}

div.housesettings .slider label.first::after {
    display: inline-block;
    width: 81px;
    height: 18px;
    margin-left: 53px;
    background: url("common/slider.png") no-repeat;
    cursor: pointer;
    content: ""
}

div.housesettings .slider input[type=checkbox]:checked~label {
    color: #e2d274
}

div.housesettings .slider input[type=checkbox]:checked~label.first {
    color: #4baae6
}

div.housesettings .slider input[type=checkbox]:checked~label.first::after {
    background-position: bottom
}

div.housesettings .ok {
    margin-top: 24px;
    margin-bottom: 24px
}

.window.countdown {
    z-index: 990;
    width: 452px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -226px;
    margin-top: -241px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold
}

.window.countdown .count {
    font-size: 66px;
    font-weight: 800;
    line-height: 1;
    margin-top: 40px;
    margin-bottom: 40px
}

.window.countdown p {
    margin-top: 16px;
    margin-bottom: 0
}

.window.countdown .actions {
    display: flex;
    margin-bottom: 16px
}

.window.countdown .actions .ok {
    margin-left: 16px
}

.window.countdown .actions a {
    width: 185px;
    text-decoration: none;
    box-sizing: border-box
}

#chatbox .quizbox {
    transition: all 1s;
    background: url(/fr/izy_discord_avatar.png) no-repeat 10px center #0576bc;
    padding: 10px;
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-size: 70px
}

#chatbox .quizbox.hidden {
    padding: 0;
    height: 0
}

#chatbox .quizbox.question {
    background-color: #00c1f6
}

#chatbox .quizbox h1,
#chatbox .quizbox p {
    margin: 0;
    padding-left: 80px
}

#chatbox .quizbox h1 {
    font-size: 15px
}

body.night {
    background-image: url("backgrounds/spring-night-8844dd00.jpg")
}

body.night.background-autumn {
    background-image: url("backgrounds/autumn-night.jpg")
}

body.night.background-spring {
    background-image: url("backgrounds/spring-night-8844dd00.jpg")
}

body.night.background-summer {
    background-image: url("backgrounds/summer-night.jpg")
}

body.night.background-winter {
    background-image: url("backgrounds/winter-night.jpg")
}

body.night #chatbox .tab-content.active,
body.night #userlist .tab-content.active,
body.night div.input,
body.night #chatbox .tab-contents,
body.night #userlist .tab-contents,
body.night .furniture-list-window .tab-contents,
body.night .furniture-list-window .tab-content.active {
    background: #132636;
    color: #d9f8f9
}

body.night .right-col .furniture-list-window>div.filter {
    border-top-color: #423d3d;
    background: rgba(0, 0, 0, 0)
}

body.night #furniture-list-filter {
    background: #132636;
    color: #d9f8f9
}

body.night #furniture-list-filter::placeholder {
    color: #0576bc
}

body.night div.input {
    border-top-color: #423d3d
}

body.night div.input #textbox {
    color: #d9f8f9
}

body.night div.input #textbox::placeholder {
    color: #0576bc
}

body.night #chatbox .tab-content div p span.text ul.choice li a {
    color: #fff;
    background: #0e6471;
    border-color: #248aca
}

body.night #chatbox .tab-content div p span.text ul.choice li a.error {
    background: #ff6b6b;
    border-color: #bc2d2d;
    color: #000
}

body.night #chatbox .tab-content div p span.text ul.choice li a.validated {
    background: #3cff00;
    color: #000;
    border-color: #67e821
}

body.night #chatbox .tab-content div p span.text.system-message a {
    color: #9f57d7
}

body.night #chatbox .tab-content div p span.text {
    color: #97cbe7
}

body.night #chatbox .tab-content div p span.text a {
    color: #00f7ff
}

body.night #chatbox .tab-content div p span.text a.item {
    font-weight: bold;
    text-decoration: underline;
    color: inherit
}

body.night #chatbox .tab-content div p span.text .cleanmessage {
    color: #2890d7
}

body.night #chatbox .tab-content div p span.text.attributes-creator::before {
    background-image: url("attributes/createur-night.png")
}

body.night #chatbox .tab-content div p span.text,
body.night #userlist>div ul li,
body.night #mobile-menu .list ul li {
    color: #d9f8f9
}

body.night #chatbox .tab-content div p span.text.attributes-moderator,
body.night #userlist>div ul li.attributes-moderator,
body.night #mobile-menu .list ul li.attributes-moderator {
    color: #d72c2f
}

body.night #chatbox .tab-content div p span.text.attributes-royaltiz,
body.night #userlist>div ul li.attributes-royaltiz,
body.night #mobile-menu .list ul li.attributes-royaltiz {
    color: #edbd2e
}

body.night #chatbox .tab-content div p span.text.attributes-npc,
body.night #userlist>div ul li.attributes-npc,
body.night #mobile-menu .list ul li.attributes-npc {
    color: #ff7200
}

body.night #chatbox .tab-content div p span.text.attributes-radioz,
body.night #userlist>div ul li.attributes-radioz,
body.night #mobile-menu .list ul li.attributes-radioz {
    color: #ff73ef
}

body.night #chatbox .tab-content div p span.text.attributes-defailleur,
body.night #userlist>div ul li.attributes-defailleur,
body.night #mobile-menu .list ul li.attributes-defailleur {
    color: #8b8d8f
}

body.night #chatbox .tab-content div p span.text.attributes-divertiz,
body.night #userlist>div ul li.attributes-divertiz,
body.night #mobile-menu .list ul li.attributes-divertiz {
    color: #02e7ca
}

body.night #chatbox .tab-content div p span.text.attributes-creator,
body.night #userlist>div ul li.attributes-creator,
body.night #mobile-menu .list ul li.attributes-creator {
    color: #fff
}

body.night #chatbox .tab-content div p span.text.attributes-marketiz,
body.night #userlist>div ul li.attributes-marketiz,
body.night #mobile-menu .list ul li.attributes-marketiz {
    color: #469500
}

body.night #chatbox .tab-content div p span.text.attributes-graphtiz,
body.night #chatbox .tab-content div p span.text.attributes-member,
body.night #userlist>div ul li.attributes-graphtiz,
body.night #userlist>div ul li.attributes-member,
body.night #mobile-menu .list ul li.attributes-graphtiz,
body.night #mobile-menu .list ul li.attributes-member {
    color: #97cbe7
}

body.night #chatbox .tab-content div p span.text.hacker,
body.night #chatbox .tab-content div p span.text .hacker,
body.night #userlist>div ul li.hacker,
body.night #userlist>div ul li .hacker,
body.night #mobile-menu .list ul li.hacker,
body.night #mobile-menu .list ul li .hacker {
    color: #fff
}

body.night #chatbox .tab-content div p span.text .multicompte,
body.night #userlist>div ul li .multicompte,
body.night #mobile-menu .list ul li .multicompte {
    color: #57abe1
}

body.night #chatbox .tab-content div p span.text.moderation,
body.night #userlist>div ul li.moderation,
body.night #mobile-menu .list ul li.moderation {
    color: #d40000
}

body.night #chatbox .tab-content div p span.text.user-action,
body.night #userlist>div ul li.user-action,
body.night #mobile-menu .list ul li.user-action {
    color: #dd52c7
}

body.night #chatbox .tab-content div p span.text.user-action .black,
body.night #userlist>div ul li.user-action .black,
body.night #mobile-menu .list ul li.user-action .black {
    color: #fff
}

body.night #chatbox .tab-content div p span.text.user-action strong,
body.night #userlist>div ul li.user-action strong,
body.night #mobile-menu .list ul li.user-action strong {
    color: #9f57d7
}

body.night #chatbox .tab-content div p span.text.query-feedback,
body.night #userlist>div ul li.query-feedback,
body.night #mobile-menu .list ul li.query-feedback {
    color: #e4e3f9
}

body.night #chatbox .tab-content div p span.text.censored,
body.night #userlist>div ul li.censored,
body.night #mobile-menu .list ul li.censored {
    color: #a3bac3
}

body.night #chatbox .tab-content div p span.text.system-message,
body.night #userlist>div ul li.system-message,
body.night #mobile-menu .list ul li.system-message {
    color: #9f57d7
}

body.night #chatbox .tab-content div p span.text strong a,
body.night #userlist>div ul li strong a,
body.night #mobile-menu .list ul li strong a {
    color: inherit
}

body.night #chatbox .tab-content div p span.text span.rebootz-icon.hacker,
body.night #userlist>div ul li span.rebootz-icon.hacker,
body.night #mobile-menu .list ul li span.rebootz-icon.hacker {
    background-image: url("rebootz/hacker_icon_small-night.png")
}

body.night #chatbox .tab-content div p span.text span.rebootz-icon.hacker_incognito,
body.night #userlist>div ul li span.rebootz-icon.hacker_incognito,
body.night #mobile-menu .list ul li span.rebootz-icon.hacker_incognito {
    background-image: url("rebootz/hacker_incognito_icon_small-night.png")
}

body.night #chatbox .tab-content div p span.text span.rebootz-icon.multicompte,
body.night #userlist>div ul li span.rebootz-icon.multicompte,
body.night #mobile-menu .list ul li span.rebootz-icon.multicompte {
    background-image: url("rebootz/multicompte_icon_small-night.png")
}

body.night #chatbox .tab-content div p.mention {
    background: hsla(0, 0%, 100%, .1)
}

body.night #userlist>div ul li span.icon-rebootz.hacker,
body.night #mobile-menu .list ul li span.icon-rebootz.hacker {
    background-image: url("rebootz/hacker_icon_small-night.png")
}

body.night #userlist>div ul li.attributes-creator .icon,
body.night #mobile-menu .list ul li.attributes-creator .icon {
    background-image: url("attributes/createur-night.png")
}

body.night #userlist>div ul li .nick .mobile,
body.night #mobile-menu .list ul li .nick .mobile {
    background-image: url("userlist/phone_android_white_24dp.svg")
}

body.night #chatbox>header a.tab,
body.night #userlist>header a,
body.night .furniture-list-window>header a {
    background: #0f1d29;
    color: #087b90;
    border-bottom-color: #10294d
}

body.night #chatbox>header a.tab.active,
body.night #userlist>header a.active,
body.night .furniture-list-window>header a.active {
    background: #132636 !important;
    color: #00deff;
    border-bottom-color: #132636
}

body.night #chatbox>header a.tab.flashing,
body.night #userlist>header a.flashing,
body.night .furniture-list-window>header a.flashing {
    background: #00deff;
    color: #fff
}

body.night #chatbox>header a.tab:hover,
body.night #userlist>header a:hover,
body.night .furniture-list-window>header a:hover {
    background: #132636 !important
}

body.night #mobile-menu .inside-menu .content .active {
    color: #087b90;
    background-color: #0f1d29
}

body.night #mobile-menu {
    background: #132636
}

body.night #mobile-menu .inside-menu .content .queries div {
    border-bottom: #0f1d29
}

body.night #mobile-menu .inside-menu .content.listtab-help {
    color: #fff
}

body.night ::-webkit-scrollbar-track {
    background: #0f1d29
}

body.night ::-webkit-scrollbar-thumb {
    background: #39a0c8;
    border: 2px solid #0f1d29
}

div.item-window {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 50%;
    left: 50%;
    margin-left: -420px;
    margin-top: -265px;
    z-index: 302;
    width: 840px;
    min-height: 530px
}

div.item-window .columns>div.quality {
    position: absolute;
    top: 55px;
    right: 8px;
    flex-direction: row;
    font-size: 25px;
    font-weight: bold;
    padding-left: 28px;
    padding-top: 0;
    display: flex;
    align-items: center
}

div.item-window .columns>div.quality::before {
    position: absolute;
    left: -8px;
    top: 6px;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url("items/icon_item_rarity_big.png?v=4");
    content: ""
}

div.item-window .columns>div.quality.verycommon::before {
    background-position-y: 0px
}

div.item-window .columns>div.quality.common::before {
    background-position-y: -30px
}

div.item-window .columns>div.quality.normal::before {
    background-position-y: -60px
}

div.item-window .columns>div.quality.uncommon::before {
    background-position-y: -90px
}

div.item-window .columns>div.quality.rare::before {
    background-position-y: -120px
}

div.item-window .columns>div.quality.superrare::before {
    background-position-y: -150px
}

div.item-window .columns>div.quality.legendary::before {
    background-position-y: -180px
}

div.item-window .columns>div.quality.reserved::before {
    background-position-y: -210px
}

div.item-window .columns>div.quality.inestimable::before {
    background-position-y: -240px
}

div.item-window .columns>div.quality.verycommon {
    color: #d9f8fa;
    text-shadow: -2px -2px 0 #3a5455, 0 -2px 0 #3a5455, 2px -2px 0 #3a5455, 2px 0 0 #3a5455, 2px 2px 0 #3a5455, 0 2px 0 #3a5455, -2px 2px 0 #3a5455, -2px 0 0 #3a5455
}

div.item-window .columns>div.quality.common {
    color: #a4e867;
    text-shadow: -2px -2px 0 #2f4918, 0 -2px 0 #2f4918, 2px -2px 0 #2f4918, 2px 0 0 #2f4918, 2px 2px 0 #2f4918, 0 2px 0 #2f4918, -2px 2px 0 #2f4918, -2px 0 0 #2f4918
}

div.item-window .columns>div.quality.normal {
    color: #60d8ff;
    text-shadow: -2px -2px 0 #123f6f, 0 -2px 0 #123f6f, 2px -2px 0 #123f6f, 2px 0 0 #123f6f, 2px 2px 0 #123f6f, 0 2px 0 #123f6f, -2px 2px 0 #123f6f, -2px 0 0 #123f6f
}

div.item-window .columns>div.quality.uncommon {
    color: #ffa4f9;
    text-shadow: -2px -2px 0 #741d6e, 0 -2px 0 #741d6e, 2px -2px 0 #741d6e, 2px 0 0 #741d6e, 2px 2px 0 #741d6e, 0 2px 0 #741d6e, -2px 2px 0 #741d6e, -2px 0 0 #741d6e
}

div.item-window .columns>div.quality.rare {
    color: #ff6767;
    text-shadow: -2px -2px 0 #821818, 0 -2px 0 #821818, 2px -2px 0 #821818, 2px 0 0 #821818, 2px 2px 0 #821818, 0 2px 0 #821818, -2px 2px 0 #821818, -2px 0 0 #821818
}

div.item-window .columns>div.quality.superrare {
    color: #f7c650;
    text-shadow: -2px -2px 0 #9e4a07, 0 -2px 0 #9e4a07, 2px -2px 0 #9e4a07, 2px 0 0 #9e4a07, 2px 2px 0 #9e4a07, 0 2px 0 #9e4a07, -2px 2px 0 #9e4a07, -2px 0 0 #9e4a07
}

div.item-window .columns>div.quality.legendary {
    background: linear-gradient(to right, #af48d7 0%, #00ffd8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

div.item-window .columns>div.quality.legendary::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: attr(data-text);
    text-shadow: -2px -2px 0 #1d0066, 0 -2px 0 #1d0066, 2px -2px 0 #1d0066, 2px 0 0 #1d0066, 2px 2px 0 #1d0066, 0 2px 0 #1d0066, -2px 2px 0 #1d0066, -2px 0 0 #1d0066;
    width: 100%;
    text-align: center
}

div.item-window .columns>div.quality .infos {
    display: block;
    width: 24px;
    height: 24px;
    background: url("catalogue/infos.png?v=10") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    margin-left: 4px
}

div.item-window .columns>div.quality .why {
    position: absolute;
    color: #fff;
    top: 32px;
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    border-bottom: 1px dashed #d7d7d7;
    cursor: pointer;
    display: none
}

div.item-window .columns>div.quality.reserved .why {
    display: inline
}

div.item-window h2 {
    line-height: 1;
    color: #fff;
    border: none;
    margin: 0;
    padding: 0
}

div.item-window .topbar {
    display: flex;
    align-items: center
}

div.item-window .topbar .item-header {
    display: flex;
    flex-direction: column
}

div.item-window .topbar .item-header h3 {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    display: flex;
    margin-top: 4px
}

div.item-window .topbar .item-header h3 a.copy {
    text-indent: -999px;
    display: inline-block;
    overflow: hidden;
    background: url("player/link_button.png") no-repeat;
    width: 20px;
    height: 18px;
    cursor: pointer;
    margin-left: 8px
}

div.item-window .topbar .item-header h3 a.copy:hover {
    background-position-y: top
}

div.item-window .topbar .item-header h3 a.copy.copied {
    text-indent: 0px;
    font-size: 14px;
    width: 34px;
    padding-left: 28px
}

div.item-window .topbar h2 {
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    margin-top: 8px;
    width: 480px;
    display: flex;
    align-items: center
}

div.item-window .topbar .itemlist a:has(.owned) {
    background: #b1ee5e;
    border: none
}

div.item-window .itemlist {
    position: static;
    height: 67px;
    width: 78px;
    padding: 0;
    overflow: hidden
}

div.item-window .columns {
    display: flex;
    flex: 1
}

div.item-window .columns>div {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 16px
}

div.item-window header {
    display: flex
}

div.item-window header a {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #407a88;
    background: #c5f1ff;
    margin-right: 2px;
    overflow: hidden;
    text-indent: -9999px;
    width: 40px;
    height: 40px
}

div.item-window header a:hover {
    background: #e0f8ff
}

div.item-window header a.active {
    border-bottom: 1px solid #fff;
    background: #fff !important
}

div.item-window header a.active::after {
    background-position: top
}

div.item-window header a::after {
    position: absolute;
    left: 11px;
    top: 11px;
    width: 35px;
    height: 35px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("player/tab_icons.png?v=2");
    background-position-y: bottom
}

div.item-window header a.sell::after {
    background-position-x: -70px
}

div.item-window header a.wish::after {
    background-position-x: -105px
}

div.item-window header a.collections::after {
    background-position-x: -175px
}

div.item-window header a.themes::after {
    background-position-x: -280px
}

div.item-window .left {
    display: flex;
    flex-direction: column;
    margin-right: 8px
}

div.item-window .left .properties {
    border-radius: 8px;
    background-color: #004773;
    margin-bottom: 8px
}

div.item-window .left .properties ul {
    display: flex;
    padding: 0;
    padding-right: 20px
}

div.item-window .left .properties ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    line-height: 1;
    font-size: 11px
}

div.item-window .left .properties ul li .icon {
    width: 32px;
    height: 32px;
    background: #ccc;
    margin-bottom: 4px;
    background: url("catalogue/icons.png?v=4") no-repeat;
    background-position-y: -32px
}

div.item-window .left .properties ul li.subtype .icon {
    background: url("catalogue/types.png?v=3") no-repeat
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-1 {
    background-position-x: 0px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-2 {
    background-position-x: -32px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-3 {
    background-position-x: -64px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-4 {
    background-position-x: -96px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-5 {
    background-position-x: -128px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-6 {
    background-position-x: -160px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-7 {
    background-position-x: -192px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-8 {
    background-position-x: -224px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-9 {
    background-position-x: -256px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-10 {
    background-position-x: -288px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-11 {
    background-position-x: -320px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-13 {
    background-position-x: -352px
}

div.item-window .left .properties ul li.subtype .icon.gear-subtype-14 {
    background-position-x: -384px
}

div.item-window .left .properties ul li.subtype .icon.mannequin {
    background-position-x: -416px
}

div.item-window .left .properties ul li.subtype .icon.pet {
    background-position-x: -448px
}

div.item-window .left .properties ul li.subtype .icon.furniture-subtype-4 {
    background-position-x: -480px
}

div.item-window .left .properties ul li.subtype .icon.furniture-subtype-3 {
    background-position-x: -512px
}

div.item-window .left .properties ul li.subtype .icon.furniture-subtype-2 {
    background-position-x: -544px
}

div.item-window .left .properties ul li.subtype .icon.furniture-subtype-1 {
    background-position-x: -576px
}

div.item-window .left .properties ul li.subtype .icon.collection {
    background-position-x: -608px
}

div.item-window .left .properties ul li.tradable .icon {
    background-position-x: 0
}

div.item-window .left .properties ul li.shopable .icon {
    background-position-x: -32px
}

div.item-window .left .properties ul li.compat {
    padding-left: 25px
}

div.item-window .left .properties ul li.compat .man {
    background-position-x: -64px
}

div.item-window .left .properties ul li.compat .woman {
    background-position-x: -96px
}

div.item-window .left .properties ul li.compat .tiz {
    background-position-x: -128px
}

div.item-window .left .properties ul li .icon.disabled {
    background-position-y: 0px
}

div.item-window .left .properties ul li .icons {
    display: flex
}

div.item-window .left .properties ul li .icons .icon {
    margin-right: 2px
}

div.item-window .left .properties ul li span {
    line-height: 1.1
}

div.item-window .left .avatar {
    border-radius: 8px;
    background-color: #004773;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 10px
}

div.item-window .left .avatar.not-compatible h4 {
    margin: 0
}

div.item-window .left .avatar.not-compatible label {
    width: 200px;
    align-self: center
}

div.item-window .left .avatar img.furniture {
    align-self: center;
    flex: 0 0 auto;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 400px;
    max-height: 250px
}

div.item-window .left .avatar div.texture {
    flex: 1
}

div.item-window .left .avatar h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 16px;
    font-weight: bold
}

div.item-window .left .avatar canvas {
    width: 400px;
    max-height: 250px;
    cursor: pointer !important;
    background: url("catalogue/loupe.png?v=4") no-repeat;
    background-position: 130px bottom
}

div.item-window .left .avatar.pet canvas {
    background: none;
    cursor: auto
}

div.item-window .left .avatar label {
    text-align: center;
    margin-top: 30px;
    font-style: italic;
    color: #6eadd4;
    display: none
}

div.item-window .left .avatar.not-compatible label {
    display: inline
}

div.item-window .left .avatar .mannequin {
    display: inline;
    margin: auto
}

div.item-window .right {
    position: relative
}

div.item-window .right .wishlist {
    width: 25px;
    height: 23px;
    background: url("catalogue/wishlist.png?v=3") no-repeat;
    margin-left: 8px;
    position: absolute;
    right: 16px;
    top: 35px;
    cursor: pointer
}

div.item-window .right .wishlist.active {
    background-position-x: -25px
}

div.item-window .right .tabcontent {
    flex: 1;
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
    max-height: 328px;
    overflow: auto
}

div.item-window .right .tabcontent h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    margin-bottom: 16px;
    color: #0576bc;
    font-weight: bold
}

div.item-window .right .tabcontent label {
    color: #0576bc;
    text-align: center;
    display: block
}

div.item-window .right .tabcontent.wish,
div.item-window .right .tabcontent.sell {
    padding-bottom: 8px
}

div.item-window .right .tabcontent.wish ul,
div.item-window .right .tabcontent.sell ul {
    list-style: none;
    padding: 0;
    justify-content: center
}

div.item-window .right .tabcontent.wish ul li,
div.item-window .right .tabcontent.sell ul li {
    font-weight: 600;
    color: #0576bc;
    padding-left: 24px
}

div.item-window .right .tabcontent.wish ul li .nick,
div.item-window .right .tabcontent.sell ul li .nick {
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer
}

div.item-window .collections .itemlist {
    height: 80px;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    overflow: auto;
    color: #0576bc;
    margin-bottom: 16px
}

div.item-window .collections .itemlist.collec {
    height: auto
}

div.item-window .collections .itemlist.empty {
    margin-bottom: 32px
}

div.item-window.collection {
    min-height: unset
}

div.item-window.collection .itemlist a:has(.owned) {
    background: #b1ee5e;
    border: 1px solid #13a90d
}

div.item-window.collection .topbar {
    margin-left: 8px
}

div.item-window.collection .topbar .item-header h2 {
    max-width: 425px;
    width: auto
}

div.item-window.collection .topbar .bonus-whole {
    position: relative;
    background: url("catalogue/fanion.png?v=8") no-repeat;
    width: 282px;
    height: 94px;
    padding: 0px 36px;
    margin-left: auto;
    margin-right: -102px;
    margin-top: 10px;
    margin-bottom: -10px
}

div.item-window.collection .topbar .bonus-whole.hidden {
    display: none
}

div.item-window.collection .topbar .bonus-whole h3 {
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    color: #0576bc
}

div.item-window.collection .topbar .bonus-whole .itemlist {
    width: auto;
    height: auto;
    justify-content: flex-start
}

div.item-window.collection .topbar .bonus-whole.pinned {
    background: url("catalogue/fanion-pinned.png?v=2") no-repeat
}

div.item-window.collection .topbar .bonus-whole.pinned .see-more {
    background-image: url("catalogue/see-more-owned.png")
}

div.item-window.collection .topbar .bonus-whole .see-more {
    width: 39px;
    height: 39px;
    display: block;
    background: url("catalogue/see-more.png?v=4") no-repeat;
    cursor: pointer;
    position: absolute;
    top: 31px;
    right: 92px
}

div.item-window.collection .topbar .bonus-whole .see-more.hidden {
    display: none
}

div.item-window.collection div.shopable {
    min-width: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    line-height: 1;
    font-size: 11px
}

div.item-window.collection div.shopable .icon.disabled {
    background-position-y: 0px
}

div.item-window.collection div.shopable .icon {
    width: 32px;
    height: 32px;
    background: #ccc;
    margin-bottom: 4px;
    background: url("catalogue/icons.png?v=4") no-repeat;
    background-position-x: -32px;
    background-position-y: -32px
}

div.item-window.collection div.lines>div {
    display: flex;
    background: #fff;
    margin: 8px;
    border: 3px solid rgba(0, 0, 0, 0)
}

div.item-window.collection div.lines>div.pinned {
    background: #fff6c5;
    border-color: #e1b400;
    background-image: url("catalogue/pinned.png");
    background-repeat: no-repeat;
    background-position: right 4px top 4px
}

div.item-window.collection div.lines>div>div {
    margin: 8px;
    display: flex;
    flex-direction: column
}

div.item-window.collection div.lines>div>div h3 {
    max-width: 350px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #0576bc;
    margin: 0px;
    margin-bottom: 8px;
    display: flex;
    position: relative;
    align-items: center;
    z-index: 0
}

div.item-window.collection div.lines>div>div h3 a.btn-auto {
    height: 23px;
    line-height: 23px;
    padding: 0px 20px;
    margin-left: 16px;
    font-size: 14px
}

div.item-window.collection div.lines>div>div .itemlist {
    width: auto;
    height: auto;
    justify-content: flex-start
}

div.item-window.collection div.lines>div>div.bonus {
    margin: 0;
    margin-left: auto;
    border-left: 1px solid #000;
    padding: 8px 16px;
    max-width: 150px;
    min-width: 150px
}

div.item-window.collection div.lines>div>div.bonus .itemlist a:last-child {
    margin-right: 0
}

div.item-window.collection div.lines>div>div.bonus h4 {
    color: #0576bc
}

div.item-window.collection div.lines>div .look {
    background: url("catalogue/loupe.png?v=4") no-repeat;
    background-position: bottom left;
    justify-content: center;
    margin-right: 16px;
    cursor: pointer
}

div.item-window.collection div.lines>div .look canvas {
    width: 120px
}

div.item-window.collection div.lines>div .look.hidden {
    display: none
}

div.item-window.collection div.lines>div .look.hidden+div {
    margin-left: 16px
}

div.item-window.collection .themes {
    margin: 0;
    display: flex;
    align-items: center;
    padding-left: 8px
}

div.item-window.collection .themes h3 {
    margin: 0
}

div.item-window.collection .themes li {
    margin: 0;
    margin-left: 8px;
    width: auto;
    padding: 8px 32px;
    height: 20px;
    line-height: 20px
}

div.item-window li .icon,
.catalogue.main li .icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
    background: #ccc;
    margin-bottom: 4px;
    background: url("catalogue/icons.png?v=4") no-repeat;
    background-position-y: -32px
}

div.item-window li.tradable .icon,
.catalogue.main li.tradable .icon {
    background-position-x: 0
}

div.item-window li.shopable .icon,
.catalogue.main li.shopable .icon {
    background-position-x: -32px
}

div.item-window li.possessed .icon,
.catalogue.main li.possessed .icon {
    background-position-x: -160px
}

div.item-window li.compat,
.catalogue.main li.compat {
    padding-left: 25px
}

div.item-window li.compat .man,
.catalogue.main li.compat .man {
    background-position-x: -64px
}

div.item-window li.compat .woman,
.catalogue.main li.compat .woman {
    background-position-x: -96px
}

div.item-window li.compat .tiz,
.catalogue.main li.compat .tiz {
    background-position-x: -128px
}

div.item-window li .icon.disabled,
.catalogue.main li .icon.disabled {
    background-position-y: 0px
}

div.item-window li.subtype .icon,
.catalogue.main li.subtype .icon {
    background: url("catalogue/types.png?v=3") no-repeat
}

div.item-window li.subtype .icon.gear-subtype-1,
.catalogue.main li.subtype .icon.gear-subtype-1 {
    background-position-x: 0px
}

div.item-window li.subtype .icon.gear-subtype-2,
.catalogue.main li.subtype .icon.gear-subtype-2 {
    background-position-x: -32px
}

div.item-window li.subtype .icon.gear-subtype-3,
.catalogue.main li.subtype .icon.gear-subtype-3 {
    background-position-x: -64px
}

div.item-window li.subtype .icon.gear-subtype-4,
.catalogue.main li.subtype .icon.gear-subtype-4 {
    background-position-x: -96px
}

div.item-window li.subtype .icon.gear-subtype-5,
.catalogue.main li.subtype .icon.gear-subtype-5 {
    background-position-x: -128px
}

div.item-window li.subtype .icon.gear-subtype-6,
.catalogue.main li.subtype .icon.gear-subtype-6 {
    background-position-x: -160px
}

div.item-window li.subtype .icon.gear-subtype-7,
.catalogue.main li.subtype .icon.gear-subtype-7 {
    background-position-x: -192px
}

div.item-window li.subtype .icon.gear-subtype-8,
.catalogue.main li.subtype .icon.gear-subtype-8 {
    background-position-x: -224px
}

div.item-window li.subtype .icon.gear-subtype-9,
.catalogue.main li.subtype .icon.gear-subtype-9 {
    background-position-x: -256px
}

div.item-window li.subtype .icon.gear-subtype-10,
.catalogue.main li.subtype .icon.gear-subtype-10 {
    background-position-x: -288px
}

div.item-window li.subtype .icon.gear-subtype-11,
.catalogue.main li.subtype .icon.gear-subtype-11 {
    background-position-x: -320px
}

div.item-window li.subtype .icon.gear-subtype-13,
.catalogue.main li.subtype .icon.gear-subtype-13 {
    background-position-x: -352px
}

div.item-window li.subtype .icon.gear-subtype-14,
.catalogue.main li.subtype .icon.gear-subtype-14 {
    background-position-x: -384px
}

div.item-window li.subtype .icon.mannequin,
.catalogue.main li.subtype .icon.mannequin {
    background-position-x: -416px
}

div.item-window li.subtype .icon.pet,
.catalogue.main li.subtype .icon.pet {
    background-position-x: -448px
}

div.item-window li.subtype .icon.furniture-subtype-4,
.catalogue.main li.subtype .icon.furniture-subtype-4 {
    background-position-x: -480px
}

div.item-window li.subtype .icon.furniture-subtype-3,
.catalogue.main li.subtype .icon.furniture-subtype-3 {
    background-position-x: -512px
}

div.item-window li.subtype .icon.furniture-subtype-2,
.catalogue.main li.subtype .icon.furniture-subtype-2 {
    background-position-x: -544px
}

div.item-window li.subtype .icon.furniture-subtype-1,
.catalogue.main li.subtype .icon.furniture-subtype-1 {
    background-position-x: -576px
}

div.item-window li.subtype .icon.collection,
.catalogue.main li.subtype .icon.collection {
    background-position-x: -608px
}

div.item-window .right .tabcontent.themes ul,
div.item-window ul.themes,
div.item-window .lists div ul,
.catalogue.main .right .tabcontent.themes ul,
.catalogue.main ul.themes,
.catalogue.main .lists div ul {
    padding-left: 0
}

div.item-window .right .tabcontent.themes ul li,
div.item-window ul.themes li,
div.item-window .lists div ul li,
.catalogue.main .right .tabcontent.themes ul li,
.catalogue.main ul.themes li,
.catalogue.main .lists div ul li {
    margin: auto;
    margin-bottom: auto;
    background: #c5f1ff;
    border: 2px solid #65b3dd;
    border-radius: 10px;
    width: 248px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    font-weight: 600;
    color: #0576bc;
    text-align: center;
    list-style: none;
    margin-bottom: 8px
}

div.item-window .right .tabcontent.themes ul li a,
div.item-window ul.themes li a,
div.item-window .lists div ul li a,
.catalogue.main .right .tabcontent.themes ul li a,
.catalogue.main ul.themes li a,
.catalogue.main .lists div ul li a {
    text-decoration: none;
    color: #0576bc
}

.catalogue.main,
.catalogue.results {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 50%;
    left: 50%;
    margin-left: -420px;
    margin-top: -265px;
    z-index: 302;
    width: 840px;
    min-height: 530px
}

.catalogue.main .search,
.catalogue.results .search {
    display: flex;
    margin-top: 16px
}

.catalogue.main .search input,
.catalogue.results .search input {
    font-size: 30px;
    margin-right: 24px;
    flex: 1;
    padding-left: 8px;
    height: 46px;
    border-radius: 8px;
    border: 2px solid #a9e0f3;
    height: 53px;
    box-sizing: border-box
}

.catalogue.main .search input::placeholder,
.catalogue.results .search input::placeholder {
    font-weight: 400;
    color: #0576bc
}

.catalogue.main .search .searchbtn,
.catalogue.results .search .searchbtn {
    padding: 3px 30px;
    font-size: 23px;
    margin-right: 8px;
    margin-top: 2px;
    text-indent: -9999px;
    background-image: url("catalogue/loupe-search.png");
    background-repeat: no-repeat;
    background-position: center
}

.catalogue.main .search .searchbtn:hover,
.catalogue.results .search .searchbtn:hover {
    background: url("catalogue/loupe-search.png") no-repeat center, linear-gradient(#ffaf57, #f3b539)
}

.catalogue.main .lists,
.catalogue.results .lists {
    margin-top: 24px;
    display: flex;
    flex: 1
}

.catalogue.main .lists>div,
.catalogue.results .lists>div {
    padding: 10px;
    border-radius: 8px;
    background: #004773;
    flex: 1
}

.catalogue.main .lists>div:first-child,
.catalogue.results .lists>div:first-child {
    margin-right: 16px
}

.catalogue.main .lists>div h4,
.catalogue.results .lists>div h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 16px;
    font-weight: bold
}

.catalogue.main .lists>div ul,
.catalogue.main .lists>div .scroll,
.catalogue.results .lists>div ul,
.catalogue.results .lists>div .scroll {
    max-height: 400px;
    overflow: auto
}

.catalogue.main .lists>div ul,
.catalogue.results .lists>div ul {
    display: flex;
    flex-wrap: wrap
}

.catalogue.main .lists>div ul li,
.catalogue.results .lists>div ul li {
    width: 120px;
    box-sizing: border-box;
    padding-left: 4px;
    margin: 0;
    margin-right: 4px;
    margin-bottom: 4px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.catalogue.main .lists>div.filters li,
.catalogue.results .lists>div.filters li {
    justify-content: flex-start
}

.catalogue.main .lists>div.filters li .icon,
.catalogue.results .lists>div.filters li .icon {
    margin-right: 8px;
    margin-bottom: 0
}

.catalogue.main .lists>div.filters li label,
.catalogue.results .lists>div.filters li label {
    text-align: left;
    cursor: pointer
}

.catalogue.main .lists>div.filters li.tradable,
.catalogue.main .lists>div.filters li.shopable,
.catalogue.main .lists>div.filters li.possessed,
.catalogue.results .lists>div.filters li.tradable,
.catalogue.results .lists>div.filters li.shopable,
.catalogue.results .lists>div.filters li.possessed {
    width: 182px
}

.catalogue.main .lists>div.filters li.quality.inestimable,
.catalogue.results .lists>div.filters li.quality.inestimable {
    order: 9
}

.catalogue.main .lists>div.filters li.quality.reserved,
.catalogue.results .lists>div.filters li.quality.reserved {
    order: 10
}

.catalogue.main .lists>div.filters li.quality .icon,
.catalogue.results .lists>div.filters li.quality .icon {
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0;
    margin-right: 4px;
    min-width: 22px
}

.catalogue.main .lists>div.filters li.quality .icon.verycommon,
.catalogue.results .lists>div.filters li.quality .icon.verycommon {
    background-image: url("/fr/rarity/gem_1.png")
}

.catalogue.main .lists>div.filters li.quality .icon.common,
.catalogue.results .lists>div.filters li.quality .icon.common {
    background-image: url("/fr/rarity/gem_2.png")
}

.catalogue.main .lists>div.filters li.quality .icon.normal,
.catalogue.results .lists>div.filters li.quality .icon.normal {
    background-image: url("/fr/rarity/gem_3.png")
}

.catalogue.main .lists>div.filters li.quality .icon.uncommon,
.catalogue.results .lists>div.filters li.quality .icon.uncommon {
    background-image: url("/fr/rarity/gem_4.png")
}

.catalogue.main .lists>div.filters li.quality .icon.rare,
.catalogue.results .lists>div.filters li.quality .icon.rare {
    background-image: url("/fr/rarity/gem_5.png")
}

.catalogue.main .lists>div.filters li.quality .icon.superrare,
.catalogue.results .lists>div.filters li.quality .icon.superrare {
    background-image: url("/fr/rarity/gem_6.png")
}

.catalogue.main .lists>div.filters li.quality .icon.legendary,
.catalogue.results .lists>div.filters li.quality .icon.legendary {
    background-image: url("/fr/rarity/gem_7.png")
}

.catalogue.main .lists>div.filters li.quality .icon.reserved,
.catalogue.results .lists>div.filters li.quality .icon.reserved {
    background-image: url("/fr/rarity/gem_8.png")
}

.catalogue.main .lists>div.filters li.quality .icon.inestimable,
.catalogue.results .lists>div.filters li.quality .icon.inestimable {
    background-image: url("/fr/rarity/gem_9.png")
}

.catalogue.results {
    max-height: 555px;
    padding-left: 16px;
    padding-right: 16px
}

.catalogue.results h1 {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px)
}

.catalogue.results .itemlist {
    width: auto;
    position: static;
    background: #fff;
    flex: 1;
    padding-left: 8px
}

.catalogue.results .itemlist .empty {
    display: none
}

.catalogue.results .itemlist.empty::before {
    content: "Aucun r�sultat ne correspond � ta recherche !";
    display: block;
    font-size: 15px;
    color: #65b3dd;
    font-weight: 600
}

.catalogue.results .itemlist a:has(.owned) {
    background: #b1ee5e;
    border: 1px solid #13a90d
}

.catalogue.results .search {
    margin-bottom: 8px
}

.catalogue.results .filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.catalogue.results .filters .multiselect {
    width: 160px;
    margin-bottom: 8px
}

.catalogue.results .filters .multiselect select {
    font-weight: 700;
    background: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    padding: 5px;
    color: #0576bc;
    background: #c5f1ff
}

.catalogue.results .filters .multiselect.active select {
    background: #ffeec5;
    color: #6c3300
}

.catalogue.results .filters .multiselect.themes {
    margin-left: 10px
}

.catalogue.results .filters .sort {
    display: flex;
    margin-left: auto;
    align-items: flex-start
}

.catalogue.results .filters .sort label {
    margin-right: 8px;
    font-weight: 600;
    line-height: 29px
}

.catalogue.results .filters .sort select {
    background: #fff;
    border: 1px solid #000;
    padding: 5px;
    border-radius: 8px
}

.catalogue.results h4 {
    text-align: center;
    margin-bottom: 0;
    margin-top: 4px
}

body.catalogue-main div.catalogue a.close {
    display: none
}

body.catalogue div.item-window a.close {
    display: none
}

body.catalogue>div.dock>div ul.menu {
    z-index: 1300
}

body.catalogue>div.dock .tchat,
body.catalogue #mobile-menu .left-dock .tchat {
    display: inline
}

body.catalogue.disconnected>div.dock .tchat {
    display: none
}

body.disconnected div.item-window .right .wishlist,
body.disconnected div.item-window .left .avatar.not-compatible label {
    display: none
}

body.disconnected div.catalogue.main .lists>div ul li.possessed {
    display: none
}

body.disconnected div.catalogue.results .multiselect.possessed {
    display: none
}

body.disconnected div.catalogue.results .filters .multiselect.themes {
    margin-left: 0
}

.multiselect .selectBox {
    position: relative
}

.multiselect .selectBox select {
    width: 100%;
    font-weight: bold
}

.multiselect .selectBox .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.multiselect .checkboxes {
    display: none;
    border: 1px #dadada solid;
    background: #fff;
    color: #000;
    border-radius: 8px;
    width: 100%;
    z-index: 999;
    max-height: 500px;
    overflow: auto;
    box-sizing: border-box;
    position: absolute
}

.multiselect .checkboxes label {
    display: block
}

.multiselect .checkboxes label:hover {
    background-color: #1e90ff
}

.multiselect .checkboxes a {
    color: #0576bc;
    font-size: 12px;
    cursor: pointer
}

.multiselect .checkboxes .quickcheck {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    margin-top: 4px;
    margin-bottom: 4px
}

.multiselect.open .checkboxes {
    display: block
}

#listtab-queries .user-search {
    position: relative;
    margin-bottom: 8px
}

#listtab-queries .user-search input {
    width: 100%;
    height: 32px;
    font-size: 14px;
    color: #00609d;
    background: #c5f1ff;
    border: 1px solid #ccc;
    padding-left: 8px;
    box-sizing: border-box
}

#listtab-queries .user-search input::placeholder {
    font-weight: 600;
    color: #0576bc;
    font-size: 14px
}

#listtab-queries .user-search .erase-all {
    position: absolute;
    right: 10px;
    top: 10px;
    text-indent: -9999px;
    overflow: hidden;
    background: url("common/erase.png") no-repeat;
    width: 12px;
    height: 12px;
    cursor: pointer
}

#listtab-queries .user-search .erase-all.hidden {
    display: none
}

#listtab-queries.noqueries>h4 {
    display: none
}

#listtab-queries ul li .actions a.query {
    position: relative;
    margin-right: 10px
}

#listtab-queries ul li .actions a.query .query-notif-count {
    background: #e83939;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin-bottom: 16px;
    margin-left: 3px;
    margin-top: 0px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    right: -8px;
    top: -5px
}

#listtab-queries ul li .actions a.query .query-notif-count.too-much {
    font-size: 18px;
    font-weight: bold;
    line-height: 14px
}

#listtab-queries ul li .actions a.query .query-notif-count.hidden {
    display: none
}

#listtab-queries h4 {
    margin: 0;
    font-weight: normal;
    text-align: center;
    font-style: italic
}

#listtab-queries .search-result {
    border-top: 1px solid #ccc;
    margin-top: 8px
}

#listtab-queries .search-result.hidden {
    display: none
}

#listtab-queries .search-result.searching,
#listtab-queries .search-result.noresult {
    margin: 0;
    font-weight: normal;
    text-align: center;
    font-style: italic
}

#listtab-queries .search-result.searching {
    background: url("tutorial/loader.svg") no-repeat center 20px;
    min-height: 60px
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: "Titillium Web", sans-serif;
    background-image: url("backgrounds/default.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100vh
}

html.background-autumn,
body.background-autumn {
    background-image: url("backgrounds/autumn.jpg")
}

html.background-spring,
body.background-spring {
    background-image: url("backgrounds/default.jpg")
}

html.background-summer,
body.background-summer {
    background-image: url("backgrounds/summer.jpg")
}

html.background-winter,
body.background-winter {
    background-image: url("backgrounds/winter.jpg")
}

html {
    background: none
}

#room {
    display: flex;
    flex-direction: column;
    width: 1024px;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -520px;
    margin-top: -352px;
    align-items: center;
    padding-bottom: 5px
}

#room .canvas-po {
    height: 600px
}

#room .buttons,
#room .house-action-bar {
    padding-left: 16px;
    padding-right: 8px;
    margin-top: 16px;
    margin-bottom: 8px;
    width: 100%;
    display: flex
}

#room .buttons .mapname,
#room .house-action-bar .mapname {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 10
}

#room .buttons .space,
#room .house-action-bar .space {
    flex: 1
}

#room .buttons .combo,
#room .house-action-bar .combo {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column-reverse;
    visibility: hidden;
    background: rgba(0, 0, 0, 0)
}

#room .buttons .combo.mouseovercombo,
#room .buttons .combo.mouseoverbutton,
#room .house-action-bar .combo.mouseovercombo,
#room .house-action-bar .combo.mouseoverbutton {
    visibility: visible
}

#room .buttons .combo .active,
#room .house-action-bar .combo .active {
    display: none
}

#room .buttons .button,
#room .house-action-bar .button {
    cursor: pointer;
    margin-right: 16px;
    width: 100%;
    height: 48px;
    width: 48px;
    overflow: hidden;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: top
}

#room .buttons .button.rebootz,
#room .house-action-bar .button.rebootz {
    display: none;
    background-image: url("buttons/rebootz_button.png")
}

#room .buttons .button.rebootz.show,
#room .house-action-bar .button.rebootz.show {
    display: block
}

#room .buttons .button.shownews,
#room .house-action-bar .button.shownews {
    background-image: url("buttons/news_button.png")
}

#room .buttons .button.home,
#room .house-action-bar .button.home {
    background-image: url("buttons/home_button.png")
}

#room .buttons .button.dressing,
#room .house-action-bar .button.dressing {
    background-image: url("buttons/dressing_button.png")
}

#room .buttons .button.bizness,
#room .house-action-bar .button.bizness {
    background-image: url("buttons/bizness_button.png")
}

#room .buttons .button.wishlist,
#room .house-action-bar .button.wishlist {
    background-image: url("buttons/wishlist_button.png")
}

#room .buttons .button.mazo,
#room .buttons .button.reward-waiting,
#room .house-action-bar .button.mazo,
#room .house-action-bar .button.reward-waiting {
    position: relative;
    background-image: url("buttons/mazo_button.png")
}

#room .buttons .button.mazo span.count,
#room .buttons .button.reward-waiting span.count,
#room .house-action-bar .button.mazo span.count,
#room .house-action-bar .button.reward-waiting span.count {
    position: absolute;
    text-indent: 0;
    right: 6px;
    bottom: 4px;
    text-shadow: #fff 2px 0px 0px, #fff 1.75517px .958851px 0px, #fff 1.0806px 1.68294px 0px, #fff .141474px 1.99499px 0px, #fff -0.832294px 1.81859px 0px, #fff -1.60229px 1.19694px 0px, #fff -1.97999px .28224px 0px, #fff -1.87291px -0.701566px 0px, #fff -1.30729px -1.51361px 0px, #fff -0.421592px -1.95506px 0px, #fff .567324px -1.91785px 0px, #fff 1.41734px -1.41108px 0px, #fff 1.92034px -0.558831px 0px;
    font-weight: 800;
    color: #303030
}

#room .buttons .button.mazo.num-0,
#room .buttons .button.reward-waiting.num-0,
#room .house-action-bar .button.mazo.num-0,
#room .house-action-bar .button.reward-waiting.num-0 {
    display: none
}

#room .buttons .button.mazo.disabled .num,
#room .buttons .button.reward-waiting.disabled .num,
#room .house-action-bar .button.mazo.disabled .num,
#room .house-action-bar .button.reward-waiting.disabled .num {
    background-image: url("buttons/mazo_nums_disabled.png?v=2")
}

#room .buttons .button.reward-waiting,
#room .house-action-bar .button.reward-waiting {
    background-image: url("buttons/waiting_rewards_button.png")
}

#room .buttons .button.card,
#room .house-action-bar .button.card {
    background-image: url("buttons/card_button.png")
}

#room .buttons .button.dice,
#room .house-action-bar .button.dice {
    background-image: url("buttons/dice_button.png")
}

#room .buttons .button.sit,
#room .house-action-bar .button.sit {
    background-image: url("buttons/sit_button.png")
}

#room .buttons .button.jump,
#room .house-action-bar .button.jump {
    background-image: url("buttons/jump_button.png")
}

#room .buttons .button.settings,
#room .house-action-bar .button.settings {
    background-image: url("buttons/settings_button.png")
}

#room .buttons .button.map,
#room .house-action-bar .button.map {
    background-image: url("buttons/map_button.png");
    position: relative
}

#room .buttons .button.map span.count,
#room .house-action-bar .button.map span.count {
    position: absolute;
    text-indent: 0;
    right: 6px;
    bottom: 4px;
    text-shadow: #fff 2px 0px 0px, #fff 1.75517px .958851px 0px, #fff 1.0806px 1.68294px 0px, #fff .141474px 1.99499px 0px, #fff -0.832294px 1.81859px 0px, #fff -1.60229px 1.19694px 0px, #fff -1.97999px .28224px 0px, #fff -1.87291px -0.701566px 0px, #fff -1.30729px -1.51361px 0px, #fff -0.421592px -1.95506px 0px, #fff .567324px -1.91785px 0px, #fff 1.41734px -1.41108px 0px, #fff 1.92034px -0.558831px 0px;
    font-weight: 800;
    color: #303030
}

#room .buttons .button.radio,
#room .house-action-bar .button.radio {
    background-image: url("buttons/radio_button.png")
}

#room .buttons .button.radio.playing,
#room .house-action-bar .button.radio.playing {
    background-image: url("buttons/radio_button_playing.png")
}

#room .buttons .button:hover,
#room .house-action-bar .button:hover {
    background-position: 0 -48px
}

#room .buttons .button.disabled,
#room .house-action-bar .button.disabled {
    cursor: default;
    background-position: bottom !important
}

#room .buttons .button.inactive,
#room .house-action-bar .button.inactive {
    display: none
}

div.input {
    margin-top: 8px;
    position: relative;
    border-top: 2px solid #a9e0f3;
    background: #c5f1ff
}

div.input #textbox {
    width: calc(100% - 75px);
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    color: #00609d;
    padding-left: 16px;
    background: rgba(0, 0, 0, 0);
    border: 0;
    outline: none
}

div.input #textbox:disabled {
    color: red;
    font-weight: bold
}

div.input #textbox::placeholder {
    font-weight: 600;
    font-size: 14px;
    color: #0576bc
}

div.input .emotes {
    position: absolute;
    right: 48px;
    top: 8px;
    display: block;
    width: 24px;
    height: 24px;
    background: url("input/small_emote_icon.png") no-repeat;
    cursor: pointer
}

div.input .emotes:hover {
    background-position: bottom
}

div.input .emotes .emotelist {
    position: absolute;
    left: -227px;
    top: -184px;
    width: 238px;
    border-radius: 8px;
    padding: 16px 8px 8px 16px;
    background: #0576bc;
    display: flex;
    flex-wrap: wrap
}

div.input .emotes .emotelist a {
    width: 26px;
    height: 26px;
    margin-right: 8px;
    margin-bottom: 8px
}

div.input .emotes .emotelist .arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #0576bc;
    position: absolute;
    bottom: -20px;
    right: 20px
}

div.input #send {
    position: absolute;
    right: 16px;
    top: 8px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url("input/small_send_icon.png") no-repeat;
    text-indent: -9999px;
    overflow: hidden
}

div.input #send:hover {
    background-position: bottom
}

#chatbox,
#userlist,
.furniture-list-window {
    position: absolute;
    top: 50%;
    right: 32px;
    z-index: auto;
    box-sizing: border-box;
    padding: 8px;
    display: flex;
    flex-direction: column
}

#chatbox.canCensor .tab-content div p a.censor,
#userlist.canCensor .tab-content div p a.censor,
.furniture-list-window.canCensor .tab-content div p a.censor {
    display: inline-block
}

#chatbox>header,
#userlist>header,
.furniture-list-window>header {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-right: 32px
}

#chatbox>header a.report,
#userlist>header a.report,
.furniture-list-window>header a.report {
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 4px;
    background-image: url("moderation/report.png");
    width: 28px;
    height: 23px
}

#chatbox>header a.report:hover,
#userlist>header a.report:hover,
.furniture-list-window>header a.report:hover {
    background-position-y: -23px
}

#chatbox>header a.tab,
#userlist>header a.tab,
.furniture-list-window>header a.tab {
    display: block;
    cursor: pointer;
    padding: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-width: 56px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #407a88;
    font-weight: bold;
    font-size: 12px;
    margin-right: 4px;
    color: #62a6d4;
    background: #c5f1ff;
    position: relative
}

#chatbox>header a.tab:hover,
#userlist>header a.tab:hover,
.furniture-list-window>header a.tab:hover {
    text-decoration: none
}

#chatbox>header a.tab:hover,
#userlist>header a.tab:hover,
.furniture-list-window>header a.tab:hover {
    background: #e0f8ff
}

#chatbox>header a.tab.flashing,
#userlist>header a.tab.flashing,
.furniture-list-window>header a.tab.flashing {
    background: #00deff;
    color: #fff
}

#chatbox>header a.tab.active,
#userlist>header a.tab.active,
.furniture-list-window>header a.tab.active {
    border-bottom: 1px solid #fff;
    background: #fff !important;
    color: #00609d
}

#chatbox>header a.tab .label,
#userlist>header a.tab .label,
.furniture-list-window>header a.tab .label {
    display: none
}

#chatbox>header a.tab.help,
#userlist>header a.tab.help,
.furniture-list-window>header a.tab.help {
    margin-left: auto;
    min-width: 35px
}

#chatbox .tab-contents,
#userlist .tab-contents,
.furniture-list-window .tab-contents {
    flex: 1;
    overflow: auto;
    background: #fff
}

#chatbox .tab-content,
#userlist .tab-content,
.furniture-list-window .tab-content {
    display: none;
    font-size: 14px;
    height: 100%;
    box-sizing: border-box;
    padding: 16px
}

#chatbox .tab-content .bottom,
#userlist .tab-content .bottom,
.furniture-list-window .tab-content .bottom {
    width: 1px;
    height: 1px;
    padding: 0
}

#chatbox .tab-content.active,
#userlist .tab-content.active,
.furniture-list-window .tab-content.active {
    display: block;
    background: #fff;
    border-top: 0
}

#chatbox .tab-content div p,
#userlist .tab-content div p,
.furniture-list-window .tab-content div p {
    position: relative;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    margin-bottom: 4px;
    line-height: 16px
}

#chatbox .tab-content div p.unread_line,
#userlist .tab-content div p.unread_line,
.furniture-list-window .tab-content div p.unread_line {
    border-top: 1px solid #c40000
}

#chatbox .tab-content div p a.censor,
#userlist .tab-content div p a.censor,
.furniture-list-window .tab-content div p a.censor {
    display: none;
    position: absolute;
    left: -11px;
    width: 8px;
    height: 16px;
    background: url("moderation/censor.png") no-repeat center center;
    cursor: pointer;
    background-size: 8px
}

#chatbox .tab-content div p.mention a.censor,
#userlist .tab-content div p.mention a.censor,
.furniture-list-window .tab-content div p.mention a.censor {
    left: 4px
}

#chatbox .tab-content div p .censorMenu,
#userlist .tab-content div p .censorMenu,
.furniture-list-window .tab-content div p .censorMenu {
    display: flex;
    background: rgba(0, 0, 0, .8);
    position: absolute;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    width: calc(100% + 32px);
    left: -16px;
    top: 0;
    height: 100%;
    align-items: center
}

#chatbox .tab-content div p .censorMenu p,
#userlist .tab-content div p .censorMenu p,
.furniture-list-window .tab-content div p .censorMenu p {
    font-weight: bold;
    margin-right: 10px;
    font-size: 15px
}

#chatbox .tab-content div p .censorMenu div a,
#userlist .tab-content div p .censorMenu div a,
.furniture-list-window .tab-content div p .censorMenu div a {
    border: 1px solid #000;
    margin-left: 20px;
    background: #fff;
    color: #000;
    font-size: 11px;
    padding: 0 5px;
    cursor: pointer
}

#chatbox .tab-content div p .censorMenu div a.oui,
#userlist .tab-content div p .censorMenu div a.oui,
.furniture-list-window .tab-content div p .censorMenu div a.oui {
    background: #ff6e6e
}

#chatbox .tab-content div p span.time,
#userlist .tab-content div p span.time,
.furniture-list-window .tab-content div p span.time {
    color: #a3bac3;
    display: inline-block;
    margin-right: 4px
}

#chatbox .tab-content div p span.text,
#userlist .tab-content div p span.text,
.furniture-list-window .tab-content div p span.text {
    font-size: 14px;
    flex: 1;
    overflow-wrap: break-word;
    font-weight: normal;
    color: #00609d
}

#chatbox .tab-content div p span.text .cleanmessage,
#userlist .tab-content div p span.text .cleanmessage,
.furniture-list-window .tab-content div p span.text .cleanmessage {
    color: #4e1a5f
}

#chatbox .tab-content div p.mention,
#userlist .tab-content div p.mention,
.furniture-list-window .tab-content div p.mention {
    background: #c6ecf0;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px
}

#chatbox .tab-content span.item-icon,
#userlist .tab-content span.item-icon,
.furniture-list-window .tab-content span.item-icon {
    width: 18px;
    height: 18px;
    background: url("/fr/rarity/gem_9.png");
    background-size: contain;
    margin-right: 3px;
    vertical-align: middle;
    display: inline-block
}

#chatbox .tab-content span.item-icon.verycommon,
#userlist .tab-content span.item-icon.verycommon,
.furniture-list-window .tab-content span.item-icon.verycommon {
    background-image: url("/fr/rarity/gem_1.png")
}

#chatbox .tab-content span.item-icon.common,
#userlist .tab-content span.item-icon.common,
.furniture-list-window .tab-content span.item-icon.common {
    background-image: url("/fr/rarity/gem_2.png")
}

#chatbox .tab-content span.item-icon.normal,
#userlist .tab-content span.item-icon.normal,
.furniture-list-window .tab-content span.item-icon.normal {
    background-image: url("/fr/rarity/gem_3.png")
}

#chatbox .tab-content span.item-icon.uncommon,
#userlist .tab-content span.item-icon.uncommon,
.furniture-list-window .tab-content span.item-icon.uncommon {
    background-image: url("/fr/rarity/gem_4.png")
}

#chatbox .tab-content span.item-icon.rare,
#userlist .tab-content span.item-icon.rare,
.furniture-list-window .tab-content span.item-icon.rare {
    background-image: url("/fr/rarity/gem_5.png")
}

#chatbox .tab-content span.item-icon.superrare,
#userlist .tab-content span.item-icon.superrare,
.furniture-list-window .tab-content span.item-icon.superrare {
    background-image: url("/fr/rarity/gem_6.png")
}

#chatbox .tab-content span.item-icon.legendary,
#userlist .tab-content span.item-icon.legendary,
.furniture-list-window .tab-content span.item-icon.legendary {
    background-image: url("/fr/rarity/gem_7.png")
}

#chatbox .tab-content span.item-icon.reserved,
#userlist .tab-content span.item-icon.reserved,
.furniture-list-window .tab-content span.item-icon.reserved {
    background-image: url("/fr/rarity/gem_8.png")
}

#chatbox .tab-content span.item-icon.inestimable,
#userlist .tab-content span.item-icon.inestimable,
.furniture-list-window .tab-content span.item-icon.inestimable {
    background-image: url("/fr/rarity/gem_9.png")
}

#chatbox .tab-content a.item,
#userlist .tab-content a.item,
.furniture-list-window .tab-content a.item {
    font-weight: bold;
    text-decoration: underline;
    color: inherit
}

#chatbox .tab-content strong a,
#userlist .tab-content strong a,
.furniture-list-window .tab-content strong a {
    color: inherit;
    cursor: pointer
}

#chatbox .query,
#userlist .query,
.furniture-list-window .query {
    flex-direction: column;
    overflow: visible
}

#chatbox .query.active,
#userlist .query.active,
.furniture-list-window .query.active {
    display: flex
}

#chatbox .query div,
#userlist .query div,
.furniture-list-window .query div {
    flex: 1;
    overflow: auto;
    margin-right: -16px;
    margin-bottom: -16px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px
}

#chatbox .query .return-to-room-block,
#userlist .query .return-to-room-block,
.furniture-list-window .query .return-to-room-block {
    display: none
}

#chatbox .query .signal-header,
#userlist .query .signal-header,
.furniture-list-window .query .signal-header {
    display: none
}

#chatbox .query.report .signal-header,
#userlist .query.report .signal-header,
.furniture-list-window .query.report .signal-header {
    display: flex;
    flex: 0;
    background: #ff8483;
    overflow: visible;
    text-align: left;
    font-weight: 700;
    margin-left: -16px;
    margin-bottom: 0;
    padding: 4px 8px;
    justify-content: space-between
}

#chatbox .query.report .signal-header a,
#userlist .query.report .signal-header a,
.furniture-list-window .query.report .signal-header a {
    cursor: pointer
}

#chatbox .query.report .messages p:hover,
#userlist .query.report .messages p:hover,
.furniture-list-window .query.report .messages p:hover {
    cursor: pointer;
    background: #fff5be
}

#chatbox .query header,
#userlist .query header,
.furniture-list-window .query header {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #39a0c8;
    height: 48px;
    line-height: 32px;
    padding-left: 16px;
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -8px;
    box-sizing: border-box;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex
}

#chatbox .query header .space,
#userlist .query header .space,
.furniture-list-window .query header .space {
    flex: 1
}

#chatbox .query header .fiche,
#chatbox .query header .report,
#chatbox .query header .closebtn,
#userlist .query header .fiche,
#userlist .query header .report,
#userlist .query header .closebtn,
.furniture-list-window .query header .fiche,
.furniture-list-window .query header .report,
.furniture-list-window .query header .closebtn {
    margin-right: 8px;
    text-indent: -9999px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    background-image: url("buttons/profil_button.png");
    cursor: pointer
}

#chatbox .query header .fiche:hover,
#chatbox .query header .report:hover,
#chatbox .query header .closebtn:hover,
#userlist .query header .fiche:hover,
#userlist .query header .report:hover,
#userlist .query header .closebtn:hover,
.furniture-list-window .query header .fiche:hover,
.furniture-list-window .query header .report:hover,
.furniture-list-window .query header .closebtn:hover {
    background-position: 0 -32px
}

#chatbox .query header .report,
#userlist .query header .report,
.furniture-list-window .query header .report {
    background-image: url("buttons/moderation_button.png")
}

#chatbox .query header .closebtn,
#userlist .query header .closebtn,
.furniture-list-window .query header .closebtn {
    background-image: url("buttons/close_button.png")
}

#chatbox .query header .online-status,
#userlist .query header .online-status,
.furniture-list-window .query header .online-status {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: #cdcdcd
}

#chatbox .query header .online-status.online,
#userlist .query header .online-status.online,
.furniture-list-window .query header .online-status.online {
    background: #36a440
}

#user,
#dressing {
    position: absolute;
    z-index: 250;
    box-sizing: border-box
}

#map {
    width: 80%;
    height: 80%;
    max-width: 1700px;
    max-height: 1070px;
    position: absolute;
    top: 10%;
    left: 10%;
    z-index: 5000;
    display: none;
    flex-direction: column
}

#map canvas {
    flex: 1;
    border: 1px solid #0d62a7
}

#userlist,
.furniture-list-window.walls {
    width: 400px;
    height: 500px;
    left: 32px;
    padding: 8px
}

#userlist .closebtn,
.furniture-list-window.walls .closebtn {
    display: none
}

#userlist>div,
.furniture-list-window.walls>div {
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 5px;
    overflow: auto
}

#userlist>div ul,
#mobile-menu .list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#userlist>div ul li,
#mobile-menu .list ul li {
    display: flex;
    position: relative;
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 3px
}

#userlist>div ul li .icon,
#mobile-menu .list ul li .icon {
    margin-left: 8px;
    margin-right: 16px;
    margin-top: 2px;
    width: 24px;
    height: 20px;
    background-repeat: no-repeat
}

#userlist>div ul li .icon.no-margin,
#mobile-menu .list ul li .icon.no-margin {
    margin-right: 0
}

#userlist>div ul li .nick,
#mobile-menu .list ul li .nick {
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px
}

#userlist>div ul li .nick .mobile,
#mobile-menu .list ul li .nick .mobile {
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 22px;
    opacity: .5;
    background: url("userlist/phone_android_black_24dp.svg") no-repeat right 2px;
    background-size: 75%
}

#userlist>div ul li .title,
#mobile-menu .list ul li .title {
    padding-left: 5px;
    cursor: pointer;
    color: inherit;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
    flex: 1;
    text-align: right
}

#userlist>div ul li.online .icon,
#userlist>div ul li .icon,
#mobile-menu .list ul li.online .icon,
#mobile-menu .list ul li .icon {
    background-image: url("userlist/on_off_line_icon.png")
}

#userlist>div ul li.offline .icon,
#mobile-menu .list ul li.offline .icon {
    background-position: bottom
}

#userlist>div ul li.offline .nick,
#mobile-menu .list ul li.offline .nick {
    color: gray
}

#userlist>div ul li .actions,
#mobile-menu .list ul li .actions {
    margin-left: auto;
    display: flex
}

#userlist>div ul li .actions.left,
#mobile-menu .list ul li .actions.left {
    margin-left: 0
}

#userlist>div ul li .actions.left a,
#mobile-menu .list ul li .actions.left a {
    margin-right: 0
}

#userlist>div ul li .actions a,
#mobile-menu .list ul li .actions a {
    display: inline-block;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-right: 8px
}

#userlist>div ul li .actions a.gotohome,
#mobile-menu .list ul li .actions a.gotohome {
    background-image: url("house/gotohome_btn.png")
}

#userlist>div ul li .actions a.gotohome.disabled,
#mobile-menu .list ul li .actions a.gotohome.disabled {
    background-position: bottom;
    cursor: auto
}

#userlist>div ul li .actions a.gotohome.disabled:hover,
#mobile-menu .list ul li .actions a.gotohome.disabled:hover {
    background-position: bottom
}

#userlist>div ul li .actions a.warpto,
#mobile-menu .list ul li .actions a.warpto {
    background-image: url("buttons/join_button.png")
}

#userlist>div ul li .actions a.block,
#mobile-menu .list ul li .actions a.block {
    background-image: url("buttons/mute_button_small.png")
}

#userlist>div ul li .actions a.unblock,
#mobile-menu .list ul li .actions a.unblock {
    background-image: url("buttons/remove_button.png")
}

#userlist>div ul li .actions a.removefriend,
#mobile-menu .list ul li .actions a.removefriend {
    background-image: url("buttons/remove_button.png")
}

#userlist>div ul li .actions a.query,
#mobile-menu .list ul li .actions a.query {
    background-image: url("buttons/query_button.png")
}

#userlist>div ul li .actions a.close-query,
#mobile-menu .list ul li .actions a.close-query {
    background-image: url("buttons/close_query_button.png")
}

#userlist>div ul li .actions a:hover,
#mobile-menu .list ul li .actions a:hover {
    background-position: 0 -24px
}

#userlist>div ul li.attributes-member .icon,
#mobile-menu .list ul li.attributes-member .icon {
    background-image: url("attributes/0.png")
}

#userlist>div ul li.attributes-moderator .icon,
#mobile-menu .list ul li.attributes-moderator .icon {
    background-image: url("attributes/1.png")
}

#userlist>div ul li.attributes-mbbs .icon,
#mobile-menu .list ul li.attributes-mbbs .icon {
    background-image: url("attributes/2.png")
}

#userlist>div ul li.attributes-royaltiz .icon,
#mobile-menu .list ul li.attributes-royaltiz .icon {
    background-image: url("attributes/4.png")
}

#userlist>div ul li.attributes-defailleur .icon,
#mobile-menu .list ul li.attributes-defailleur .icon {
    background-image: url("attributes/5.png")
}

#userlist>div ul li.attributes-divertiz .icon,
#mobile-menu .list ul li.attributes-divertiz .icon {
    background-image: url("attributes/6.png?v=2")
}

#userlist>div ul li.attributes-radioz .icon,
#mobile-menu .list ul li.attributes-radioz .icon {
    background-image: url("attributes/7.png")
}

#userlist>div ul li.attributes-creator .icon,
#mobile-menu .list ul li.attributes-creator .icon {
    background-image: url("attributes/9.png")
}

#userlist>div ul li.attributes-graphtiz .icon,
#mobile-menu .list ul li.attributes-graphtiz .icon {
    background-image: url("attributes/graphtiz.png")
}

#userlist>div ul li.attributes-marketiz .icon,
#mobile-menu .list ul li.attributes-marketiz .icon {
    background-image: url("attributes/marketiz.png")
}

#userlist>div ul li.attributes-npc .icon,
#mobile-menu .list ul li.attributes-npc .icon {
    background-image: url("attributes/npc.png")
}

#userlist>div ul li.visiteur .icon,
#mobile-menu .list ul li.visiteur .icon {
    background-image: url("attributes/visiteur.png")
}

#listtab-help h3 {
    text-align: center
}

#listtab-help div {
    border-top: 1px solid #dcdcdc;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center
}

#listtab-help div a {
    display: block;
    margin: auto;
    margin-top: 10px
}

.wishlist-window {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 500px;
    margin-left: -250px;
    z-index: 300;
    text-align: center
}

.wishlist-window .wishlist {
    margin-top: 24px
}

.wishlist-window .noitem {
    display: none
}

.wishlist-window .itemlist {
    position: static;
    height: auto;
    width: 100%
}

.wishlist-window .count,
.wishlist-window .help {
    text-align: center;
    font-weight: bold;
    font-size: 18px
}

.wishlist-window .empty {
    margin: auto;
    margin-top: 24px;
    margin-bottom: 24px
}

.wishlist-window .help {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    padding: 10px
}

.show-lists {
    display: none
}

#userlist,
#chatbox,
.furniture-list-window,
.furniture-list-window.walls {
    height: 688px;
    width: calc((100% - 128px - 1040px)/2);
    margin-top: -318px
}

#room {
    margin-top: -318px
}

.show-lists {
    display: none;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 3px
}

.show-lists a.show-lists-button {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    height: 24px;
    margin: auto;
    background: linear-gradient(to bottom, #3f7bfe 0%, #35a4e2 100%);
    border: 1px solid #3f7bfe;
    text-align: center;
    box-shadow: 0 0 0 1px #1061a5;
    border-radius: 6px;
    font-size: 12px;
    line-height: 24px
}

.show-lists a.show-lists-button:hover {
    background: linear-gradient(to bottom, #59b2ff 0%, #54e9ff 100%);
    border: 1px solid #5bf5ff;
    box-shadow: 0 0 0 1px #2c9bff
}

.image.window {
    width: auto;
    position: absolute;
    margin: auto;
    z-index: 200;
    padding-right: 25px;
    top: 80px;
    left: 80px
}

.image.window img {
    max-width: 500px
}

#chatbox .tab-content div p span.text.attributes-moderator,
#userlist>div ul li.attributes-moderator,
#mobile-menu .list ul li.attributes-moderator {
    color: #a00000
}

#chatbox .tab-content div p span.text.attributes-royaltiz,
#userlist>div ul li.attributes-royaltiz,
#mobile-menu .list ul li.attributes-royaltiz {
    color: #af7800
}

#chatbox .tab-content div p span.text.attributes-radioz,
#userlist>div ul li.attributes-radioz,
#mobile-menu .list ul li.attributes-radioz {
    color: #ca00b3
}

#chatbox .tab-content div p span.text.attributes-defailleur,
#userlist>div ul li.attributes-defailleur,
#mobile-menu .list ul li.attributes-defailleur {
    color: #6a6a6a
}

#chatbox .tab-content div p span.text.attributes-divertiz,
#userlist>div ul li.attributes-divertiz,
#mobile-menu .list ul li.attributes-divertiz {
    color: #009c87
}

#chatbox .tab-content div p span.text.attributes-creator,
#userlist>div ul li.attributes-creator,
#mobile-menu .list ul li.attributes-creator {
    color: #21181e
}

#chatbox .tab-content div p span.text.attributes-marketiz,
#userlist>div ul li.attributes-marketiz,
#mobile-menu .list ul li.attributes-marketiz {
    color: #2f6400
}

#chatbox .tab-content div p span.text.attributes-graphtiz,
#chatbox .tab-content div p span.text.attributes-member,
#userlist>div ul li.attributes-graphtiz,
#userlist>div ul li.attributes-member,
#mobile-menu .list ul li.attributes-graphtiz,
#mobile-menu .list ul li.attributes-member {
    color: #00609d
}

#chatbox .tab-content div p span.text.attributes-npc,
#userlist>div ul li.attributes-npc,
#mobile-menu .list ul li.attributes-npc {
    color: #ff7200
}

#chatbox .tab-content div p span.text.thalia,
#userlist>div ul li.thalia,
#mobile-menu .list ul li.thalia {
    color: #ff7200;
    font-weight: bold
}

#chatbox .tab-content div p span.text.user-action,
#userlist>div ul li.user-action,
#mobile-menu .list ul li.user-action {
    color: #dd52c7;
    font-weight: bold
}

#chatbox .tab-content div p span.text.user-action .red,
#userlist>div ul li.user-action .red,
#mobile-menu .list ul li.user-action .red {
    color: red
}

#chatbox .tab-content div p span.text.user-action .black,
#userlist>div ul li.user-action .black,
#mobile-menu .list ul li.user-action .black {
    color: #000
}

#chatbox .tab-content div p span.text.user-action strong,
#userlist>div ul li.user-action strong,
#mobile-menu .list ul li.user-action strong {
    font-weight: bold;
    color: #9335cb
}

#chatbox .tab-content div p span.text.user-action em,
#userlist>div ul li.user-action em,
#mobile-menu .list ul li.user-action em {
    font-style: normal
}

#chatbox .tab-content div p span.text.system-message,
#userlist>div ul li.system-message,
#mobile-menu .list ul li.system-message {
    color: #9335cb;
    font-weight: bold
}

#chatbox .tab-content div p span.text.system-message strong.mjrt-pcount,
#userlist>div ul li.system-message strong.mjrt-pcount,
#mobile-menu .list ul li.system-message strong.mjrt-pcount {
    font-weight: bold;
    color: #d96600
}

#chatbox .tab-content div p span.text.moderation,
#userlist>div ul li.moderation,
#mobile-menu .list ul li.moderation {
    color: #d40000;
    font-weight: bold
}

#chatbox .tab-content div p span.text.query-feedback,
#userlist>div ul li.query-feedback,
#mobile-menu .list ul li.query-feedback {
    color: #3881bd
}

#chatbox .tab-content div p span.text.me,
#userlist>div ul li.me,
#mobile-menu .list ul li.me {
    font-style: italic
}

#chatbox .tab-content div p span.text strong.quiz-question,
#userlist>div ul li strong.quiz-question,
#mobile-menu .list ul li strong.quiz-question {
    font-size: 1.5em;
    font-weight: bold
}

#chatbox .tab-content div p span.text.censored,
#userlist>div ul li.censored,
#mobile-menu .list ul li.censored {
    color: #a3bac3;
    font-size: 11px
}

#chatbox .tab-content div p span.text.hacker,
#chatbox .tab-content div p span.text .hacker,
#userlist>div ul li.hacker,
#userlist>div ul li .hacker,
#mobile-menu .list ul li.hacker,
#mobile-menu .list ul li .hacker {
    color: #000
}

#chatbox .tab-content div p span.text.multicompte,
#chatbox .tab-content div p span.text .multicompte,
#userlist>div ul li.multicompte,
#userlist>div ul li .multicompte,
#mobile-menu .list ul li.multicompte,
#mobile-menu .list ul li .multicompte {
    color: #002e4a
}

#chatbox.show-official-icon span.text::before {
    content: "";
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    left: 0
}

#chatbox.show-official-icon span.text.attributes-moderator,
#chatbox.show-official-icon span.text.attributes-mbbs,
#chatbox.show-official-icon span.text.attributes-royaltiz,
#chatbox.show-official-icon span.text.attributes-defailleur,
#chatbox.show-official-icon span.text.attributes-divertiz,
#chatbox.show-official-icon span.text.attributes-radioz,
#chatbox.show-official-icon span.text.attributes-creator,
#chatbox.show-official-icon span.text.attributes-npc,
#chatbox.show-official-icon span.text.attributes-marketiz {
    padding-left: 20px;
    position: relative
}

#chatbox.show-official-icon span.text.attributes-member::before {
    display: none
}

#chatbox.show-official-icon span.text.attributes-member {
    padding-left: 0
}

#chatbox.show-official-icon span.text.attributes-moderator::before {
    background-image: url("attributes/1.png")
}

#chatbox.show-official-icon span.text.attributes-npc::before {
    background-image: url("attributes/npc.png")
}

#chatbox.show-official-icon span.text.attributes-mbbs::before {
    background-image: url("attributes/2.png")
}

#chatbox.show-official-icon span.text.attributes-royaltiz::before {
    background-image: url("attributes/4.png")
}

#chatbox.show-official-icon span.text.attributes-defailleur::before {
    background-image: url("attributes/5.png")
}

#chatbox.show-official-icon span.text.attributes-divertiz::before {
    background-image: url("attributes/6.png?v=2")
}

#chatbox.show-official-icon span.text.attributes-radioz::before {
    background-image: url("attributes/7.png")
}

#chatbox.show-official-icon span.text.attributes-creator::before {
    background-image: url("attributes/9.png")
}

#chatbox.show-official-icon span.text.attributes-marketiz::before {
    background-image: url("attributes/marketiz.png")
}

body div.hmc {
    display: none
}

html.hmc {
    overflow: auto
}

body.hmc {
    overflow: visible;
    background-size: auto;
    min-height: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "header" "main" "footer";
    grid-template-rows: 66px 1fr 50px
}

body.hmc div.dock,
body.hmc #mobile-menu .left-dock {
    grid-area: header
}

body.hmc div.dock .tchat,
body.hmc #mobile-menu .left-dock .tchat {
    display: inline
}

body.hmc #room,
body.hmc .right-col {
    display: none
}

body.hmc div.hmc {
    grid-area: main;
    height: 100%;
    position: relative;
    color: #002d54;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

body.hmc div.hmc h1 {
    font-size: 77px;
    font-weight: bold;
    text-shadow: #fff 4px 0px 0px, #fff 3.87565px .989616px 0px, #fff 3.51033px 1.9177px 0px, #fff 2.92676px 2.72656px 0px, #fff 2.16121px 3.36588px 0px, #fff 1.26129px 3.79594px 0px, #fff .282949px 3.98998px 0px, #fff -0.712984px 3.93594px 0px, #fff -1.66459px 3.63719px 0px, #fff -2.51269px 3.11229px 0px, #fff -3.20457px 2.39389px 0px, #fff -3.69721px 1.52664px 0px, #fff -3.95997px .56448px 0px, #fff -3.97652px -0.432781px 0px, #fff -3.74583px -1.40313px 0px, #fff -3.28224px -2.28625px 0px, #fff -2.61457px -3.02721px 0px, #fff -1.78435px -3.57996px 0px, #fff -0.843183px -3.91012px 0px, #fff .150409px -3.99717px 0px, #fff 1.13465px -3.8357px 0px, #fff 2.04834px -3.43574px 0px, #fff 2.83468px -2.82216px 0px, #fff 3.44477px -2.03312px 0px, #fff 3.84068px -1.11766px 0px, #fff 3.9978px -0.132717px 0px;
    margin: 0;
    margin-top: 48px;
    line-height: 1;
    z-index: 1;
    cursor: pointer
}

body.hmc div.hmc h1 a {
    text-decoration: none;
    color: #00609d
}

body.hmc div.hmc h2.perso {
    color: #00609d;
    font-size: 18px;
    font-style: italic;
    opacity: .8;
    font-weight: 600;
    border-bottom: 3px dotted #144560;
    margin: 0;
    padding-right: 5px;
    padding-bottom: 4px;
    margin-top: 8px;
    line-height: 1;
    z-index: 5;
    position: relative
}

body.hmc div.hmc h2.perso a.edit {
    display: block;
    position: absolute;
    right: -32px;
    top: -3px;
    width: 29px;
    height: 29px;
    cursor: pointer;
    background: url("hmc/edit.png") no-repeat
}

body.hmc div.hmc h2.perso div.edit {
    display: none
}

body.hmc div.hmc h2.perso.in-edition {
    margin-bottom: -14px;
    border-bottom: none
}

body.hmc div.hmc h2.perso.in-edition div.edit {
    display: flex
}

body.hmc div.hmc h2.perso.in-edition div.text {
    display: none
}

body.hmc div.hmc h2.perso.in-edition input {
    height: 25px;
    color: #00609d;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    background: none;
    width: 350px;
    border-radius: 25px;
    background: hsla(0, 0%, 100%, .2);
    border: none;
    padding: 5px;
    margin: 0;
    text-align: center;
    font-family: FreeSans, sans-serif
}

body.hmc div.hmc h2.perso.in-edition .confirm {
    overflow: hidden;
    text-indent: -9999px;
    background: url("hmc/button_confirm.png");
    cursor: pointer;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    margin-top: 5px
}

body.hmc div.hmc .buttons {
    width: 800px;
    display: flex;
    margin-top: 40px;
    position: relative
}

body.hmc div.hmc .main-btn {
    position: relative;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 150px;
    color: #004b79;
    font-size: 30px;
    font-weight: bold;
    z-index: 10;
    text-align: center
}

body.hmc div.hmc .main-btn::before {
    display: block;
    content: "";
    background-image: url("hmc/button_hmc.png");
    background-repeat: no-repeat;
    width: 88px;
    height: 89px
}

body.hmc div.hmc .main-btn:hover::before {
    background-position: bottom left
}

body.hmc div.hmc .main-btn.dressing {
    margin-left: auto
}

body.hmc div.hmc .main-btn.dressing::before {
    background-position: top right
}

body.hmc div.hmc .main-btn.dressing:hover::before {
    background-position: bottom right
}

body.hmc div.hmc .main-btn.pet {
    position: absolute;
    left: 686px;
    top: -23px;
    height: 53px
}

body.hmc div.hmc .main-btn.pet::before {
    display: block;
    content: "";
    background-image: url("hmc/button_pet.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 53px
}

body.hmc div.hmc .stats {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    width: 650px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 280px;
    margin-bottom: 80px;
    background: rgba(0, 0, 0, .2);
    padding: 30px;
    border-radius: 25px
}

body.hmc div.hmc .stats>a {
    width: 33%;
    font-size: 18px;
    font-weight: bold;
    color: rgba(0, 0, 0, .6);
    margin-bottom: 4px;
    margin-top: 4px;
    text-decoration: none;
    display: flex;
    align-items: center
}

body.hmc div.hmc .stats>a::before {
    content: "";
    display: block;
    background: url("hmc/ranking_icons.png?v=2") no-repeat;
    width: 34px;
    height: 34px;
    margin-right: 8px
}

body.hmc div.hmc .stats>a.mazo::before {
    background-position: -34px top
}

body.hmc div.hmc .stats>a.styliz::before {
    background-position: -68px top
}

body.hmc div.hmc .stats>a.quiz::before {
    background-position: -102px top
}

body.hmc div.hmc .stats>a.wedding::before {
    background-position: -136px top
}

body.hmc div.hmc .stats>a.empty::before {
    background: none
}

body.hmc div.hmc .stats>a em {
    font-style: normal;
    color: #fff;
    margin-left: 4px;
    margin-right: 4px
}

body.hmc div.hmc .stats>a ins,
body.hmc div.hmc .stats>a a {
    text-decoration: underline;
    margin-left: 4px;
    margin-right: 4px;
    color: rgba(0, 0, 0, .6)
}

body.hmc div.hmc .stats .wedding {
    grid-column-start: 2;
    grid-column-end: 3
}

body.hmc .settings {
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 75px;
    right: 10px;
    background: url("hmc/button_settings.png");
    cursor: pointer;
    z-index: 50;
    width: 46px;
    height: 47px
}

body.hmc .settings:hover {
    background-position: bottom
}

body.hmc .news {
    top: auto;
    left: auto;
    margin: 0;
    bottom: 60px;
    right: 30px
}

body.hmc .avatar-shadow {
    background: url("hmc/shadow_membre.png");
    width: 127px;
    height: 17px;
    position: absolute;
    top: 550px;
    z-index: 0
}

body.hmc #hmc-avatar {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -300px;
    z-index: 1;
    pointer-events: none
}

body.hmc .hmc-settingswindow {
    z-index: 990;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -270px;
    margin-top: -241px;
    width: 540px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

body.hmc .hmc-settingswindow .email {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 1px solid #0091d3
}

body.hmc .hmc-settingswindow .email a {
    text-decoration: none
}

body.hmc .hmc-settingswindow label {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

body.hmc .hmc-settingswindow .form {
    border-radius: 8px;
    background: #004773;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    padding: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px
}

body.hmc .hmc-settingswindow .form textarea {
    grid-column-start: 2;
    grid-column-end: 4
}

body.hmc .hmc-settingswindow .choice {
    display: flex;
    align-items: flex-start
}

body.hmc .hmc-settingswindow .choice div.choice {
    flex-direction: column;
    align-items: center
}

body.hmc .hmc-settingswindow .choice div.choice input {
    margin-bottom: 8px
}

body.hmc .hmc-settingswindow .choice div.choice input:checked+div {
    background: hsla(0, 0%, 100%, .4);
    border-color: #fff
}

body.hmc .hmc-settingswindow .choice div.choice div {
    border: 1px solid #000;
    padding: 10px;
    background: hsla(0, 0%, 100%, .2)
}

body.hmc .hmc-settingswindow .choice div.choice div strong {
    color: #ffe666
}

body.hmc .hmc-settingswindow label {
    width: 140px
}

body.hmc .hmc-settingswindow input {
    background: #a6dbfd;
    border: none;
    border-radius: 4px;
    grid-column-start: 2;
    grid-column-end: 4
}

body.hmc .hmc-settingswindow .interests {
    padding-bottom: 0
}

body.hmc .hmc-settingswindow .interests label {
    grid-row-start: 1;
    grid-row-end: 4
}

body.hmc .hmc-settingswindow .interests input {
    grid-column: auto;
    width: 150px
}

body.hmc .hmc-settingswindow .actions {
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    justify-content: center
}

body.hmc .hmc-settingswindow .actions .button:first-child {
    margin-right: 40px
}

body.hmc footer {
    background: rgba(0, 37, 61, .5);
    height: 50px;
    padding: 0;
    align-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    grid-area: footer
}

body.hmc footer .column {
    display: flex;
    width: 83.33333%;
    margin-left: 8.33333%;
    align-items: center;
    justify-content: space-between
}

body.hmc footer .column .level-item {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    flex-grow: 1;
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-shrink: 0;
    justify-content: center;
    text-decoration: none
}

body.hmc .announce {
    width: 492px;
    height: 532px;
    margin-left: -266px;
    margin-top: -246px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5000
}

@media(min-height: 960px) {
    body.hmc {
        background-size: 100% 100vh
    }

    body.hmc div.hmc {
        justify-content: center
    }

    body.hmc #hmc-avatar {
        top: 50%;
        margin-top: -450px
    }

    body.hmc .avatar-shadow {
        top: 50%;
        margin-top: 100px
    }
}

@media only screen and (min-width: 1440px)and (max-width: 1800px)and (min-height: 720px) {
    body>div.dock {
        height: 48px
    }

    body>div.dock>a,
    body>div.dock>div,
    body>div.dock>div ul.menu li a {
        padding-left: 55px;
        line-height: 50px;
        font-size: 17px
    }

    body>div.dock>a.mi::before,
    body>div.dock>div.mi::before,
    body>div.dock>div ul.menu li a.mi::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_mi_icon.png")
    }

    body>div.dock>a.logout::before,
    body>div.dock>div.logout::before,
    body>div.dock>div ul.menu li a.logout::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_login_icon.png")
    }

    body>div.dock>a.tchat::before,
    body>div.dock>div.tchat::before,
    body>div.dock>div ul.menu li a.tchat::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_chat_icon.png")
    }

    body>div.dock>a.planning::before,
    body>div.dock>div.planning::before,
    body>div.dock>div ul.menu li a.planning::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_planning_icon.png")
    }

    body>div.dock>a.bbs::before,
    body>div.dock>div.bbs::before,
    body>div.dock>div ul.menu li a.bbs::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_bbs_icon.png")
    }

    body>div.dock>a.shop::before,
    body>div.dock>div.shop::before,
    body>div.dock>div ul.menu li a.shop::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_shop_icon.png?v=3")
    }

    body>div.dock>a.idees::before,
    body>div.dock>div.idees::before,
    body>div.dock>div ul.menu li a.idees::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_ideabox_icon.png")
    }

    body>div.dock>a.instagram::before,
    body>div.dock>div.instagram::before,
    body>div.dock>div ul.menu li a.instagram::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_insta_icon_w.png");
        left: 19px
    }

    body>div.dock>a.discord::before,
    body>div.dock>div.discord::before,
    body>div.dock>div ul.menu li a.discord::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_discord_icon.png");
        left: 19px
    }

    body>div.dock>a.hmc,
    body>div.dock>div.hmc,
    body>div.dock>div ul.menu li a.hmc {
        width: 39px;
        padding-left: 20px;
        padding-right: 20px;
        background-position: 18px 4px;
        background-image: url("dock/mini_logo.png")
    }

    body>div.dock>a.hmc.noel,
    body>div.dock>div.hmc.noel,
    body>div.dock>div ul.menu li a.hmc.noel {
        background: url("dock/minimal_logo_noel.png")
    }

    body>div.dock>a ul.menu,
    body>div.dock>div ul.menu,
    body>div.dock>div ul.menu li a ul.menu {
        margin-top: 50px
    }

    body>div.dock>a ul.menu li a,
    body>div.dock>div ul.menu li a,
    body>div.dock>div ul.menu li a ul.menu li a {
        padding: 0
    }

    #main {
        left: 40px;
        margin-left: 0
    }

    #room {
        left: 32px;
        margin-left: 0
    }

    #userlist header,
    #chatbox header,
    .furniture-list-window header {
        flex-shrink: 0
    }

    .right-col {
        position: absolute;
        right: 32px;
        top: 50%;
        margin-top: -318px;
        height: 685px;
        width: calc(100% - 1136px);
        display: flex;
        flex-direction: column;
        background: rgba(0, 37, 61, .5);
        border-radius: 8px
    }

    #userlist,
    #chatbox,
    .furniture-list-window {
        min-height: 0;
        position: relative;
        width: 100%;
        margin: 0;
        top: 0;
        left: 0;
        height: auto;
        flex: 2;
        background: rgba(0, 0, 0, 0)
    }

    #userlist.furniture-list-window,
    #chatbox.furniture-list-window,
    .furniture-list-window.furniture-list-window {
        order: 1;
        background: rgba(0, 0, 0, 0)
    }

    #userlist,
    .furniture-list-window.walls {
        display: none;
        order: 0;
        top: auto;
        left: auto;
        right: auto;
        flex: 1;
        position: relative;
        width: 100%
    }

    #userlist .closebtn,
    .furniture-list-window.walls .closebtn {
        background: url("userlist/close_lists_button.png") no-repeat;
        z-index: 50;
        width: 24px;
        height: 24px;
        padding: 0;
        position: absolute;
        right: 8px;
        top: 12px;
        cursor: pointer;
        display: block
    }

    #userlist .closebtn:hover,
    .furniture-list-window.walls .closebtn:hover {
        background-position: 0 -24px
    }

    #userlist.furniture-list-window.walls,
    .furniture-list-window.walls.furniture-list-window.walls {
        display: flex;
        margin-top: 0;
        background: rgba(0, 0, 0, 0)
    }

    .notification {
        margin-left: 0;
        left: 40px
    }

    div.small-notification,
    div.xpnotification {
        margin-left: 0;
        left: 48px
    }

    .show-lists {
        display: block
    }

    .news {
        left: 725px;
        margin-left: 0
    }

    .radioplayer {
        left: 824px;
        margin-left: 0
    }

    .skip-tutorial {
        margin-left: 0;
        left: 858px
    }

    .skip-tutorial.visiteur {
        margin-left: 0;
        left: 780px
    }
}

@media only screen and (max-height: 720px),
only screen and (max-width: 1439px) {
    body>div.dock {
        height: 48px
    }

    body>div.dock>a,
    body>div.dock>div,
    body>div.dock>div ul.menu li a {
        padding-left: 55px;
        line-height: 50px;
        font-size: 17px
    }

    body>div.dock>a.mi::before,
    body>div.dock>div.mi::before,
    body>div.dock>div ul.menu li a.mi::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_mi_icon.png")
    }

    body>div.dock>a.logout::before,
    body>div.dock>div.logout::before,
    body>div.dock>div ul.menu li a.logout::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_login_icon.png")
    }

    body>div.dock>a.tchat::before,
    body>div.dock>div.tchat::before,
    body>div.dock>div ul.menu li a.tchat::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_chat_icon.png")
    }

    body>div.dock>a.planning::before,
    body>div.dock>div.planning::before,
    body>div.dock>div ul.menu li a.planning::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_planning_icon.png")
    }

    body>div.dock>a.bbs::before,
    body>div.dock>div.bbs::before,
    body>div.dock>div ul.menu li a.bbs::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_bbs_icon.png")
    }

    body>div.dock>a.shop::before,
    body>div.dock>div.shop::before,
    body>div.dock>div ul.menu li a.shop::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_shop_icon.png?v=3")
    }

    body>div.dock>a.idees::before,
    body>div.dock>div.idees::before,
    body>div.dock>div ul.menu li a.idees::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_ideabox_icon.png")
    }

    body>div.dock>a.instagram::before,
    body>div.dock>div.instagram::before,
    body>div.dock>div ul.menu li a.instagram::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_insta_icon_w.png");
        left: 19px
    }

    body>div.dock>a.discord::before,
    body>div.dock>div.discord::before,
    body>div.dock>div ul.menu li a.discord::before {
        position: absolute;
        left: 24px;
        bottom: 16px;
        width: 19px;
        height: 19px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/mini_discord_icon.png");
        left: 19px
    }

    body>div.dock>a.hmc,
    body>div.dock>div.hmc,
    body>div.dock>div ul.menu li a.hmc {
        width: 39px;
        padding-left: 20px;
        padding-right: 20px;
        background-position: 18px 4px;
        background-image: url("dock/mini_logo.png")
    }

    body>div.dock>a.hmc.noel,
    body>div.dock>div.hmc.noel,
    body>div.dock>div ul.menu li a.hmc.noel {
        background: url("dock/mini_logo_noel.png")
    }

    body>div.dock>a ul.menu,
    body>div.dock>div ul.menu,
    body>div.dock>div ul.menu li a ul.menu {
        margin-top: 50px
    }

    body>div.dock>a ul.menu li a,
    body>div.dock>div ul.menu li a,
    body>div.dock>div ul.menu li a ul.menu li a {
        padding: 0
    }

    #main {
        left: 0;
        top: 50px;
        margin-left: 0;
        margin-top: 0
    }

    .show-lists {
        display: block
    }

    #room {
        bottom: 0px;
        left: 0px;
        top: 50px;
        padding: 0;
        margin-left: 0;
        margin-top: 0;
        width: 1024px;
        height: calc(100% - 48px);
        background: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0);
        padding-bottom: 0px;
        box-sizing: border-box
    }

    #room .buttons,
    #room .house-action-bar {
        position: absolute;
        z-index: 5;
        bottom: 0;
        left: 0;
        padding: 8px;
        box-sizing: border-box;
        background: rgba(0, 37, 61, .5);
        margin: 0
    }

    #room .buttons.buttons a.button:last-child,
    #room .house-action-bar.buttons a.button:last-child {
        margin-right: 0
    }
}

@media only screen and (max-height: 720px)and (min-height: 712px),
only screen and (max-width: 1439px)and (min-height: 712px) {

    #room .buttons,
    #room .house-action-bar {
        flex: 1;
        position: static;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (max-height: 720px),
only screen and (max-width: 1439px) {

    #chatbox,
    #userlist,
    .furniture-list-window,
    .furniture-list-window.walls {
        margin-top: 0
    }

    #userlist,
    .furniture-list-window.walls {
        display: none;
        order: 0;
        top: auto;
        left: auto;
        right: auto;
        height: 30%;
        position: relative;
        width: 100%
    }

    #userlist .closebtn,
    .furniture-list-window.walls .closebtn {
        background: url("userlist/close_lists_button.png") no-repeat;
        z-index: 50;
        width: 24px;
        height: 24px;
        padding: 0;
        position: absolute;
        right: 8px;
        top: 12px;
        cursor: pointer;
        display: block
    }

    #userlist .closebtn:hover,
    .furniture-list-window.walls .closebtn:hover {
        background-position: 0 -24px
    }

    #userlist.furniture-list-window,
    .furniture-list-window.walls.furniture-list-window {
        display: flex
    }

    #userlist header,
    #chatbox header,
    .furniture-list-window header,
    .furniture-list-window.walls header {
        flex-shrink: 0
    }

    #chatbox,
    .furniture-list-window {
        order: 1;
        right: auto;
        top: auto;
        position: relative;
        width: 100%;
        height: auto;
        min-height: 0;
        flex: 1
    }

    div.xpnotification,
    div.small-notification {
        left: 8px;
        bottom: 72px;
        top: auto;
        margin: 0
    }

    .notification {
        top: 48px;
        margin: 0;
        left: 0
    }

    .right-col {
        position: absolute;
        width: calc(100% - 1024px);
        right: 0;
        height: calc(100% - 48px);
        display: flex;
        flex-direction: column
    }

    div.window,
    div.mainwindow {
        border-radius: 0
    }

    .news {
        left: 690px;
        margin-left: 0;
        margin-top: 100px
    }

    .radioplayer {
        top: 570px;
        left: 784px;
        margin-left: 0;
        margin-top: 0
    }

    .skip-tutorial {
        margin-left: 0;
        left: 818px
    }

    .skip-tutorial.visiteur {
        margin-left: 0;
        left: 750px
    }

    div.item-window.collection div.lines>div>div {
        margin: 0
    }
}

@media only screen and (max-width: 540px) {

    .mobile.dressing,
    .mobile.recycle,
    .mobile.biznessbox {
        background: url("dressing2/mobile/background.png") no-repeat 0 -128px #0f8ab8;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        border: 0;
        display: flex;
        flex-direction: column;
        width: 540px;
        height: 100%
    }

    .mobile.dressing h1,
    .mobile.recycle h1,
    .mobile.biznessbox h1 {
        margin: 0;
        border: 0;
        border-bottom: 4px solid #0682c3;
        height: 64px;
        line-height: 64px;
        background: #0576bc;
        box-sizing: border-box;
        font-size: 24px;
        font-weight: bold
    }

    .mobile.dressing a.close,
    .mobile.recycle a.close,
    .mobile.biznessbox a.close {
        background-image: url("dressing2/mobile/close.png");
        width: 24px;
        height: 24px;
        right: 24px;
        top: 22px
    }

    .mobile.dressing .blocks,
    .mobile.recycle .blocks,
    .mobile.biznessbox .blocks {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        height: 100%
    }

    .mobile.dressing .item-subtype-reminder,
    .mobile.recycle .item-subtype-reminder,
    .mobile.biznessbox .item-subtype-reminder {
        display: none;
        position: absolute;
        top: 84px;
        right: 56px;
        background-image: url("dressing2/mobile/buttons.png");
        height: 80px;
        width: 80px
    }

    .mobile.dressing .item-subtype-reminder .icon,
    .mobile.recycle .item-subtype-reminder .icon,
    .mobile.biznessbox .item-subtype-reminder .icon {
        background-image: url("dressing2/mobile/slots.png?v=3");
        width: 64px;
        height: 64px;
        position: absolute;
        top: 8px;
        left: 8px
    }

    .mobile.dressing .avatar-block,
    .mobile.recycle .avatar-block,
    .mobile.biznessbox .avatar-block {
        padding: 0;
        width: 100%
    }

    .mobile.dressing .avatar-block .avatar,
    .mobile.recycle .avatar-block .avatar,
    .mobile.biznessbox .avatar-block .avatar {
        position: absolute;
        top: auto;
        left: 43px;
        bottom: 506px
    }

    .mobile.dressing .avatar-block .avatar canvas,
    .mobile.recycle .avatar-block .avatar canvas,
    .mobile.biznessbox .avatar-block .avatar canvas {
        z-index: -1
    }

    .mobile.dressing .avatar-block .avatar .avatarshadow,
    .mobile.recycle .avatar-block .avatar .avatarshadow,
    .mobile.biznessbox .avatar-block .avatar .avatarshadow {
        display: block;
        position: absolute;
        width: 152px;
        background: rgba(18, 41, 33, .15);
        height: 16px;
        border-radius: 50%;
        top: 300px;
        left: 190px;
        z-index: -1
    }

    .mobile.dressing .avatar-block .avatarshadow,
    .mobile.recycle .avatar-block .avatarshadow,
    .mobile.biznessbox .avatar-block .avatarshadow {
        display: block;
        position: absolute;
        width: 152px;
        background: rgba(18, 41, 33, .15);
        height: 16px;
        border-radius: 50%;
        bottom: 513px;
        z-index: -1
    }

    .mobile.dressing .avatar-block a.favorite,
    .mobile.dressing .avatar-block .item-navigation a.close-items,
    .mobile.dressing .avatar-block a.close-favorite,
    .mobile.recycle .avatar-block a.favorite,
    .mobile.recycle .avatar-block .item-navigation a.close-items,
    .mobile.recycle .avatar-block a.close-favorite,
    .mobile.biznessbox .avatar-block a.favorite,
    .mobile.biznessbox .avatar-block .item-navigation a.close-items,
    .mobile.biznessbox .avatar-block a.close-favorite {
        width: 232px;
        height: 48px;
        line-height: 52px;
        font-size: 21px;
        margin-bottom: 32px
    }

    .mobile.dressing .avatar-block a.close-favorite,
    .mobile.recycle .avatar-block a.close-favorite,
    .mobile.biznessbox .avatar-block a.close-favorite {
        display: none
    }

    .mobile.dressing .avatar-block a.close-favorite-slider,
    .mobile.recycle .avatar-block a.close-favorite-slider,
    .mobile.biznessbox .avatar-block a.close-favorite-slider {
        display: none;
        position: absolute;
        bottom: 416px;
        right: 16px;
        cursor: pointer;
        width: 64px;
        height: 56px;
        background: #fff;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background: url("dressing2/mobile/slider.png") center center no-repeat #fff
    }

    .mobile.dressing .avatar-block .subtype,
    .mobile.recycle .avatar-block .subtype,
    .mobile.biznessbox .avatar-block .subtype {
        width: 432px;
        margin-bottom: 24px
    }

    .mobile.dressing .avatar-block .subtype .slot,
    .mobile.recycle .avatar-block .subtype .slot,
    .mobile.biznessbox .avatar-block .subtype .slot {
        background-image: url("dressing2/mobile/buttons.png");
        height: 80px;
        width: 80px;
        margin-right: 4px;
        margin-bottom: 4px
    }

    .mobile.dressing .avatar-block .subtype .slot .icon,
    .mobile.recycle .avatar-block .subtype .slot .icon,
    .mobile.biznessbox .avatar-block .subtype .slot .icon {
        background-image: url("dressing2/mobile/slots.png?v=3");
        width: 64px;
        height: 64px;
        margin-left: 9px
    }

    .mobile.dressing .avatar-block .subtype .slot .icon.item-image,
    .mobile.recycle .avatar-block .subtype .slot .icon.item-image,
    .mobile.biznessbox .avatar-block .subtype .slot .icon.item-image {
        background-size: contain
    }

    .mobile.dressing .avatar-block .subtype .slot.selected,
    .mobile.dressing .avatar-block .subtype .slot.full.selected,
    .mobile.recycle .avatar-block .subtype .slot.selected,
    .mobile.recycle .avatar-block .subtype .slot.full.selected,
    .mobile.biznessbox .avatar-block .subtype .slot.selected,
    .mobile.biznessbox .avatar-block .subtype .slot.full.selected {
        background-position: 0 -160px
    }

    .mobile.dressing .avatar-block .subtype .slot.full,
    .mobile.recycle .avatar-block .subtype .slot.full,
    .mobile.biznessbox .avatar-block .subtype .slot.full {
        background-position: 0 -240px
    }

    .mobile.dressing .avatar-block .subtype .slot.full:hover,
    .mobile.recycle .avatar-block .subtype .slot.full:hover,
    .mobile.biznessbox .avatar-block .subtype .slot.full:hover {
        background-position: inherit
    }

    .mobile.dressing .avatar-block .subtype .slot:hover,
    .mobile.recycle .avatar-block .subtype .slot:hover,
    .mobile.biznessbox .avatar-block .subtype .slot:hover {
        background-position: inherit
    }

    .mobile.dressing .avatar-block .actions,
    .mobile.recycle .avatar-block .actions,
    .mobile.biznessbox .avatar-block .actions {
        z-index: 0;
        height: 128px;
        box-sizing: border-box;
        background: #00609d;
        border-top: 2px solid #00416b
    }

    .mobile.dressing .avatar-block .actions a.random,
    .mobile.dressing .avatar-block .actions a.empty,
    .mobile.recycle .avatar-block .actions a.random,
    .mobile.recycle .avatar-block .actions a.empty,
    .mobile.biznessbox .avatar-block .actions a.random,
    .mobile.biznessbox .avatar-block .actions a.empty {
        position: absolute;
        bottom: 166px;
        left: 70px;
        width: 64px;
        height: 64px;
        overflow: hidden;
        text-indent: -999px;
        background-image: url("dressing2/mobile/random_button.png")
    }

    .mobile.dressing .avatar-block .actions a.random:hover,
    .mobile.dressing .avatar-block .actions a.empty:hover,
    .mobile.recycle .avatar-block .actions a.random:hover,
    .mobile.recycle .avatar-block .actions a.empty:hover,
    .mobile.biznessbox .avatar-block .actions a.random:hover,
    .mobile.biznessbox .avatar-block .actions a.empty:hover {
        background-position: unset
    }

    .mobile.dressing .avatar-block .actions a.random,
    .mobile.recycle .avatar-block .actions a.random,
    .mobile.biznessbox .avatar-block .actions a.random {
        margin: 0
    }

    .mobile.dressing .avatar-block .actions a.cancel,
    .mobile.recycle .avatar-block .actions a.cancel,
    .mobile.biznessbox .avatar-block .actions a.cancel {
        margin-left: 0;
        margin-right: 24px
    }

    .mobile.dressing .avatar-block .actions a.empty,
    .mobile.recycle .avatar-block .actions a.empty,
    .mobile.biznessbox .avatar-block .actions a.empty {
        left: unset;
        right: 57px;
        background-image: url("dressing2/mobile/undress_button.png")
    }

    .mobile.dressing .avatar-block .actions a.save,
    .mobile.dressing .avatar-block .actions a.cancel,
    .mobile.dressing .avatar-block .actions a.validate,
    .mobile.recycle .avatar-block .actions a.save,
    .mobile.recycle .avatar-block .actions a.cancel,
    .mobile.recycle .avatar-block .actions a.validate,
    .mobile.biznessbox .avatar-block .actions a.save,
    .mobile.biznessbox .avatar-block .actions a.cancel,
    .mobile.biznessbox .avatar-block .actions a.validate {
        box-sizing: border-box;
        width: 232px;
        height: 72px;
        font-size: 24px;
        line-height: 75px
    }

    .mobile.dressing .item-block,
    .mobile.recycle .item-block,
    .mobile.biznessbox .item-block {
        position: absolute;
        width: 100%;
        transition: all .5s;
        border-top: 2px solid #01b8e3;
        background: #0371c7;
        bottom: -477px
    }

    .mobile.dressing .item-block .close-items,
    .mobile.recycle .item-block .close-items,
    .mobile.biznessbox .item-block .close-items {
        position: absolute;
        bottom: 416px;
        right: 16px;
        cursor: pointer;
        width: 64px;
        height: 56px;
        background: #fff;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background: url("dressing2/mobile/slider.png") center center no-repeat #fff
    }

    .mobile.dressing .item-block .filter,
    .mobile.recycle .item-block .filter,
    .mobile.biznessbox .item-block .filter {
        margin-left: 16px;
        margin-right: 16px;
        margin-top: 12px;
        margin-bottom: 12px
    }

    .mobile.dressing .item-block .filter input,
    .mobile.recycle .item-block .filter input,
    .mobile.biznessbox .item-block .filter input {
        width: 440px;
        height: 40px;
        border: 1px solid #0259a9
    }

    .mobile.dressing .item-block .filter label,
    .mobile.recycle .item-block .filter label,
    .mobile.biznessbox .item-block .filter label {
        font-weight: bold;
        font-size: 16px
    }

    .mobile.dressing .item-block .items,
    .mobile.recycle .item-block .items,
    .mobile.biznessbox .item-block .items {
        height: 350px;
        margin: 0;
        border-radius: 0;
        padding-left: 40px;
        padding-right: 40px
    }

    .mobile.dressing .item-block .items a,
    .mobile.recycle .item-block .items a,
    .mobile.biznessbox .item-block .items a {
        width: 54px;
        height: 54px;
        padding-left: 7px;
        padding-top: 7px
    }

    .mobile.dressing .item-block .items a.selected,
    .mobile.recycle .item-block .items a.selected,
    .mobile.biznessbox .item-block .items a.selected {
        background: #f3b439
    }

    .mobile.dressing .item-block .items a span,
    .mobile.recycle .item-block .items a span,
    .mobile.biznessbox .item-block .items a span {
        width: 40px;
        height: 40px;
        background-size: contain
    }

    .mobile.dressing .item-block .items a span.amount,
    .mobile.recycle .item-block .items a span.amount,
    .mobile.biznessbox .item-block .items a span.amount {
        width: auto;
        height: auto
    }

    .mobile.dressing.items-open .item-block,
    .mobile.recycle.items-open .item-block,
    .mobile.biznessbox.items-open .item-block {
        display: flex;
        bottom: 0
    }

    .mobile.dressing.items-open .avatar-block .close-items,
    .mobile.recycle.items-open .avatar-block .close-items,
    .mobile.biznessbox.items-open .avatar-block .close-items {
        display: block
    }

    .mobile.dressing.items-open .item-subtype-reminder,
    .mobile.recycle.items-open .item-subtype-reminder,
    .mobile.biznessbox.items-open .item-subtype-reminder {
        display: block
    }

    .mobile.dressing.favorite-open a.close-favorite,
    .mobile.dressing.favorite-open a.close-favorite-slider,
    .mobile.recycle.favorite-open a.close-favorite,
    .mobile.recycle.favorite-open a.close-favorite-slider,
    .mobile.biznessbox.favorite-open a.close-favorite,
    .mobile.biznessbox.favorite-open a.close-favorite-slider {
        display: block
    }

    .mobile.dressing.favorite-open a.favorite,
    .mobile.recycle.favorite-open a.favorite,
    .mobile.biznessbox.favorite-open a.favorite {
        display: none
    }

    div.window.favoritewindow {
        position: absolute;
        bottom: 0;
        top: unset;
        left: 0;
        margin: 0;
        border: 0;
        border-top: 2px solid #0371c7;
        width: 100%;
        height: 416px;
        padding: 0;
        border-radius: 0;
        box-shadow: none
    }

    div.window.favoritewindow h1,
    div.window.favoritewindow a.close {
        display: none
    }

    div.window.favoritewindow .blocks {
        margin-top: 24px
    }

    div.window.favoritewindow .blocks .mylook-block {
        display: none
    }

    div.window.favoritewindow .blocks .savedlooks .looks {
        border: none;
        margin-left: 0;
        padding-left: 40px
    }

    div.window.favoritewindow .blocks .savedlooks .looks>div {
        width: 208px;
        height: 304px;
        box-sizing: border-box;
        margin-right: 32px;
        margin-left: 0
    }

    div.window.favoritewindow .blocks .savedlooks .looks>div canvas {
        width: 170px
    }

    div.window.favoritewindow .blocks .savedlooks .looks>div .actions {
        margin-bottom: 8px
    }

    div.window.favoritewindow .blocks .savedlooks .looks>div .actions a:first-child {
        margin-right: 8px
    }

    div.window.favoritewindow .blocks .savedlooks .looks>div.empty canvas {
        height: 200px
    }

    div.window.favoritewindow .blocks .savedlooks .pages {
        margin-top: 16px;
        background: #027db4
    }

    div.window.favoritewindow .blocks .savedlooks .pages a.btn-next,
    div.window.favoritewindow .blocks .savedlooks .pages a.btn-previous {
        margin-top: 8px;
        background: url("dressing2/mobile/button_left.png");
        width: 56px;
        height: 56px
    }

    div.window.favoritewindow .blocks .savedlooks .pages a.btn-next {
        background: url("dressing2/mobile/button_right.png")
    }

    div.window.favoritewindow .blocks .savedlooks .pages .page-links {
        margin-top: 0
    }

    div.window.favoritewindow .blocks .savedlooks .pages .page-links a {
        font-size: 24px;
        font-weight: bold;
        color: #004773;
        display: none
    }

    div.window.favoritewindow .blocks .savedlooks .pages .page-links a.active {
        display: inline;
        text-decoration: none;
        padding: 0
    }

    div.window.favoritewindow .blocks .savedlooks .pages .page-links span {
        display: none
    }

    div.window.favoritewindow .blocks .savedlooks .pages .count {
        display: none
    }

    .mobile.recycle,
    .mobile.biznessbox {
        background-image: none
    }

    .mobile.recycle h3,
    .mobile.biznessbox h3 {
        margin: 4px;
        font-size: 16px;
        text-transform: uppercase
    }

    .mobile.recycle .blocks,
    .mobile.biznessbox .blocks {
        justify-content: flex-start
    }

    .mobile.recycle .blocks .block,
    .mobile.biznessbox .blocks .block {
        align-items: center
    }

    .mobile.recycle .blocks .block>div,
    .mobile.biznessbox .blocks .block>div {
        width: 506px;
        background: url("recycle/mobile_slots.png?v=3") no-repeat #004773;
        background-position: 16px 16px;
        min-height: 373px;
        max-height: 373px;
        padding-top: 19px
    }

    .mobile.recycle .blocks .block>div div.items,
    .mobile.biznessbox .blocks .block>div div.items {
        padding-left: 19px
    }

    .mobile.recycle .blocks .block>div div.items a,
    .mobile.biznessbox .blocks .block>div div.items a {
        width: 48px;
        height: 48px;
        margin-right: 22px;
        margin-bottom: 23px
    }

    .mobile.recycle .blocks .block>div div.items a:nth-child(7n),
    .mobile.recycle .blocks .block>div div.items a:nth-child(30),
    .mobile.biznessbox .blocks .block>div div.items a:nth-child(7n),
    .mobile.biznessbox .blocks .block>div div.items a:nth-child(30) {
        margin-right: 18px
    }

    .mobile.recycle .blocks .block>div div.items a span.icon,
    .mobile.biznessbox .blocks .block>div div.items a span.icon {
        width: 44px;
        height: 44px;
        background-size: 44px
    }

    .mobile.recycle .avatar-block,
    .mobile.biznessbox .avatar-block {
        flex: 1
    }

    .mobile.recycle .avatar-block .subtype,
    .mobile.biznessbox .avatar-block .subtype {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        justify-content: center;
        align-content: flex-start;
        margin-top: 16px;
        margin-bottom: 0px;
        flex: 1
    }

    .mobile.recycle .avatar-block .subtype .slot,
    .mobile.biznessbox .avatar-block .subtype .slot {
        background: #004773;
        background-image: none;
        width: 72px;
        height: 72px;
        border-radius: 8px;
        margin-right: 16px;
        margin-bottom: 16px
    }

    .mobile.recycle .avatar-block .subtype .slot.selected,
    .mobile.biznessbox .avatar-block .subtype .slot.selected {
        background: #0582cf
    }

    .mobile.recycle .avatar-block .subtype .slot:last-child,
    .mobile.recycle .avatar-block .subtype .slot:nth-child(7),
    .mobile.biznessbox .avatar-block .subtype .slot:last-child,
    .mobile.biznessbox .avatar-block .subtype .slot:nth-child(7) {
        margin-right: 16px
    }

    .mobile.recycle .avatar-block .subtype .slot .icon,
    .mobile.biznessbox .avatar-block .subtype .slot .icon {
        width: 64px;
        height: 64px;
        display: block;
        margin-top: 4px;
        margin-left: 4px;
        background-image: url("dressing2/mobile/slots.png?v=3");
        background-repeat: no-repeat;
        background-position: center
    }

    .mobile.recycle .avatar-block .actions,
    .mobile.biznessbox .avatar-block .actions {
        margin-top: 0
    }

    .mobile.recycle .item-block,
    .mobile.biznessbox .item-block {
        flex-direction: column
    }

    .mobile.recycle .item-block .items,
    .mobile.biznessbox .item-block .items {
        position: static;
        width: auto;
        height: 270px
    }

    .mobile.recycle .item-block .close-items,
    .mobile.biznessbox .item-block .close-items {
        bottom: 376px
    }

    .mobile.recycle .item-block .filters,
    .mobile.biznessbox .item-block .filters {
        justify-content: space-around
    }

    .mobile.recycle .item-block .filters .checkbox label::before,
    .mobile.biznessbox .item-block .filters .checkbox label::before {
        content: none
    }

    .mobile.recycle .item-block .filters .checkbox label,
    .mobile.biznessbox .item-block .filters .checkbox label {
        width: 175px;
        height: 32px;
        line-height: 32px;
        background: #c5f1ff;
        font-size: 12px;
        color: #65b3dd;
        justify-content: center;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: bold
    }

    .mobile.recycle .item-block .filters .checkbox input[type=checkbox]:checked+label,
    .mobile.biznessbox .item-block .filters .checkbox input[type=checkbox]:checked+label {
        color: #fff;
        background: #84cc54
    }

    .mobile.biznessbox .blocks .block>div {
        background: #004773;
        max-height: 373px;
        overflow: auto
    }

    .mobile.biznessbox .blocks .block>div>div.items {
        background: url("biznessbox/mobile-slots.png") no-repeat 16px 1px;
        padding-top: 3px;
        min-height: 630px;
        overflow: visible
    }

    .mobile.biznessbox .blocks .block>div>div.items a:nth-child(7n) {
        margin-right: 0px
    }

    .mobile.biznessbox .blocks .block>div>div.items a:nth-child(30) {
        margin-right: 22px
    }

    .mobile.biznessbox .avatar-block .subtype {
        justify-content: flex-start
    }

    .mobile.biznessbox .empty-all {
        position: absolute;
        right: 5px;
        top: 656px
    }

    #player {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        border: 0;
        width: 540px;
        height: 100%;
        background: url("backgrounds/mobile/normal.jpg") no-repeat
    }

    #player .attributes {
        top: 425px;
        right: auto;
        left: 35px
    }

    #player h1 {
        margin: 0;
        border: 0;
        border-bottom: 4px solid #0682c3;
        height: 64px;
        line-height: 64px;
        background: #0576bc;
        box-sizing: border-box;
        font-size: 24px;
        font-weight: bold;
        text-indent: -999px;
        overflow: hidden;
        z-index: 10
    }

    #player h2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 540px;
        text-align: center;
        font-size: 34px;
        z-index: 11
    }

    #player h2 a.copy {
        position: absolute;
        text-align: left;
        top: 10px
    }

    #player h3 {
        position: absolute;
        top: 34px;
        left: 0;
        width: 540px;
        text-align: center;
        z-index: 11
    }

    #player a.close {
        background-image: url("dressing2/mobile/close.png");
        width: 24px;
        height: 24px;
        right: 24px;
        top: 22px;
        z-index: 20
    }

    #player .player {
        flex-direction: column;
        flex: 1;
        margin-left: 0
    }

    #player .player .columns {
        flex-direction: column;
        margin-top: 16px;
        flex: 1
    }

    #player .player .left {
        display: flex;
        justify-content: flex-end
    }

    #player .player .left .avatar {
        flex: 1;
        background: none;
        border: none
    }

    #player .player .left .avatar canvas {
        width: auto;
        left: 70px;
        top: -30px;
        pointer-events: none;
        background-position-y: bottom 119px;
        background-position-x: right 50px
    }

    #player .player .left a.analyze {
        background-image: url("buttons/mobile/analyze_button.png");
        top: 0px;
        left: 16px;
        right: auto;
        width: 56px;
        height: 56px
    }

    #player .player .left .buttons {
        position: static
    }

    #player .player .left .buttons .button-group {
        flex-direction: column
    }

    #player .player .left .buttons .button-group a {
        margin-right: 16px;
        width: 56px;
        height: 56px
    }

    #player .player .left .buttons .button-group a.bizness {
        background-image: url("buttons/mobile/start_bizness_button.png")
    }

    #player .player .left .buttons .button-group a.addfriend {
        background-image: url("buttons/mobile/add_friend_button.png")
    }

    #player .player .left .buttons .button-group a.rmfriend {
        background-image: url("buttons/mobile/remove_friend_button.png")
    }

    #player .player .left .buttons .button-group a.block {
        background-image: url("buttons/mobile/mute_button.png")
    }

    #player .player .left .buttons .button-group a.unblock {
        background-image: url("buttons/mobile/unmute_button.png?v=2")
    }

    #player .player .left .buttons .button-group a.lovetest {
        background-image: url("buttons/mobile/lovetest_button.png")
    }

    #player .player .left .buttons .button-group a.profile {
        background-image: url("buttons/mobile/big_profile_button.png")
    }

    #player .player .left .buttons .button-group a.query {
        background-image: url("buttons/mobile/big_query_button.png")
    }

    #player .player .left .buttons .button-group a.home {
        background-image: url("buttons/mobile/home_button.png")
    }

    #player .player .right-section {
        margin: 0;
        flex: 1
    }

    #player .player .right-section .empty {
        position: static;
        margin: auto;
        margin-bottom: 16px;
        margin-top: 12px
    }

    #player .player .right-section header a {
        width: 57px;
        height: 57px;
        box-sizing: border-box
    }

    #player .player .right-section .tabcontent {
        flex: 1 0 0;
        max-height: none
    }

    #player .player .right-section .tabcontent .itemlist {
        width: auto
    }

    #player .player .right-section .tabcontent .itemlist a {
        width: 54px;
        height: 54px;
        padding-left: 7px;
        padding-top: 7px
    }

    #player .player .right-section .tabcontent .itemlist a span {
        width: 40px;
        height: 40px;
        background-size: contain
    }

    #player .menu-open {
        position: absolute;
        top: 8px;
        left: 8px;
        height: 48px;
        width: 48px;
        overflow: hidden;
        text-indent: -9999px;
        background: url("dock/mobile_left_menu_button.png");
        background-repeat: no-repeat;
        background-position: top;
        z-index: 200
    }

    #player.group .attributes {
        left: auto
    }

    #player.group .fanion {
        display: none
    }

    #player.group .right-section .tabcontent .groups {
        grid-template-columns: 1fr 1fr
    }

    div.item-window {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        border: 0;
        width: 540px;
        height: 100%
    }

    div.item-window .topbar {
        background: #0576bc;
        border-bottom: 4px solid #0682c3;
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 76px
    }

    div.item-window .topbar h3 {
        justify-content: center;
        padding-left: 25px
    }

    div.item-window .topbar h2 {
        justify-content: center;
        width: 350px;
        padding-left: 115px;
        margin-top: 0
    }

    div.item-window .topbar .itemlist {
        position: absolute;
        top: 12px;
        left: 30px;
        z-index: 200
    }

    div.item-window .left .avatar {
        align-items: center
    }

    div.item-window .left .avatar h4 {
        display: none
    }

    div.item-window .left .avatar.not-compatible {
        padding-bottom: 0
    }

    div.item-window .left .avatar.not-compatible label {
        width: auto;
        margin-top: 0
    }

    div.item-window h1 {
        display: none
    }

    div.item-window h2 {
        width: 540px;
        text-align: center;
        font-size: 34px;
        z-index: 11
    }

    div.item-window h2 a.copy {
        position: absolute;
        text-align: left;
        top: 10px
    }

    div.item-window h3 {
        width: 540px;
        text-align: center;
        z-index: 11
    }

    div.item-window .columns {
        flex-direction: column;
        position: relative
    }

    div.item-window .columns>div {
        padding-top: 0;
        margin: 0
    }

    div.item-window .columns>div.quality {
        top: 390px;
        right: -5px
    }

    div.item-window .columns>div.quality.reserved {
        top: 380px
    }

    div.item-window .columns>div.quality .infos {
        z-index: 500
    }

    div.item-window .columns .properties,
    div.item-window .columns .avatar {
        border-radius: 0
    }

    div.item-window .columns .avatar canvas {
        width: auto
    }

    div.item-window .columns .left {
        flex: 0;
        min-height: 380px
    }

    div.item-window .columns .right {
        flex: 1
    }

    div.item-window .columns .right .wishlist {
        right: 16px;
        top: -40px
    }

    div.item-window .columns .right .tabcontent {
        flex: 1 0 0;
        max-height: none
    }

    div.item-window .columns .right .tabcontent.wish ul li,
    div.item-window .columns .right .tabcontent.sell ul li {
        margin-bottom: 5px
    }

    div.item-window a.close {
        background-image: url("dressing2/mobile/close.png");
        width: 24px;
        height: 24px;
        right: 24px;
        top: 22px;
        z-index: 20
    }

    div.item-window .menu-open {
        position: absolute;
        top: 8px;
        left: 8px;
        height: 48px;
        width: 48px;
        overflow: hidden;
        text-indent: -9999px;
        background: url("dock/mobile_left_menu_button.png");
        background-repeat: no-repeat;
        background-position: top;
        z-index: 200
    }

    div.item-window.collection {
        overflow-x: hidden;
        overflow-y: auto
    }

    div.item-window.collection .topbar {
        margin: 0;
        padding-right: 50px;
        align-items: flex-start;
        flex-wrap: wrap
    }

    div.item-window.collection .topbar h3 {
        padding: 0
    }

    div.item-window.collection .topbar .itemlist {
        left: 8px
    }

    div.item-window.collection .topbar .item-header {
        width: 540px
    }

    div.item-window.collection .topbar .item-header h2 {
        max-width: unset;
        padding-left: 0;
        padding-left: 85px;
        padding-right: 85px
    }

    div.item-window.collection .topbar .bonus-whole {
        margin-right: -141px;
        margin-bottom: -20px
    }

    div.item-window.collection .topbar .bonus-whole h3 {
        width: auto;
        text-align: left
    }

    div.item-window.collection .topbar .bonus-whole .itemlist {
        position: static
    }

    div.item-window.collection div.shopable {
        margin-top: 25px;
        margin-left: 6px;
        flex-direction: row
    }

    div.item-window.collection div.shopable label {
        margin-left: 10px;
        text-align: left
    }

    div.item-window.collection div.shopable .icon {
        margin: 0
    }

    div.item-window.collection div.lines>div.pinned {
        background-position: left 4px top 4px;
        padding-left: 12px
    }

    div.item-window.collection div.lines>div.pinned .look {
        margin-left: -12px
    }

    div.item-window.collection div.lines>div>div {
        min-width: 0
    }

    div.item-window.collection div.lines>div>div h3 {
        min-width: 0;
        width: auto;
        font-size: 20px;
        line-height: 1.1;
        padding-top: 8px;
        text-align: left;
        display: block
    }

    div.item-window.collection div.lines>div>div h3 a.btn-auto {
        vertical-align: 3px;
        margin-left: 4px;
        margin-right: 4px;
        display: inline-block
    }

    div.item-window.collection div.lines>div .look {
        min-width: 110px
    }

    div.item-window.collection div.lines>div div.bonus {
        flex: 0;
        min-width: 50px;
        padding-top: 0
    }

    div.item-window .themes h3 {
        width: auto
    }

    div.catalogue.results {
        overflow: auto;
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        border: 0;
        width: 540px;
        max-height: unset;
        height: 100%
    }

    div.catalogue.results .search input {
        margin-left: 8px;
        margin-right: 8px
    }

    div.catalogue.results .filters {
        justify-content: space-around
    }

    div.catalogue.results .filters .sort {
        margin-right: 10px;
        margin-bottom: 8px
    }

    div.catalogue.results h4 {
        font-size: 20px
    }

    div.catalogue.results .itemlist>a {
        width: 54px;
        height: 54px;
        padding-left: 7px;
        padding-top: 7px
    }

    div.catalogue.results .itemlist>a span {
        width: 40px;
        height: 40px;
        background-size: contain
    }

    div.catalogue.results .multiselect .checkboxes {
        font-size: 20px;
        width: 520px;
        left: -360px
    }

    div.catalogue.results .multiselect .checkboxes a {
        font-size: 20px
    }

    div.catalogue.results .multiselect.subtype .checkboxes,
    div.catalogue.results .multiselect.themes .checkboxes,
    div.catalogue.results .multiselect.tradable .checkboxes {
        left: 0px
    }

    div.catalogue.results .multiselect.quality .checkboxes,
    div.catalogue.results .multiselect.shopable .checkboxes {
        left: -180px
    }

    div.catalogue.main h1,
    div.catalogue.results h1 {
        margin: 0;
        border: 0;
        border-bottom: 4px solid #0682c3;
        height: 64px;
        line-height: 64px;
        background: #0576bc;
        box-sizing: border-box;
        font-size: 24px;
        font-weight: bold;
        z-index: 10;
        min-height: 64px;
        width: 100%
    }

    div.catalogue.main a.close,
    div.catalogue.results a.close {
        background-image: url("dressing2/mobile/close.png");
        width: 24px;
        height: 24px;
        right: 24px;
        top: 22px;
        z-index: 20
    }

    div.catalogue.main {
        overflow: auto;
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        border: 0;
        width: 540px;
        height: 100%
    }

    div.catalogue.main .lists {
        flex-direction: column
    }

    div.catalogue.main .lists .filters {
        margin-right: 0;
        margin-bottom: 16px
    }

    div.catalogue.main .lists .filters ul {
        justify-content: space-between
    }

    div.catalogue.main .lists .filters ul li {
        width: 166px;
        margin-right: 0
    }

    div.catalogue.main .lists .filters ul li.tradable,
    div.catalogue.main .lists .filters ul li.shopable,
    div.catalogue.main .lists .filters ul li.possessed {
        width: 250px
    }

    div.catalogue.main .lists .scroll {
        overflow: hidden;
        max-height: unset
    }

    div.catalogue.main .lists .themes ul {
        overflow: hidden;
        max-height: unset;
        justify-content: space-between
    }

    div.catalogue.main .lists .themes ul li {
        width: 166px;
        margin-right: 0
    }

    div.catalogue.main .search input {
        margin-left: 8px;
        margin-right: 8px
    }

    body.catalogue div.item-window .topbar .itemlist {
        left: 60px
    }

    body.catalogue div.item-window.collection .shopable {
        margin-left: 60px
    }

    body.catalogue div.item-window.collection .topbar .item-header h2 {
        padding-left: 135px;
        padding-right: 135px
    }

    body.disconnected div.catalogue.results .filters .multiselect.themes .checkboxes {
        left: -360px
    }

    body.house-editor #room .house-action-bar {
        display: none
    }

    body.house-editor .right-col {
        display: none
    }

    body.house-editor .mobile-dock .buttons .button.menu-open {
        background-image: url("house/plus_button.png");
        background-position: bottom
    }

    body.house-editor .mobile-dock .buttons.house-editor {
        display: flex
    }

    body.house-editor .mobile-dock .buttons.house-editor .button {
        background-image: url("house/buttons.png")
    }

    body.house-editor .mobile-dock .buttons.house-editor .button.house-parameters {
        background-position-x: -288px
    }

    body.house-editor .mobile-dock .buttons.house-editor .button.house-save {
        background-position-x: -192px
    }

    body.house-editor .mobile-dock .buttons.house-editor .button.house-restore {
        background-position-x: -240px
    }

    body.house-editor .mobile-dock .buttons.house-editor .button.house-empty {
        background-position-x: -144px
    }

    body.house-editor .mobile-dock .buttons.normal {
        display: none
    }

    body.house-editor .house-editor-window {
        background: #0576bc;
        display: flex;
        flex: 1
    }

    body.house-editor .house-editor-window div.not-selected {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: flex-end
    }

    body.house-editor .house-editor-window div.not-selected a {
        display: block;
        margin-right: 24px;
        margin-bottom: 24px;
        width: 125px;
        background: url("house/mobile/button_meuble.png") no-repeat;
        padding-top: 134px;
        text-align: center;
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        cursor: pointer
    }

    body.house-editor .house-editor-window div.not-selected a:last-child {
        margin-right: 0
    }

    body.house-editor .house-editor-window div.not-selected a.change-floor {
        background-image: url("house/mobile/button_floor.png")
    }

    body.house-editor .house-editor-window div.not-selected a.change-wall {
        background-image: url("house/mobile/button_wall.png")
    }

    body.house-editor .house-editor-window .selected,
    body.house-editor .house-editor-window .selected-move {
        display: none;
        flex: 1;
        flex-direction: column;
        justify-content: space-evenly;
        padding-bottom: 92px;
        align-items: center
    }

    body.house-editor .house-editor-window .selected .furniture-icon,
    body.house-editor .house-editor-window .selected-move .furniture-icon {
        width: 100%;
        height: 96px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain
    }

    body.house-editor .house-editor-window .selected h3,
    body.house-editor .house-editor-window .selected-move h3 {
        font-size: 24pt;
        color: #fff;
        font-weight: bold;
        margin: 0;
        line-height: 1
    }

    body.house-editor .house-editor-window .selected h4,
    body.house-editor .house-editor-window .selected-move h4 {
        font-size: 16px;
        font-weight: bold;
        color: #ecd178;
        margin-top: 0
    }

    body.house-editor .house-editor-window .selected .actions,
    body.house-editor .house-editor-window .selected-move .actions {
        position: absolute;
        z-index: 0;
        bottom: 0;
        display: flex;
        background: #0b5d91;
        padding: 24px;
        width: 100%
    }

    body.house-editor .house-editor-window .selected .actions a,
    body.house-editor .house-editor-window .selected-move .actions a {
        flex: 1;
        margin-left: 24px
    }

    body.house-editor .house-editor-window .selected .actions a:last-child,
    body.house-editor .house-editor-window .selected-move .actions a:last-child {
        margin-right: 24px
    }

    body.house-editor .house-editor-window .selected.selected .actions,
    body.house-editor .house-editor-window .selected-move.selected .actions {
        box-sizing: border-box;
        height: 92px;
        padding: 0;
        align-items: center
    }

    body.house-editor .house-editor-window .selected.selected .actions .spacer,
    body.house-editor .house-editor-window .selected-move.selected .actions .spacer {
        flex: 1
    }

    body.house-editor .house-editor-window .selected.selected .actions a,
    body.house-editor .house-editor-window .selected-move.selected .actions a {
        flex: initial;
        width: 72px;
        height: 72px;
        overflow: hidden;
        text-indent: -9999px;
        background-repeat: no-repeat;
        margin-left: 0px;
        margin-right: 24px
    }

    body.house-editor .house-editor-window .selected.selected .actions a:first-child,
    body.house-editor .house-editor-window .selected-move.selected .actions a:first-child {
        margin-left: 24px
    }

    body.house-editor .house-editor-window .selected.selected .actions a.delete,
    body.house-editor .house-editor-window .selected-move.selected .actions a.delete {
        background-image: url("buttons/mobile/button_delete.png")
    }

    body.house-editor .house-editor-window .selected.selected .actions a.move,
    body.house-editor .house-editor-window .selected-move.selected .actions a.move {
        background-image: url("buttons/mobile/button_move.png")
    }

    body.house-editor .house-editor-window .selected.selected .actions a.deselect,
    body.house-editor .house-editor-window .selected-move.selected .actions a.deselect {
        background-image: url("buttons/mobile/button_deselect.png")
    }

    body.house-editor .house-editor-window.selected-move .selected-move {
        display: flex
    }

    body.house-editor .house-editor-window.selected-move .not-selected {
        display: none
    }

    body.house-editor .house-editor-window.selected .selected {
        display: flex
    }

    body.house-editor .house-editor-window.selected .not-selected {
        display: none
    }

    body.house-editor #mobile-menu .furniture-list {
        padding: 0;
        position: static;
        height: auto;
        width: auto
    }

    body.house-editor #mobile-menu .inside-menu header a.help:last-child,
    body.house-editor #mobile-menu .bottom-bar a.help.help:last-child {
        display: none
    }

    body.house-editor #mobile-menu .inside-menu header {
        display: none
    }

    body.house-editor #mobile-menu .inside-menu header.house-editor {
        display: flex
    }

    .mobile-dock .buttons.house-editor {
        display: none
    }

    #mobile-menu .inside-menu header.house-editor {
        display: none
    }

    #mobile-menu-back {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 20000;
        visibility: hidden;
        background: rgba(0, 0, 0, 0);
        transition: all .3s ease-out
    }

    #mobile-menu-back.open {
        visibility: visible;
        background: rgba(0, 0, 0, .8)
    }

    #mobile-menu {
        display: flex;
        position: absolute;
        z-index: 20001;
        height: 100%;
        top: 0;
        visibility: hidden;
        left: -472px;
        transition: all .3s ease-out;
        background: #fff
    }

    #mobile-menu.open {
        visibility: visible;
        left: 0
    }

    #mobile-menu .left-dock {
        width: 96px;
        height: 100%;
        padding-bottom: 72px;
        box-sizing: border-box;
        flex-direction: column;
        border-right: 2px solid #004570
    }

    #mobile-menu .left-dock>a,
    #mobile-menu .left-dock>a.hmc,
    #mobile-menu .left-dock>div {
        height: 56px;
        padding-bottom: 8px;
        border: 1px solid #00609d;
        border-left: 0
    }

    #mobile-menu .left-dock>a.tchat::before,
    #mobile-menu .left-dock>a.hmc.tchat::before,
    #mobile-menu .left-dock>div.tchat::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_chat_icon.png")
    }

    #mobile-menu .left-dock>a.mi::before,
    #mobile-menu .left-dock>a.hmc.mi::before,
    #mobile-menu .left-dock>div.mi::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_mi_icon.png")
    }

    #mobile-menu .left-dock>a.bbs::before,
    #mobile-menu .left-dock>a.hmc.bbs::before,
    #mobile-menu .left-dock>div.bbs::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_bbs_icon.png")
    }

    #mobile-menu .left-dock>a.planning::before,
    #mobile-menu .left-dock>a.hmc.planning::before,
    #mobile-menu .left-dock>div.planning::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_planning_icon.png")
    }

    #mobile-menu .left-dock>a.shop::before,
    #mobile-menu .left-dock>a.hmc.shop::before,
    #mobile-menu .left-dock>div.shop::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_shop_icon.png?v=3")
    }

    #mobile-menu .left-dock>a.idees::before,
    #mobile-menu .left-dock>a.hmc.idees::before,
    #mobile-menu .left-dock>div.idees::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_ideabox_icon.png")
    }

    #mobile-menu .left-dock>a.discord::before,
    #mobile-menu .left-dock>a.hmc.discord::before,
    #mobile-menu .left-dock>div.discord::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_discord_icon.png");
        width: 40px;
        height: 40px;
        left: 28px;
        top: 12px
    }

    #mobile-menu .left-dock>a.logout::before,
    #mobile-menu .left-dock>a.hmc.logout::before,
    #mobile-menu .left-dock>div.logout::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_login_icon.png?v=2")
    }

    #mobile-menu .left-dock>a.instagram::before,
    #mobile-menu .left-dock>a.hmc.instagram::before,
    #mobile-menu .left-dock>div.instagram::before {
        position: absolute;
        left: 24px;
        bottom: auto;
        top: 8px;
        width: 48px;
        height: 48px;
        content: "";
        background-repeat: no-repeat;
        background-image: url("dock/big_insta_icon.png");
        width: 40px;
        height: 40px;
        left: 28px;
        top: 12px
    }

    #mobile-menu .left-dock>a.space,
    #mobile-menu .left-dock>a.hmc.space,
    #mobile-menu .left-dock>div.space {
        flex: 1
    }

    #mobile-menu .left-dock>a.instagram,
    #mobile-menu .left-dock>a.discord,
    #mobile-menu .left-dock>a.mi,
    #mobile-menu .left-dock>a.logout,
    #mobile-menu .left-dock>a.hmc.instagram,
    #mobile-menu .left-dock>a.hmc.discord,
    #mobile-menu .left-dock>a.hmc.mi,
    #mobile-menu .left-dock>a.hmc.logout,
    #mobile-menu .left-dock>div.instagram,
    #mobile-menu .left-dock>div.discord,
    #mobile-menu .left-dock>div.mi,
    #mobile-menu .left-dock>div.logout {
        padding-left: 72px;
        padding-right: 24px
    }

    #mobile-menu .left-dock>a .arrow,
    #mobile-menu .left-dock>a.hmc .arrow,
    #mobile-menu .left-dock>div .arrow {
        width: 9px;
        height: 18px;
        background: url("dock/menu-arrow.png?v=2") no-repeat;
        position: absolute;
        right: 6px;
        top: 21px
    }

    #mobile-menu .left-dock>a.mi .notif,
    #mobile-menu .left-dock>a.hmc.mi .notif,
    #mobile-menu .left-dock>div.mi .notif {
        left: -15px
    }

    #mobile-menu .left-dock>a ul.menu,
    #mobile-menu .left-dock>a.hmc ul.menu,
    #mobile-menu .left-dock>div ul.menu {
        left: 111px;
        top: -68px;
        width: auto
    }

    #mobile-menu .left-dock>a ul.menu::before,
    #mobile-menu .left-dock>a.hmc ul.menu::before,
    #mobile-menu .left-dock>div ul.menu::before {
        content: "";
        position: absolute;
        background: url("dock/menu-arrow-inside.png") no-repeat;
        width: 14px;
        height: 14px;
        top: 20px;
        left: -14px
    }

    #mobile-menu .left-dock>a ul.menu li a,
    #mobile-menu .left-dock>a.hmc ul.menu li a,
    #mobile-menu .left-dock>div ul.menu li a {
        width: auto;
        padding: 8px 24px;
        line-height: 48px;
        white-space: nowrap
    }

    #mobile-menu .bottom-bar {
        border: 1px solid #00609d;
        background: #0576bc;
        height: 72px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-top: 2px solid #004570;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    #mobile-menu .inside-menu header a,
    #mobile-menu .bottom-bar a.help {
        display: block;
        padding: 8px 10px;
        border-radius: 8px;
        box-sizing: border-box;
        min-width: 72px;
        color: #42b3f9;
        text-align: center;
        margin-right: 8px;
        font-weight: bold;
        font-size: 16px
    }

    #mobile-menu .inside-menu header a:last-child,
    #mobile-menu .bottom-bar a.help:last-child {
        margin-right: 0
    }

    #mobile-menu .inside-menu header a.help:last-child,
    #mobile-menu .bottom-bar a.help.help:last-child {
        margin-right: 8px
    }

    #mobile-menu .inside-menu header a.active,
    #mobile-menu .bottom-bar a.help.active {
        background: #004570;
        color: #fff
    }

    #mobile-menu .bottom-bar a:last-child {
        margin-right: 16px;
        background: rgba(0, 69, 112, .5);
        color: #fff
    }

    #mobile-menu .inside-menu {
        width: 376px;
        box-sizing: border-box;
        padding-bottom: 76px;
        display: flex;
        flex-direction: column
    }

    #mobile-menu .inside-menu header {
        padding-top: 36px;
        background: #025990;
        display: flex;
        justify-content: center;
        padding-bottom: 24px;
        border-bottom: 2px solid #004570;
        flex-shrink: 0
    }

    #mobile-menu .inside-menu .content {
        padding: 16px;
        display: none;
        flex-direction: column;
        overflow: auto;
        min-height: 0
    }

    #mobile-menu .inside-menu .content.active {
        display: flex
    }

    #mobile-menu .inside-menu .content .user-search {
        padding-bottom: 16px;
        position: relative
    }

    #mobile-menu .inside-menu .content .user-search .erase-all {
        position: absolute;
        right: 10px;
        top: 10px;
        text-indent: -9999px;
        overflow: hidden;
        background: url("common/erase.png") no-repeat;
        width: 12px;
        height: 12px;
        cursor: pointer
    }

    #mobile-menu .inside-menu .content .user-search .erase-all.hidden {
        display: none
    }

    #mobile-menu .inside-menu .content>a,
    #mobile-menu .inside-menu .content .queries li {
        position: relative;
        display: flex;
        flex-direction: row;
        font-size: 18px;
        font-weight: bold;
        color: #7ebadf;
        height: 64px;
        line-height: 64px
    }

    #mobile-menu .inside-menu .content>a .space,
    #mobile-menu .inside-menu .content .queries li .space {
        width: 40px
    }

    #mobile-menu .inside-menu .content>a .icon,
    #mobile-menu .inside-menu .content .queries li .icon {
        margin-left: 8px;
        margin-right: 16px;
        margin-top: 2px;
        width: 24px;
        height: 20px;
        background-repeat: no-repeat;
        background-image: url("userlist/on_off_line_icon.png")
    }

    #mobile-menu .inside-menu .content>a .icon.no-margin,
    #mobile-menu .inside-menu .content .queries li .icon.no-margin {
        margin-right: 0
    }

    #mobile-menu .inside-menu .content>a.offline .icon,
    #mobile-menu .inside-menu .content .queries li.offline .icon {
        background-position: bottom
    }

    #mobile-menu .inside-menu .content>a .actions.right,
    #mobile-menu .inside-menu .content .queries li .actions.right {
        margin-left: auto
    }

    #mobile-menu .inside-menu .content>a .actions.right a.close-query,
    #mobile-menu .inside-menu .content .queries li .actions.right a.close-query {
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("buttons/close_query_button.png")
    }

    #mobile-menu .inside-menu .content .queries ul {
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 2px solid #c5f1ff
    }

    #mobile-menu .inside-menu .content .queries ul.searching:empty {
        border: none
    }

    #mobile-menu .inside-menu .content .queries {
        border-top: 2px solid #0576bc;
        padding-top: 16px
    }

    #mobile-menu .inside-menu .content .queries .user-search input {
        width: 100%;
        height: 32px;
        border: 1px solid #ccc;
        font-size: 14px;
        color: #00609d;
        background: #c5f1ff;
        padding-left: 8px;
        box-sizing: border-box
    }

    #mobile-menu .inside-menu .content .queries .user-search input::placeholder {
        font-weight: 600;
        color: #0576bc
    }

    #mobile-menu .inside-menu .content .search-result {
        border-top: 2px solid #c5f1ff;
        margin-top: 8px
    }

    #mobile-menu .inside-menu .content .search-result h4 {
        margin-bottom: 0px;
        padding-bottom: 16px;
        margin-top: 16px;
        text-align: center;
        font-size: 20px;
        color: #0576bc
    }

    #mobile-menu .inside-menu .content .search-result.hidden {
        display: none
    }

    #mobile-menu .inside-menu .content .search-result.searching,
    #mobile-menu .inside-menu .content .search-result.noresult {
        margin: 0;
        font-weight: normal;
        text-align: center;
        font-style: italic
    }

    #mobile-menu .inside-menu .content .search-result.searching {
        background: url("tutorial/loader.svg") no-repeat center 20px;
        min-height: 60px
    }

    #mobile-menu .inside-menu .content .search-result ul li .icon {
        background-image: url("attributes/0.png")
    }

    #mobile-menu .inside-menu .content .queries li {
        align-items: center;
        border-bottom: 2px solid #c5f1ff
    }

    #mobile-menu .inside-menu .content .queries li .actions {
        width: 40px
    }

    #mobile-menu .inside-menu .content .queries li.flashing {
        color: #fff
    }

    #mobile-menu .inside-menu .content .queries li .close {
        background-image: url("common/mobile_query_close_button.png");
        position: static;
        margin-left: auto;
        width: 20px;
        height: 20px;
        margin-right: 24px
    }

    #mobile-menu .inside-menu .content .queries li:last-child {
        border-bottom: 0
    }

    #mobile-menu .inside-menu .content .active {
        color: #0576bc;
        background-color: #c5f1ff;
        background-clip: content-box;
        background-image: url("common/selected_conversation_icon.png");
        background-repeat: no-repeat;
        background-position: 16px 24px
    }

    #mobile-menu .inside-menu .content .active span.name {
        color: #0576bc
    }

    #mobile-menu .inside-menu .content .flashing {
        background: #00deff;
        background-clip: content-box
    }

    #mobile-menu .inside-menu .content .flashing span.name {
        color: #fff
    }

    #mobile-menu .inside-menu .content .flashing a.close {
        background-position: bottom
    }

    #mobile-menu .inside-menu .content.listtab-help {
        text-align: center
    }

    #mobile-menu .inside-menu .content.listtab-help a.btn {
        margin: auto;
        margin-top: 8px
    }

    #mobile-menu .content.list {
        padding-top: 24px
    }

    #mobile-menu .content.list ul li {
        padding-bottom: 8px
    }

    #mobile-menu .content.list ul li .nick,
    #mobile-menu .content.list ul li .title {
        font-size: 22px
    }

    .notif-count,
    .query-notif-count {
        display: block;
        background: #e83939;
        border-radius: 50%;
        width: 17px;
        height: 17px;
        line-height: 17px;
        margin-bottom: 16px;
        margin-left: 8px;
        margin-top: 8px;
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        color: #fff
    }

    .notif-count:empty,
    .notif-count.hidden,
    .query-notif-count:empty,
    .query-notif-count.hidden {
        display: none
    }

    .mobile-dock .buttons .menu-open {
        position: relative;
        overflow: visible
    }

    .mobile-dock .buttons .menu-open .notif-count {
        position: absolute;
        right: -16px;
        top: -8px;
        text-indent: 0
    }

    html.hmc {
        overflow-x: hidden
    }

    body.hmc,
    body.profile,
    body.catalogue {
        background-image: url("backgrounds/mobile/normal.jpg");
        background-position: center top
    }

    body.hmc.background-autumn,
    body.profile.background-autumn,
    body.catalogue.background-autumn {
        background-image: url("backgrounds/mobile/autumn.jpg")
    }

    body.hmc.background-spring,
    body.profile.background-spring,
    body.catalogue.background-spring {
        background-image: url("backgrounds/mobile/normal.jpg")
    }

    body.hmc.background-summer,
    body.profile.background-summer,
    body.catalogue.background-summer {
        background-image: url("backgrounds/mobile/summer.jpg")
    }

    body.hmc.background-winter,
    body.profile.background-winter,
    body.catalogue.background-winter {
        background-image: url("backgrounds/mobile/winter.jpg")
    }

    body.hmc div.hmc .buttons,
    body.profile div.hmc .buttons,
    body.catalogue div.hmc .buttons {
        width: 520px;
        justify-content: space-between
    }

    body.hmc div.hmc .main-btn.pet,
    body.profile div.hmc .main-btn.pet,
    body.catalogue div.hmc .main-btn.pet {
        left: 435px;
        width: 75px
    }

    body.hmc div.hmc .stats,
    body.profile div.hmc .stats,
    body.catalogue div.hmc .stats {
        display: grid;
        width: 520px;
        box-sizing: border-box;
        grid-template-columns: 1fr 1fr
    }

    body.hmc div.hmc .stats a,
    body.profile div.hmc .stats a,
    body.catalogue div.hmc .stats a {
        width: auto
    }

    body.hmc div.hmc .stats .wedding,
    body.profile div.hmc .stats .wedding,
    body.catalogue div.hmc .stats .wedding {
        grid-column-start: 1;
        justify-content: center
    }

    body.hmc .hmc-settingswindow,
    body.profile .hmc-settingswindow,
    body.catalogue .hmc-settingswindow {
        width: 520px;
        margin-left: -260px
    }

    body.hmc .hmc-settingswindow .interests input,
    body.profile .hmc-settingswindow .interests input,
    body.catalogue .hmc-settingswindow .interests input {
        width: 140px
    }

    body.hmc .mobile-dock .buttons.normal,
    body.profile .mobile-dock .buttons.normal,
    body.catalogue .mobile-dock .buttons.normal {
        display: none
    }

    body.hmc .footer .column,
    body.profile .footer .column,
    body.catalogue .footer .column {
        width: 100%;
        margin-left: 0
    }

    body.hmc #mobile-menu,
    body.profile #mobile-menu,
    body.catalogue #mobile-menu {
        left: -98px
    }

    body.hmc #mobile-menu.open,
    body.profile #mobile-menu.open,
    body.catalogue #mobile-menu.open {
        visibility: visible;
        left: 0
    }

    body.hmc #mobile-menu .inside-menu,
    body.profile #mobile-menu .inside-menu,
    body.catalogue #mobile-menu .inside-menu {
        display: none
    }

    body.hmc #mobile-menu .bottom-bar,
    body.profile #mobile-menu .bottom-bar,
    body.catalogue #mobile-menu .bottom-bar {
        width: 95px
    }

    body.hmc #mobile-menu .bottom-bar .help,
    body.hmc #mobile-menu .bottom-bar .credits .amount,
    body.profile #mobile-menu .bottom-bar .help,
    body.profile #mobile-menu .bottom-bar .credits .amount,
    body.catalogue #mobile-menu .bottom-bar .help,
    body.catalogue #mobile-menu .bottom-bar .credits .amount {
        display: none
    }

    body.hmc #mobile-menu .bottom-bar .credits,
    body.profile #mobile-menu .bottom-bar .credits,
    body.catalogue #mobile-menu .bottom-bar .credits {
        padding-left: 10px
    }

    body.hmc.disconnected #mobile-menu .bottom-bar,
    body.profile.disconnected #mobile-menu .bottom-bar,
    body.catalogue.disconnected #mobile-menu .bottom-bar {
        display: none
    }

    body.hmc.hmc,
    body.profile.hmc,
    body.catalogue.hmc {
        overflow: hidden
    }

    html * {
        max-height: 1000000px
    }

    html,
    body {
        overflow: hidden
    }

    body {
        position: relative
    }

    body {
        background: #fff;
        display: flex;
        flex-direction: column
    }

    body>div.dock {
        display: none
    }

    body .mobile-dock {
        display: flex
    }

    body #room {
        position: static;
        width: auto;
        height: auto
    }

    body #room .buttons {
        display: none
    }

    body #room .canvas-po {
        height: auto
    }

    body #main {
        position: static
    }

    body .right-col {
        flex: 1;
        position: static;
        height: auto;
        overflow: hidden
    }

    #userlist {
        display: none
    }

    #chatbox {
        display: flex;
        flex-direction: column
    }

    #chatbox>header {
        display: none
    }

    .right-col {
        width: 100%
    }

    #map {
        box-sizing: border-box;
        width: 500px;
        left: 20px
    }

    #chatbox {
        border-radius: 0;
        border-top: 2px solid #39a0c8;
        background: rgba(0, 0, 0, 0);
        padding: 0
    }

    .show-lists {
        display: none
    }

    div.window,
    div.mainwindow {
        border-radius: 8px
    }

    .window.reward-waiting {
        box-sizing: border-box
    }

    #chatbox .tab-contents {
        display: flex
    }

    #chatbox .tab-content {
        height: auto;
        flex: 1
    }

    #chatbox .tab-content div p span.text {
        font-size: 16px
    }

    #chatbox .query .closebtn {
        display: none
    }

    #chatbox .query .report {
        display: block
    }

    #chatbox .query .return-to-room-block {
        display: inline-block;
        pointer-events: none;
        position: absolute;
        text-align: center;
        width: 100%;
        padding: 0;
        text-decoration: underline
    }

    #chatbox .query .return-to-room-block .return-to-room {
        pointer-events: all
    }

    div.input {
        flex: initial;
        border-top: 2px solid #84b9d1;
        margin-top: 0
    }

    div.input #textbox {
        border: none;
        font-size: 24px;
        height: 62px;
        padding-right: 100px
    }

    div.input #textbox::placeholder {
        font-weight: 600;
        font-size: 24px;
        color: #0576bc
    }

    div.input #send {
        width: 32px;
        height: 32px;
        right: 16px;
        top: 15px;
        background: url("input/big_send_icon.png") no-repeat
    }

    div.input .emotes {
        width: 32px;
        height: 32px;
        right: 64px;
        top: 15px;
        background: url("input/big_emote_icon.png") no-repeat
    }

    div.input .emotes .emotelist {
        left: -215px
    }

    div.okalert,
    div.yesnowindow,
    div.okalert.okalert {
        width: 90%;
        left: 5%;
        margin-left: 0;
        box-sizing: border-box
    }

    #biznessbox {
        transform: scale(0.6)
    }

    #biznessbox a.close {
        background-image: url("common/black_close_button.png");
        width: 40px;
        height: 40px;
        right: 15px;
        top: 5px
    }

    .wishlist-window {
        margin-left: -260px;
        margin-top: -158px
    }

    div.xpnotification,
    div.small-notification {
        top: 448px
    }

    .notification {
        top: 68px;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 100%;
        line-height: 24px
    }

    .notification.show {
        height: auto
    }

    .notification .buttons {
        margin-left: 32px
    }

    a.close {
        background: url(common/mobile_close_button.png) no-repeat;
        width: 40px;
        height: 40px;
        top: 3px;
        right: -5px
    }

    .news {
        margin-left: 0;
        margin-top: -104px;
        left: 16px
    }

    .geniespeak {
        transform: scale(0.65);
        margin-left: -414px
    }

    .image.window {
        top: 80px;
        left: 0px
    }

    .image.window img {
        max-width: 400px
    }

    .item-notification h2 {
        max-width: 540px
    }

    .radioplayer {
        top: 465px;
        left: 10px
    }

    .skip-tutorial,
    .skip-tutorial.visiteur {
        right: 16px;
        left: auto;
        top: 90px;
        margin-top: 0
    }

    div.settingswindow {
        flex-direction: column;
        transform: scale(0.82);
        left: 0;
        margin-left: 0;
        transform-origin: top left
    }

    .toast {
        display: flex;
        z-index: 2000;
        position: absolute;
        bottom: 20px;
        width: 100%;
        animation: fadeInFromNone .2s ease-out;
        transition: all .2s
    }

    .toast div {
        background: rgba(0, 0, 0, .75);
        border-radius: 15px;
        color: #fff;
        padding: 5px 20px;
        margin: auto
    }

    .toast.hidden {
        opacity: 0
    }

    @keyframes fadeInFromNone {
        0% {
            opacity: 0
        }

        1% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .window.choose-animal {
        transform: scale(0.75)
    }

    .window.okalert.avatar {
        width: 540px;
        margin-left: -270px;
        left: 50%
    }
}