@charset "UTF-8";

dd,
dl,
dt,
legend,
ol,
td,
th,
ul {
    padding: 0
}

iframe,
img,
legend {
    border: 0
}

.wrapper::after,
section::after {
    clear: both
}

.news-article hr,
.static-content hr {
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 0%, 0.3)" cx="1" cy="0.3" r="0.3"/></svg>') 0 0 100% repeat
}

[ng-click],
button,
label {
    cursor: pointer
}

.form__message,
.form__popover--error {
    filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .3))
}

.modal,
body {
    min-width: 320px
}

.card__image--tall,
.card__image--wide,
img {
    -ms-interpolation-mode: bicubic
}

#janrainModal,
#janrainModal *,
hr {
    box-sizing: content-box
}

button,
fieldset,
input,
select {
    outline: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    image-rendering: pixelated
}

svg:not(:root) {
    overflow: hidden
}

hr {
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

.aside--box,
.content,
.modal-open {
    overflow: hidden
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    animation-duration: .75s
}

@keyframes shake {

    100%,
    from {
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    animation-name: shake
}

.ng-cloak,
.ng-hide:not(.ng-hide-animate),
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none !important
}

iframe,
ng\:form {
    display: block
}

.ng-animate-shim {
    visibility: hidden
}

.ng-anchor {
    position: absolute
}

.animated.shake {
    animation-duration: .5s
}

* {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

body {
    margin: 0;
    background-color: #0c3a65;
    color: #7ecaee;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Ubuntu, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 16px;
    font-variant-ligatures: common-ligatures;
    line-height: 1.4;
    min-height: 100vh
}

body.habbo-origins {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo_background.png);
    font-size: .875rem
}

@media (min-width:959px) {
    body.habbo-origins {
        font-size: 1rem
    }
}

body.habbo-origins p {
    font-size: .875rem
}

@media (min-width:959px) {
    body.habbo-origins p {
        font-size: 1rem
    }
}

body.habbo-origins h3 {
    font-size: 1.25rem
}

dd,
dl,
dt,
ol,
ul {
    list-style-type: none;
    margin: 0
}

section {
    zoom: 1
}

section::after,
section::before {
    content: '';
    display: table
}

figure {
    margin: 0
}

.origins-mobile-footer {
    display: none
}

@media (max-width:767px) {
    .origins-mobile-footer {
        display: block;
        margin-bottom: 24px
    }
}

.content {
    background: linear-gradient(135deg, #15507c, #0c3a65) no-repeat fixed;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%
}

.content-origins {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo_background.png);
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    overflow: hidden;
    width: 100%
}

.wrapper {
    zoom: 1;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 12px
}

.aside,
.wrapper--content {
    margin-bottom: 24px;
    margin-top: 24px
}

.wrapper::after,
.wrapper::before {
    content: '';
    display: table
}

.main {
    float: none;
    width: 100%
}

@media (min-width:959px) {
    body.habbo-origins h3 {
        font-size: 1.5rem
    }

    .main {
        float: left;
        width: 70%;
        padding-right: 24px
    }
}

.main--fixed {
    float: none;
    width: 100%
}

@media (min-width:959px) {
    .main--fixed {
        float: left;
        width: calc(100% - 304px)
    }
}

.aside {
    float: none;
    width: 100%
}

.aside:empty,
.aside:last-child {
    margin-bottom: 0
}

@media (min-width:959px) {
    .aside {
        clear: right;
        float: right;
        width: 30%;
        margin-top: 0
    }
}

.aside--box {
    border-radius: 3px;
    padding: 24px 12px;
    background-color: #0b6395
}

.aside--box h1:first-child,
.aside--box h2:first-child,
.aside--box h3:first-child,
.aside--box h4:first-child,
.aside--box h5:first-child,
.aside--box h6:first-child {
    text-shadow: 0 1px #000;
    background-color: #0e3955;
    margin: -24px -12px 12px;
    padding: 6px 12px
}

@media (min-width:532px) {

    .aside--box h1:first-child,
    .aside--box h2:first-child,
    .aside--box h3:first-child,
    .aside--box h4:first-child,
    .aside--box h5:first-child,
    .aside--box h6:first-child {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .aside--box {
        padding-left: 24px;
        padding-right: 24px
    }
}

.aside--fixed {
    float: none;
    width: 100%
}

@media (min-width:959px) {
    .aside--fixed {
        clear: right;
        float: right;
        width: 304px
    }

    .aside--push-down {
        margin-top: 65px
    }
}

.form__footer::after,
.modal-content::after,
.modal__title::after,
.news-header--column:nth-child(even) {
    clear: both
}

.static-content hr {
    border-width: 0 0 8px;
    clear: both;
    margin: 1.35em auto;
    max-width: 100%
}

.static-content ol {
    list-style-type: decimal;
    margin: 12px 0;
    padding-left: 26px
}

.static-content ul {
    list-style-type: disc;
    margin: 12px 0;
    padding-left: 26px
}

.static-content iframe {
    margin: 24px 0;
    max-width: 100%
}

.static-content img {
    vertical-align: middle
}

.static-content .remove-link:active,
.static-content .remove-link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.static-content .align-center,
.static-content .align-left,
.static-content .align-right {
    display: block;
    margin: 12px auto
}

@media (min-width:532px) {
    .static-content .align-left {
        float: left;
        margin: 12px 24px 12px 0
    }

    .static-content .align-right {
        display: inline-block;
        float: right;
        margin: 12px 0 12px 24px
    }
}

fieldset,
form {
    margin: 0
}

.origins__playing-habbo .main {
    padding: 15px
}

fieldset {
    border: 0
}

button,
label {
    display: inline-block
}

button:disabled,
input:disabled,
select:disabled {
    cursor: not-allowed
}

button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner {
    border: 0;
    padding: 0
}

input,
select {
    display: block
}

.form>*+>* {
    margin: 24px 0
}

.form--left {
    float: none;
    width: 100%
}

@media (min-width:532px) {
    .form--left {
        float: none;
        width: 66%
    }
}

@media (min-width:767px) {
    .form--left {
        float: none;
        width: 50%
    }

    .form__field:first-of-type .form__popover--error {
        z-index: 3
    }

    .form__field:nth-of-type(2) .form__popover--error {
        z-index: 2
    }

    .form__field:nth-of-type(3) .form__popover--error {
        z-index: 1
    }
}

@media (min-width:959px) {
    .form--left {
        float: none;
        width: 33%
    }

    .main .form--left {
        float: none;
        width: 50%
    }
}

.form__message {
    margin: 12px 0;
    border-radius: 3px;
    color: #fff;
    padding: 12px
}

.form__message.ng-enter,
.form__message.ng-leave {
    transition: opacity .15s ease-out
}

.form__message.ng-enter,
.form__message.ng-leave.ng-leave-active {
    opacity: 0
}

.form__message.ng-enter.ng-enter-active,
.form__message.ng-leave {
    opacity: 1
}

.form__submit--inline:disabled,
.form__submit:disabled,
.hotel-button-beta:disabled,
.hotel-button-native:disabled,
.native-hotel-launch__group__button:disabled {
    opacity: .4
}

.form__message>* {
    margin: 12px 0 0
}

.form__message>:first-child {
    margin-top: 0
}

.form__message>:not(.form__field) {
    padding-left: 3px;
    padding-right: 3px
}

.form__message--error {
    background-color: #b00049
}

.form__message--success {
    background-color: #00b14e
}

.form__fieldset {
    margin: 12px 0;
    padding: 0 12px
}

.form__fieldset>* {
    margin: 12px 0 0
}

.form__fieldset>:first-child {
    margin-top: 0
}

.form__fieldset>:not(.form__field) {
    padding-left: 3px;
    padding-right: 3px
}

.modal .form__fieldset {
    padding-left: 0;
    padding-right: 0
}

.form__fieldset--inline {
    margin: 0;
    padding: 0
}

.form__fieldset--box {
    background-color: #103960;
    border-radius: 3px;
    padding: 12px
}

.form__fieldset--box+.form__fieldset--box {
    margin-top: -23px
}

.modal .form__fieldset--box {
    padding-left: 12px;
    padding-right: 12px
}

.form__fieldset--box-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.form__fieldset--box-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.form__field {
    position: relative
}

.form__label {
    color: #fff
}

.form__label--inline {
    margin-right: 12px
}

.form__label--checkbox,
.form__label--radiobutton {
    color: #7ecaee;
    display: block;
    padding-left: 27px;
    padding-right: 3px;
    position: relative
}

.form__input,
.form__select {
    box-shadow: inset 0 2px 0 0 #9ebecc;
    line-height: 1.2;
    padding: 5px 12px;
    width: 100%;
    font-size: 16px
}

.form__input {
    background-color: #ccd8df;
    border: 3px solid #275d8e;
    border-radius: 5px;
    color: #444
}

.form__input:-ms-input-placeholder {
    color: #888
}

.form__input::placeholder {
    color: #888
}

.form__input:focus {
    background-color: #fff;
    border-color: #0074a6
}

.form__input.ng-invalid:not(.ng-pristine),
.ng-submitted .form__input.ng-invalid {
    border-color: #903352
}

.form__input.ng-invalid:not(.ng-pristine):focus,
.ng-submitted .form__input.ng-invalid:focus {
    border-color: #ae1a50
}

.form__checkbox,
.form__radiobutton {
    height: 1.4em;
    left: 3px;
    position: absolute;
    top: 0
}

.form__select {
    background-color: #ccd8df;
    border: 3px solid #275d8e;
    border-radius: 5px;
    color: #444;
    height: 35.2px
}

.form__select:-ms-input-placeholder {
    color: #888
}

.form__select::placeholder {
    color: #888
}

.form__select:focus {
    background-color: #fff;
    border-color: #0074a6
}

.form__select.ng-invalid:not(.ng-pristine),
.ng-submitted .form__select.ng-invalid {
    border-color: #903352
}

.form__select.ng-invalid:not(.ng-pristine):focus,
.ng-submitted .form__select.ng-invalid:focus {
    border-color: #ae1a50
}

.form__input--inline,
.form__select--inline {
    display: inline-block;
    width: auto
}

.form__helper {
    margin: 12px 0 0;
    padding-left: 3px;
    padding-right: 3px;
    display: block
}

.form__popover {
    color: #fff;
    margin-top: 12px;
    padding: 12px;
    position: relative
}

@media (min-width:767px) {
    .form__popover {
        bottom: auto;
        left: 100%;
        margin-left: 24px;
        margin-top: 0;
        position: absolute;
        top: -6px;
        width: calc(100% + 12px)
    }

    .form__popover--inline,
    .modal .form__popover {
        left: 0;
        margin-left: 0;
        margin-top: 12px;
        position: relative;
        top: 0;
        width: auto
    }
}

.form__popover--error {
    background-color: #b00049;
    border-radius: 3px
}

.form__popover--error::before {
    border-bottom: 8px solid #b00049;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: '';
    display: block;
    left: 12px;
    position: absolute;
    top: -8px
}

@media (min-width:767px) {
    .form__popover--error::before {
        display: none
    }

    .form__popover--error::after {
        border-bottom: 8px solid transparent;
        border-left: 0;
        border-right: 8px solid #b00049;
        border-top: 8px solid transparent;
        content: '';
        display: block;
        left: -8px;
        position: absolute;
        top: 15px
    }

    .form__popover--error.form__popover--inline::before,
    .modal .form__popover--error::before {
        display: block
    }

    .form__popover--error.form__popover--inline::after,
    .modal .form__popover--error::after {
        display: none
    }
}

.form__submit--inline:active,
.form__submit--inline:hover,
.form__submit:active,
.form__submit:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.form__footer {
    zoom: 1;
    margin-top: 24px;
    position: relative
}

.form__footer::after,
.form__footer::before {
    content: '';
    display: table
}

.form__cancel {
    display: block;
    line-height: 1;
    margin-left: 12px;
    margin-top: -.5em;
    position: absolute;
    top: 50%
}

.form__submit,
.form__submit--inline {
    line-height: 1.2;
    color: #fff;
    border-radius: 5px;
    border-width: 2px;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    border-style: solid
}

.modal,
.modal-backdrop {
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    outline: 0
}

.form__submit {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #0f7dbc;
    border-color: #2a9cde;
    font-size: 16px;
    padding: 12px 24px;
    float: right
}

.form__submit:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.form__submit:active,
.form__submit:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.form__submit:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.form__submit--inline {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #00813e;
    border-color: #8eda55;
    font-size: 12px;
    padding: 6px 12px;
    height: 31px;
    margin-left: 12px
}

.form__submit--inline:hover {
    background-color: #00ab54;
    border-color: #b9f373
}

.form__submit--inline:active,
.form__submit--inline:disabled {
    background-color: #006743;
    border-color: #5abb37
}

.form__submit--inline:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.icon {
    display: inline-block;
    font-style: normal
}

.icon--arrow-next {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -423px -375px;
    width: 21px;
    height: 38px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--arrow-next {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -396px -372px;
        background-size: 709px 650px
    }
}

.icon--arrow-prev {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -400px -375px;
    width: 21px;
    height: 38px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--arrow-prev {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -418px -372px;
        background-size: 709px 650px
    }
}

.icon--close {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -497px -564px;
    width: 20px;
    height: 20px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--close {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -440px -372px;
        background-size: 709px 650px
    }
}

.icon--fullscreen {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -699px -529px;
    width: 15px;
    height: 14px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--fullscreen {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -632px -495px;
        background-size: 709px 650px
    }
}

.icon--fullscreen-back {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -699px -513px;
    width: 15px;
    height: 14px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--fullscreen-back {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -462px -396px;
        background-size: 709px 650px
    }
}

.icon--habbo {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -500px -499px;
    width: 16px;
    height: 16px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--habbo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -615px -495px;
        background-size: 709px 650px
    }
}

.icon--heart {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -278px -187px;
    width: 26px;
    height: 24px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--heart {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -296px -185px;
        background-size: 709px 650px
    }
}

.icon--like {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -306px -187px;
    width: 22px;
    height: 24px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--like {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -323px -185px;
        background-size: 709px 650px
    }
}

.icon--report {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -549px -517px;
    width: 21px;
    height: 24px
}

.icon--facebook,
.icon--instagram,
.icon--rss,
.icon--twitter,
.icon--youtube {
    width: 30px;
    height: 30px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--report {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -319px -278px;
        background-size: 709px 650px
    }
}

.icon--facebook {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -611px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--facebook {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -307px -143px;
        background-size: 709px 650px
    }
}

.icon--twitter {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -547px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--twitter {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -565px;
        background-size: 709px 650px
    }
}

.icon--youtube {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -579px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--youtube {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -596px;
        background-size: 709px 650px
    }
}

.icon--rss {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -310px -145px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--rss {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -534px;
        background-size: 709px 650px
    }
}

.icon--instagram {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -278px -145px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .icon--instagram {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -276px -143px;
        background-size: 709px 650px
    }
}

.modal {
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    z-index: 1050
}

.modal-dialog {
    cursor: auto;
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width:767px) {
    .modal-dialog {
        height: auto;
        margin: 30px auto;
        max-width: 500px
    }

    .modal-dialog.modal-sm {
        max-width: 400px
    }

    .modal-dialog.modal-lg,
    .modal-dialog.modal-no-margin {
        max-width: 600px
    }
}

.modal-content {
    zoom: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #0b6395;
    border: 3px solid #2685bc;
    border-radius: 10px;
    margin: 0 auto;
    min-height: 100%;
    outline: 0;
    overflow: hidden;
    position: relative
}

.modal-content::after,
.modal-content::before {
    content: '';
    display: table
}

.fade .modal-content {
    transition: opacity .15s ease-out, transform .15s ease-out;
    opacity: 0;
    transform: scale(.9)
}

.fade.in .modal-content {
    opacity: 1;
    transform: scale(1)
}

.modal-backdrop {
    background-color: #0c3a65;
    opacity: .9;
    -webkit-overflow-scrolling: none;
    position: fixed;
    z-index: 1040
}

.accordion-item-content,
.avatar__title,
.card__link,
.footer__content,
.header__top .header__login-form.ng-hide-animate,
.news-header__viewport {
    overflow: hidden
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .9
}

.modal__close {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png) -497px -564px;
    border: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 11px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .modal__close {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -440px -372px;
        background-size: 709px 650px
    }
}

.modal__title {
    zoom: 1;
    text-shadow: 0 1px #000;
    background-color: #0e3955;
    border-radius: 8px;
    line-height: 42px;
    margin: 0;
    text-align: center;
    text-transform: initial
}

.card__meta,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-shadow: 0 1px rgba(0, 0, 0, .3)
}

.header__top__toggle,
h1,
h2,
h3,
h4,
h5 {
    text-transform: uppercase
}

.modal__title::after,
.modal__title::before {
    content: '';
    display: table
}

.modal__content {
    margin: 24px auto 110px;
    max-width: 280px;
    padding: 0 12px;
    width: 100%
}

.modal-no-margin .modal__content {
    margin: 0;
    max-width: 600px
}

.modal-sm .modal__content {
    margin-bottom: 60px
}

.modal-lg .modal__content {
    margin-bottom: 110px;
    max-width: 380px
}

.habbo-origins .modal-content {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo_background.png);
    border-color: #335e7a
}

.habbo-origins .modal-content .modal__title {
    background-color: #335e7a
}

.habbo-origins .modal-content .login-form__button,
.habbo-origins .modal-content .native-hotel-launch__app {
    background-color: #cc8a2f;
    border-color: #ffb31b;
    color: #402d0a;
    padding: 12px
}

.news-header {
    margin: 24px 0;
    min-height: 100px;
    padding-left: 112px;
    position: relative
}

.news-header--column {
    float: none;
    width: 100%;
    margin-top: 0
}

@media (min-width:767px) {
    .news-header--column {
        float: left;
        width: calc(50% - 12px)
    }

    .news-header--column:nth-child(even) {
        margin-right: 24px
    }

    .news-header--column:nth-child(n+2):nth-child(-n+3) {
        margin-top: 0
    }

    .news-header--column:first-child,
    .news-header--single {
        color: #fff;
        height: 300px
    }
}

@media (min-width:959px) {
    .news-header {
        min-height: 120px;
        padding-left: 132px
    }

    .news-header--column {
        float: none;
        width: 100%
    }

    .news-header--column:nth-child(even) {
        margin-right: 0
    }

    .news-header--column:nth-child(n+2):nth-child(-n+3) {
        margin-top: 24px
    }
}

@media (min-width:1199px) {
    .news-header--column {
        float: left;
        width: calc(50% - 12px)
    }

    .news-header--column:nth-child(even) {
        margin-right: 24px
    }

    .news-header--column:nth-child(n+2):nth-child(-n+3) {
        margin-top: 0
    }
}

.news-header--column:first-child,
.news-header--single {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.news-header--column:first-child {
    margin-bottom: 24px
}

.news-header--single {
    margin-bottom: 12px
}

.news-header__link {
    display: block
}

.news-header--column:first-child .news-header__image--thumbnail,
.news-header--column:not(:first-child) .news-header__image--featured {
    display: none
}

.news-header__link:active,
.news-header__link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.news-header--column:first-child .news-header__banner,
.news-header--single .news-header__banner {
    box-shadow: 3px 3px rgba(0, 0, 0, .3)
}

@media (min-width:767px) {
    .news-header--single {
        margin-bottom: 54px
    }

    .news-header--column:first-child .news-header__banner,
    .news-header--single .news-header__banner {
        height: 300px;
        margin: 0;
        max-width: 759px;
        overflow: hidden;
        position: absolute;
        width: 100%
    }
}

.news-header--column:first-child .news-header__banner {
    margin-bottom: 12px
}

.news-header--single .news-header__banner {
    margin-bottom: 42px
}

@media (min-width:767px) {

    .news-header--column:first-child .news-header__wrapper,
    .news-header--single .news-header__wrapper {
        margin: 0;
        max-width: 330px;
        padding: 12px 12px 0;
        position: relative
    }
}

.news-header__viewport {
    box-shadow: 3px 3px rgba(0, 0, 0, .3);
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px
}

@media (min-width:959px) {
    .news-header__viewport {
        height: 120px;
        width: 120px
    }
}

.news-header--column:first-child .news-header__viewport,
.news-header--single .news-header__viewport {
    box-shadow: none;
    height: 200px;
    position: relative;
    width: 100%
}

@media (min-width:767px) {

    .news-header--column:first-child .news-header__viewport,
    .news-header--single .news-header__viewport {
        height: 300px;
        position: absolute
    }
}

.news-header__image {
    position: absolute
}

.news-header__image--thumbnail {
    height: 120px;
    right: -10px;
    top: -10px
}

@media (min-width:959px) {
    .news-header__image--thumbnail {
        right: 0;
        top: 0
    }

    .habbo__origins__habboToday .news-header {
        min-height: auto;
        padding-left: 0
    }
}

.news-header__image--featured {
    right: 0;
    top: -50px
}

.news-header__title {
    font-size: 24px;
    margin: 0
}

a[href*='/hotel'] .news-header__title::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -447px;
    width: 49px;
    height: 26px;
    content: '';
    display: inline-block;
    margin-left: 6px;
    vertical-align: top
}

.navigation__link::before,
.news-header--column:first-child .news-header__title::after,
.news-header--single .news-header__title::after {
    vertical-align: initial
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    a[href*='/hotel'] .news-header__title::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -437px;
        background-size: 709px 650px
    }
}

.news-header--column:first-child .news-header__title,
.news-header--single .news-header__title {
    font-size: 36px
}

@media (min-width:767px) {
    .news-header__image--featured {
        position: static
    }

    .news-header--column:first-child .news-header__title,
    .news-header--single .news-header__title {
        line-height: 1
    }
}

.news-header__info {
    font-size: 14px;
    line-height: 1.4;
    color: #999;
    font-style: italic
}

.news-header--column:first-child .news-header__info {
    pointer-events: none
}

.news-header__date {
    display: inline
}

.news-header__date:not(:last-child)::after {
    content: ' | ';
    font-style: normal
}

.news-header__categories {
    display: inline;
    font-size: 0
}

.news-header__category {
    display: inline;
    pointer-events: auto
}

.news-header__category:not(:last-child)::after {
    font-size: 14px;
    content: ', '
}

.news-header__category__link,
.news-header__summary {
    font-size: 14px
}

.news-header--column:first-child .news-header__summary {
    pointer-events: none
}

.news-header--single .news-header__summary {
    font-size: 16px;
    font-weight: 700;
    margin: .75em 0
}

@media (min-width:767px) {
    .news-header--single .news-header__summary {
        font-size: 14px;
        font-weight: 400;
        margin: 0
    }

    .habbo__origins__habboToday .news-header.news-header--column {
        float: none;
        width: 100%
    }
}

.habbo__origins__habboToday .news-header {
    color: #330;
    margin: 0;
    min-height: auto;
    padding-left: 0
}

.habbo__origins__habboToday .news-header.news-header--column {
    float: none;
    width: 100%;
    margin-bottom: 12px
}

@media (min-width:959px) {
    .habbo__origins__habboToday .news-header.news-header--column {
        float: none;
        width: 100%
    }

    .habbo__origins__habboToday .news-header.news-header--column:nth-child(even) {
        margin-right: 0
    }

    .habbo__origins__habboToday .news-header.news-header--column:nth-child(n+2):nth-child(-n+3) {
        margin-top: 0
    }
}

@media (min-width:1199px) {
    .habbo__origins__habboToday .news-header.news-header--column {
        float: none;
        width: 100%
    }

    .habbo__origins__habboToday .news-header.news-header--column:nth-child(even) {
        margin-right: 0
    }

    .habbo__origins__habboToday .news-header.news-header--column:nth-child(n+2):nth-child(-n+3) {
        margin-top: 0
    }
}

.habbo__origins__habboToday .news-header.news-header--column:first-child {
    margin-bottom: 12px;
    min-height: auto;
    padding: 0
}

.habbo__origins__habboToday .news-header.news-header--column:last-child {
    margin-bottom: 0
}

.habbo__origins__habboToday .news-header__link {
    display: inline-block;
    width: 70%
}

.habbo__origins__habboToday .news-header__banner,
.habbo__origins__habboToday .news-header__image,
.habbo__origins__habboToday .news-header__viewport {
    display: none
}

.habbo__origins__habboToday .news-header__link h2 {
    font-size: .875rem !important;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:959px) {
    .habbo__origins__habboToday .news-header__link h2 {
        font-size: 1rem !important
    }
}

@media (min-width:767px) {
    .habbo__origins__habboToday .news-header.news-header--column:nth-child(even) {
        margin-right: 0
    }

    .habbo__origins__habboToday .news-header.news-header--column:nth-child(n+2):nth-child(-n+3) {
        margin-top: 0
    }

    .habbo__origins__habboToday .news-header.news-header--column:first-child,
    .habbo__origins__habboToday .news-header.news-header--single {
        color: #330;
        height: auto
    }

    .habbo__origins__habboToday .news-header .news-header--column:first-child,
    .habbo__origins__habboToday .news-header .news-header--single,
    .habbo__origins__habboToday .news-header .news-header__wrapper {
        max-width: none;
        padding: 0
    }
}

.habbo__origins__habboToday .news-header__title {
    color: #cc0100;
    font-size: 16px !important;
    margin: 0
}

.news-header--column:first-child .habbo__origins__habboToday .news-header__title,
.news-header--single .habbo__origins__habboToday .news-header__title {
    font-size: 24px
}

.habbo__origins__habboToday .news-header__info {
    color: #5d1208;
    display: block;
    float: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 6px !important;
    pointer-events: none
}

blockquote,
p,
small {
    line-height: 1.4
}

.habbo__origins__habboToday .news-header__date {
    display: inline
}

.habbo__origins__habboToday .news-header__date:not(:last-child)::after {
    content: ' - ';
    font-style: normal
}

.card::after,
.card::before,
.card__creator::before,
.columns::after,
.columns::before {
    content: ''
}

.habbo__origins__habboToday .news-header__categories {
    display: none
}

.habbo__origins__habboToday .news-header__summary {
    font-size: .875rem;
    margin: 0
}

@media (min-width:959px) {
    .habbo__origins__habboToday .news-header__summary {
        font-size: 1rem
    }
}

@media (min-width:640px) {
    .ot-pc-header {
        padding-left: 40px !important;
        width: calc(100% - 50px) !important
    }

    .ot-grp-desc {
        padding-right: 40px !important
    }
}

.ot-pc-logo {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png) !important;
    background-position: 0 0 !important;
    background-size: 350px 350px !important;
    height: 52px !important;
    width: 140px !important
}

#ot-pc-title {
    font-size: small !important
}

@media (min-width:532px) {
    #ot-pc-title {
        margin-left: 13px !important;
        font-size: 1.37em !important
    }
}

.ot-close-cntr {
    right: 0 !important
}

.ot-pc-footer-logo {
    display: none !important
}

@media (min-width:640px) {
    .ot-close-cntr {
        right: 40px !important
    }

    .ot-title-cntr {
        padding-left: 60px !important
    }

    .ot-grp-hdr1 {
        width: calc(100% - 50px) !important
    }

    #accept-recommended-btn-handler,
    .onetrust-close-btn-handler {
        margin: 40px !important
    }
}

#onetrust-reject-all-handler {
    background-color: #3844c9 !important
}

.ot-tgl input:checked+.ot-switch .ot-switch-nob {
    background-color: #2196f3 !important
}

blockquote:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child {
    margin-top: 0
}

blockquote:last-child,
p:last-child {
    margin-bottom: 0
}

a {
    color: #fff;
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

a:active,
a:hover {
    outline: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-weight: 400;
    margin: .6em 0;
    line-height: 1.2
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 20px
}

h5,
h6,
p {
    font-size: 16px
}

p {
    margin: .75em 0
}

blockquote{
    margin: .75em 12px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 6px;
    padding: 12px 24px;
    color: #FAFAFA
}
summary::before{
    content:"– ";
}
details:hover{
    padding:3px;
    border:1px black solid
}
article table th,
article table td{
    padding:6px;
    border:1px black solid
}
small{
    font-size:14px
}
@font-face{
    font-family: 'Ubuntu Habbo';
    src: url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuHappo.woff2) format("woff2"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuHappo.woff) format("woff");
    unicode-range: U+007C, U+2020, U+2022, U+00B6, U+00B1, U+00A5, U+00B5, U+00AA, U+00BA, U+00AC, U+0192, U+00BB, U+2014, U+2018, U+2021
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuRegular-cyrillic-ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuRegular-cyrillic.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuRegular-greek-ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuRegular-greek.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuRegular-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuRegular-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuBold-cyrillic-ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuBold-cyrillic.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuBold-greek-ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuBold-greek.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuBold-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 700;
    src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuBold-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Ubuntu Condensed';
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Condensed"), local("UbuntuCondensed-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuCondensed-cyrillic-ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: 'Ubuntu Condensed';
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Condensed"), local("UbuntuCondensed-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuCondensed-cyrillic.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: 'Ubuntu Condensed';
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Condensed"), local("UbuntuCondensed-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuCondensed-greek-ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Ubuntu Condensed';
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Condensed"), local("UbuntuCondensed-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuCondensed-greek.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Ubuntu Condensed';
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Condensed"), local("UbuntuCondensed-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuCondensed-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Ubuntu Condensed';
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Condensed"), local("UbuntuCondensed-Regular"), url(https://images.happo.gg/happo-web/happo-america/en/assets/fonts/UbuntuCondensed-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

habbo-accordion-grid,
habbo-accordion-item-preview {
    display: block
}

habbo-accordion-item {
    display: block;
    float: left;
    width: 100%
}

@media (min-width:767px) {
    blockquote {
        margin-left: 48px;
        margin-right: 48px
    }

    habbo-accordion-grid {
        margin-right: -24px
    }

    habbo-accordion-item {
        width: 50%
    }

    habbo-accordion-item:nth-child(odd) {
        margin-left: -24px
    }

    habbo-accordion-item:nth-of-type(2n+3) {
        clear: left
    }

    habbo-accordion-item:only-child {
        width: 100%
    }

    habbo-accordion-item-preview {
        margin-left: 24px
    }
}

.card::after,
.columns::after,
habbo-accordion-item-content::after {
    clear: both
}

habbo-accordion-item-content {
    zoom: 1;
    display: block
}

habbo-accordion-item-content::after,
habbo-accordion-item-content::before {
    content: '';
    display: table
}

@media (min-width:767px) {
    habbo-accordion-item-content {
        width: 200%
    }

    habbo-accordion-item:nth-child(even) habbo-accordion-item-content {
        margin-left: -100%
    }

    habbo-accordion-item:only-child habbo-accordion-item-content {
        width: 100%
    }
}

.accordion-item-content.ng-animate {
    transition: height .15s ease-out, opacity .15s ease-out
}

.avatar {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.avatar .imager,
.card,
habbo-card {
    display: block
}

.avatar:active,
.avatar:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.avatar__title {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.avatar__title--big {
    font-size: 24px
}

habbo-card {
    margin-bottom: 12px;
    padding: 0 6px
}

.card {
    zoom: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #0b6395;
    border: 3px solid #2685bc;
    margin: 0 auto;
    max-width: 282px
}

.card::after,
.card::before {
    display: table
}

.card__content {
    height: 276px;
    position: relative
}

.card__link {
    display: block;
    height: 100%;
    margin: 0 auto
}

.card__link:active,
.card__link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.card__image {
    float: left;
    position: relative;
    right: 50%
}

.card__image__aligner {
    float: left;
    left: 50%;
    margin: 0 auto;
    position: relative
}

.card__image--photo {
    transform: translateY(-22px)
}

.card__image--selfie {
    transform: translateY(-32px)
}

.card__image--tall {
    image-rendering: auto;
    transform: translateY(calc(-50% + 138px));
    width: 100%
}

.card__image--wide {
    image-rendering: auto;
    margin-top: 138px;
    max-height: 276px;
    transform: translateY(-50%)
}

.hotel-closed::before,
.imager,
habbo-empty-results::after {
    -ms-interpolation-mode: bicubic;
    image-rendering: pixelated
}

.card__title {
    clear: both;
    margin: 0 0 6px
}

.card__meta {
    font-size: 14px;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 6px;
    position: absolute;
    width: 100%
}

.card__date {
    line-height: 24px
}

.card__like {
    bottom: 6px;
    position: absolute;
    right: 6px
}

.card__creator {
    display: block;
    position: relative;
    background: #0d73ad;
    border-top: 1px solid #2685bc;
    padding: 6px 12px
}

.card__creator::before {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #02353c;
    border: 2px solid #267b91;
    border-radius: 50%;
    height: 46px;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 46px
}

.footer__media__link:active,
.footer__media__link:hover,
.footer__sulake:active,
.footer__sulake:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.card__creator img,
.footer__content {
    position: relative
}

.card__creator .avatar__image {
    margin-right: 12px
}

habbo-columns-channel,
habbo-columns-profile {
    display: block;
    margin-bottom: -12px
}

.columns {
    zoom: 1
}

.columns::after,
.columns::before {
    display: table
}

.columns__column {
    float: none;
    width: 100%
}

@media (min-width:532px) {
    .columns__column {
        float: left;
        width: 50%
    }

    .columns__column:nth-child(2n+1) {
        clear: left
    }

    .columns__column:not(:nth-child(2n+1)) {
        clear: none
    }
}

@media (min-width:767px) {
    .columns__column {
        float: left;
        width: 33%
    }

    .columns__column:nth-child(3n+1) {
        clear: left
    }

    .columns__column:not(:nth-child(3n+1)) {
        clear: none
    }
}

@media (min-width:1199px) {
    .columns__column {
        float: left;
        width: 25%
    }

    .columns__column:nth-child(4n+1) {
        clear: left
    }

    .columns__column:not(:nth-child(4n+1)) {
        clear: none
    }
}

.discussions__item::after,
.header__wrapper::after,
.help-login-content::after,
.news-article::after,
.news-footer::after,
happo-social-share[type=creation]::after {
    clear: both
}

habbo-empty-results {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 89px
}

habbo-empty-results::after {
    content: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_frank_unsure.png);
    display: block;
    padding-left: 12px;
    width: 64px
}

habbo-footer {
    background: #001726;
    display: block;
    padding: 12px 0
}

.footer__sulake,
.password-toggle-mask__icon {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png)
}

.footer__media {
    padding: 12px 0;
    text-align: center
}

.footer__media__label {
    margin: 0
}

.footer__media__item {
    display: inline-block;
    padding: 12px
}

.footer__content {
    text-align: center
}

.footer__nav {
    display: block
}

.footer__nav__item {
    font-size: 14px;
    line-height: 1.4;
    color: #a1b5c8;
    display: inline
}

.footer__nav__item::after {
    content: '\2044';
    display: inline-block;
    margin: 0 12px
}

.footer__nav__item:last-child::after {
    display: none
}

.footer__nav__link {
    color: inherit;
    white-space: nowrap
}

.footer__copyright {
    font-size: 12px;
    color: #425c73
}

.footer__sulake {
    background-position: -192px -517px;
    width: 87px;
    height: 75px;
    display: block;
    margin: 0 auto;
    text-indent: -9999px
}

@media (min-width:767px) {
    .footer__media {
        float: left;
        padding-right: 12px
    }

    .footer__media__item {
        padding: 12px 6px
    }

    .footer__content {
        padding: 12px 87px 0 12px;
        text-align: left
    }

    .footer__sulake {
        position: absolute;
        right: 0;
        top: 0
    }

    .captcha>* {
        float: right
    }
}

.footer__origins__copyright {
    color: #7fc2e4;
    text-align: center
}

.header__login__button,
.header__top__toggle {
    color: #fff;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif
}

.footer__origins__content .habbo__origins__links {
    column-gap: 12px;
    display: none;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0
}

@media (max-width:767px) {
    .footer__origins__content .habbo__origins__links {
        display: -ms-flexbox;
        display: flex
    }
}

.footer__origins__content .habbo__origins__links a {
    font-size: .875rem
}

.captcha__wrapper {
    padding-left: 0
}

.modal .captcha__wrapper {
    padding: 0
}

.captcha__wrapper .form__field {
    min-height: 78px
}

.modal .captcha>* {
    margin: -2.6px 0 0 -10px;
    transform: scale(.93333)
}

@media (min-width:767px) {
    .form__popover--captcha {
        top: 14px
    }
}

habbo-email-address[type=box] .form__fieldset {
    background-color: #103960;
    border-radius: 3px;
    padding: 12px
}

habbo-email-address[type=box] .form__fieldset+habbo-email-address[type=box] .form__fieldset {
    margin-top: -23px
}

.password-strength__label {
    margin-bottom: 12px
}

.password-strength__field {
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 5px
}

.password-strength__indicator {
    border-radius: 2px;
    height: 4px;
    transition: background-color .25s ease-out, width .5s ease-out;
    width: 0%
}

.password-strength__indicator--fail {
    background-color: #b00049
}

.password-strength__indicator--poor {
    background-color: #ff4086
}

.password-strength__indicator--fair {
    background-color: #ffde00
}

.password-strength__indicator--ok {
    background-color: #0efd00
}

.password-strength__indicator--good {
    background-color: #56af37
}

[habbo-password-toggle-mask] {
    padding-right: 35px
}

.password-toggle-mask__icon {
    background-position: -586px -500px;
    width: 19px;
    height: 11px;
    cursor: pointer;
    display: block;
    line-height: inherit;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 12.1px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .password-toggle-mask__icon {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -498px -396px;
        background-size: 709px 650px
    }
}

.password-toggle-mask__icon.active {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -565px -500px;
    width: 19px;
    height: 11px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .password-toggle-mask__icon.active {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -478px -396px;
        background-size: 709px 650px
    }
}

habbo-search {
    display: block;
    margin: 12px;
    position: relative
}

.search__clear,
habbo-search::before {
    width: 18px;
    position: absolute;
    top: .5em;
    display: block;
    content: ''
}

habbo-search::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -563px -564px;
    height: 20px;
    left: 12px;
    pointer-events: none
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-search::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -691px -565px;
        background-size: 709px 650px
    }
}

.search__input {
    padding-left: 34px;
    padding-right: 34px
}

.search__clear {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png) -160px -617px;
    border: 0;
    padding: 0;
    height: 18px;
    right: 12px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .search__clear {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -323px -559px;
        background-size: 709px 650px
    }
}

habbo-header-small {
    background: #069;
    display: block
}

habbo-header-large {
    background: #069;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

habbo-header-large .sticky-header {
    background: #25b8ee;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width:767px) {
    habbo-header-large {
        display: block
    }

    habbo-header-large .sticky-header {
        background: rgba(0, 0, 0, .5);
        -ms-flex-order: 1;
        order: 1
    }

    habbo-header-large habbo-navigation {
        display: block
    }
}

habbo-header-large habbo-navigation {
    -ms-flex-order: 3;
    order: 3
}

habbo-register-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: right;
    justify-content: right;
    margin: 0 auto;
    max-width: 1200px
}

.header__top {
    background-color: #00334c;
    position: relative;
    width: 100%;
    z-index: 500
}

.header__top__content {
    min-height: 41px;
    padding: 48px 0;
    text-align: center
}

@media (min-width:767px) {
    habbo-register-banner {
        height: 412px
    }

    .header__top {
        background-color: rgba(0, 0, 0, .5);
        height: 100px
    }

    .header__top__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        max-height: 122px;
        padding: 6px 0
    }
}

.header__top .header__login-form,
.register-banner__register .header__login-form {
    max-height: 535px
}

.header__top__toggle {
    display: inline-block;
    text-align: center;
    background: 0 0;
    border: 0;
    padding: 0;
    border-radius: 3px;
    line-height: 17px
}

.header__top__toggle.ng-animate {
    transition: opacity .15s ease-out
}

.header__top__toggle.ng-hide {
    opacity: 0
}

.header__top__toggle:active,
.header__top__toggle:hover {
    border-bottom-style: solid;
    border-bottom-width: 0;
    background-color: transparent
}

.header__top__toggle::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -446px -375px;
    width: 17px;
    height: 17px;
    content: '';
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .header__top__toggle::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -561px -495px;
        background-size: 709px 650px
    }
}

.header__top .header__login-form.ng-animate {
    transition: max-height .15s ease-out
}

.header__top .header__login-form.ng-hide {
    max-height: 0
}

@media (min-width:767px) {
    .header__top__toggle {
        display: none
    }

    .header__top .header__login-form.ng-hide {
        display: block !important;
        margin-top: 0;
        max-height: none;
        overflow: visible
    }
}

.header__habbo__logo {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: 0 -617px;
    width: 116px;
    height: 46px;
    display: none
}

.header__habbo__logo:active,
.header__habbo__logo:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .header__habbo__logo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: 0 -604px;
        background-size: 709px 650px
    }
}

@media (min-width:767px) {
    .header__habbo__logo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
        background-position: -166px 0;
        width: 197px;
        height: 73px;
        display: block;
        margin-bottom: -12px
    }
}

@media (min-width:767px) and (min-resolution:192dpi),
(min-width:767px) and (min-resolution:2dppx) {
    .header__habbo__logo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -165px 0;
        background-size: 709px 650px
    }
}

habbo-header-small .header__habbo__logo {
    display: block
}

.header__habbo__name {
    line-height: 0;
    text-indent: -9999px
}

.header__wrapper {
    zoom: 1;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    position: relative;
    z-index: 200
}

.header__wrapper::after,
.header__wrapper::before {
    content: '';
    display: table
}

.header__aside {
    margin-left: auto
}

.header__aside--user-menu {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-right: -12px
}

.header__login__button {
    background: #02353c;
    font-size: 16px;
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    border: 2px solid #267b91;
    border-radius: 3px;
    padding: 5px 12px;
    text-transform: uppercase
}

.hotel-button-beta,
.hotel-button-native {
    border-radius: 5px 0 0 5px;
    box-shadow: none;
    text-transform: uppercase
}

.header__login__button:active,
.header__login__button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.header__login__icon {
    position: relative;
    padding-left: 23px;
    line-height: 22px
}

.header__login__icon::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -446px -375px;
    width: 17px;
    height: 17px;
    content: '';
    display: block;
    margin-top: -8.5px;
    position: absolute;
    top: 50%;
    left: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .header__login__icon::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -561px -495px;
        background-size: 709px 650px
    }
}

.header__login__icon:active,
.header__login__icon:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.hotel-button-beta {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #ffb900;
    border-color: #ffea00;
    color: #000;
    font-size: 16px;
    border-width: 2px 1px 2px 2px;
    border-style: solid;
    margin-bottom: 12px;
    filter: drop-shadow(-1px 4px 0 rgba(0, 0, 0, .3));
    position: relative;
    margin-right: 19px;
    margin-top: 7px;
    padding: 6px 12px
}

.hotel-button-beta::after,
.hotel-button-beta::before {
    position: absolute;
    content: '';
    display: block;
    border-style: solid
}

.hotel-button-beta:hover {
    background-color: #ffd400;
    border-color: #fffd70
}

.hotel-button-beta:active,
.hotel-button-beta:disabled {
    background-color: #f89400;
    border-color: #ffce37
}

.hotel-button-beta:active,
.hotel-button-beta:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.hotel-button-beta:active {
    transform: translate(0, 2px);
    filter: drop-shadow(-1px 2px 0 rgba(0, 0, 0, .3));
    box-shadow: none
}

.hotel-button-beta::before {
    border-width: 20px;
    top: -2px;
    border-color: transparent transparent transparent #ffea00;
    right: -41px
}

.hotel-button-beta::after {
    border-width: 18px;
    top: 0;
    border-color: transparent transparent transparent #ffb900;
    right: -36px
}

.hotel-button-beta:hover::before {
    border-color: transparent transparent transparent #fffd70
}

.hotel-button-beta:hover::after {
    border-color: transparent transparent transparent #ffd400
}

.hotel-button-beta:active::before,
.hotel-button-beta:disabled::before {
    border-color: transparent transparent transparent #ffce37
}

.hotel-button-beta:active::after,
.hotel-button-beta:disabled::after {
    border-color: transparent transparent transparent #f89400
}

.hotel-button-beta-modal .modal-dialog .modal-content {
    background-color: #006392;
    padding-bottom: 6px
}

.hotel-button-beta-modal .modal__content {
    margin-bottom: 6px;
    max-width: 100%;
    padding: 6px 12px
}

.hotel-button-beta__text {
    position: relative;
    padding-right: 27px;
    text-align: right;
    line-height: 26px
}

.hotel-button-beta__text::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -342px -145px;
    width: 21px;
    height: 26px;
    content: '';
    display: block;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .hotel-button-beta__text::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -297px -278px;
        background-size: 709px 650px
    }
}

.hotel-button-beta__text:active,
.hotel-button-beta__text:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.hotel-button-native {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #00813e;
    border-color: #8eda55;
    color: #fff;
    font-size: 16px;
    border-width: 2px 1px 2px 2px;
    border-style: solid;
    margin-bottom: 12px;
    filter: drop-shadow(-1px 4px 0 rgba(0, 0, 0, .3));
    position: relative;
    margin-right: 19px;
    margin-top: 7px;
    padding: 6px 12px
}

.hotel-button-native::after,
.hotel-button-native::before {
    display: block;
    position: absolute;
    border-style: solid;
    content: ''
}

.hotel-button-native:hover {
    background-color: #00ab54;
    border-color: #b9f373
}

.hotel-button-native:active,
.hotel-button-native:disabled {
    background-color: #006743;
    border-color: #5abb37
}

.hotel-button-native:active,
.hotel-button-native:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.hotel-button-native:active {
    transform: translate(0, 2px);
    filter: drop-shadow(-1px 2px 0 rgba(0, 0, 0, .3));
    box-shadow: none
}

.hotel-button-native::before {
    border-width: 20px;
    top: -2px;
    border-color: transparent transparent transparent #8eda55;
    right: -41px
}

.hotel-button-native::after {
    border-width: 18px;
    top: 0;
    border-color: transparent transparent transparent #00813e;
    right: -36px
}

.hotel-button-native:hover::before {
    border-color: transparent transparent transparent #b9f373
}

.hotel-button-native:hover::after {
    border-color: transparent transparent transparent #00ab54
}

.hotel-button-native:active::before,
.hotel-button-native:disabled::before {
    border-color: transparent transparent transparent #5abb37
}

.hotel-button-native:active::after,
.hotel-button-native:disabled::after {
    border-color: transparent transparent transparent #006743
}

.hotel-button-native-modal .modal-dialog .modal-content {
    background-color: #006392;
    padding-bottom: 6px
}

.hotel-button-native-modal p {
    display: none
}

.hotel-button-native-modal .modal__content {
    margin-bottom: 6px;
    max-width: 100%;
    padding: 6px 12px
}

@media (max-width:767px) {
    .hotel-button-native-modal p {
        display: block;
        font-size: 1.25rem !important;
        margin-top: 50px;
        text-align: center
    }

    .hotel-button-native-modal .modal__content {
        display: none
    }
}

.hotel-button-native__text {
    position: relative;
    padding-right: 22px;
    text-align: right;
    line-height: 24px
}

.hotel-button-native__text::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -500px -499px;
    width: 16px;
    height: 16px;
    content: '';
    display: block;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .hotel-button-native__text::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -615px -495px;
        background-size: 709px 650px
    }
}

.hotel-button-native__text:active,
.hotel-button-native__text:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.habbo-origins .hotel-button-native {
    margin: 0 38px 0 10px
}

@media (max-width:767px) {
    .habbo-origins habbo-origins-checkin-button.play-hide {
        display: none
    }

    .habbo-origins .hotel-button-native {
        margin: 0 17px 0 10px
    }

    .habbo-origins .hotel-button-native__text {
        font-size: .875rem;
        padding-right: 6px
    }
}

.habbo-origins .hotel-button-native__text::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo/happo_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 25px;
    margin-top: -5px;
    right: -5px;
    top: 0;
    width: 25px
}

@media (max-width:767px) {
    .habbo-origins .hotel-button-native__text::before {
        height: 20px;
        margin-top: -3px;
        right: -15px;
        top: 0;
        width: 20px
    }
}

.native-hotel-launch__group {
    background-color: #0086b9;
    border-radius: 6px;
    margin-top: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center
}

.native-hotel-launch__group__desc {
    color: #fff
}

.native-hotel-launch__group__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #00813e;
    border-color: #8eda55;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase
}

.native-hotel-launch__group__button:hover {
    background-color: #00ab54;
    border-color: #b9f373
}

.native-hotel-launch__group__button:active,
.native-hotel-launch__group__button:disabled {
    background-color: #006743;
    border-color: #5abb37
}

.native-hotel-launch__group__button:active,
.native-hotel-launch__group__button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.native-hotel-launch__group__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.native-hotel-launch__group__button .copied {
    opacity: .7
}

.native-hotel-download:disabled,
.native-hotel-launch__app:disabled {
    opacity: .4
}

.native-hotel-launch__group__code {
    background-color: #0086b9;
    border: 0;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    width: 100%
}

.native-hotel-download,
.native-hotel-launch__app {
    color: #fff;
    border-radius: 5px;
    border-style: solid;
    margin-bottom: 12px;
    text-align: center
}

.native-hotel-launch__group .password-toggle-mask__icon {
    filter: brightness(0) invert(1);
    float: right;
    left: -36px;
    position: relative;
    right: 0;
    top: -36px
}

.native-hotel-launch__app {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    background-color: #00813e;
    border-color: #8eda55;
    border-width: 2px;
    font-size: 20px;
    margin-top: -3px;
    padding: 24px;
    text-transform: none;
    width: 100%
}

.native-hotel-launch__app:hover {
    background-color: #00ab54;
    border-color: #b9f373
}

.native-hotel-launch__app:active,
.native-hotel-launch__app:disabled {
    background-color: #006743;
    border-color: #5abb37
}

.native-hotel-launch__app:active,
.native-hotel-launch__app:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.native-hotel-launch__app:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.native-hotel-launch__app__icon {
    position: relative;
    padding-left: 50px;
    line-height: 44px;
    float: left;
    padding-top: 24px
}

.native-hotel-launch__app__icon::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -245px;
    width: 44px;
    height: 44px;
    content: '';
    display: block;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    left: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .native-hotel-launch__app__icon::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -240px;
        background-size: 709px 650px
    }
}

.native-hotel-launch__app__icon:active,
.native-hotel-launch__app__icon:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.native-hotel-launch__app__text {
    text-align: center
}

.habbo-origins .native-hotel-launch__app__icon::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo/happo_logo.png);
    background-position: center;
    background-size: contain;
    height: 38px;
    width: 38px
}

.native-hotel-download {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    background-color: #957002;
    border-color: #fac832;
    font-size: 16px;
    padding: 12px 24px;
    border-width: 2px;
    text-transform: uppercase;
    width: 100%
}

.native-hotel-download:hover {
    background-color: #c79603;
    border-color: #fbd564
}

.native-hotel-download:active,
.native-hotel-download:disabled {
    background-color: #957002;
    border-color: #fac832
}

.native-hotel-download:active,
.native-hotel-download:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.native-hotel-download__icon:active,
.native-hotel-download__icon:hover,
.navigation__link--community:active,
.navigation__link--community:hover,
.navigation__link--habbo-nft:active,
.navigation__link--habbo-nft:hover,
.navigation__link--home:active,
.navigation__link--home:hover,
.navigation__link--playing-habbo:active,
.navigation__link--playing-habbo:hover,
.navigation__link--shop:active,
.navigation__link--shop:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.native-hotel-download:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.native-hotel-download__icon {
    position: relative;
    padding-left: 28px;
    line-height: 24px;
    float: left;
    padding-top: 12px
}

.native-hotel-download__icon::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -330px -187px;
    width: 22px;
    height: 23px;
    content: '';
    display: block;
    margin-top: -11.5px;
    position: absolute;
    top: 50%;
    left: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .native-hotel-download__icon::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -627px;
        background-size: 709px 650px
    }
}

.native-hotel-download__text {
    text-transform: none
}

.native-hotel-download__faq {
    text-align: center
}

.native-hotel-download__desc {
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center
}

.navigation {
    position: relative;
    background-color: rgba(255, 255, 255, .9);
    z-index: 100
}

.navigation::before {
    background: linear-gradient(rgba(0, 0, 0, .3), transparent);
    bottom: -2px;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%
}

.navigation__menu {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 12px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%
}

.navigation__item {
    padding: 0 6px;
    text-align: center
}

@media (min-width:1199px) {
    .navigation__menu {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navigation__item {
        text-align: left;
        padding-right: 48px
    }

    .navigation__item--aside {
        margin-left: auto
    }
}

.navigation__item--aside {
    padding-right: 0
}

.navigation__item--hotel {
    display: none;
    white-space: nowrap
}

@media (min-width:767px) {
    .navigation__item--hotel {
        display: list-item
    }
}

.navigation__link {
    font-size: 12px;
    display: block
}

.navigation__link--home {
    color: #036;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    text-transform: uppercase
}

.navigation__link--home:hover {
    color: #999
}

.navigation__link--home:active {
    color: #09c
}

.navigation__link--home::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -281px -564px;
    width: 22px;
    height: 22px;
    content: '';
    display: block;
    margin: 0 auto 3px;
    vertical-align: middle
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--home::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -426px -513px;
        background-size: 709px 650px
    }
}

@media (min-width:1199px) {
    .navigation__link {
        font-size: 24px;
        white-space: nowrap
    }

    .navigation__link--home::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
        background-position: -281px -564px;
        width: 22px;
        height: 22px;
        content: '';
        display: inline-block;
        margin-right: 6px;
        vertical-align: middle
    }
}

@media (min-width:1199px) and (min-resolution:192dpi),
(min-width:1199px) and (min-resolution:2dppx) {
    .navigation__link--home::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -426px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--home:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -305px -564px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--home:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -449px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--home:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -329px -564px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--home:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -472px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--community {
    color: #036;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    text-transform: uppercase
}

.navigation__link--community:hover {
    color: #999
}

.navigation__link--community:active {
    color: #09c
}

.navigation__link--community::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -425px -564px;
    width: 22px;
    height: 22px;
    content: '';
    display: block;
    margin: 0 auto 3px;
    vertical-align: middle
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--community::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -564px -513px;
        background-size: 709px 650px
    }
}

@media (min-width:1199px) {
    .navigation__link--community::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
        background-position: -425px -564px;
        width: 22px;
        height: 22px;
        content: '';
        display: inline-block;
        margin-right: 6px;
        vertical-align: middle
    }
}

@media (min-width:1199px) and (min-resolution:192dpi),
(min-width:1199px) and (min-resolution:2dppx) {
    .navigation__link--community::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -564px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--community:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -449px -564px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--community:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -587px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--community:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -473px -564px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--community:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -495px -471px;
        background-size: 709px 650px
    }
}

.navigation__link--shop {
    color: #036;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    text-transform: uppercase
}

.navigation__link--shop:hover {
    color: #999
}

.navigation__link--shop:active {
    color: #09c
}

.navigation__link--shop::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -353px -564px;
    width: 22px;
    height: 22px;
    content: '';
    display: block;
    margin: 0 auto 3px;
    vertical-align: middle
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--shop::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -495px -513px;
        background-size: 709px 650px
    }
}

@media (min-width:1199px) {
    .navigation__link--shop::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
        background-position: -353px -564px;
        width: 22px;
        height: 22px;
        content: '';
        display: inline-block;
        margin-right: 6px;
        vertical-align: middle
    }
}

@media (min-width:1199px) and (min-resolution:192dpi),
(min-width:1199px) and (min-resolution:2dppx) {
    .navigation__link--shop::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -495px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--shop:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -377px -564px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--shop:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -518px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--shop:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -401px -564px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--shop:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -541px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--playing-habbo {
    color: #036;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    text-transform: uppercase
}

.navigation__link--playing-habbo:hover {
    color: #999
}

.navigation__link--playing-habbo:active {
    color: #09c
}

.navigation__link--playing-habbo::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -525px -475px;
    width: 22px;
    height: 22px;
    content: '';
    display: block;
    margin: 0 auto 3px;
    vertical-align: middle
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--playing-habbo::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -518px -471px;
        background-size: 709px 650px
    }
}

@media (min-width:1199px) {
    .navigation__link--playing-habbo::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
        background-position: -525px -475px;
        width: 22px;
        height: 22px;
        content: '';
        display: inline-block;
        margin-right: 6px;
        vertical-align: middle
    }
}

@media (min-width:1199px) and (min-resolution:192dpi),
(min-width:1199px) and (min-resolution:2dppx) {
    .navigation__link--playing-habbo::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -518px -471px;
        background-size: 709px 650px
    }
}

.navigation__link--playing-habbo:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -572px -517px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--playing-habbo:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -357px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--playing-habbo:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -596px -517px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--playing-habbo:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -380px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--habbo-nft {
    color: #036;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    text-transform: uppercase
}

.navigation__link--habbo-nft:hover {
    color: #999
}

.navigation__link--habbo-nft:active {
    color: #09c
}

.navigation__link--habbo-nft::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -353px -564px;
    width: 22px;
    height: 22px;
    content: '';
    display: block;
    margin: 0 auto 3px;
    vertical-align: middle
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--habbo-nft::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -495px -513px;
        background-size: 709px 650px
    }
}

@media (min-width:1199px) {
    .navigation__link--habbo-nft::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
        background-position: -353px -564px;
        width: 22px;
        height: 22px;
        content: '';
        display: inline-block;
        margin-right: 6px;
        vertical-align: middle
    }
}

@media (min-width:1199px) and (min-resolution:192dpi),
(min-width:1199px) and (min-resolution:2dppx) {
    .navigation__link--habbo-nft::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -495px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--habbo-nft:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -377px -564px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--habbo-nft:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -518px -513px;
        background-size: 709px 650px
    }
}

.navigation__link--habbo-nft:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -401px -564px;
    width: 22px;
    height: 22px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .navigation__link--habbo-nft:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -541px -513px;
        background-size: 709px 650px
    }
}

.navigation__origins {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 12px
}

.navigation__origins__menu {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 50px
}

.navigation__origins__menu__item {
    background-color: #cc8a2f;
    border: 1px solid #141414;
    border-radius: 10px 10px 0 0;
    display: block;
    margin-right: 1px;
    padding: 6px;
    position: relative;
    width: auto
}

@media (min-width:959px) {
    .navigation__origins__menu__item {
        padding: 6px 10px
    }
}

@media (min-width:1199px) {
    .navigation__origins__menu__item {
        margin-right: 6px;
        padding: 6px 24px
    }
}

.navigation__origins__menu__item--active {
    background-color: #ffb31b;
    border-bottom: 1px solid #ffb31b
}

.navigation__origins__menu__item__link {
    color: #402d0a;
    font-family: Ubuntu, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    text-transform: uppercase;
    display: block;
    line-height: normal;
    width: 100%
}

.navigation__origins__menu__item__link:active,
.navigation__origins__menu__item__link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.navigation__origins__menu__item__link--active,
.navigation__origins__menu__item__link:active,
.navigation__origins__menu__item__link:hover {
    color: #402d0a
}

.navigation__origins__menu__item__link__divider {
    border: 1px solid #ffb31b;
    bottom: -2px;
    left: 0;
    position: absolute;
    width: 100%
}

.user-menu__name:active,
.user-menu__name:hover,
.user-menu__toggle:active,
.user-menu__toggle:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.user-menu {
    position: relative;
    width: 190px
}

@media (min-width:532px) {
    .user-menu {
        width: 240px
    }
}

.user-menu__header {
    left: 0;
    padding: 0 12px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 201
}

@media (min-width:532px) {
    .user-menu__header {
        padding-left: 24px;
        padding-right: 24px
    }
}

.user-menu__toggle {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    position: relative
}

.user-menu__name {
    position: relative;
    padding-left: 24px;
    line-height: 22px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
    text-transform: none
}

.user-menu__link,
.user-menu__name__wrapper {
    color: #fff;
    text-transform: uppercase;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif
}

.user-menu__name::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -280px -617px;
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    left: 0;
    transition: transform .3s
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__name::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -516px -494px;
        background-size: 709px 650px
    }
}

.user-menu__name--open::before {
    transform: rotate(180deg)
}

.user-menu__name__wrapper {
    background: #02353c;
    font-size: 16px;
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    border: 2px solid #267b91;
    border-radius: 3px;
    padding: 5px 39px 5px 12px;
    width: 145px
}

.user-menu__name__wrapper:active,
.user-menu__name__wrapper:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

@media (min-width:532px) {
    .user-menu__name__wrapper {
        width: 171px
    }
}

.user-menu__avatar {
    display: block;
    position: relative;
    position: absolute;
    right: -6px;
    top: 3px
}

.user-menu__avatar::before {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #02353c;
    border: 2px solid #267b91;
    border-radius: 50%;
    content: '';
    height: 46px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 46px
}

.user-menu__link--help:active,
.user-menu__link--help:hover,
.user-menu__link--logout:active,
.user-menu__link--logout:hover,
.user-menu__link--profile:active,
.user-menu__link--profile:hover,
.user-menu__link--settings:active,
.user-menu__link--settings:hover,
.user-menu__link:active,
.user-menu__link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.user-menu__avatar img,
.user-menu__link--profile {
    position: relative
}

.user-menu__list {
    max-height: 240px;
    background-color: rgba(0, 0, 0, .9);
    border-radius: 10px;
    z-index: 200
}

.user-menu__list.ng-hide {
    opacity: 0;
    max-height: 0
}

.user-menu__list.ng-animate {
    transition: max-height .15s ease-out
}

.user-menu__list.ng-hide-animate {
    overflow: hidden
}

@media (min-width:532px) {
    .user-menu__list {
        max-height: 220px
    }

    .user-menu__list.ng-animate {
        transition: max-height .15s ease-out
    }

    .user-menu__list.ng-hide {
        max-height: 0
    }

    .user-menu__list.ng-hide-animate {
        overflow: hidden
    }
}

.user-menu__list.ng-animate.ng-hide-add {
    transition: max-height .2s ease-out, opacity .1s ease-out .05s
}

.user-menu__list.ng-animate.ng-hide-remove {
    transition: max-height .2s ease-out, opacity .1s ease-out
}

.user-menu__item {
    padding: 1px 12px 0
}

.user-menu__link--help,
.user-menu__link--logout,
.user-menu__link--profile,
.user-menu__link--settings {
    padding-left: 24px;
    line-height: 22px
}

@media (min-width:532px) {
    .user-menu__item {
        padding-left: 24px;
        padding-right: 24px
    }
}

.user-menu__item:first-child {
    padding-top: 70px
}

.user-menu__item:last-child {
    padding-bottom: 12px
}

.user-menu__link {
    display: block;
    padding-bottom: 6px;
    padding-top: 6px
}

.user-menu__link--active {
    color: #09c
}

.user-menu__link:hover {
    color: #999
}

.user-menu__link:active {
    color: #09c
}

.user-menu__link--profile::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -583px -564px;
    width: 18px;
    height: 20px;
    content: '';
    display: block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 0
}

.user-menu__link--help::before,
.user-menu__link--logout::before,
.user-menu__link--settings::before {
    margin-top: -9px;
    top: 50%;
    left: 0;
    width: 18px;
    display: block;
    content: ''
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--profile::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -691px -596px;
        background-size: 709px 650px
    }
}

.user-menu__link--profile:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -623px -564px;
    width: 18px;
    height: 20px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--profile:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -133px -559px;
        background-size: 709px 650px
    }
}

.user-menu__link--profile:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -603px -564px;
    width: 18px;
    height: 20px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--profile:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -541px -471px;
        background-size: 709px 650px
    }
}

.user-menu__link--settings {
    position: relative
}

.user-menu__link--settings::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -320px -617px;
    height: 18px;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--settings::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -285px -559px;
        background-size: 709px 650px
    }
}

.user-menu__link--settings:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -200px -617px;
    width: 18px;
    height: 18px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--settings:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -266px -559px;
        background-size: 709px 650px
    }
}

.user-menu__link--settings:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -240px -617px;
    width: 18px;
    height: 18px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--settings:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -304px -559px;
        background-size: 709px 650px
    }
}

.user-menu__link--help {
    position: relative
}

.user-menu__link--help::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -220px -617px;
    height: 18px;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--help::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -535px -494px;
        background-size: 709px 650px
    }
}

.user-menu__link--help:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -260px -617px;
    width: 18px;
    height: 18px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--help:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -190px -559px;
        background-size: 709px 650px
    }
}

.user-menu__link--help:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -180px -617px;
    width: 18px;
    height: 18px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--help:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -171px -559px;
        background-size: 709px 650px
    }
}

.user-menu__link--logout {
    position: relative
}

.user-menu__link--logout::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -300px -617px;
    height: 18px;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--logout::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -247px -559px;
        background-size: 709px 650px
    }
}

.user-menu__link--logout:hover::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -140px -617px;
    width: 18px;
    height: 18px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--logout:hover::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -209px -559px;
        background-size: 709px 650px
    }
}

.user-menu__link--logout:active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -340px -617px;
    width: 18px;
    height: 18px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .user-menu__link--logout:active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -228px -559px;
        background-size: 709px 650px
    }
}

habbo-hotel-closed {
    border-radius: 10px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #151124;
    color: #b996ee;
    display: block
}

@media (min-width:532px) {
    habbo-hotel-closed {
        padding-left: 24px;
        padding-right: 24px
    }
}

.hotel-closed::before {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_frank_closed.png);
    content: '';
    display: block;
    height: 88px;
    width: 118px;
    margin: 0 auto 24px
}

@media (min-width:767px) {
    .hotel-closed {
        position: relative
    }

    .hotel-closed::before {
        -ms-interpolation-mode: bicubic;
        image-rendering: pixelated;
        background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_frank_closed.png);
        content: '';
        display: block;
        height: 88px;
        width: 118px;
        position: absolute;
        right: 0;
        top: 0
    }
}

.hotel-closed__list {
    list-style-type: disc;
    margin: 12px 0;
    padding-left: 26px
}

.modal-backdrop.lightbox-backdrop {
    background: rgba(0, 0, 0, .9)
}

.modal.lightbox-modal .modal-dialog {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    max-width: 100%;
    min-height: 100%;
    opacity: 0;
    pointer-events: none;
    transform: none;
    width: 100%
}

.modal.lightbox-modal.in .modal-dialog {
    opacity: 1
}

.modal.lightbox-modal .modal-content {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-height: 0;
    overflow: auto;
    pointer-events: auto
}

.modal__close.lightbox__close {
    position: fixed
}

.lightbox__image {
    display: block
}

habbo-like {
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -ms-flexbox;
    display: flex
}

.like__action {
    line-height: 24px
}

.like__thumb {
    padding-left: 6px
}

.like__icon {
    display: block
}

.like__users {
    color: #666;
    cursor: auto;
    display: inline-block;
    min-width: 240px;
    position: absolute;
    z-index: 400;
    padding-bottom: 14px;
    bottom: 100%;
    font-size: 16px;
    right: -9px;
    white-space: nowrap
}

.like__users.ng-animate {
    transition: opacity .15s ease-out, transform .15s ease-out;
    transform-origin: bottom right
}

.like__users.ng-hide {
    opacity: 0;
    transform: translateX(-2px) scale(.9)
}

.like__users * {
    text-shadow: none
}

.like__users ul {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    border: 1px solid #acacac
}

.like__users li {
    background-color: #fff;
    padding: 0 6px
}

.like__users li:not(:first-child) {
    border-top: 0
}

.like__users li:not(:last-child) {
    border-bottom: 0
}

.like__users li>* {
    border-bottom: 1px solid #acacac;
    display: block
}

.like__users li>:active,
.like__users li>:hover {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #f5f5f5
}

.like__users li:last-child>* {
    border-bottom: 0
}

.like__users::after,
.like__users::before {
    border: solid transparent;
    content: '';
    overflow: visible;
    position: absolute;
    z-index: 410;
    right: 6px;
    margin-top: -15px;
    top: 100%;
    border-bottom: 0
}

.like__user,
.news-box,
.rooms__header__title::after,
.tabs__menu.ng-hide-animate,
.toast,
habbo-message-container {
    overflow: hidden
}

.like__users::before {
    border-color: transparent;
    border-width: 14px;
    margin-right: 0
}

.like__users::after {
    border-color: transparent;
    border-width: 13px;
    margin-right: 1px
}

.like__users::before {
    border-top-color: #acacac
}

.like__users::after {
    border-top-color: #fff
}

.like__user.ng-enter,
.like__user.ng-leave {
    transition: max-height .15s ease-out
}

.like__user.ng-enter,
.like__user.ng-leave.ng-leave-active {
    max-height: 0
}

.like__user.ng-enter.ng-enter-active,
.like__user.ng-leave {
    max-height: 64px
}

.like__user .avatar__title {
    color: #39c;
    padding-right: 12px
}

.like__more {
    background-color: #eee;
    color: #acacac;
    display: block;
    padding: 12px;
    text-align: right
}

habbo-message-container {
    margin-bottom: 24px;
    border-radius: 3px;
    padding: 24px 12px;
    background-color: #103960;
    display: block
}

habbo-message-container[type=exclamation] .message-container::before,
habbo-message-container[type=check] .message-container::before,
habbo-message-container[type='x'] .message-container::before,
habbo-message-container[type='2fa-on'] .message-container::before,
habbo-message-container[type='2fa-off'] .message-container::before {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #fff;
    border-radius: 50%;
    content: '';
    display: block;
    left: 0
}

habbo-message-container:empty,
habbo-message-container:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    habbo-message-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

.message-container {
    min-height: 50px;
    padding-left: 62px
}

@media (min-width:532px) {
    .message-container {
        padding-left: 74px
    }
}

habbo-message-container[type=exclamation] .message-container {
    position: relative
}

habbo-message-container[type=exclamation] .message-container::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -348px -75px;
    width: 10px;
    height: 45px;
    content: '';
    display: block;
    left: 0;
    margin-left: 20px;
    position: absolute;
    top: 2.5px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-message-container[type=exclamation] .message-container::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -345px -74px;
        background-size: 709px 650px
    }
}

habbo-message-container[type=exclamation] .message-container::before {
    height: 50px;
    position: absolute;
    top: 0;
    width: 50px
}

habbo-message-container[type=check] .message-container {
    position: relative
}

habbo-message-container[type=check] .message-container::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -327px -280px;
    width: 22px;
    height: 27px;
    content: '';
    display: block;
    left: 0;
    margin-left: 14px;
    position: absolute;
    top: 11.5px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-message-container[type=check] .message-container::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -338px -143px;
        background-size: 709px 650px
    }
}

habbo-message-container[type=check] .message-container::before {
    height: 50px;
    position: absolute;
    top: 0;
    width: 50px
}

habbo-message-container[type='x'] .message-container {
    position: relative
}

habbo-message-container[type='x'] .message-container::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -300px -280px;
    width: 25px;
    height: 27px;
    content: '';
    display: block;
    left: 0;
    margin-left: 12px;
    position: absolute;
    top: 11.5px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-message-container[type='x'] .message-container::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -192px -185px;
        background-size: 709px 650px
    }
}

habbo-message-container[type='x'] .message-container::before {
    height: 50px;
    position: absolute;
    top: 0;
    width: 50px
}

habbo-message-container[type='2fa-on'] .message-container {
    position: relative
}

habbo-message-container[type='2fa-on'] .message-container::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -500px -417px;
    width: 52px;
    height: 56px;
    content: '';
    display: block;
    left: 0;
    margin-left: -1px;
    position: absolute;
    top: -3px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-message-container[type='2fa-on'] .message-container::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -495px -414px;
        background-size: 709px 650px
    }
}

habbo-message-container[type='2fa-on'] .message-container::before {
    height: 50px;
    position: absolute;
    top: 0;
    width: 50px
}

habbo-message-container[type='2fa-off'] .message-container {
    position: relative
}

habbo-message-container[type='2fa-off'] .message-container::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -400px -317px;
    width: 52px;
    height: 56px;
    content: '';
    display: block;
    left: 0;
    margin-left: -1px;
    position: absolute;
    top: -3px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-message-container[type='2fa-off'] .message-container::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -396px -315px;
        background-size: 709px 650px
    }
}

habbo-message-container[type='2fa-off'] .message-container::before {
    height: 50px;
    position: absolute;
    top: 0;
    width: 50px
}

.toast-top-center {
    left: 12px;
    pointer-events: none;
    position: fixed;
    right: 12px;
    top: 12px;
    width: calc(100% - 24px);
    z-index: 1200
}

.toast {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    border-radius: 5px;
    cursor: pointer;
    display: table;
    margin: 0 auto 12px;
    max-width: 620px;
    padding: 12px 12px 16px;
    pointer-events: all;
    position: relative
}

.toast:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}

.toast-button,
.toast.toast-error::before,
.toast.toast-success::before {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3)
}

.toast::after,
.toast::before {
    margin-top: 12px
}

.toast-sticky .toast {
    cursor: initial;
    display: block
}

.toast.toast-success {
    position: relative;
    background-color: #00b14e
}

.toast.toast-success::after,
.toast.toast-success::before {
    position: absolute;
    display: block;
    left: 12px;
    content: ''
}

.toast.toast-success::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -327px -280px;
    width: 22px;
    height: 27px;
    margin-left: 14px;
    top: 11.5px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .toast.toast-success::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -338px -143px;
        background-size: 709px 650px
    }
}

.toast.toast-success::before {
    background-color: #fff;
    border-radius: 50%;
    height: 50px;
    top: 0;
    width: 50px
}

.toast.toast-error {
    position: relative;
    background-color: #b00049
}

.toast.toast-error::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -300px -280px;
    width: 25px;
    height: 27px;
    content: '';
    display: block;
    left: 12px;
    margin-left: 12px;
    position: absolute;
    top: 11.5px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .toast.toast-error::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -192px -185px;
        background-size: 709px 650px
    }
}

.toast.toast-error::before {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    display: block;
    height: 50px;
    left: 12px;
    position: absolute;
    top: 0;
    width: 50px
}

.toast-message,
.toast-title {
    padding: 0 24px 0 74px
}

.toast-title {
    font-size: 32px;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    color: #fff;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 .6em;
    text-transform: uppercase
}

.origins__mains .wrapper a.tab__link,
.tab__link {
    font-family: Ubuntu, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    text-transform: uppercase
}

.toast-message {
    color: #fff;
    display: table-cell;
    height: 50px;
    vertical-align: middle
}

.toast-sticky .toast-message {
    display: block;
    height: 100%
}

.toast-message a {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.toast-message a:active,
.toast-message a:hover {
    border: 0
}

.toast-button {
    line-height: 1.2;
    text-align: center;
    background-color: #efefef;
    border-color: #999;
    color: #333;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase;
    display: block;
    margin: 12px auto
}

.social-share__text,
.tab__link {
    color: #fff
}

.toast-button:hover {
    background-color: #fff;
    border-color: #ccc
}

.toast-button:active,
.toast-button:disabled {
    background-color: #999;
    border-color: #666
}

.toast-button:disabled {
    opacity: .4
}

.toast-button:active,
.toast-button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.toast-button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.toast-progress {
    border-bottom: 4px solid rgba(0, 0, 0, .3);
    border-bottom-left-radius: 4px;
    border-top: 4px solid transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 0
}

.room-official-avatar__wrapper {
    display: block;
    position: relative;
    margin-bottom: 12px;
    padding: 6px 12px
}

.room-official-avatar__wrapper::before {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #02353c;
    border: 2px solid #267b91;
    border-radius: 50%;
    content: '';
    height: 46px;
    left: 0;
    position: absolute;
    top: 0;
    width: 46px
}

.origins__mains .wrapper a.tab__link:active,
.origins__mains .wrapper a.tab__link:hover,
.social-share__link:active,
.social-share__link:hover,
.tab__link:active,
.tab__link:hover,
.tabs__toggle__title:active,
.tabs__toggle__title:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.room-official-avatar__inner {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.room-official-avatar__image {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -166px -187px;
    width: 26px;
    height: 28px;
    content: '';
    display: block;
    position: relative
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .room-official-avatar__image {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -165px -185px;
        background-size: 709px 650px
    }
}

.room-official-avatar__text {
    margin-left: 18px
}

happo-social-share {
    display: block;
    width: 100%
}

happo-social-share[type=news] {
    max-width: 759px;
    position: absolute;
    top: 200px
}

@media (min-width:767px) {
    happo-social-share[type=news] {
        top: 300px
    }
}

happo-social-share[type=profile] {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 12px;
    position: relative
}

happo-social-share[type=creation] {
    zoom: 1;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 12px
}

happo-social-share[type=creation]::after,
happo-social-share[type=creation]::before {
    content: '';
    display: table
}

.social-share {
    background-color: rgba(0, 0, 0, .3);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    float: right;
    padding: 6px 12px
}

happo-social-share[type=news] .social-share {
    margin: 3px -3px 0 0;
    padding-top: 3px
}

happo-social-share[type=profile] .social-share {
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 300
}

.social-share__link,
.social-share__text {
    float: right;
    height: 30px;
    line-height: 30px
}

.social-share__link {
    padding-left: 6px
}

.sticky-header {
    transition: transform .15s ease-out
}

@media (min-width:767px) {
    .sticky-header {
        left: 0;
        position: absolute;
        top: 0;
        transform: translateY(-100%);
        z-index: 500
    }

    .sticky-header.sticky-header--top {
        height: fit-content;
        transform: translateY(0)
    }

    .sticky-header.sticky-header--fixed {
        position: fixed;
        transform: translateY(0)
    }

    .sticky-header.sticky-header--hidden {
        position: fixed
    }
}

habbo-tab {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 50px
}

@media (min-width:1199px) {
    habbo-tab:not(:last-child)::after {
        background-color: #406180;
        content: '';
        display: inline-block;
        height: 1em;
        margin-left: 24px;
        margin-right: 24px;
        vertical-align: text-bottom;
        width: 2px
    }
}

.tab {
    display: block;
    width: 100%
}

@media (min-width:1199px) {
    .tab {
        width: auto
    }
}

.tab__link {
    display: block;
    line-height: 50px;
    width: 100%
}

.tab__link--active {
    color: #6796b1
}

.tab__link:hover {
    color: #406180
}

.tab__link:active {
    color: #6796b1
}

.origins__mains .wrapper habbo-tab::after {
    content: none
}

.origins__mains .wrapper a.tab__link {
    color: #330;
    font-size: .875rem;
    font-weight: 400;
    padding: 0 12px;
    text-decoration: none
}

.origins__mains .wrapper a.tab__link--active,
.origins__mains .wrapper a.tab__link:active,
.origins__mains .wrapper a.tab__link:hover {
    color: #fff
}

@media (min-width:959px) {
    .origins__mains .wrapper a.tab__link {
        font-size: 1rem
    }
}

.origins__mains .wrapper a.tab__link--active {
    font-weight: 700
}

habbo-tabs {
    background-color: #001726;
    display: block;
    text-transform: uppercase
}

.tabs {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 12px
}

.tabs__title {
    margin: 0;
    padding-top: 12px;
    text-align: center
}

.tabs__toggle {
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:1199px) {
    .tabs__title {
        text-align: left
    }

    .tabs__toggle {
        display: none
    }
}

.tabs__toggle__title {
    position: relative;
    padding-right: 24px;
    text-align: right;
    line-height: 22px
}

.tabs__toggle__title::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -280px -617px;
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    right: 0;
    transition: transform .3s
}

.register-banner__register .header__login-form.ng-animate,
.tabs__menu.ng-animate {
    transition: max-height .15s ease-out
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .tabs__toggle__title::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -516px -494px;
        background-size: 709px 650px
    }
}

.tabs__toggle__title--active::before {
    transform: rotate(180deg)
}

.tabs__menu {
    max-height: 250px;
    max-height: none
}

.tabs__menu.ng-hide {
    max-height: 0
}

@media (min-width:1199px) {
    .tabs__menu {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .tabs__menu.ng-hide {
        display: -ms-flexbox !important;
        display: flex !important;
        max-height: 50px
    }
}

.habbo-origins habbo-tabs {
    background-color: #ffb31b;
    border-bottom: 1px solid #b67e0c;
    border-radius: 15px 15px 0 0;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    text-transform: none
}

habbo-web-pages {
    display: block
}

.news-article {
    zoom: 1;
    max-width: 759px
}

.news-article::after,
.news-article::before {
    content: '';
    display: table
}

.news-article hr {
    border-width: 0 0 8px;
    clear: both;
    margin: 1.35em auto;
    max-width: 100%
}

.news-article ol {
    list-style-type: decimal;
    margin: 12px 0;
    padding-left: 26px
}

.news-article ul {
    list-style-type: disc;
    margin: 12px 0;
    padding-left: 26px
}

.news-article iframe {
    margin: 24px 0;
    max-width: 100%
}

.news-article img {
    vertical-align: middle
}

.news-article .remove-link:active,
.news-article .remove-link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.news-article .align-center,
.news-article .align-left,
.news-article .align-right {
    display: block;
    margin: 12px auto
}

@media (min-width:532px) {
    .news-article .align-left {
        float: left;
        margin: 12px 24px 12px 0
    }

    .news-article .align-right {
        display: inline-block;
        float: right;
        margin: 12px 0 12px 24px
    }
}

@media (min-width:767px) {
    .news-article {
        padding: 0 24px
    }
}

.origins__community__article .news-header--column:first-child,
.origins__community__article .news-header--single {
    border-bottom: 1px solid #b67e0c;
    height: auto;
    margin-bottom: 6px;
    padding-bottom: 6px
}

.news-category__link:active,
.news-category__link:hover,
.news-category__next:active,
.news-category__next:hover,
.news-category__previous:active,
.news-category__previous:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

@media (min-width:767px) {

    .origins__community__article .news-header--column:first-child,
    .origins__community__article .news-header--single {
        margin-bottom: 24px;
        padding-bottom: 24px
    }
}

.origins__community__article .news-header__banner,
.origins__community__article happo-social-share {
    display: none
}

.origins__community__article .news-header__info {
    left: 0;
    position: absolute;
    top: 0
}

.origins__community__article .news-header__info .news-header__categories {
    float: left;
    margin-right: 6px
}

.origins__community__article .news-header__info .news-header__category__link,
.origins__community__article .news-header__info .news-header__date {
    color: #fff !important;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none
}

.origins__community__article .news-header__info .news-header__category__link::after,
.origins__community__article .news-header__info .news-header__date::after {
    content: none
}

.origins__community__article .news-header__title {
    color: #330;
    font-size: 1.25rem;
    font-weight: 700;
    max-width: none;
    padding-top: 50px
}

.origins__community__article .news-article h2 {
    color: #330;
    font-size: 1.25rem;
    font-weight: 700
}

.news-footer {
    zoom: 1
}

.news-footer::after,
.news-footer::before {
    content: '';
    display: table
}

.news-box {
    border-radius: 3px;
    padding: 24px 12px;
    background-color: #0b6395;
    float: none;
    width: 100%;
    margin-top: 24px
}

.news-box h1:first-child,
.news-box h2:first-child,
.news-box h3:first-child,
.news-box h4:first-child,
.news-box h5:first-child,
.news-box h6:first-child {
    text-shadow: 0 1px #000;
    background-color: #0e3955;
    margin: -24px -12px 12px;
    padding: 6px 12px
}

@media (min-width:532px) {

    .news-box h1:first-child,
    .news-box h2:first-child,
    .news-box h3:first-child,
    .news-box h4:first-child,
    .news-box h5:first-child,
    .news-box h6:first-child {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .news-box {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width:959px) {
    .news-footer {
        max-width: 759px
    }

    .news-box {
        float: left;
        width: calc(50% - 12px)
    }

    .news-box:first-child {
        margin-right: 24px
    }
}

.news-box__item {
    margin-top: 6px
}

.news-box__date {
    color: #999
}

.origins__community__article .news-footer {
    display: none
}

.news-category__header {
    margin-bottom: -6px
}

.news-category__navigation {
    display: inline;
    margin-left: 6px
}

.news-category__item,
.news-category__list {
    display: inline;
    font-size: 0
}

.news-category__link {
    font-size: 16px;
    background-color: #103960;
    border-radius: 6px;
    display: inline-block;
    margin: 0 6px 6px 0;
    padding: 3px 6px
}

.news-category__next,
.news-category__previous {
    font-size: 20px;
    color: #fff;
    line-height: 28px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    text-shadow: 0 1px rgba(0, 0, 0, .3)
}

.news-category__link:hover {
    background-color: #0074a6
}

.news-category__link--active {
    background-color: #0b6395
}

.news-category__previous {
    display: inline-block;
    margin: 0;
    position: relative;
    padding-left: 22px;
    float: left
}

.news-category__previous::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -697px -547px;
    width: 16px;
    height: 22px;
    content: '';
    display: block;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    left: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .news-category__previous::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -693px -501px;
        background-size: 709px 650px
    }
}

.news-category__next {
    display: inline-block;
    margin: 0;
    position: relative;
    padding-right: 22px;
    text-align: right;
    float: right
}

.email-report-unauthorized-form__email,
.room-item__title {
    text-transform: none
}

.news-category__next::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -697px -579px;
    width: 16px;
    height: 22px;
    content: '';
    display: block;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .news-category__next::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -345px -120px;
        background-size: 709px 650px
    }
}

.origins__mains .wrapper .origins__community .main {
    padding: 0
}

.origins__mains .wrapper .origins__community .main.origins__community__article {
    padding: 15px
}

@media (max-width:767px) {
    .origins__mains .wrapper .origins__community .main.origins__community__article {
        float: left
    }
}

.origins__mains .wrapper .origins__community section {
    background-color: #e59e0f;
    border-radius: 15px;
    padding: 15px
}

.origins__mains .wrapper .origins__community .news-category__link,
.origins__mains .wrapper .origins__community .news-category__next,
.origins__mains .wrapper .origins__community .news-category__previous,
.origins__mains .wrapper .origins__community .news-header__link {
    font-weight: 400;
    text-decoration: none
}

.origins__mains .wrapper .origins__community .news-category__header {
    background-color: #ffb31b;
    border-bottom: 1px solid #b67e0c;
    border-radius: 15px 15px 0 0;
    display: -ms-flexbox;
    display: flex;
    margin: -15px -15px 0;
    padding: 15px;
    text-align: center
}

.origins__mains .wrapper .origins__community .news-category__header>span {
    display: none
}

.origins__mains .wrapper .origins__community .news-category__link {
    background-color: transparent;
    border-radius: 0;
    color: #330;
    font-size: .875rem;
    line-height: normal;
    margin: 0;
    padding: 0 12px
}

@media (min-width:959px) {
    .origins__mains .wrapper .origins__community .news-category__link {
        font-size: 1rem
    }
}

.origins__mains .wrapper .origins__community .news-category__link--active {
    background-color: transparent;
    color: #fff;
    font-weight: 700
}

.origins__mains .wrapper .origins__community .news-category__item {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (min-width:1199px) {
    .origins__mains .wrapper .origins__community .news-category__item:not(:last-child)::after {
        background-color: #78540c;
        content: '';
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        vertical-align: text-bottom;
        width: 2px;
        height: 16px
    }
}

.photos__header__image,
.rooms__header__image {
    margin-left: -81px;
    -ms-interpolation-mode: bicubic;
    image-rendering: pixelated
}

.origins__mains .wrapper .origins__community .news-category__next,
.origins__mains .wrapper .origins__community .news-category__previous {
    color: #330
}

.origins__mains .wrapper .origins__community .news-header__date {
    color: #cc0100
}

.origins__mains .wrapper .origins__community .news-header__date.news-header__date:not(:last-child)::after {
    color: #b67e0c
}

.origins__mains .wrapper .origins__community .news-header__image--thumbnail {
    height: 120px;
    max-width: none;
    right: -10px;
    top: -10px
}

.photos__header {
    position: relative;
    background-color: #069
}

.photos__header::before {
    background: linear-gradient(rgba(0, 0, 0, .3), transparent);
    bottom: -2px;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%
}

.photos__header__container {
    padding-bottom: 24px;
    padding-top: 24px
}

@media (min-width:767px) {
    .photos__header__container {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

.photos__header__image__wrapper {
    display: none
}

@media (min-width:767px) {
    .photos__header__image__wrapper {
        display: block;
        width: 174px
    }
}

.photos__header__image {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_stories_channels.png) center center no-repeat;
    height: 295px;
    width: 243px
}

@media (min-width:767px) {
    .photos__header__content {
        width: calc(100% - 174px)
    }
}

.photos__header__title::after,
.rooms__header::before {
    display: block;
    width: 100%;
    bottom: -2px;
    content: ''
}

.photos__header__title {
    border-bottom: 1px solid #0c3a65;
    position: relative;
    padding-bottom: 12px
}

.photos__header__title::after {
    background: #2a9cde;
    height: 1px;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 1
}

.rooms__header {
    position: relative;
    background-color: #069
}

.rooms__header::before {
    background: linear-gradient(rgba(0, 0, 0, .3), transparent);
    height: 2px;
    position: absolute
}

.rooms__header__container {
    padding-bottom: 24px;
    padding-top: 24px
}

@media (min-width:767px) {
    .rooms__header__container {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

.rooms__header__image__wrapper {
    display: none
}

@media (min-width:767px) {
    .rooms__header__image__wrapper {
        display: block;
        width: 174px
    }
}

.rooms__header__image {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_stories_channels.png) center center no-repeat;
    height: 295px;
    width: 243px
}

@media (min-width:767px) {
    .rooms__header__content {
        width: calc(100% - 174px)
    }
}

.rooms__header__title {
    border-bottom: 1px solid #0c3a65;
    position: relative;
    padding-bottom: 12px
}

.rooms__header__title::after {
    background: #2a9cde;
    bottom: -2px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.rooms-wrapper {
    max-width: 850px
}

.room-item {
    margin-bottom: 24px;
    min-height: 110px;
    padding-left: 122px;
    position: relative
}

.room-item__thumbnail,
.room-item__thumbnail__image {
    position: absolute;
    top: 0;
    left: 0
}

.room-item__link {
    display: block
}

.room-item__link:active,
.room-item__link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.room-item__title {
    font-family: "Ubuntu Habbo", "Ubuntu Condensed";
    font-size: 24px;
    margin: 0
}

.room-item__description {
    font-family: "Ubuntu Habbo", Ubuntu;
    font-size: 14px;
    margin: 6px 0
}

.room-item__thumbnail {
    box-shadow: 3px 3px rgba(0, 0, 0, .3);
    background-color: #6796b1;
    height: 110px;
    margin-bottom: 12px;
    margin-right: 12px;
    width: 110px
}

@media (min-width:767px) {
    .room-item__thumbnail {
        margin-right: 0
    }
}

.room-item__thumbnail::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -166px -75px;
    width: 110px;
    height: 110px;
    content: '';
    display: block
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .room-item__thumbnail::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -165px -74px;
        background-size: 709px 650px
    }
}

.room-item__owner--user {
    display: block;
    position: relative
}

.room-item__owner--user::before {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #02353c;
    border: 2px solid #267b91;
    border-radius: 50%;
    content: '';
    height: 46px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 46px
}

.room-item__owner--user img {
    position: relative
}

.room-item__owner--user .avatar__title {
    margin-left: 3px
}

.room-item__owner--official {
    display: block;
    margin-top: 12px
}

.help-login-backdrop {
    background-color: #0c3a65;
    bottom: 0;
    left: 0;
    outline: 0;
    -webkit-overflow-scrolling: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
    background: linear-gradient(135deg, #15507c, #0c3a65) no-repeat fixed;
    opacity: 1;
    visibility: visible
}

.client-reload__button:disabled,
.client__buttons .client__close:disabled,
.client__buttons button:disabled,
.discussions__reply:disabled,
.help-login-content form button:disabled,
.register-banner__button:disabled {
    opacity: .4
}

.help-login-content {
    zoom: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #0b6395;
    border: 3px solid #2685bc;
    margin: auto;
    overflow: hidden;
    padding: 20px;
    width: 400px
}

.help-login-content::after,
.help-login-content::before {
    content: '';
    display: table
}

.help-login-content form,
.help-login-content form .text {
    margin-top: 20px;
    text-align: center
}

.help-login-content form button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    background-color: #00813e;
    border-color: #8eda55;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase;
    text-align: center
}

.help-login-content form button:hover {
    background-color: #00ab54;
    border-color: #b9f373
}

.help-login-content form button:active,
.help-login-content form button:disabled {
    background-color: #006743;
    border-color: #5abb37
}

.help-login-content form button:active,
.help-login-content form button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.help-login-content form button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.help-login-error {
    background-color: #b00049;
    color: #fff
}

.help-login-error .text {
    padding-top: 20px
}

.help-login-error .text-title {
    font-weight: 700
}

habbo-discussions {
    display: block
}

.discussions__item {
    zoom: 1;
    margin-top: 24px
}

.discussions__item::after,
.discussions__item::before {
    content: '';
    display: table
}

.discussions__participant {
    float: none;
    width: 100%
}

@media (min-width:767px) {
    .discussions__participant {
        float: left;
        width: 33%
    }

    .discussions__participant:nth-child(3n+1) {
        clear: left
    }

    .discussions__participant:not(:nth-child(3n+1)) {
        clear: none
    }
}

.discussions__date::after,
.news__navigation::after,
.profile__section::after {
    clear: both
}

@media (min-width:532px) {
    .discussions__participant {
        padding-right: 12px
    }
}

.discussions__participant habbo-imager {
    display: block;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    width: 104px
}

.discussions__participant habbo-imager::before {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #02353c;
    border: 2px solid #267b91;
    border-radius: 50%;
    content: '';
    height: 88px;
    left: 0;
    position: absolute;
    top: 19px;
    width: 88px
}

.discussions__reply,
.register-banner__button {
    border-style: solid;
    text-transform: uppercase;
    color: #fff
}

.discussions__participant habbo-imager img {
    position: relative
}

.discussions__participant habbo-imager .imager {
    margin-left: -3px
}

.discussions__wrapper {
    float: none;
    width: 100%
}

@media (min-width:767px) {
    .discussions__wrapper {
        float: left;
        width: 66%
    }

    .discussions__reply {
        float: right
    }
}

.discussions__timeago::after,
.discussions__timeago::before {
    background-color: #2685bc;
    height: 1px;
    top: -1px;
    width: 50%;
    display: inline-block;
    position: relative;
    content: '';
    vertical-align: middle
}

.discussions__message,
.discussions__messages__list {
    margin-bottom: 12px
}

.discussions__timeago {
    overflow: hidden;
    text-align: center
}

.discussions__timeago::before {
    margin-left: -50%;
    right: .5em
}

.discussions__timeago::after {
    left: .5em;
    margin-right: -50%
}

.discussions__text {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #069;
    border-radius: 10px;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    padding: 12px;
    word-wrap: break-word
}

.discussions__date {
    zoom: 1;
    display: block;
    margin-top: 6px
}

.discussions__date::after,
.discussions__date::before {
    content: '';
    display: table
}

.discussions__reply {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    line-height: 1.2;
    text-align: center;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    margin-bottom: 12px;
    display: block
}

.discussions__reply:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.discussions__reply:active,
.discussions__reply:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.discussions__reply:active,
.discussions__reply:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.discussions__reply:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.news__navigation {
    zoom: 1
}

.news__navigation::after,
.news__navigation::before {
    content: '';
    display: table
}

.news__more {
    font-size: 20px;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    color: #fff;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-weight: 400;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    padding-right: 29px;
    text-align: right;
    line-height: 28px;
    float: right
}

.news__more::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -500px -475px;
    width: 23px;
    height: 22px;
    content: '';
    display: block;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .news__more::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -683px -627px;
        background-size: 709px 650px
    }
}

.news__more:active,
.news__more:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.client__buttons button:active,
.client__buttons button:hover,
.register-banner__button:active,
.register-banner__button:hover {
    border-bottom-width: 2px;
    border-bottom-style: solid
}

habbo-moderation-notification:not(:empty) {
    display: block;
    margin-bottom: 24px
}

register-banner {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.login-container {
    padding-top: 15px
}

.register-banner__hotel {
    min-height: 0
}

@media (min-width:767px) {
    .register-banner__hotel {
        margin-left: calc(100vw / 2.17 - 553px);
        max-width: 1200px;
        position: relative;
        min-height: 513px
    }
}

@media (min-width:767px) and (min-width:1199px) {
    .register-banner__hotel {
        margin: 0 auto
    }
}

@media (min-width:767px) {
    .register-banner__hotel::after {
        -ms-interpolation-mode: bicubic;
        image-rendering: pixelated;
        background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/backgrounds/hotel.png) no-repeat;
        background-position-y: center;
        content: '';
        display: block;
        height: 100%;
        left: -100px;
        position: absolute;
        top: -100px;
        width: 849px
    }

    .register-banner__hotel.christmas-theme {
        margin-left: calc(100vw / 2.17 - 553px);
        max-width: 1200px;
        position: relative
    }

    .register-banner__hotel.christmas-theme::after {
        -ms-interpolation-mode: bicubic;
        image-rendering: pixelated;
        background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/backgrounds/hotel-christmas.png) no-repeat;
        background-position-y: center;
        content: '';
        display: block;
        height: 100%;
        left: -100px;
        position: absolute;
        top: -100px;
        width: 849px
    }
}

@media (min-width:767px) and (min-width:1199px) {
    .register-banner__hotel.christmas-theme {
        margin: 0 auto
    }
}

.register-banner__wrapper {
    -ms-flex-align: center;
    align-items: center;
    background-color: #00334c;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: right;
    justify-content: right;
    padding: 10px;
    width: 100%
}

@media (min-width:1199px) {
    .register-banner__wrapper {
        padding-left: 620px
    }
}

.register-banner__register {
    margin: auto;
    max-width: 360px;
    position: relative;
    text-align: center
}

@media (min-width:767px) {
    .register-banner__wrapper {
        background-color: transparent;
        min-height: 412px
    }

    .register-banner__register {
        background: rgba(0, 0, 0, .25);
        border-radius: 3px;
        margin: 110px 0 20px;
        max-width: 580px;
        min-height: 255px;
        min-width: 570px;
        padding: 0 0 0 15px;
        width: 100%
    }

    .register-banner__register .login-button {
        display: none
    }
}

.register-banner__register .login-button {
    margin-left: 57vw;
    text-align: right;
    width: 120px
}

.register-banner__register .header__login-form.ng-hide {
    max-height: 0
}

.register-banner__register .header__login-form.ng-hide-animate {
    overflow: hidden
}

@media (min-width:767px) {
    .register-banner__register .header__login-form.ng-hide {
        display: -ms-flexbox !important;
        display: flex !important;
        height: auto !important;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        max-height: none;
        overflow: visible
    }

    .register-banner__logo {
        display: block
    }
}

.register-banner__logo {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -166px 0;
    width: 197px;
    height: 73px;
    margin: 0 auto;
    min-width: 203px;
    padding-top: 40px;
    text-indent: -9999px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .register-banner__logo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -165px 0;
        background-size: 709px 650px
    }
}

@media (min-width:959px) {
    .register-banner__logo {
        padding-top: 10px
    }
}

.register-banner__title {
    margin: 24px auto;
    max-width: 400px;
    text-align: center
}

@media (min-width:767px) {
    .register-banner__title {
        margin: auto
    }
}

.register-banner__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #00813e;
    border-color: #8eda55;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    font-size: 20px;
    margin-bottom: 0;
    max-height: 100px;
    max-width: 250px;
    width: fit-content
}

.hotel,
.interstitial,
habbo-client-closed {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.register-banner__button:hover {
    background-color: #00ab54;
    border-color: #b9f373
}

.register-banner__button:active,
.register-banner__button:disabled {
    background-color: #006743;
    border-color: #5abb37
}

.hotel,
.interstitial,
.interstitial__ad {
    background-color: #000
}

.register-banner__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

@media (min-width:767px) {
    .register-banner__button {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.local-register-banner {
    display: none
}

@media (min-width:767px) {
    .local-register-banner {
        display: block;
        margin-top: 12px
    }
}

.hotel {
    left: 0;
    z-index: 600
}

habbo-client-closed {
    left: 0;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 48px 12px;
    z-index: 610
}

habbo-client-closed habbo-hotel-closed {
    max-width: 620px
}

.interstitial {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    left: -9999px;
    z-index: 1300
}

.interstitial--visible {
    left: 0
}

.interstitial__stage {
    height: 360px;
    margin-bottom: 12px;
    position: relative;
    width: 640px
}

.interstitial__stage::before {
    content: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/backgrounds/videoRoll_bg_360.png);
    display: block;
    height: 693px;
    left: -192px;
    position: absolute;
    top: -145px;
    width: 1024px
}

.interstitial__ad {
    height: 360px;
    position: relative;
    width: 640px
}

.interstitial__text {
    font-size: 14px;
    color: #fff;
    margin: 0;
    position: relative
}

.client__buttons .client__close,
.client__buttons button {
    line-height: 1.2;
    color: #000;
    font-size: 12px;
    border-style: solid
}

.client-reload__button,
.client__buttons .client__close,
.client__buttons button {
    margin-bottom: 12px;
    text-transform: uppercase;
    text-align: center
}

.client {
    height: 100%;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 100%
}

.client--visible {
    left: 0
}

.client__buttons {
    left: 12px;
    position: absolute;
    top: 12px;
    z-index: 630
}

.client__buttons button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #ffb900;
    border-color: #ffea00;
    padding: 6px 12px;
    border-radius: 5px;
    border-width: 2px;
    display: block;
    float: left
}

.client__buttons button:hover {
    background-color: #ffd400;
    border-color: #fffd70
}

.client__buttons button:active,
.client__buttons button:disabled {
    background-color: #f89400;
    border-color: #ffce37
}

.client__buttons button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.client__buttons button:first-child,
.client__buttons button:not(:first-child):not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.client__buttons button:last-child,
.client__buttons button:not(:first-child):not(:last-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.client__buttons button:not(:last-child) {
    margin-right: 4px
}

.client__buttons .client__close {
    display: inline-block;
    background-color: #ffb900;
    border-color: #ffea00;
    border-radius: 0 5px 5px 0;
    border-width: 2px 2px 2px 1px;
    filter: drop-shadow(-1px 4px 0 rgba(0, 0, 0, .3));
    box-shadow: none;
    position: relative;
    margin-left: 14px;
    padding: 5px 6px
}

.client__buttons .client__close::after,
.client__buttons .client__close::before {
    content: '';
    position: absolute;
    display: block;
    border-style: solid
}

.client__buttons .client__close:hover {
    background-color: #ffd400;
    border-color: #fffd70
}

.client__buttons .client__close:active,
.client__buttons .client__close:disabled {
    background-color: #f89400;
    border-color: #ffce37
}

.client__buttons .client__close:active,
.client__buttons .client__close:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.client__buttons .client__close:active {
    transform: translate(0, 2px);
    filter: drop-shadow(-1px 2px 0 rgba(0, 0, 0, .3));
    box-shadow: none
}

.client__buttons .client__close::before {
    border-width: 15px;
    top: -2px;
    border-color: transparent #ffea00 transparent transparent;
    left: -31px
}

.client__buttons .client__close::after {
    border-width: 13px;
    top: 0;
    border-color: transparent #ffb900 transparent transparent;
    left: -26px
}

.client__frame,
habbo-client-reload {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    top: 0
}

.client__buttons .client__close:hover::before {
    border-color: transparent #fffd70 transparent transparent
}

.client__buttons .client__close:hover::after {
    border-color: transparent #ffd400 transparent transparent
}

.client__buttons .client__close:active::before,
.client__buttons .client__close:disabled::before {
    border-color: transparent #ffce37 transparent transparent
}

.client__buttons .client__close:active::after,
.client__buttons .client__close:disabled::after {
    border-color: transparent #f89400 transparent transparent
}

.client__buttons .client__fullscreen {
    padding-left: 6px;
    padding-right: 6px
}

.client__close__icon {
    float: left
}

.client__close__expand {
    transition: width .15s ease-out;
    float: left;
    overflow: hidden
}

.profile__card__wrapper--badges.ng-enter,
.profile__card__wrapper--badges.ng-leave,
.profile__card__wrapper--friends.ng-enter,
.profile__card__wrapper--friends.ng-leave,
.profile__card__wrapper--groups.ng-enter,
.profile__card__wrapper--groups.ng-leave,
.profile__card__wrapper--rooms.ng-enter,
.profile__card__wrapper--rooms.ng-leave,
.profile__creations.ng-enter,
.profile__creations.ng-leave,
.wallet-setting-terms div.ng-enter,
.wallet-setting-terms div.ng-leave,
.wallet-setting.ng-enter,
.wallet-setting.ng-leave {
    transition: opacity .15s ease-out
}

.client__close__text {
    line-height: 16px;
    padding-left: 6px
}

.client__fullscreen__icon {
    display: block
}

.client__frame {
    background-color: #000;
    z-index: 610
}

habbo-client-reload {
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .9);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 620
}

.client-reload__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid
}

.client-reload__button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.client-reload__button:active,
.client-reload__button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.client-reload__button:active,
.client-reload__button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.client-reload__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.not-found {
    margin-bottom: 0;
    padding: 12px 0 24px
}

.habbo-origins .not-found .not-found__content,
.origins__home__wrapper {
    padding: 15px
}

.not-found__content {
    text-align: center
}

.not-found__content::before {
    content: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_frank_looking.png);
    display: block;
    height: 115px;
    margin: 0 auto 12px;
    width: 132px
}

.habbo-origins .not-found {
    color: #330;
    margin-bottom: 24px
}

.habbo-origins .not-found a {
    color: #600;
    font-weight: 800;
    text-decoration: underline
}

.habbo-origins .not-found a:hover {
    border-bottom-style: none
}

.origins__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.origins__wrapper .main--fixed {
    float: none;
    width: 100%
}

.origins__wrapper img {
    height: auto;
    max-width: 100%
}

.origins__topsection {
    background-color: #335e7a;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px 24px 20px;
    position: relative;
    z-index: 2
}

.origins__mains__login .login-form__button,
.origins__mains__login .login-form__button:hover {
    background-color: #cc8a2f;
    border-color: #ffb31b
}

.origins__topsection .habbo__origins__resp {
    display: none
}

@media (max-width:767px) {
    .origins__topsection {
        /*padding:12px*/
    }

    .origins__topsection .habbo__origins__resp {
        display: block
    }
}

.origins__topsection__wrapper {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 auto;
    width: 100%
}

@media (max-width:767px) {
    .origins__topsection__wrapper {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.origins__topsection__wrapper .habbo__origins__logo {
    margin-left: 0
}

.origins__section {
    column-gap: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 12px 12px
}

@media (max-width:767px) {
    .origins__section {
        column-gap: 0;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:959px) {
    .origins__topsection__wrapper {
        width: calc(70% - 48px)
    }

    .origins__section {
        column-gap: 30px;
        padding: 0 24px 12px
    }
}

.origins__leftbar {
    display: block;
    width: 15%
}

.origins__rightbar {
    margin-top: 48px;
    width: 15%
}

@media (max-width:767px) {
    .origins__leftbar {
        display: none
    }

    .origins__rightbar {
        margin-top: 0;
        width: 100%
    }
}

.origins__mains {
    margin-top: 48px;
    width: calc(70% - 6px)
}

@media (min-width:959px) {
    .origins__mains {
        width: calc(70% - 60px)
    }
}

@media (max-width:767px) {
    .origins__mains {
        margin-top: 24px;
        width: 100%
    }
}

.origins__mains__user .user-menu {
    display: -ms-flexbox;
    display: flex;
    width: auto
}

.origins__mains__user .user-menu__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 35px;
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.origins__mains__user .user-menu__avatar {
    margin-right: calc(-42px);
    position: inherit;
    right: 0;
    top: 0
}

.origins__mains__user .user-menu__avatar::before {
    top: -6px
}

.origins__mains__user .user-menu__avatar img {
    margin-left: -2px;
    margin-top: -12px
}

.origins__mains__user .user-menu__name {
    padding-left: calc(48px);
    text-align: left
}

.origins__mains__user .user-menu__name::before {
    background-image: none
}

.origins__mains__user .user-menu__link--logout {
    margin-left: 6px
}

.origins__mains__login .login-form__email-login {
    max-width: none;
    width: 100% !important
}

.origins__mains__login .login-form__button {
    color: #402d0a;
    font-size: .875rem;
    padding: 12px
}

@media (min-width:959px) {
    .origins__mains__login .login-form__button {
        font-size: 1rem
    }
}

.origins__mains__login .login-form__form {
    column-gap: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.origins__mains__login .login-form__form .form__fieldset {
    height: 100%;
    margin: 0
}

.origins__mains__login .login-form__form .form__fieldset .form__input {
    font-size: .875rem;
    margin: 5px 0;
    padding: 12px
}

@media (min-width:959px) {
    .origins__mains__login .login-form__form .form__fieldset .form__input {
        font-size: 1rem
    }
}

.origins__mains__login .login-form__form>div {
    display: -ms-flexbox;
    display: flex;
    width: auto !important
}

.origins__mains .wrapper {
    color: #330;
    margin-top: -1px;
    padding: 0
}

.profile__card__wrapper--badges .profile__card__aligner,
.profile__card__wrapper--friends .profile__card__aligner,
.profile__card__wrapper--groups .profile__card__aligner,
.profile__card__wrapper--rooms .profile__card__aligner {
    margin-top: 140px
}

.origins__mains .wrapper::before {
    content: none
}

.origins__mains .wrapper a {
    color: #ffff65;
    font-weight: 700;
    text-decoration: underline
}

.origins__mains .wrapper a:hover {
    border-bottom: 0;
    color: #fff
}

.origins__mains habbo-origins-footer {
    display: block
}

@media (max-width:767px) {
    .origins__mains habbo-origins-footer {
        display: none
    }
}

.profile__header {
    -ms-interpolation-mode: bicubic;
    image-rendering: pixelated;
    position: relative;
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/backgrounds/profile.png) left bottom/100%;
    z-index: 99
}

.profile__header::before {
    background: linear-gradient(rgba(0, 0, 0, .3), transparent);
    bottom: -2px;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%
}

.profile__header .header__hotel {
    display: none
}

.profile__motto {
    font-size: 14px;
    line-height: 1.4;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    font-family: "Ubuntu Habbo", Ubuntu
}

.profile__section {
    zoom: 1;
    margin-bottom: 12px
}

.profile__section::after,
.profile__section::before {
    content: '';
    display: table
}

.profile__card__wrapper--badges,
.profile__card__wrapper--friends,
.profile__card__wrapper--groups,
.profile__card__wrapper--rooms {
    float: none;
    width: 100%;
    position: relative
}

.profile__card__wrapper--badges .profile__card__aligner::before,
.profile__card__wrapper--friends .profile__card__aligner::before,
.profile__card__wrapper--groups .profile__card__aligner::before,
.profile__card__wrapper--rooms .profile__card__aligner::before {
    image-rendering: pixelated;
    display: block;
    height: 140px;
    left: 0;
    position: absolute;
    top: -140px;
    content: '';
    -ms-interpolation-mode: bicubic
}

@media (min-width:767px) {
    .profile__section {
        margin-left: -12px
    }

    .profile__card__wrapper--badges,
    .profile__card__wrapper--friends,
    .profile__card__wrapper--groups,
    .profile__card__wrapper--rooms {
        float: left;
        width: 50%
    }

    .profile__card__wrapper--badges:nth-child(2n+1),
    .profile__card__wrapper--friends:nth-child(2n+1),
    .profile__card__wrapper--groups:nth-child(2n+1),
    .profile__card__wrapper--rooms:nth-child(2n+1) {
        clear: left
    }

    .profile__card__wrapper--badges:not(:nth-child(2n+1)),
    .profile__card__wrapper--friends:not(:nth-child(2n+1)),
    .profile__card__wrapper--groups:not(:nth-child(2n+1)),
    .profile__card__wrapper--rooms:not(:nth-child(2n+1)) {
        clear: none
    }
}

.item-list--grid::after,
.profile__card::after,
.profile__creations::after {
    clear: both
}

.profile__card__wrapper--badges.ng-enter,
.profile__card__wrapper--badges.ng-leave.ng-leave-active,
.profile__card__wrapper--friends.ng-enter,
.profile__card__wrapper--friends.ng-leave.ng-leave-active,
.profile__card__wrapper--groups.ng-enter,
.profile__card__wrapper--groups.ng-leave.ng-leave-active,
.profile__card__wrapper--rooms.ng-enter,
.profile__card__wrapper--rooms.ng-leave.ng-leave-active {
    opacity: 0
}

.profile__card__wrapper--badges.ng-enter.ng-enter-active,
.profile__card__wrapper--badges.ng-leave,
.profile__card__wrapper--friends.ng-enter.ng-enter-active,
.profile__card__wrapper--friends.ng-leave,
.profile__card__wrapper--groups.ng-enter.ng-enter-active,
.profile__card__wrapper--groups.ng-leave,
.profile__card__wrapper--rooms.ng-enter.ng-enter-active,
.profile__card__wrapper--rooms.ng-leave {
    opacity: 1
}

.profile__card__wrapper--badges .profile__card__aligner::before {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_profile_badges.png) no-repeat;
    width: 100%
}

.profile__card__wrapper--friends .profile__card__aligner::before {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_profile_friends.png) no-repeat;
    width: 100%
}

.profile__card__wrapper--rooms .profile__card__aligner::before {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_profile_rooms.png) no-repeat;
    width: 100%
}

.profile__card__wrapper--groups .profile__card__aligner::before {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_profile_groups.png) no-repeat;
    width: 100%
}

.profile__card__aligner {
    padding: 0 0 12px;
    position: relative
}

@media (min-width:767px) {
    .profile__card__aligner {
        padding-left: 12px
    }
}

.profile__card {
    zoom: 1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    background-color: #0b6395;
    border: 3px solid #2685bc;
    padding: 12px 24px
}

.creation-content__link:active,
.creation-content__link:hover,
.profile__photos__link:active,
.profile__photos__link:hover {
    border-bottom-width: 0;
    border-bottom-style: solid
}

.profile__card::after,
.profile__card::before {
    content: '';
    display: table
}

.profile__card__title {
    margin: 0 0 12px;
    text-align: center
}

.profile__card__footer {
    border-top: 1px solid #2a9cde;
    padding: 12px 0 0;
    text-align: center
}

.profile__card__footer .link-icon--blue-arrow {
    display: inline-block
}

.profile__friends__count {
    font-size: 20px;
    line-height: inherit;
    white-space: nowrap
}

.creation-content__channel-link,
.profile__photos__link {
    font-size: 20px;
    color: #fff;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 0 1px rgba(0, 0, 0, .3)
}

.profile__creations {
    zoom: 1
}

.profile__creations::after,
.profile__creations::before {
    content: '';
    display: table
}

.profile__creations.ng-enter,
.profile__creations.ng-leave.ng-leave-active {
    opacity: 0
}

.profile__creations.ng-enter.ng-enter-active,
.profile__creations.ng-leave {
    opacity: 1
}

.profile__creations__title {
    overflow: hidden;
    text-align: left
}

.profile__creations__title::after {
    background-color: #2685bc;
    content: '';
    display: inline-block;
    height: 2px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    left: .5em;
    margin-right: -100%;
    width: 100%
}

.profile__photos__link {
    display: inline-block;
    margin: 12px 0 0;
    position: relative;
    padding-right: 29px;
    text-align: right;
    float: right
}

.profile__photos__link::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -500px -475px;
    width: 23px;
    height: 22px;
    content: '';
    display: block;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .profile__photos__link::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -683px -627px;
        background-size: 709px 650px
    }
}

.profile__hearts,
.profile__joined {
    text-align: center
}

.profile__hearts .icon--heart:not(:last-of-type) {
    margin-right: 12px
}

.creation__header-by {
    font-size: 20px
}

habbo-creation-content {
    display: block;
    text-align: center
}

.creation-content {
    display: inline-block
}

.creation-content__expander {
    text-align: left
}

@media (min-width:532px) {
    .creation-content {
        margin: 0 69px
    }

    .creation-content__expander {
        margin: 0 -69px
    }
}

.creation-content__view {
    display: -ms-flexbox;
    display: flex
}

.creation-content__creation {
    display: block;
    margin: 0 -69px;
    max-width: 100%
}

.creation-content__link {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 69px
}

.creation-content__link--disabled {
    opacity: 0;
    pointer-events: none
}

@media (min-width:532px) {
    .creation-content__creation {
        margin: 0
    }

    .creation-content__link {
        background: #103960
    }

    .creation-content__link:active,
    .creation-content__link:hover {
        background: #0d2f4f
    }

    .creation-content__link--disabled {
        opacity: .2
    }
}

.photo-delete:disabled,
.report-form__submit:disabled,
.room__enter-button:disabled {
    opacity: .4
}

.creation-content__meta {
    border-bottom: 1px solid #0c3a65;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0;
    padding: 0 0 12px
}

.creation-content__meta::after {
    background: #2a9cde;
    bottom: -2px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.creation-content__like {
    margin-left: auto
}

.creation-content__title {
    margin-top: 0
}

.creation-content__actions {
    display: -ms-flexbox;
    display: flex
}

.creation-content__channel-link {
    display: inline-block;
    margin: 0;
    position: relative;
    padding-right: 29px;
    text-align: right
}

.photo-delete,
.report-form__submit {
    line-height: 1.2;
    border-radius: 5px;
    border-style: solid;
    color: #fff;
    text-align: center
}

.creation-content__channel-link::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -500px -475px;
    width: 23px;
    height: 22px;
    content: '';
    display: block;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .creation-content__channel-link::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -683px -627px;
        background-size: 709px 650px
    }
}

.creation-content__channel-link:active,
.creation-content__channel-link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.creation-content__delete {
    margin-left: auto;
    padding-left: 12px
}

.photo-delete {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    background-color: #c0174e;
    border-color: #f37387;
    font-size: 12px;
    padding: 6px 12px;
    border-width: 2px;
    margin-bottom: 12px;
    text-transform: uppercase
}

.photo-delete:hover {
    background-color: #f9586d;
    border-color: #ff9598
}

.photo-delete:active,
.photo-delete:disabled {
    background-color: #820022;
    border-color: #b73e56
}

.photo-delete:active,
.photo-delete:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.photo-delete:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

habbo-report {
    display: inline-block;
    margin-left: 6px
}

.report:active,
.report:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.report__icon {
    vertical-align: middle
}

.report-form__description {
    margin-top: 0
}

.report-form__creation {
    box-shadow: 3px 3px rgba(0, 0, 0, .3);
    display: block;
    margin: 24px auto;
    max-width: 100%
}

.report-form__submit,
.room__enter-button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.report-form__submit {
    display: inline-block;
    background-color: #c0174e;
    border-color: #f37387;
    font-size: 16px;
    padding: 12px 24px;
    border-width: 2px;
    margin-bottom: 12px
}

.report-form__submit:hover {
    background-color: #f9586d;
    border-color: #ff9598
}

.report-form__submit:active,
.report-form__submit:disabled {
    background-color: #820022;
    border-color: #b73e56
}

.report-form__submit:active,
.report-form__submit:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.report-form__submit:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.item--room .item__icon {
    display: block;
    height: 90px;
    width: 90px
}

.item--group .item__title,
.item--room .item__title {
    font-family: "Ubuntu Habbo", "Ubuntu Condensed"
}

.item--friend .item__description,
.item--group .item__description,
.item--room .item__description {
    font-family: "Ubuntu Habbo", Ubuntu
}

.item__icon__aligner {
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid #2685bc;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px
}

.item__icon {
    line-height: 0;
    text-align: center
}

.item__content:active,
.item__content:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

a[href] .item__title {
    color: #fff
}

.item-list--grid {
    zoom: 1
}

.item-list--grid::after,
.item-list--grid::before {
    content: '';
    display: table
}

.item-list--grid .item {
    float: left;
    width: 50%
}

.item-list--grid .item:nth-child(2n+1) {
    clear: left
}

.item-list--grid .item:not(:nth-child(2n+1)) {
    clear: none
}

@media (min-width:532px) {
    .item-list--grid .item {
        float: left;
        width: 33%
    }

    .item-list--grid .item:nth-child(3n+1) {
        clear: left
    }

    .item-list--grid .item:not(:nth-child(3n+1)) {
        clear: none
    }

    .item-list--grid .item__title--single-line {
        height: 19.2px
    }
}

@media (min-width:1199px) {
    .item-list--grid .item {
        float: left;
        width: 20%
    }

    .item-list--grid .item:nth-child(5n+1) {
        clear: left
    }

    .item-list--grid .item:not(:nth-child(5n+1)) {
        clear: none
    }
}

.item-list--grid .item__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    color: #7ecaee;
    padding: 0 6px;
    text-align: center
}

.item-list--stacked .item.item--friend .item__text,
.registration-form__connect {
    padding-left: 12px
}

.item-list--grid .item__title--multi-line {
    margin: 12px 0
}

@media (min-width:532px) {
    .item-list--grid .item__title--multi-line {
        height: 57.6px;
        margin: 24px 0 0
    }
}

.item-list--grid .item__description {
    display: none
}

.item-list--grid .item--badge .item__icon,
.item-list--grid .item--group .item__icon {
    margin: 0 auto;
    width: 60px
}

.item-list--grid .item--friend .item__title {
    margin: 6.2px 0
}

.item-list--grid .item--room .item__title {
    margin: 0 0 16.2px
}

.item-list--grid .item--room .item__icon {
    margin: 0 auto 16.2px
}

.item-list--stacked .item {
    clear: both;
    display: block;
    overflow: visible;
    position: relative
}

.item-list--stacked .item:not(:last-child) {
    border-bottom: 1px solid #2685bc;
    position: relative
}

.item-list--stacked .item:not(:last-child)::after {
    background: #0b6395;
    bottom: -2px;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.item-list--stacked .item__content {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    padding: 12px
}

habbo-room-icon,
habbo-room-icon::before {
    display: block;
    height: 90px;
    width: 90px
}

.item-list--stacked .item__content[href]:hover {
    background-color: #0074a6
}

.item-list--stacked .item__content[href]:active {
    background-color: #2685bc
}

.item-list--stacked .item__text {
    padding-left: 24px
}

.item-list--stacked .item__title {
    font-size: 20px;
    margin: 0;
    word-break: break-all
}

.item-list--stacked .item__description {
    font-size: 16px;
    color: #7ecaee;
    margin: 12px 0 0
}

habbo-room-icon::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -100px -517px;
    content: '';
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-room-icon::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: 0 -513px;
        background-size: 709px 650px
    }
}

.room-icon {
    border: 3px solid #2685bc;
    border-radius: 50%;
    height: 90px;
    overflow: hidden;
    position: relative;
    width: 90px
}

.room-icon__thumbnail {
    left: -10px;
    position: relative;
    top: -10px
}

habbo-profile-header {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 142px
}

.profile-header__image--largehead::before,
.profile-header__image::before {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #02353c;
    height: 88px;
    top: 24px;
    content: ''
}

@media (min-width:767px) {
    habbo-profile-header {
        padding-left: 90px
    }

    .profile-header__details {
        min-width: 500px
    }
}

@media (min-width:959px) {
    habbo-profile-header {
        padding-left: 130px
    }
}

.profile-header__avatar {
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 46px
}

.profile-header__link:active,
.profile-header__link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.profile-header__image {
    display: block;
    margin-left: 16px;
    margin-right: 24px;
    width: 104px;
    padding-top: 5px;
    position: relative
}

.profile-header__image::before {
    border: 2px solid #267b91;
    border-radius: 50%;
    left: -16px;
    position: absolute;
    width: 88px
}

.profile-header__image img {
    position: relative
}

.profile-header__image--largehead {
    display: block;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    width: 104px
}

.profile-header__image--largehead::before {
    border: 2px solid #267b91;
    border-radius: 50%;
    left: 0;
    position: absolute;
    width: 88px
}

.profile-header__image--largehead img {
    position: relative
}

.profile-header__image--largehead .imager {
    margin-left: -3px
}

.profile-header__image--croco {
    padding-top: 42px
}

.profile-header__image--croco img {
    margin-left: -14px
}

.profile-header__details {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 3px;
    max-width: 500px;
    padding: 0 24px 0 58px;
    width: 100%;
    word-break: break-all
}

.profile-header__details h1 {
    margin: 0;
    text-transform: none
}

.profile-header__details__link:active,
.profile-header__details__link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.profile-modal__empty {
    padding: 0 12px
}

.profile-modal__link {
    font-size: 20px;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    color: #fff;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-weight: 400;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    padding-right: 22px;
    text-align: right;
    line-height: 28px
}

.profile-modal__link::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -697px -579px;
    width: 16px;
    height: 22px;
    content: '';
    display: block;
    margin-top: -11px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .profile-modal__link::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -345px -120px;
        background-size: 709px 650px
    }
}

.profile-modal__link:active,
.profile-modal__link:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.birthdate__day,
.birthdate__year {
    display: inline-block;
    margin: 0;
    width: 27%
}

.birthdate__month {
    display: inline-block;
    margin: 0 12px;
    width: calc(46% - 24px)
}

habbo-registration-form {
    display: block
}

@media (min-width:959px) {
    habbo-registration-form {
        position: relative
    }

    habbo-registration-form::before {
        -ms-interpolation-mode: bicubic;
        image-rendering: pixelated;
        background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_registration.png);
        content: '';
        display: block;
        height: 465px;
        width: 546px;
        position: absolute;
        right: 0;
        top: 0
    }
}

.registration-form {
    position: relative
}

.registration-form__social__wrapper {
    margin-top: 24px
}

.registration-form__social {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 3px;
    display: inline-block;
    padding: 12px
}

@media (min-width:959px) {
    .registration-form__social__wrapper {
        margin-top: 0;
        position: absolute;
        right: -100%;
        width: 100%
    }

    .registration-form__social {
        margin-left: 48px
    }
}

.registration-form__safety {
    padding: 0 12px;
    margin: 0
}

.registration-form__safety>* {
    margin: 12px 0 0
}

.registration-form__safety>:first-child {
    margin-top: 0
}

.registration-form__safety>:not(.form__field) {
    padding-left: 3px;
    padding-right: 3px
}

.registration-form__button {
    float: none;
    width: 100%
}

.registration-form__purchases {
    font-size: 12px;
    margin: 12px 0;
    padding: 0 12px
}

.registration-form__purchases>* {
    margin: 12px 0 0
}

.registration-form__purchases>:first-child {
    margin-top: 0
}

.registration-form__purchases>:not(.form__field) {
    padding-left: 3px;
    padding-right: 3px
}

.room__enter-button {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #ffb900;
    border-color: #ffea00;
    color: #000;
    font-size: 16px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    padding: 6px 6px 6px 12px
}

.room__enter-button:hover {
    background-color: #ffd400;
    border-color: #fffd70
}

.room__enter-button:active,
.room__enter-button:disabled {
    background-color: #f89400;
    border-color: #ffce37
}

.room__enter-button:active,
.room__enter-button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.room__enter-button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.room__enter-button__text {
    position: relative;
    padding-right: 27px;
    text-align: right;
    line-height: 26px
}

.room-picture__wrapper,
.room-restricted__content,
habbo-login-form {
    text-align: center
}

.room__enter-button__text::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -342px -145px;
    width: 21px;
    height: 26px;
    content: '';
    display: block;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .room__enter-button__text::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -297px -278px;
        background-size: 709px 650px
    }
}

.room__enter-button__text:active,
.room__enter-button__text:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.room-info {
    margin-bottom: 12px
}

.room-info__row {
    display: block
}

@media (min-width:767px) {
    .room-info__row {
        display: table-row
    }
}

.room-info__header,
.room-info__value {
    display: block;
    margin-bottom: 0;
    padding-bottom: 12px
}

.room-info__value {
    vertical-align: top
}

.room-info--description {
    font-family: "Ubuntu Habbo", Ubuntu
}

.room-restricted__name,
.room__content__title {
    font-family: "Ubuntu Habbo", "Ubuntu Condensed"
}

.room__thumbnail {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #01353c;
    border: 2px solid #267b91;
    border-radius: 3px;
    float: left;
    height: 114px;
    margin-bottom: 12px;
    margin-right: 12px;
    position: relative;
    width: 114px
}

@media (min-width:767px) {

    .room-info__header,
    .room-info__value {
        display: table-cell;
        padding-bottom: 12px
    }

    .room-info__value {
        padding-left: 48px
    }

    .room__thumbnail {
        margin-right: 0
    }

    .room__content {
        margin-left: 134px
    }
}

.room__thumbnail::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -166px -75px;
    width: 110px;
    height: 110px;
    content: '';
    display: block
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .room__thumbnail::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -165px -74px;
        background-size: 709px 650px
    }
}

.room__thumbnail__image {
    left: 0;
    position: absolute;
    top: 0
}

.room__content__left {
    float: none;
    width: 100%;
    clear: both
}

@media (min-width:767px) {
    .room__content__left {
        float: left;
        width: 66%;
        clear: none
    }
}

.room__content__right {
    float: none;
    width: 100%
}

@media (min-width:767px) {
    .room__content__right {
        float: left;
        width: 33%
    }

    .room__content__right:nth-child(3n+1) {
        clear: left
    }

    .room__content__right:not(:nth-child(3n+1)) {
        clear: none
    }
}

.adyen__form-wrapper::after,
.premium-sms__voucher-redeem__wrapper::after,
.purse__columns::after,
.shop__header::after {
    clear: both
}

.room__content__title {
    text-transform: none
}

.room__details {
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #0b6395;
    margin-top: 24px
}

.room__details h1:first-child,
.room__details h2:first-child,
.room__details h3:first-child,
.room__details h4:first-child,
.room__details h5:first-child,
.room__details h6:first-child {
    text-shadow: 0 1px #000;
    background-color: #0e3955;
    margin: -24px -12px 12px;
    padding: 6px 12px
}

@media (min-width:532px) {

    .room__details h1:first-child,
    .room__details h2:first-child,
    .room__details h3:first-child,
    .room__details h4:first-child,
    .room__details h5:first-child,
    .room__details h6:first-child {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .room__details {
        padding-left: 24px;
        padding-right: 24px
    }
}

.room__details__item {
    margin-top: 6px
}

.room__details dt {
    float: left;
    font-weight: 700
}

.room__details dt::after {
    content: ': ';
    margin-right: 6px
}

.room-picture__wrapper::after,
.room-restricted__content::before,
.room__owner--user::before,
.room__report__text::before {
    content: ''
}

.room__actions {
    margin-top: 24px
}

.room__report__text {
    position: relative;
    padding-left: 27px;
    line-height: 24px
}

.room__report__text::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -549px -517px;
    width: 21px;
    height: 24px;
    display: block;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .room__report__text::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -319px -278px;
        background-size: 709px 650px
    }
}

.room__report__text:active,
.room__report__text:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.room__owner--user {
    display: block;
    position: relative;
    margin-bottom: 12px;
    padding: 0 12px
}

.room__owner--user::before {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #02353c;
    border: 2px solid #267b91;
    border-radius: 50%;
    height: 46px;
    left: 12px;
    position: absolute;
    top: 6px;
    width: 46px
}

.room__owner--user img {
    position: relative
}

.room__owner--user .avatar__image {
    margin-right: 6px
}

.room__owner--official {
    display: block;
    margin-bottom: 24px;
    margin-left: 12px
}

.room-picture__wrapper {
    background-color: #000;
    overflow: hidden;
    position: relative
}

.room-picture__wrapper::after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.room-picture__shadow {
    box-shadow: inset 0 25px 15px -20px rgba(0, 0, 0, .5);
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-backdrop.spinner-backdrop--solid,
.modal-backdrop.spinner-backdrop--solid--origins {
    left: 0;
    -webkit-overflow-scrolling: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
    opacity: 1;
    visibility: visible;
    outline: 0;
    bottom: 0
}

.room-picture__image {
    -ms-interpolation-mode: bicubic;
    image-rendering: auto;
    max-width: 100%
}

.room-restricted {
    margin-bottom: 0;
    padding: 12px 0 24px
}

.room-restricted__content::before {
    -ms-interpolation-mode: bicubic;
    image-rendering: pixelated;
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/room_key.png) no-repeat;
    display: block;
    height: 212px;
    width: 264px;
    margin: 0 auto 12px
}

.room-restricted__explanation {
    margin-bottom: 24px
}

.modal-backdrop.spinner-backdrop--solid {
    background-color: #0c3a65;
    background: linear-gradient(135deg, #15507c, #0c3a65) no-repeat fixed
}

.modal-backdrop.spinner-backdrop--solid--origins {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo_background.png)
}

.modal.spinner .modal-dialog {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    max-width: 100%;
    min-height: 100%;
    opacity: 0;
    pointer-events: none;
    transform: none;
    width: 100%
}

.spinner--transparent .spinner__logo,
habbo-login-form habbo-apple-connect[type=small],
habbo-login-form habbo-facebook-connect[type=small],
habbo-login-form habbo-google-connect[type=small] {
    display: none
}

.modal.spinner.in .modal-dialog {
    opacity: 1
}

.account-security__edit:disabled,
.account-security__enable:disabled,
.account-security__reset:disabled,
.activation-status__submit:disabled,
.avatar-create--disabled::after,
.avatar-create--disabled::before,
.avatar-create__button:disabled,
.avatar-selector__button:disabled,
.login-form__button:disabled,
habbo-apple-connect[type=large] .apple-connect:disabled,
habbo-facebook-connect[type=large] .facebook-connect:disabled,
habbo-google-connect[type=large] .google-connect:disabled {
    opacity: .4
}

.modal.spinner .modal-content {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    pointer-events: auto
}

.login-form__button:active,
.login-form__button:hover,
habbo-apple-connect[type=large] .apple-connect:active,
habbo-apple-connect[type=large] .apple-connect:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.spinner__indicator {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -513px;
    width: 32px;
    height: 32px;
    animation: rotating 1s linear infinite;
    margin: 0 auto
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .spinner__indicator {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -501px;
        background-size: 709px 650px
    }
}

@media (min-width:767px) {
    .spinner--transparent .spinner__indicator {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
        background-position: -278px -75px;
        width: 68px;
        height: 68px
    }
}

@media (min-width:767px) and (min-resolution:192dpi),
(min-width:767px) and (min-resolution:2dppx) {
    .spinner--transparent .spinner__indicator {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -276px -74px;
        background-size: 709px 650px
    }
}

.spinner__logo {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: 0 -617px;
    width: 116px;
    height: 46px;
    margin: 0 0 24px;
    text-indent: -9999px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .spinner__logo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: 0 -604px;
        background-size: 709px 650px
    }
}

@media (min-width:767px) {
    .spinner__logo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
        background-position: -166px 0;
        width: 197px;
        height: 73px
    }
}

@media (min-width:767px) and (min-resolution:192dpi),
(min-width:767px) and (min-resolution:2dppx) {
    .spinner__logo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -165px 0;
        background-size: 709px 650px
    }
}

.spinner__logo__origins {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: 0 0;
    width: 164px;
    height: 215px;
    margin: 0 0 24px;
    text-indent: -9999px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .spinner__logo__origins {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: 0 0;
        background-size: 709px 650px
    }
}

.force-email__email,
.force-rpx-migration__email {
    text-align: center;
    text-transform: none
}

habbo-login-form habbo-apple-connect,
habbo-login-form habbo-facebook-connect,
habbo-login-form habbo-google-connect {
    width: 100%
}

@media (min-width:767px) {
    .login-form__email-login {
        max-width: 256px;
        min-width: 256px
    }

    .login-form__social-login {
        margin-right: 20px
    }

    .login-form__button {
        box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
        display: inline-block;
        line-height: 1.2;
        text-align: center;
        background-color: #0f7dbc;
        border-color: #2a9cde;
        color: #fff;
        font-size: 16px;
        padding: 12px 24px;
        border-radius: 5px;
        border-width: 2px;
        border-style: solid;
        text-transform: uppercase;
        margin-bottom: 0
    }

    .login-form__button:hover {
        background-color: #2a9cde;
        border-color: #53bdf9
    }

    .login-form__button:active,
    .login-form__button:disabled {
        background-color: #084d74;
        border-color: #1e7b9e
    }

    .login-form__button:disabled {
        opacity: .4
    }

    .login-form__button:active,
    .login-form__button:hover {
        border-bottom-style: solid;
        border-bottom-width: 2px
    }

    .login-form__button:active {
        box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
        transform: translate(0, 2px)
    }
}

.login-form__fieldset {
    padding: 0;
    width: 100%
}

.login-form__helper {
    text-align: right
}

.login-form .login-social {
    margin-top: 36px;
    text-align: center
}

.login-form__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%
}

.login-form__button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.login-form__button:active,
.login-form__button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.login-form__register::after,
.login-form__social::after {
    border-top: 1px solid #2a9cde;
    display: block;
    left: 0;
    top: 0;
    width: calc(100% - 24px);
    content: ''
}

.login-form__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.login-form__register {
    position: relative;
    margin: 0 12px 0 0;
    padding-top: 10px;
    text-align: center
}

.login-form__register::after {
    margin: 0 12px;
    position: absolute
}

.login-form__social {
    position: relative;
    margin: 0;
    text-align: left
}

.login-form__social::after {
    margin: 0 12px;
    position: absolute
}

.login-form__rpx {
    font-size: 14px;
    margin-top: 12px
}

.login-form__apple-text,
.login-form__facebook-text,
.login-form__google-text {
    font-size: 14px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.login-form__login-text {
    color: #fff;
    margin: 5px auto;
    text-align: center
}

habbo-header-large habbo-login-form {
    margin: 0 auto;
    max-width: 280px;
    padding-bottom: 6px;
    width: 100%
}

@media (min-width:767px) {
    habbo-header-large habbo-login-form {
        -ms-flex-align: baseline;
        align-items: baseline;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        padding-bottom: 0;
        text-align: left
    }

    habbo-header-large habbo-login-form .more-login {
        margin-right: 0;
        text-align: right
    }

    habbo-header-large habbo-login-form .habbo-login-button {
        margin-bottom: 2px
    }

    habbo-header-large habbo-login-form #more-login {
        margin-bottom: 0 !important
    }

    habbo-header-large habbo-login-form .login-texts {
        display: -ms-flexbox;
        display: flex;
        margin-left: 5px;
        margin-top: 25px
    }

    habbo-header-large habbo-login-form .login-texts .login-form__login-text {
        text-align: center
    }
}

@media (min-width:767px) and (min-width:767px) {
    habbo-header-large habbo-login-form .login-texts {
        margin: 0
    }

    habbo-header-large habbo-login-form .login-texts .login-form__login-text {
        text-align: left
    }
}

habbo-header-large habbo-login-form #more-login {
    margin-bottom: 35px
}

habbo-header-large habbo-login-form #forgot-password {
    margin-top: 0
}

@media (min-width:767px) {
    habbo-header-large .login-form__form {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 12px;
        position: relative
    }

    habbo-header-large .login-form__form::after {
        content: '';
        height: 80%;
        position: absolute;
        right: -2px;
        top: 0
    }

    habbo-header-large .login-form__fieldset {
        margin: 0;
        width: auto
    }

    habbo-header-large .login-form__input {
        display: inline-block;
        margin-bottom: 6px
    }

    habbo-header-large .login-form__helper {
        margin-top: 0
    }

    habbo-header-large .login-form__button {
        box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
        display: inline-block;
        line-height: 1.2;
        text-align: center;
        background-color: #0f7dbc;
        border-color: #2a9cde;
        color: #fff;
        font-size: 16px;
        padding: 12px 24px;
        border-radius: 5px;
        border-width: 2px;
        border-style: solid;
        margin-bottom: 12px;
        text-transform: uppercase;
        margin-top: 0;
        width: 100%
    }

    habbo-header-large .login-form__button:hover {
        background-color: #2a9cde;
        border-color: #53bdf9
    }

    habbo-header-large .login-form__button:active,
    habbo-header-large .login-form__button:disabled {
        background-color: #084d74;
        border-color: #1e7b9e
    }

    habbo-header-large .login-form__button:disabled {
        opacity: .4
    }

    habbo-header-large .login-form__button:active,
    habbo-header-large .login-form__button:hover {
        border-bottom-style: solid;
        border-bottom-width: 2px
    }

    habbo-header-large .login-form__button:active {
        box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
        transform: translate(0, 2px)
    }

    habbo-header-large .login-form__social {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        min-width: 270px;
        padding: 0 18px 0 0
    }

    habbo-header-large .login-form__register,
    habbo-header-large .login-form__social::after {
        display: none
    }

    habbo-header-large .login-form__rpx {
        -ms-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
        margin: 0 0 0 6px;
        max-width: 100px
    }
}

.origins__topsection .login-texts {
    bottom: -12px;
    position: absolute;
    right: 110px;
    text-align: right
}

.origins__topsection habbo-login-form {
    display: block;
    position: relative
}

@media (max-width:767px) {
    .origins__topsection habbo-login-form {
        display: none
    }

    .origins__topsection .login-button {
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: right
    }
}

.captcha-modal .modal-dialog {
    min-height: 800px
}

@media (min-width:767px) {
    .captcha-modal .modal-dialog {
        min-height: initial
    }
}

.captcha-modal .modal-content {
    min-height: 100vh
}

@media (min-width:767px) {
    .captcha-modal .modal-content {
        min-height: 100%
    }
}

.claim-password__email {
    text-align: center;
    text-transform: none
}

habbo-apple-connect[type=large] .apple-connect {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000;
    padding: 12px 24px 12px 44px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase;
    position: relative;
    font-size: 15px;
    margin-bottom: 0;
    min-width: 185px;
    width: 100%
}

habbo-apple-connect[type=large] .apple-connect:hover {
    background-color: #dfdfdf;
    border-color: #d7d7d7
}

habbo-apple-connect[type=large] .apple-connect:active,
habbo-apple-connect[type=large] .apple-connect:disabled {
    background-color: #dfdfdf;
    border-color: #dfdfdf
}

habbo-apple-connect[type=large] .apple-connect:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

habbo-apple-connect[type=large] .apple-connect::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -250px -187px;
    width: 26px;
    height: 26px;
    content: '';
    display: block;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    left: 12px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-apple-connect[type=large] .apple-connect::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -244px -185px;
        background-size: 709px 650px
    }
}

habbo-apple-connect[type=small] .apple-connect {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png) -665px -409px;
    border: 0;
    padding: 0;
    width: 36px;
    height: 36px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-apple-connect[type=small] .apple-connect {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -363px;
        background-size: 709px 650px
    }
}

habbo-facebook-connect[type=large] .facebook-connect {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #4166b2;
    border-color: #6a8ad3;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px 12px 44px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase;
    position: relative;
    min-width: 185px;
    width: 100%
}

habbo-facebook-connect[type=large] .facebook-connect:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

habbo-facebook-connect[type=large] .facebook-connect:active,
habbo-facebook-connect[type=large] .facebook-connect:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

habbo-facebook-connect[type=large] .facebook-connect:active,
habbo-facebook-connect[type=large] .facebook-connect:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

habbo-facebook-connect[type=large] .facebook-connect:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

habbo-facebook-connect[type=large] .facebook-connect::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -194px -187px;
    width: 26px;
    height: 26px;
    content: '';
    display: block;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    left: 12px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-facebook-connect[type=large] .facebook-connect::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -270px -185px;
        background-size: 709px 650px
    }
}

habbo-facebook-connect[type=small] .facebook-connect {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png) -665px -371px;
    border: 0;
    padding: 0;
    width: 36px;
    height: 36px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-facebook-connect[type=small] .facebook-connect {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -326px;
        background-size: 709px 650px
    }
}

habbo-google-connect[type=large] .google-connect {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #4485f4;
    border-color: #6a8ad3;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px 12px 44px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase;
    position: relative;
    min-width: 185px;
    width: 100%
}

habbo-google-connect[type=large] .google-connect:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

habbo-google-connect[type=large] .google-connect:active,
habbo-google-connect[type=large] .google-connect:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

habbo-google-connect[type=large] .google-connect:active,
habbo-google-connect[type=large] .google-connect:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

habbo-google-connect[type=large] .google-connect:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

habbo-google-connect[type=large] .google-connect::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -222px -187px;
    width: 26px;
    height: 26px;
    content: '';
    display: block;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    left: 12px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-google-connect[type=large] .google-connect::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -218px -185px;
        background-size: 709px 650px
    }
}

habbo-google-connect[type=small] .google-connect {
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png) -665px -333px;
    border: 0;
    padding: 0;
    width: 36px;
    height: 36px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    habbo-google-connect[type=small] .google-connect {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -400px;
        background-size: 709px 650px
    }
}

#janrainModalOverlay {
    z-index: 1100 !important
}

#janrainModal {
    z-index: 1110 !important
}

#janrainModal * {
    line-height: normal
}

#janrainModal a:active,
#janrainModal a:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.account-security__disable:active,
.account-security__disable:hover,
.account-security__edit:active,
.account-security__edit:hover,
.account-security__enable:active,
.account-security__enable:hover,
.account-security__reset:active,
.account-security__reset:hover,
.activation-status__submit:active,
.activation-status__submit:hover,
.avatar-create__button:active,
.avatar-create__button:hover,
.avatar-selector__button:active,
.avatar-selector__button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

@media (min-width:532px) {
    .account-security__status {
        display: -ms-flexbox;
        display: flex
    }

    .account-security__edit {
        margin-right: 12px
    }
}

.account-security__disable,
.account-security__edit,
.account-security__enable,
.account-security__reset {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 5px;
    margin-bottom: 12px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase
}

.account-security__edit,
.account-security__enable {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #0f7dbc;
    border-color: #2a9cde
}

.account-security__edit:hover,
.account-security__enable:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.account-security__edit:active,
.account-security__edit:disabled,
.account-security__enable:active,
.account-security__enable:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.account-security__edit:active,
.account-security__enable:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.account-security__disable {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #c0174e;
    border-color: #f37387;
    margin-top: 12px
}

.account-security__disable:hover {
    background-color: #f9586d;
    border-color: #ff9598
}

.account-security__disable:active,
.account-security__disable:disabled {
    background-color: #820022;
    border-color: #b73e56
}

.account-security__disable:disabled {
    opacity: .4
}

.account-security__disable:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

@media (min-width:532px) {
    .account-security__disable {
        margin-left: auto;
        margin-top: 0
    }
}

.account-security__trusted-locations {
    margin-top: 24px
}

.account-security__reset {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #0f7dbc;
    border-color: #2a9cde
}

.account-security__reset:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.account-security__reset:active,
.account-security__reset:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.account-security__reset:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

habbo-avatar-create {
    margin-bottom: 24px;
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960;
    display: block
}

habbo-avatar-create:empty,
habbo-avatar-create:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    habbo-avatar-create {
        padding-left: 24px;
        padding-right: 24px
    }
}

.avatar-create {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 61px;
    padding-left: 90px;
    position: relative
}

.avatar-create::after,
.avatar-create::before {
    display: block;
    position: absolute;
    content: ''
}

.avatar-create::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -475px;
    width: 34px;
    height: 36px;
    left: 32px;
    top: 25px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .avatar-create::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -464px;
        background-size: 709px 650px
    }
}

.avatar-create::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -300px -217px;
    width: 54px;
    height: 61px;
    left: 0;
    top: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .avatar-create::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -297px -216px;
        background-size: 709px 650px
    }
}

.avatar-create__button__wrapper {
    padding-top: 12px;
    text-align: center;
    width: 100%
}

@media (min-width:532px) {
    .avatar-create {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .avatar-create__text {
        padding-right: 24px
    }

    .avatar-create__button__wrapper {
        margin-left: auto;
        padding-top: 0;
        width: auto
    }
}

.avatar-create__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase;
    white-space: nowrap
}

.avatar-create__button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.avatar-create__button:active,
.avatar-create__button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.avatar-create__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.avatar-create-form::before {
    -ms-interpolation-mode: bicubic;
    image-rendering: pixelated;
    background: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/teaser_baghead.png);
    content: '';
    display: block;
    height: 116px;
    width: 94px;
    margin: 0 auto 24px
}

.avatar-selector__details,
habbo-avatar-selector:empty,
habbo-avatar-selector:last-child {
    margin-bottom: 0
}

habbo-avatar-search {
    display: block;
    max-width: 620px
}

.avatar-search__avatars {
    margin-top: 24px
}

habbo-avatar-selector {
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960;
    display: block;
    margin-bottom: 0
}

@media (min-width:532px) {
    habbo-avatar-selector {
        padding-left: 24px;
        padding-right: 24px
    }
}

habbo-avatar-selector:nth-child(even) {
    background-color: transparent
}

.avatar-selector {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.avatar-selector--selected {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-right: 56px
}

.avatar-selector--selected::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -103px;
    width: 44px;
    height: 50px;
    content: '';
    display: block;
    right: 12px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .avatar-selector--selected::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -101px;
        background-size: 709px 650px
    }
}

.avatar-selector .imager {
    display: block;
    margin-top: -12px
}

.avatar-selector__content {
    padding: 0 12px
}

.avatar-selector__name {
    margin: 0;
    text-transform: none
}

.avatar-selector__details:last-child:not(:only-of-type) {
    margin-top: 0
}

.avatar-selector__details--last-access {
    color: #999
}

.avatar-selector__details--banned {
    color: #999;
    font-weight: 700
}

.activation-status__submit,
.avatar-selector__button {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase
}

.avatar-selector__select {
    margin-left: auto;
    text-align: center;
    width: 100%
}

@media (min-width:532px) {
    .avatar-selector__select {
        width: auto
    }
}

.avatar-selector__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #0f7dbc;
    border-color: #2a9cde
}

.avatar-selector__button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.avatar-selector__button:active,
.avatar-selector__button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.avatar-selector__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.activation-status__controls {
    margin-top: 24px;
    text-align: center
}

.activation-status__submit {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #0f7dbc;
    border-color: #2a9cde
}

.activation-status__submit:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.activation-status__submit:active,
.activation-status__submit:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.wallet-setting-add-icon:active,
.wallet-setting-add-icon:hover,
.wallet-setting-name-mm:active,
.wallet-setting-name-mm:hover,
.wallet-setting-name-sd:active,
.wallet-setting-name-sd:hover,
.wallet-setting-perk-active:active,
.wallet-setting-perk-active:hover,
.wallet-setting-perk-inactive:active,
.wallet-setting-perk-inactive:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.activation-status__submit:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.wallet-setting {
    background-color: #0e3955;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 15px 0;
    padding: 20px 10px;
    width: 100%
}

.wallet-setting.ng-enter,
.wallet-setting.ng-leave.ng-leave-active {
    opacity: 0
}

.wallet-setting.ng-enter.ng-enter-active,
.wallet-setting.ng-leave {
    opacity: 1
}

.wallet-setting-connect:disabled,
.wallet-setting-disconnect:disabled {
    opacity: .4
}

.wallet-setting-add {
    width: 50%
}

.wallet-setting-add-icon {
    position: relative;
    padding-left: 52px;
    line-height: 44px
}

.wallet-setting-add-icon::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -155px;
    width: 46px;
    height: 44px;
    content: '';
    display: block;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    left: 0
}

.wallet-setting-perk-active::before,
.wallet-setting-perk-inactive::before {
    height: 27px;
    margin-top: -13.5px;
    right: 0;
    transform: scale(.8);
    top: 50%;
    content: ''
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .wallet-setting-add-icon::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -152px;
        background-size: 709px 650px
    }
}

.wallet-setting-begin {
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.wallet-setting-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: right;
    justify-content: right
}

.wallet-setting-end-texts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 5px;
    transform: scale(.8)
}

.wallet-setting-perk-active {
    position: relative;
    padding-right: 28px;
    text-align: right;
    line-height: 27px
}

.wallet-setting-perk-active::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -327px -280px;
    width: 22px;
    display: block;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .wallet-setting-perk-active::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -338px -143px;
        background-size: 709px 650px
    }
}

.wallet-setting-perk-inactive {
    position: relative;
    padding-right: 31px;
    text-align: right;
    line-height: 27px
}

.wallet-setting-perk-inactive::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -300px -280px;
    width: 25px;
    display: block;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .wallet-setting-perk-inactive::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -192px -185px;
        background-size: 709px 650px
    }
}

.wallet-setting-name-mm {
    position: relative;
    padding-left: 53px;
    line-height: 42px
}

.wallet-setting-name-mm::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -201px;
    width: 47px;
    height: 42px;
    content: '';
    display: block;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    left: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .wallet-setting-name-mm::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -197px;
        background-size: 709px 650px
    }
}

.wallet-setting-name-sd {
    position: relative;
    padding-left: 55px;
    line-height: 45px
}

.wallet-setting-connect,
.wallet-setting-disconnect {
    line-height: 1.2;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
    text-transform: uppercase
}

.wallet-setting-name-sd::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -56px;
    width: 49px;
    height: 45px;
    content: '';
    display: block;
    margin-top: -22.5px;
    position: absolute;
    top: 50%;
    left: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .wallet-setting-name-sd::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -55px;
        background-size: 709px 650px
    }
}

.wallet-setting-connect,
.wallet-setting-disconnect,
.wallet-setting-terms-button {
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid
}

.wallet-setting-connect:active,
.wallet-setting-connect:hover,
.wallet-setting-disconnect:active,
.wallet-setting-disconnect:hover,
.wallet-setting-terms-button:active,
.wallet-setting-terms-button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.wallet-setting-disconnect {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #0f7dbc;
    border-color: #2a9cde;
    display: block
}

.wallet-setting-disconnect:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.wallet-setting-disconnect:active,
.wallet-setting-disconnect:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.wallet-setting-disconnect:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.wallet-setting-connect {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    background-color: #0f7dbc;
    border-color: #2a9cde
}

.wallet-setting-connect:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.wallet-setting-connect:active,
.wallet-setting-connect:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.wallet-setting-connect:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.wallet-setting-terms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.wallet-setting-terms div.ng-enter,
.wallet-setting-terms div.ng-leave.ng-leave-active {
    opacity: 0
}

.wallet-setting-terms div.ng-enter.ng-enter-active,
.wallet-setting-terms div.ng-leave {
    opacity: 1
}

.avatar-perk-notification--disabled::after,
.avatar-perk-notification--disabled::before,
.avatar-perk-notification__button:disabled,
.avatar-perk-selector__button:disabled,
.payment-button:disabled,
.transactions__button:disabled,
.two-factor-auth__disable-button:disabled,
.two-factor-auth__edit-button:disabled,
.two-factor-auth__enable-button:disabled,
.wallet-setting-terms-button:disabled {
    opacity: .4
}

.wallet-setting-terms-buttons {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 20px 10px
}

.avatar-perk-notification__button,
.wallet-setting-terms-button {
    line-height: 1.2;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
    text-transform: uppercase
}

.wallet-setting-terms-button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    float: right
}

.wallet-setting-terms-button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.wallet-setting-terms-button:active,
.wallet-setting-terms-button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.wallet-setting-terms-button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.spinner-anim {
    height: 32px;
    width: 32px
}

.spinner-anim div {
    position: relative;
    animation: dospin 2s infinite
}

.spinner-anim div::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -513px;
    width: 32px;
    height: 32px;
    content: '';
    display: block;
    margin-top: -16px;
    position: absolute;
    top: 50%
}

.spinner-anim-sm {
    transform: scale(.7)
}

.spinner-anim-lg {
    transform: scale(1.3)
}

@keyframes dospin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

habbo-avatar-perk-notification {
    margin-bottom: 24px;
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960;
    display: block
}

habbo-avatar-perk-notification:empty,
habbo-avatar-perk-notification:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    habbo-avatar-perk-notification {
        padding-left: 24px;
        padding-right: 24px
    }
}

.avatar-perk-notification {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 12px;
    padding-left: 12px;
    position: relative
}

.avatar-perk-notification__avatar {
    display: block;
    left: -6px;
    position: absolute;
    top: 3px
}

.avatar-perk-notification__avatar::before {
    box-shadow: 0 1px 0 2px rgba(0, 0, 0, .3);
    background-color: #02353c;
    border: 2px solid #267b91;
    border-radius: 50%;
    content: '';
    height: 46px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 46px
}

.avatar-perk-notification__button:active,
.avatar-perk-notification__button:hover,
.avatar-perk-selector__button:active,
.avatar-perk-selector__button:hover,
.two-factor-auth__disable-button:active,
.two-factor-auth__disable-button:hover,
.two-factor-auth__edit-button:active,
.two-factor-auth__edit-button:hover,
.two-factor-auth__edit:active,
.two-factor-auth__edit:hover,
.two-factor-auth__enable-button:active,
.two-factor-auth__enable-button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.avatar-perk-notification__avatar img {
    position: relative
}

.avatar-perk-notification__button__wrapper {
    padding-top: 12px;
    text-align: center;
    width: 100%
}

@media (min-width:532px) {
    .avatar-perk-notification {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .avatar-perk-notification__text {
        padding-right: 24px
    }

    .avatar-perk-notification__button__wrapper {
        margin-left: auto;
        padding-top: 0;
        width: auto
    }
}

.avatar-perk-notification__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    white-space: nowrap
}

.avatar-perk-selector__details,
habbo-avatar-perk-selector:empty,
habbo-avatar-perk-selector:last-child {
    margin-bottom: 0
}

.avatar-perk-notification__button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.avatar-perk-notification__button:active,
.avatar-perk-notification__button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.avatar-perk-notification__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .spinner-anim div::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -501px;
        background-size: 709px 650px
    }
}

habbo-avatar-perk-selector {
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960;
    display: block;
    margin-bottom: 0
}

@media (min-width:532px) {
    habbo-avatar-perk-selector {
        padding-left: 24px;
        padding-right: 24px
    }
}

habbo-avatar-perk-selector:nth-child(even) {
    background-color: transparent
}

.avatar-perk-selector {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.avatar-perk-selector--selected {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-right: 56px
}

.avatar-perk-selector--selected::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -103px;
    width: 44px;
    height: 50px;
    content: '';
    display: block;
    right: 12px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .avatar-perk-selector--selected::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -101px;
        background-size: 709px 650px
    }
}

.avatar-perk-selector .imager {
    display: block;
    margin-top: -12px
}

.avatar-perk-selector__content {
    padding: 0 12px
}

.avatar-perk-selector__name {
    margin: 0;
    text-transform: none
}

.avatar-perk-selector__button,
.two-factor-auth__edit {
    line-height: 1.2;
    text-align: center;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase
}

.avatar-perk-selector__details:last-child:not(:only-of-type) {
    margin-top: 0
}

.avatar-perk-selector__details--last-access {
    color: #999
}

.avatar-perk-selector__details--banned {
    color: #999;
    font-weight: 700
}

.avatar-perk-selector__select {
    margin-left: auto;
    text-align: center;
    width: 100%
}

.avatar-perk-selector__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff
}

.avatar-perk-selector__button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.avatar-perk-selector__button:active,
.avatar-perk-selector__button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.avatar-perk-selector__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

@media (min-width:532px) {
    .avatar-perk-selector__select {
        width: auto
    }

    .two-factor-auth__status {
        display: -ms-flexbox;
        display: flex
    }
}

.two-factor-auth__edit {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff;
    min-width: 75%
}

.two-factor-auth__edit:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.two-factor-auth__edit:active,
.two-factor-auth__edit:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.two-factor-auth__edit:disabled {
    opacity: .4
}

.two-factor-auth__edit:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

@media (min-width:767px) {
    .two-factor-auth__edit {
        min-width: 50%
    }
}

.two-factor-auth__description {
    margin: 10px
}

.two-factor-auth__description__inline {
    display: inline
}

.two-factor-auth__auth-code-input {
    display: inline;
    font-size: 24px;
    font-weight: bolder;
    height: 62px;
    margin-bottom: 6px;
    margin-left: 6px;
    width: 48px
}

.two-factor-auth__register {
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 10px;
    min-width: 90%
}

.two-factor-auth__register:empty,
.two-factor-auth__register:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    .two-factor-auth__register {
        padding-left: 24px;
        padding-right: 24px
    }
}

.two-factor-auth__register__qr {
    height: 150px;
    margin: 10px;
    width: 150px
}

.two-factor-auth__register__email {
    -ms-flex-direction: column;
    flex-direction: column
}

.two-factor-auth__email-code-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.two-factor-auth__email-code-input {
    display: inline;
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 200px
}

.two-factor-auth__auth-button {
    background-color: #00813e;
    border-color: #8eda55;
    color: #fff;
    display: inline;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 6px;
    padding-left: 0;
    padding-right: 0;
    width: 25%
}

.two-factor-auth__auth-button:hover {
    background-color: #00ab54;
    border-color: #b9f373
}

.two-factor-auth__auth-button:active,
.two-factor-auth__auth-button:disabled {
    background-color: #006743;
    border-color: #5abb37
}

@media (min-width:767px) {
    .two-factor-auth__auth-button {
        padding-left: 24px;
        padding-right: 24px
    }
}

.two-factor-auth__cancel-button {
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff;
    display: inline;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 6px;
    padding-left: 0;
    padding-right: 0;
    width: 25%
}

.two-factor-auth__cancel-button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.two-factor-auth__cancel-button:active,
.two-factor-auth__cancel-button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

@media (min-width:767px) {
    .two-factor-auth__cancel-button {
        padding-left: 24px;
        padding-right: 24px
    }
}

.two-factor-auth__error-message {
    display: inline;
    float: left;
    margin-bottom: 6px;
    margin-left: 6px;
    margin-top: 0;
    max-width: 68%;
    width: 1400px
}

.two-factor-auth__checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 6px;
    position: inherit
}

.two-factor-auth__label {
    margin: 6px;
    width: 90%
}

.two-factor-auth__email-input {
    display: -ms-flexbox;
    display: flex;
    margin: 6px
}

.two-factor-auth__send-code-button {
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff;
    display: inline;
    margin: 6px;
    width: 45%
}

.two-factor-auth__send-code-button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.two-factor-auth__send-code-button:active,
.two-factor-auth__send-code-button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.two-factor-auth__send-code-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.two-factor-auth__disable-button,
.two-factor-auth__edit-button,
.two-factor-auth__enable-button {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase;
    min-width: 100%;
    border-width: 2px
}

.two-factor-auth__edit-button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #0f7dbc;
    border-color: #2a9cde
}

.two-factor-auth__edit-button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.two-factor-auth__edit-button:active,
.two-factor-auth__edit-button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.two-factor-auth__edit-button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.two-factor-auth__disable-button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #c0174e;
    border-color: #f37387
}

.two-factor-auth__disable-button:hover {
    background-color: #f9586d;
    border-color: #ff9598
}

.two-factor-auth__disable-button:active,
.two-factor-auth__disable-button:disabled {
    background-color: #820022;
    border-color: #b73e56
}

.two-factor-auth__disable-button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.two-factor-auth__enable-button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    background-color: #00813e;
    border-color: #8eda55
}

.two-factor-auth__enable-button:hover {
    background-color: #00ab54;
    border-color: #b9f373
}

.two-factor-auth__enable-button:active,
.two-factor-auth__enable-button:disabled {
    background-color: #006743;
    border-color: #5abb37
}

.two-factor-auth__enable-button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.twofactorcode {
    display: -ms-flexbox;
    display: flex
}

.form--twofactor .form__field {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.form--twofactor .form__submit {
    margin-left: 20px
}

.form__input--twofactorcode {
    display: inline;
    font-size: 24px;
    font-weight: bolder;
    height: 62px;
    margin-bottom: 6px;
    margin-left: 6px;
    width: 48px
}

.form__input--twofactorcode:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    outline: 0
}

.shop__header {
    zoom: 1;
    margin-bottom: 24px;
    position: relative
}

.shop__header::after,
.shop__header::before {
    content: '';
    display: table
}

.shop__header__title {
    float: left;
    width: 100%
}

.shop__header__title--single {
    margin: 0
}

.shop__header__country {
    text-align: right
}

@media (min-width:959px) {
    .shop__header__title {
        margin: 0
    }

    .shop__header__country {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0
    }
}

.origins__shop .aside {
    margin-top: 0
}

.origins__shop .habbo__origins__credits .aside--box,
.origins__shop .habbo__origins__yellowBg .aside--box {
    padding: 0 6px 6px
}

.origins__shop .aside--box {
    background-color: transparent;
    border-radius: 0;
    padding: 0
}

.origins__shop .aside--box h3,
.origins__shop .aside--box h4,
.origins__shop .aside--box p {
    background: 0 0;
    color: #330;
    margin: 0;
    padding: 0
}

.origins__shop .aside--box a {
    color: #600;
    font-weight: 800;
    text-decoration: underline
}

.origins__shop .aside--box a:hover {
    border-bottom-style: none
}

.habbo__origins__credits__content h3 {
    font-size: 20px;
    text-align: center
}

.earn-credits-frame {
    height: 1000px;
    margin-top: 24px;
    min-width: 500px;
    width: 100%
}

.credit-icon {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    height: 186px;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated;
    width: 100%
}

.credit-icon--1,
.credit-icon--2,
.credit-icon--3,
.credit-icon--4,
.credit-icon--5,
.credit-icon--6 {
    width: 98px;
    height: 98px;
    min-width: 98px
}

.credit-icon--1 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -300px -417px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .credit-icon--1 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -99px -414px;
        background-size: 709px 650px
    }
}

.credit-icon--2 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -400px -417px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .credit-icon--2 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -198px -414px;
        background-size: 709px 650px
    }
}

.credit-icon--3 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -565px -200px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .credit-icon--3 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -297px -414px;
        background-size: 709px 650px
    }
}

.credit-icon--4 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -100px -217px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .credit-icon--4 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -396px -414px;
        background-size: 709px 650px
    }
}

.credit-icon--5 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: 0 -217px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .credit-icon--5 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -561px 0;
        background-size: 709px 650px
    }
}

.credit-icon--6 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -565px 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .credit-icon--6 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -561px -198px;
        background-size: 709px 650px
    }
}

.credit-icon--double::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px 0;
    width: 49px;
    height: 54px;
    content: '';
    display: block;
    position: absolute;
    right: -10px;
    top: 65px
}

.origins__shop .credit-icon--1,
.origins__shop .credit-icon--2,
.origins__shop .credit-icon--3,
.origins__shop .credit-icon--4,
.origins__shop .credit-icon--5,
.origins__shop .credit-icon--6,
.origins__shop .credit-icon--7 {
    width: 98px;
    height: 98px;
    min-width: 98px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .credit-icon--double::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px 0;
        background-size: 709px 650px
    }
}

.origins__shop .credit-icon--1 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -200px -217px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .credit-icon--1 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -198px -216px;
        background-size: 709px 650px
    }
}

.origins__shop .credit-icon--2 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -365px 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .credit-icon--2 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -363px 0;
        background-size: 709px 650px
    }
}

.origins__shop .credit-icon--3 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -365px -100px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .credit-icon--3 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -363px -99px;
        background-size: 709px 650px
    }
}

.origins__shop .credit-icon--4 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -365px -200px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .credit-icon--4 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -363px -198px;
        background-size: 709px 650px
    }
}

.origins__shop .credit-icon--5 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: 0 -317px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .credit-icon--5 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: 0 -315px;
        background-size: 709px 650px
    }
}

.origins__shop .credit-icon--6 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -100px -317px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .credit-icon--6 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -99px -315px;
        background-size: 709px 650px
    }
}

.origins__shop .credit-icon--7 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -200px -317px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .credit-icon--7 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -198px -315px;
        background-size: 709px 650px
    }
}

.origins__shop .credit-icon--double {
    position: relative
}

.origins__shop .credit-icon--double::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px 0;
    width: 49px;
    height: 54px;
    content: '';
    display: block;
    left: 0;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .credit-icon--double::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px 0;
        background-size: 709px 650px
    }
}

.credit-title__prefix {
    text-transform: none
}

habbo-credit-payment-details,
habbo-offer-payment-details,
habbo-product-payment-details,
habbo-subscription-payment-details {
    display: block;
    padding: 12px 12px 24px;
    position: relative
}

.payment-details {
    overflow: hidden
}

.payment-details__icon {
    display: none
}

@media (min-width:532px) {
    .payment-details__icon {
        display: block;
        float: left;
        margin-right: 12px
    }
}

.payment-details__image {
    display: none
}

.payment-details__title {
    margin: 0 12px 0 0
}

.payment-details__price {
    color: #fff;
    font-size: 32px;
    line-height: 1;
    margin-top: 6px;
    vertical-align: top;
    white-space: nowrap
}

.payment-details__price a {
    color: #7ecaee
}

@media (min-width:532px) {
    .payment-details__price {
        font-size: 36px
    }
}

@media (min-width:767px) {
    .payment-details__header {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex
    }

    .payment-details__price {
        margin: 0 0 0 auto
    }
}

.sub-product-icons__description {
    margin-bottom: 0
}

.sub-product-icons__icon {
    display: inline-block;
    margin-right: 12px;
    margin-top: 12px;
    position: relative
}

.sub-product-icons__icon:not([data-count="1"])::after {
    font-size: 12px;
    background: rgba(0, 0, 0, .5);
    border-radius: 8.5px;
    bottom: -6px;
    color: #fff;
    content: attr(data-count);
    font-weight: 700;
    height: 17px;
    position: absolute;
    right: -6px;
    text-align: center;
    width: 17px
}

.payment-steps {
    counter-reset: payment-counter;
    margin-top: 24px
}

.payment-steps__user {
    table-layout: fixed
}

.payment-steps__user td:first-child {
    padding-right: 12px
}

.payment-steps__step {
    margin: 12px 0
}

.payment-steps__step:last-child {
    margin-bottom: 0
}

.payment-button,
.payment-methods__icon,
.payment-methods__label {
    margin-bottom: 12px;
    color: #fff
}

.payment-steps__title {
    color: #fff;
    counter-increment: payment-counter;
    position: relative
}

.payment-steps__title a {
    color: #7ecaee
}

.payment-steps__title::before {
    content: counter(payment-counter) ". ";
    font-size: inherit
}

.payment-steps__title--single::before {
    display: none
}

.payment-steps__legal {
    font-size: 12px;
    display: block;
    padding-bottom: 12px
}

.payment-steps__cancel {
    display: block;
    margin-top: 12px
}

@media (min-width:532px) {
    .payment-steps__cancel {
        text-align: right
    }
}

.payment-button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    line-height: 1.2;
    text-align: center;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    text-transform: uppercase;
    display: block;
    width: 100%
}

.payment-button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.payment-button:active,
.payment-button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.payment-button:active,
.payment-button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.payment-button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

payment-disclaimer {
    display: block;
    margin-top: 24px
}

.payment-methods__method {
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #567798;
    border-radius: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px
}

habbo-adyen,
habbo-premium-sms {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 6px;
    padding: 12px
}

.payment-methods__method+.payment-methods__method {
    margin-top: 12px
}

.payment-methods__icon a,
.payment-methods__label a {
    color: #7ecaee
}

.payment-methods__icon {
    -ms-interpolation-mode: bicubic;
    image-rendering: auto
}

.inventory-thumbnail__pricetag,
.product-icon {
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated
}

.payment-methods__button {
    display: block;
    width: 100%
}

@media (min-width:532px) {
    .payment-methods__method {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .payment-methods__icon,
    .payment-methods__label {
        margin-bottom: 0
    }

    .payment-methods__button {
        margin-left: auto;
        width: auto
    }
}

habbo-premium-sms {
    display: block;
    margin-top: 24px
}

.premium-sms__voucher-redeem__wrapper {
    zoom: 1
}

.premium-sms__voucher-redeem__wrapper::after,
.premium-sms__voucher-redeem__wrapper::before {
    content: '';
    display: table
}

.premium-sms__voucher-redeem {
    float: none;
    width: 100%;
    margin: 12px 0
}

.premium-sms__legal {
    font-size: 12px;
    display: block
}

.premium-sms .form__helper {
    display: none
}

habbo-adyen {
    display: block;
    margin-top: 24px
}

.adyen__form-wrapper {
    zoom: 1
}

.adyen__form-wrapper::after,
.adyen__form-wrapper::before {
    content: '';
    display: table
}

.adyen__form-header {
    display: block
}

.adyen__form-header-icon {
    margin-bottom: 12px;
    margin-left: 0;
    vertical-align: text-bottom
}

@media (min-width:767px) {
    .premium-sms__voucher-redeem {
        float: left;
        width: 66%
    }

    .adyen__form-header {
        display: inline-block
    }

    .adyen__form-header-icon {
        margin-bottom: 0;
        margin-left: 24px
    }
}

.adyen__legal {
    font-size: 12px;
    display: block
}

.adyen .form__helper {
    display: none
}

.purse::after,
habbo-purse {
    display: block
}

.adyen__result-box {
    background-color: initial
}

.product-icon {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    height: 186px;
    width: 100%
}

.origins__shop .product-icon--10,
.origins__shop .product-icon--11,
.origins__shop .product-icon--12,
.origins__shop .product-icon--13,
.origins__shop .product-icon--5,
.product-icon--3,
.product-icon--4,
.product-icon--5,
.product-icon--6,
.product-icon--7,
.product-icon--9 {
    width: 98px;
    height: 98px;
    min-width: 98px
}

.product-icon--3 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -565px -100px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .product-icon--3 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -561px -99px;
        background-size: 709px 650px
    }
}

.product-icon--4 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -100px -417px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .product-icon--4 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: 0 -414px;
        background-size: 709px 650px
    }
}

.product-icon--5 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: 0 -417px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .product-icon--5 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -462px -99px;
        background-size: 709px 650px
    }
}

.product-icon--6 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -465px -200px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .product-icon--6 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -99px -216px;
        background-size: 709px 650px
    }
}

.product-icon--7 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -565px 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .product-icon--7 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -561px -198px;
        background-size: 709px 650px
    }
}

.product-icon--8 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -565px -400px;
    width: 98px;
    height: 98px;
    min-width: 98px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .product-icon--8 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -561px -396px;
        background-size: 709px 650px
    }
}

.product-icon--9 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -565px -300px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .product-icon--9 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -561px -297px;
        background-size: 709px 650px
    }
}

.origins__shop .product-icon--5 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -300px -317px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .product-icon--5 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -297px -315px;
        background-size: 709px 650px
    }
}

.origins__shop .product-icon--10 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -465px 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .product-icon--10 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -462px 0;
        background-size: 709px 650px
    }
}

.origins__shop .product-icon--11 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -465px -300px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .product-icon--11 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -462px -297px;
        background-size: 709px 650px
    }
}

.origins__shop .product-icon--12 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: 0 -517px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .product-icon--12 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -462px -198px;
        background-size: 709px 650px
    }
}

.origins__shop .product-icon--13 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -465px -100px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .origins__shop .product-icon--13 {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: 0 -216px;
        background-size: 709px 650px
    }
}

.purse {
    border-bottom: 1px solid #0c3a65;
    position: relative;
    margin-bottom: 12px
}

.purse__hc-center:active,
.purse__hc-center:hover,
.purse__item--builders-club:active,
.purse__item--builders-club:hover,
.purse__item--credits:active,
.purse__item--credits:hover,
.purse__item--diamonds:active,
.purse__item--diamonds:hover,
.purse__item--habbo-club:active,
.purse__item--habbo-club:hover,
.purse__item--silver:active,
.purse__item--silver:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

.purse::after {
    background: #2a9cde;
    bottom: -2px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 1
}

.purse__columns {
    zoom: 1;
    margin: 0 -12px 12px
}

.purse__columns::after,
.purse__columns::before {
    content: '';
    display: table
}

.purse__column {
    float: left;
    width: 50%
}

.purse__item--builders-club::before,
.purse__item--credits::before,
.purse__item--diamonds::before,
.purse__item--habbo-club::before,
.purse__item--silver::before {
    width: 20px;
    display: block;
    left: 0;
    top: 50%;
    content: ''
}

.purse__column:nth-child(2n+1) {
    clear: left
}

.purse__column:not(:nth-child(2n+1)) {
    clear: none
}

.purse__item {
    padding: 6px;
    white-space: nowrap
}

.purse__item--builders-club,
.purse__item--credits,
.purse__item--diamonds,
.purse__item--habbo-club,
.purse__item--silver {
    padding-left: 26px;
    line-height: 22px
}

.purse__item--credits {
    position: relative
}

.purse__item--credits::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -643px;
    height: 20px;
    margin-top: -10px;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .purse__item--credits::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -112px -559px;
        background-size: 709px 650px
    }
}

.purse__item--diamonds {
    position: relative
}

.purse__item--diamonds::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -541px -564px;
    height: 20px;
    margin-top: -10px;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .purse__item--diamonds::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -610px -513px;
        background-size: 709px 650px
    }
}

.purse__item--silver {
    position: relative
}

.purse__item--silver::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -687px -643px;
    height: 20px;
    margin-top: -10px;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .purse__item--silver::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -91px -559px;
        background-size: 709px 650px
    }
}

.purse__item--habbo-club {
    position: relative
}

.purse__item--habbo-club::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -519px -564px;
    height: 20px;
    margin-top: -10px;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .purse__item--habbo-club::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -631px -513px;
        background-size: 709px 650px
    }
}

.purse__item--builders-club {
    position: relative
}

.purse__item--builders-club::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -118px -617px;
    height: 18px;
    margin-top: -9px;
    position: absolute
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .purse__item--builders-club::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -495px -494px;
        background-size: 709px 650px
    }
}

.purse__footer {
    text-align: right
}

.purse__hc-center {
    font-size: 20px;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    color: #fff;
    font-family: "Ubuntu Condensed", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-weight: 400;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    padding-right: 55px;
    text-align: right;
    line-height: 28px
}

.inventory__section__title,
.shop-footer__title--side {
    text-transform: none
}

.purse__hc-center::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -447px;
    width: 49px;
    height: 26px;
    content: '';
    display: block;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    right: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .purse__hc-center::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -660px -437px;
        background-size: 709px 650px
    }
}

.habbo__origins__brownBg habbo-purse-origins h4 {
    color: #5d1208 !important
}

.habbo__origins__brownBg habbo-purse-origins .purse {
    border-bottom: 0
}

.habbo__origins__brownBg habbo-purse-origins .purse::after {
    background: 0 0
}

.habbo__origins__brownBg habbo-purse-origins .purse__columns {
    color: #330;
    margin: 6px 6px 12px
}

.habbo__origins__brownBg habbo-purse-origins .purse__hc-center {
    font-size: 16px
}

habbo-shop-footer {
    display: block
}

.shop-footer {
    margin-bottom: 24px;
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960
}

.shop-footer:empty,
.shop-footer:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    .shop-footer {
        padding-left: 24px;
        padding-right: 24px
    }
}

.shop-footer__text {
    color: #a1b5c8;
    max-width: 533px
}

.shop-footer__link::after {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -118px -637px;
    width: 18px;
    height: 20px;
    content: '';
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .shop-footer__link::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -691px -534px;
        background-size: 709px 650px
    }
}

.habbo__origins__brownBg {
    background-color: #d8c38c;
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    margin-top: 24px
}

.habbo__origins__brownBg .wrapper--content {
    margin-bottom: 0;
    margin-top: 0
}

.habbo__origins__brownBg .wrapper--content .shop-footer {
    background-color: #d8c38c;
    padding: 0 6px
}

.habbo__origins__brownBg .wrapper--content .shop-footer__link {
    color: #600;
    font-weight: 800;
    text-decoration: underline
}

.habbo__origins__brownBg .wrapper--content .shop-footer__link::after {
    background-image: none
}

.habbo__origins__brownBg .wrapper--content .shop-footer__link:hover {
    border-bottom-style: none
}

.habbo__origins__brownBg .wrapper--content .shop-footer h3,
.habbo__origins__brownBg .wrapper--content .shop-footer h4,
.habbo__origins__brownBg .wrapper--content .shop-footer p {
    color: #330
}

.category-filter {
    zoom: 1;
    font-size: 14px;
    line-height: 1.4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 24px
}

.category-filter::after,
.category-filter::before {
    content: '';
    display: table
}

.category-filter::after {
    clear: both
}

.category-filter__item {
    display: inline
}

.category-filter__item:not(:last-child)::after {
    background-color: #fff;
    content: '';
    display: inline-block;
    height: 1em;
    margin-left: 12px;
    margin-right: 12px;
    vertical-align: text-bottom;
    width: 2px
}

.category-filter__link--active {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.habbo-shop-sections {
    display: block;
    padding: 24px 12px
}

.habbo-shop-daily-offer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important
}

.habbo-shop-daily-offer .inventory__section__title {
    margin-bottom: 24px;
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960;
    padding-bottom: 0 !important
}

.habbo-shop-daily-offer .inventory__section__title:empty,
.habbo-shop-daily-offer .inventory__section__title:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    .habbo-shop-daily-offer .inventory__section__title {
        padding-left: 24px;
        padding-right: 24px
    }
}

.habbo-shop-daily-offer .inventory__grid {
    margin-bottom: 24px;
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important
}

.habbo-shop-daily-offer .inventory__grid:empty,
.habbo-shop-daily-offer .inventory__grid:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    .habbo-shop-daily-offer .inventory__grid {
        padding-left: 24px;
        padding-right: 24px
    }
}

.habbo-shop-daily-offer habbo-product-thumbnail {
    margin-bottom: 24px;
    border-radius: 3px;
    padding: 24px 12px;
    background-color: #103960;
    overflow: visible;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important
}

.habbo-shop-daily-offer habbo-product-thumbnail:empty,
.habbo-shop-daily-offer habbo-product-thumbnail:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    .habbo-shop-daily-offer habbo-product-thumbnail {
        padding-left: 24px;
        padding-right: 24px
    }
}

.habbo-shop-daily-offer habbo-product-payment-details {
    margin-bottom: 24px;
    border-radius: 3px;
    overflow: hidden;
    padding: 24px 12px;
    background-color: #103960;
    padding-bottom: 0 !important
}

.habbo-shop-daily-offer habbo-product-payment-details:empty,
.habbo-shop-daily-offer habbo-product-payment-details:last-child {
    margin-bottom: 0
}

@media (min-width:532px) {
    .habbo-shop-daily-offer habbo-product-payment-details {
        padding-left: 24px;
        padding-right: 24px
    }
}

.inventory__section__title__sub {
    margin-bottom: 20px
}

.inventory__grid {
    margin-top: -12px
}

.habbo-origins habbo-credits,
.habbo-origins habbo-products {
    background-color: transparent
}

.habbo-origins .payment-methods__method {
    background-color: #ffb31b;
    padding: 6px
}

.habbo-origins .payment-methods__method .payment-button {
    background-color: #cc8a2f;
    border-color: #ffb31b;
    color: #402d0a;
    margin-bottom: 0
}

.habbo-origins .payment-methods__label {
    color: #330
}

.habbo-origins .accordion-item-content {
    border-bottom: 1px solid #b67e0c
}

habbo-targeted-offer {
    display: block;
    padding: 24px 12px
}

@keyframes rotating {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

habbo-credit-thumbnail,
habbo-offer-thumbnail,
habbo-product-thumbnail,
habbo-subscription-thumbnail {
    display: block;
    margin: 12px 0
}

.inventory-thumbnail {
    background-color: #0d6395;
    border: 5px solid #ffdfb5;
    border-radius: 15px;
    box-shadow: inset 0 2px #ffdfb5, inset 0 0 0 2px #0d6395, 0 5px rgba(0, 0, 0, .3);
    color: #ffdfb5;
    cursor: pointer;
    margin: auto;
    position: relative
}

.inventory-thumbnail--offer {
    background-color: #ffba00;
    box-shadow: inset 0 2px #ffdfb5, inset 0 0 0 6px #ffea00, 0 5px rgba(0, 0, 0, .3)
}

.accordion-item--expanded .inventory-thumbnail,
.inventory-thumbnail:hover {
    background-color: #0d6395;
    box-shadow: inset 0 2px #ffdfb5, inset 0 0 0 2px #0d6395, 0 5px rgba(0, 0, 0, .3)
}

.accordion-item--expanded .inventory-thumbnail--offer,
.inventory-thumbnail--offer:hover {
    background-color: #ffea00
}

.accordion-item--expanded .inventory-thumbnail__banner::after {
    transform: rotate(540deg)
}

.inventory-thumbnail__body {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin-bottom: 0
}

.inventory-thumbnail--offer .inventory-thumbnail__body {
    padding-top: 29px
}

.inventory-thumbnail__icon {
    height: 100%;
    width: 100%
}

.inventory-thumbnail--offer .inventory-thumbnail__icon {
    height: 98px;
    margin: 6px 0 6px 6px;
    min-width: 98px;
    width: 98px
}

.inventory-thumbnail--offer .inventory-thumbnail__icon--large {
    display: none
}

@media (min-width:767px) {
    .inventory-thumbnail--offer .inventory-thumbnail__icon {
        display: none
    }

    .inventory-thumbnail--offer .inventory-thumbnail__icon--large {
        display: block;
        height: 140px;
        min-width: 240px;
        width: 240px
    }
}

.inventory-thumbnail__start-price {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.inventory-thumbnail__pricetag {
    -ms-flex-align: center;
    align-items: center;
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/shop/price_tag.png);
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 146px;
    -ms-flex-pack: center;
    justify-content: center;
    left: 24px;
    position: absolute;
    top: -14px;
    width: 104px
}

.inventory-thumbnail__chain-tag {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/shop/pricetag_chain.png);
    padding-right: 20px;
    width: 124px
}

.inventory-thumbnail__chain-tag p {
    margin: 0
}

.inventory-thumbnail__chain-tag .inventory-thumbnail__currency,
.inventory-thumbnail__chain-tag p:first-child {
    color: #9ddaff;
    font-weight: 700
}

.inventory-thumbnail__price {
    color: #a95219;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0
}

.inventory-thumbnail__price.condensed {
    font-size: 18px
}

.inventory-thumbnail__currency {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-top: 0
}

.inventory-thumbnail__text {
    margin: 6px 12px;
    width: 100%
}

.inventory-thumbnail__tag {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 18px;
    top: -8px
}

.inventory-thumbnail__tag__bg {
    box-shadow: 0 4px rgba(0, 0, 0, .2);
    font-weight: 700;
    margin-left: 5px;
    padding: 4px 12px
}

.inventory-thumbnail__tag__title {
    text-transform: uppercase
}

.inventory-thumbnail__featured {
    background-color: #1580ff
}

.inventory-thumbnail__best-deal {
    background-color: #cc1600
}

.inventory-thumbnail__days-left {
    background-color: #f79b00
}

.inventory-thumbnail__title {
    color: inherit;
    display: block;
    margin: 0;
    text-shadow: none;
    text-transform: none;
    width: 90%;
    word-wrap: break-word
}

habbo-accordion-item:only-child .inventory-thumbnail__title {
    display: block;
    float: left;
    overflow: auto;
    text-overflow: ellipsis
}

.inventory-thumbnail__description {
    display: none
}

@media (min-width:767px) {
    .inventory-thumbnail__description {
        display: block
    }
}

.inventory-thumbnail__banner {
    font-size: 16px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0 0 10px 10px;
    bottom: 0;
    color: #fff;
    font-weight: 700;
    left: 0;
    padding: 6px 0 6px 20px;
    position: absolute;
    right: 0;
    text-align: left
}

.inventory-thumbnail__banner::after {
    transition: transform .3s;
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -280px -617px;
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    margin-top: -9px;
    position: absolute;
    right: 12px;
    top: 50%
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .inventory-thumbnail__banner::after {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -516px -494px;
        background-size: 709px 650px
    }
}

.inventory-thumbnail__highlight__banner {
    font-size: 16px;
    background-color: #ffdfb5;
    border-radius: 3px;
    box-shadow: 0 4px rgba(0, 0, 0, .12), inset 0 2px #52545d;
    color: #fff;
    font-weight: 700;
    left: 0;
    padding: 2px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap
}

.inventory-thumbnail__highlight {
    display: none
}

@media (min-width:532px) {
    .inventory-thumbnail__highlight {
        display: inline
    }
}

habbo-transactions {
    display: block
}

.transactions__footer {
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

.transactions__notice {
    font-size: 14px
}

.transactions__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    margin-bottom: 12px;
    text-transform: uppercase;
    margin-left: auto;
    white-space: nowrap
}

.transactions__button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.transactions__button:active,
.transactions__button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.transactions__button:active,
.transactions__button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.transactions__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.transactions-history {
    width: 100%
}

.transactions-history thead th {
    display: none
}

.transactions-history thead th:nth-child(2) {
    text-align: left
}

.transactions-history tbody td {
    display: block
}

@media (min-width:532px) {
    .transactions-history tbody td:nth-child(2) {
        text-align: left;
        width: 99%
    }
}

.transactions-history tbody td::before {
    content: attr(data-th) ": ";
    display: inline-block;
    font-weight: 700;
    margin-right: 12px;
    width: 25%
}

.transactions-history tbody td,
.transactions-history thead th {
    padding-left: 6px;
    white-space: nowrap
}

@media (min-width:532px) {
    .transactions-history tbody td::before {
        display: none
    }

    .transactions-history tbody td,
    .transactions-history thead th {
        display: table-cell;
        padding: 6px 24px;
        text-align: right
    }
}

.transactions-history .credits::before,
.voucher-icon__credits::before,
.voucher-icon__product {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}

.transactions-history tbody td:nth-child(2),
.transactions-history thead th:nth-child(2) {
    white-space: normal
}

.transactions-history tbody td:first-child,
.transactions-history thead th:first-child {
    padding-top: 6px
}

.transactions-history tbody td:last-child,
.transactions-history thead th:last-child {
    padding-bottom: 6px
}

.transactions-history tbody tr:nth-child(odd) {
    background-color: #113f62
}

.transactions-history tbody tr:nth-child(even) {
    background-color: #13486f
}

.transactions-history .product-name:not(:only-child)::after {
    content: ' + '
}

.credit-card-icon__credits::before,
.transactions-history .credits::before,
.voucher-icon__credits::before {
    height: 20px;
    content: ''
}

.transactions-history .credits::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -643px;
    width: 20px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .transactions-history .credits::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -112px -559px;
        background-size: 709px 650px
    }
}

.habbo-origins .transactions-history tbody tr:nth-child(odd) {
    background-color: #ffb31b
}

.habbo-origins .transactions-history tbody tr:nth-child(even) {
    background-color: #e7a421
}

.voucher-redeem__input {
    letter-spacing: 2px;
    text-transform: uppercase
}

.voucher-redeem__input:-ms-input-placeholder {
    letter-spacing: normal;
    text-transform: none
}

.voucher-redeem__input::placeholder {
    letter-spacing: normal;
    text-transform: none
}

.habbo__origins__yellowBg__content h3 {
    font-size: 20px;
    color: #5d1208 !important;
    text-align: center
}

.habbo__origins__yellowBg__content habbo-voucher-redeem form,
.habbo__origins__yellowBg__content habbo-voucher-redeem form .form__footer {
    margin-top: 12px
}

.habbo__origins__yellowBg__content .form__helper {
    color: #330
}

.voucher-icon__credits::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -643px;
    width: 20px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .voucher-icon__credits::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -112px -559px;
        background-size: 709px 650px
    }
}

@media (min-width:767px) {
    .credit-card-form__expiry-cvc-row {
        -ms-flex-align: baseline;
        align-items: baseline;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.credit-card-form__expiry {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.credit-card-form__expiry-input {
    padding-left: 14px;
    width: 60px
}

.credit-card-form__expiry-slash {
    margin: 6px 3px
}

.credit-card-form__cvc-field {
    margin-left: 0
}

.credit-card-form__cvc-input {
    display: inline;
    padding-left: 14px;
    width: 74px
}

.credit-card-form__cvc-icon {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle
}

@media (min-width:767px) {

    .credit-card-form__cvc-field,
    .credit-card-form__expiry-field {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .credit-card-form__cvc-field {
        margin-left: 6px
    }

    .credit-card-form__input-section {
        width: 380px
    }
}

.credit-card-form__input-section label {
    display: block;
    margin-bottom: 12px
}

.credit-card-icon__credits::before,
.credit-card-icon__product {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}

.credit-card-icon__credits::before {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -665px -643px;
    width: 20px
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .credit-card-icon__credits::before {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -112px -559px;
        background-size: 709px 650px
    }
}

.text-copy {
    background-color: transparent;
    border: 0;
    margin-left: 20px;
    margin-top: 10px;
    opacity: 1;
    padding: 0;
    transition: display linear 1s
}

.text-copy.ng-hide {
    opacity: 0
}

.text-copy-active {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -644px -517px;
    width: 19px;
    height: 22px;
    cursor: pointer
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .text-copy-active {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -341px -278px;
        background-size: 709px 650px
    }
}

.text-copy-inactive {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: -327px -280px;
    width: 22px;
    height: 27px;
    transform: scale(.6)
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .text-copy-inactive {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: -338px -143px;
        background-size: 709px 650px
    }
}

.habbo__origins__logo {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.png);
    background-position: 0 0;
    width: 164px;
    height: 215px;
    display: block;
    margin: 0 auto;
    zoom: .7
}

.habbo__origins__logo:active,
.habbo__origins__logo:hover {
    border-bottom-style: solid;
    border-bottom-width: 0
}

@media (min-resolution:192dpi),
(min-resolution:2dppx) {
    .habbo__origins__logo {
        background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite@2x.png);
        background-position: 0 0;
        background-size: 709px 650px
    }
}

@media (max-width:767px) {
    .habbo__origins__logo {
        display: none
    }
}

.habbo__origins__name {
    line-height: 0;
    text-indent: -9999px
}

.habbo__origins__hotel {
    margin: 6px 0;
    text-align: center;
    text-transform: none
}

.habbo__origins__checkin {
    margin-top: 24px;
    text-align: center
}

.habbo__origins__checkin__content {
    background-color: #335e7a;
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px
}

.habbo__origins__checkin__text {
    font-weight: 600;
    margin: 0
}

.habbo__origins__checkin__count {
    color: #fff;
    font-weight: 700;
    margin: 0
}

.habbo__origins__checkin__button {
    background: 0 0;
    border: 0;
    color: #ffff65;
    font-weight: 700;
    text-decoration: underline
}

.habbo__origins__checkin__issue__content,
.origins__home {
    border: 1px solid #050a0e;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7)
}

.habbo__origins__checkin__issue {
    margin-top: 24px;
    text-align: left
}

.habbo__origins__checkin__issue__content {
    background-color: #e69e0e;
    border-radius: 15px;
    padding: 12px;
    color: #330
}

.habbo__origins__checkin__issue__content a {
    color: #ffff65;
    font-weight: 700;
    text-decoration: underline
}

.habbo__origins__checkin__issue__content a:hover {
    border-bottom: 0;
    color: #fff
}

.habbo__origins__checkin__issue__text {
    color: #fff;
    font-weight: 600;
    margin: 0;
    text-align: center
}

.habbo__origins__checkin__issue__howto {
    list-style-type: decimal;
    margin-left: 16px
}

.habbo__origins__checkin__issue__button {
    background: 0 0;
    border: 0;
    color: #ffff65;
    font-weight: 700;
    text-decoration: underline
}

.habbo__origins__links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px;
    text-align: center
}

.habbo__origins__links a {
    color: #7fc2e4;
    font-size: .75rem;
    font-weight: 700;
    text-decoration: underline
}

.habbo__origins__links a:hover {
    border-bottom-width: 0
}

.origins__home {
    background-color: #e59e0f;
    border-radius: 15px;
    min-height: calc(100vh - 100px - 96px + 24px);
    padding: 0
}

.origins__home__banner {
    background-color: #ffc;
    border: 1px solid #050a0e;
    border-radius: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden
}

.origins__home__banner img {
    display: block
}

.origins__home__content {
    column-gap: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 0
}

.origins__home__content__sections {
    width: 100%
}

@media (min-width:959px) {
    .habbo__origins__logo {
        zoom: 1
    }

    .habbo__origins__links a {
        font-size: .875rem
    }

    .origins__home__content {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .origins__home__content__sections {
        width: calc(50% - 15px)
    }
}

.origins__home__content__section {
    border-bottom: 1px solid #b67e0c;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.origins__home__content__section__nav {
    color: #330;
    list-style-type: disc;
    padding-left: 15px
}

.origins__home__content__section__nav__link {
    color: #ffff65;
    font-weight: 700;
    text-decoration: underline
}

.origins__home__content__section__nav__link:hover {
    border-bottom: 0;
    color: #fff
}

.origins__home__content__news {
    width: 100%
}

@media (min-width:959px) {
    .origins__home__content__news {
        width: calc(50% - 15px)
    }
}

.image-left {
    float: left;
    margin-right: 6px;
    padding-right: 30px;
    padding-top: 10px
}

.image-right {
    float: right;
    padding-top: 10px
}

.origins__content {
    color: #330;
    line-height: normal
}

.origins__content a {
    color: #ffff65;
    font-weight: 700;
    text-decoration: underline
}

.origins__content a:hover {
    border-bottom: 0;
    color: #fff
}

.origins__content__image.section-image__guide_luggage {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -219px -129px;
    width: 52px;
    height: 58px
}

.origins__content__image.section-image__credits {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: 0 -297px;
    width: 34px;
    height: 71px
}

.origins__content__image.section-image__downloads_habbo_in_pc2 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -136px -73px;
    width: 45px;
    height: 52px
}

.origins__content__image.section-image__guide_hello {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -273px -129px;
    width: 42px;
    height: 58px
}

.origins__content__image.section-image__habbo_101 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -317px -129px;
    width: 21px;
    height: 43px
}

.origins__content__image.section-image__hc_badge {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -180px -73px;
    width: 33px;
    height: 39px
}

.origins__content__image.section-image__hc_grx10 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: 0 -236px;
    width: 47px;
    height: 59px
}

.origins__content__image.section-image__hobba {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: 0 -129px;
    width: 79px;
    height: 105px
}

.origins__content__image.section-image__pet_info_pic12 {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -253px -73px;
    width: 27px;
    height: 32px
}

.origins__content__image.section-image__poster_infobus {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -159px -129px;
    width: 58px;
    height: 58px
}

.origins__content__image.section-image__schooldesk_girls {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -81px -129px;
    width: 76px;
    height: 64px
}

.origins__content__image.section-image__warning {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: -218px -73px;
    width: 33px;
    height: 33px
}

.origins__content__image.section-image__vote {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/sprite.gif);
    background-position: 0 0;
    width: 134px;
    height: 127px
}

.habbo__origins__habboToday__bottomSection,
.habbo__origins__habboToday__topSection {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    zoom: 1.2
}

.habbo__origins__habboToday__bottomSection__bg,
.habbo__origins__habboToday__topSection__bg {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo/happoToday/happotoday_top_mid_s.png);
    background-repeat: repeat-x;
    background-size: contain;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 37px
}

.habbo__origins__habboToday__bottomSection .repeat-patterns-bg,
.habbo__origins__habboToday__topSection .repeat-patterns-bg {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.habbo__origins__habboToday__bottomSection .repeat-patterns,
.habbo__origins__habboToday__topSection .repeat-patterns {
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo/happoToday/happotoday_topbar_pattern.png);
    background-repeat: repeat-x;
    background-size: contain;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 20px
}

.habbo__origins__habboToday__content {
    background-color: #ffc;
    border: 1px solid #000;
    border-bottom: 0;
    border-top: 0;
    padding: 0 10px
}

@media (min-width:767px) {

    .habbo__origins__habboToday__bottomSection,
    .habbo__origins__habboToday__topSection {
        zoom: 1.5
    }

    .habbo__origins__habboToday__content {
        border-width: 2px
    }

    .responsive_message {
        display: none
    }
}

.habbo__origins__habboToday__bottomSection__bg {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/happo/happoToday/happotoday_btm_mid_s.png);
    height: 21px
}

.habbo__origins__yellowBg {
    margin-top: 24px;
    text-align: left
}

.habbo__origins__yellowBg__content {
    background-color: #f3c900;
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px
}

.habbo__origins__yellowBg__content .origins__content {
    color: #330;
    margin: 0;
    padding: 6px
}

.habbo__origins__yellowBg__text {
    color: #5d1208;
    font-weight: 700;
    margin: 0;
    text-align: center
}

.habbo__origins__credits {
    margin-top: 24px;
    text-align: left
}

.habbo__origins__credits__content {
    background-color: #f2d673;
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px
}

.habbo__origins__credits__content .origins__content {
    color: #5d1208;
    margin: 0;
    padding: 6px
}

.habbo__origins__credits__content .origins__content a,
.habbo__origins__credits__content .origins__content a:hover {
    color: #600
}

.habbo__origins__credits__content .image-right {
    margin-left: 6px;
    padding-right: 6px
}

.habbo__origins__credits__content .image-left {
    margin-right: 6px;
    padding-left: 6px
}

.habbo__origins__credits__text {
    color: #5d1208;
    font-weight: 700;
    margin: 0;
    text-align: center
}

.habbo__origins__rightad {
    background-color: #335e7a;
    border: 1px solid #050a0e;
    border-radius: 15px;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7);
    padding: 12px;
    margin-top: 30px
}

@media (max-width:767px) {
    .habbo__origins__rightad {
        margin-top: 15px
    }
}

.responsive_message {
    color: #330;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    min-height: fit-content;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translate(0, -50%);
    width: 85%
}

.origins__mains .wrapper.origins__pwd-reset {
    padding: 15px
}

.origins__mains .wrapper habbo-password-reset-form {
    display: -ms-flexbox;
    display: flex
}

.origins__mains .wrapper habbo-password-reset-form .form--left {
    background: linear-gradient(to bottom, #ffe588, #e59e0f);
    border-radius: 5px;
    color: #330;
    margin: 50px auto;
    padding: 15px
}

.origins__mains .wrapper habbo-password-reset-form .form--left .form__fieldset--box {
    background-color: transparent
}

.origins__mains .wrapper habbo-password-reset-form .form--left .form__label {
    color: #330
}

.origins__mains .wrapper habbo-password-reset-form .form--left .form__input {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: none;
    color: #330
}

.origins__mains .wrapper habbo-password-reset-form .form--left .form__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 12px
}

.origins__mains .wrapper habbo-password-reset-form .form--left button {
    background-color: #cc8a2f;
    border-color: #ffb31b
}

.daily-chain-offers {
    background-color: #22466f
}

.daily-chain-offers__wrapper {
    background-color: #0b1624;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.daily-chain-offers__wrapper>div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 15px 24px 20px
}

.daily-chain-offers__wrapper:last-child .daily-chain-offers__divider-wrapper {
    display: none
}

.daily-chain-offers__details {
    padding: 25px;
    width: 80%
}

.daily-chain-offers__title {
    padding: 20px 25px 0
}

.daily-chain-offers__icon {
    border: 3px solid #008bc5;
    border-radius: 15px;
    display: block;
    position: relative;
    width: 187px
}

.daily-chain-offers__icon::before {
    opacity: .6
}

.daily-chain-offers__icon .inventory-thumbnail__pricetag {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/shop/price_tag_s.png);
    height: 104px;
    left: 12px;
    width: 71px
}

.daily-chain-offers__icon .inventory-thumbnail__free-tag {
    background-image: url(https://images.happo.gg/happo-web/happo-america/en/assets/images/shop/pricetag_free.png)
}

.daily-chain-offers__icon .inventory-thumbnail__price {
    color: #035b8f;
    font-size: 18px
}

.daily-chain-offers__icon .inventory-thumbnail__currency {
    color: #9ddaff;
    font-size: 18px
}

.daily-chain-offers__icon .inventory-thumbnail__free {
    color: #fff;
    font-size: 18px;
    margin-bottom: .75em
}

.daily-chain-offers__icon .inventory-thumbnail__lock-icon {
    bottom: -16px;
    position: absolute;
    right: -10px
}

.daily-chain-offers__button {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    line-height: 1.2;
    text-align: center;
    background-color: #0f7dbc;
    border-color: #2a9cde;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    display: block;
    margin: 12px auto 0;
    text-transform: none
}

.daily-chain-offers__button:hover {
    background-color: #2a9cde;
    border-color: #53bdf9
}

.daily-chain-offers__button:active,
.daily-chain-offers__button:disabled {
    background-color: #084d74;
    border-color: #1e7b9e
}

.daily-chain-offers__button:disabled {
    opacity: .4
}

.daily-chain-offers__button:active,
.daily-chain-offers__button:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px
}

.daily-chain-offers__button:active {
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .3);
    transform: translate(0, 2px)
}

.daily-chain-offers__divider-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.daily-chain-offers__divider {
    border: 10px solid #114772;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    width: calc((100% - 132px)/ 2)
}

img {
    -webkit-user-drag: none;
    /* Safari, Chrome */
    -moz-user-drag: none;
    /* Firefox */
    -ms-user-drag: none;
    /* Internet Explorer and Edge */
    user-select: none;
    /* Disable text selection as well */
    user-drag: none;
    /* CSS standard */
}

.no-select {
    -webkit-user-select: none;
    /* Chrome, Safari, and Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer */
    user-select: none;
    /* Standard syntax */
}

.d-flex {
    display: flex
}

.exchange__card {
    width: 30%;
    margin-bottom: 3%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    position: relative;
    background: #D8C38C;
    border-radius: 10px;
    border: 1px solid #050a0e;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .420)
}

.exchange__card img {
    width: 100%;
    border-radius: 10px;
    border-bottom: 1px solid #000;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.exchange__card .details {
    padding: 9px;
    color: #5ec7fc;
    font-size: 12px;
    margin-top: 6px;
    line-height: 14px;
    text-align: center;
    font-family: Ubuntu Condensed
}

.exchange__card h3 {
    margin: 0;
    color: #333;
    margin-bottom: 15px
}

.exchange__card h5 {
    color: #555;
    margin: 0
}

.exchange__card_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}

.exchange__card_corner {
    left: 9px;
    top: 14px;
    color: #fff;
    width: 37px;
    height: 37px;
    font-size: 16px;
    line-height: 37px;
    position: absolute;
    text-align: center;
    border-radius: 8px;
    vertical-align: middle;
    letter-spacing: .005em;
    background-color: #0e3955
}

.exchange__main_wrapper .aside--purse {
    margin-bottom: 30px;
    margin-right: 1.5%
}

.exchange__main_wrapper habbo-purse {
    width: 100% !important
}

.exchange__main_wrapper .purse::after {
    background: none !important
}

.exchange__main_wrapper .purse__item--credits {
    margin-left: 15px !important
}

.exchange__main_wrapper .purse {
    border-bottom: none !important
}

.exchange__main_wrapper .purse__item--habbo-club::before {
    background-position: -517px -590px !important;
    height: 32px !important;
    width: 32px !important
}

.exchange__main_wrapper .purse__item--habbo-club {
    margin-left: 69px
}

.exchange__main_wrapper .purse__footer,
.exchange__main_wrapper .purse__item--silver,
.exchange__main_wrapper .purse__item--diamonds,
.exchange__main_wrapper .purse__item--builders-club {
    display: none !important
}

.exchange__main_wrapper .main {
    margin-bottom: 30px;
    width: 68.5% !important;
    margin-top: 0 !important
}

.exchange__main_wrapper .currency.active {
    border-bottom-style: solid;
    background-color: #00ab54;
    border-bottom-width: 2px;
    border-color: #b9f373
}

.exchange__main_el {
    min-height: 158px;
    margin-top: 0 !important
}

#exchange__withdrawal_form button[name=withdrawalButton]::after {
    content: '~ $0.00';
    margin-left: 6px
}

#exchange__withdrawal_form input[name=amount]::-webkit-inner-spin-button,
#exchange__withdrawal_form input[name=amount]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important
}

#exchange__withdrawal_form input[name=amount] {
    box-shadow: 0 3px 0 1px rgba(0, 0, 0, .3);
    -moz-appearance: textfield !important;
    border-color: #E59E0F;
    background: #FFB31B;
    text-align: center;
    border-width: 2px;
    appearance: none;
    font-size: 3em
}

#exchange__currency_usd {
    text-align: right;
    cursor: default
}

.alertify .ajs-header {
    padding: 10px;
    font-size: 18px;
    color: white !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #b67e0c;
    background-color: #FFB31B !important
}

.alertify .ajs-dialog {
    border-radius: 10px;
    border: 1px solid #050a0e;
    background-color: #E59E0F !important;
    box-shadow: 0 2px 3px rgba(6, 19, 25, .7)
}

.alertify .ajs-content {
    color: #FFF !important;
    background-color: #E59E0F !important
}

.alertify .ajs-footer {
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #E59E0F !important
}

.ajs-button {
    width: 97%;
    margin: 0 !important;
    margin-left: 1.5% !important;
    margin-right: 1.5% !important;
    margin-bottom: .5em !important
}

.happo__radio__text {
    font-weight: bold;
    margin-bottom: .3em
}

.happo__radio__text.left {
    text-align: left;
    width: 75%
}

.happo__radio__text.right {
    text-align: right;
    color: #ffff65;
    width: 25%
}

.happo__radio__content input {
    width: 97%
}

#volumeControl {
    width: 100%
}

#playPause {
    width: 2em;
    border: none;
    font-size: 2em;
    background: transparent
}

.inventory-thumbnail__pricetag {
    z-index: 1
}

.origins__shop .credit-icon--double::before {
    margin-left: 6px;
    z-index: 2
}

habbo-credit-payment-details .payment-details {
    margin-left: 12px
}

habbo-credit-payment-details div.credit-icon--double {
    display: none
}

.origins__playing-happo {
    padding: 24px !important
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

@media(max-width:573px) {
    .exchange__card {
        width: 97%
    }
}

@media(max-width:732px) {
    .exchange__card {
        width: 47%
    }
}

@media(max-width:1350px) {
    .exchange__main_wrapper .purse__item--habbo-club {
        margin-left: 42px
    }
}