.habbo-swf-window {
    --habbo-swf-bg: #ecece4;
    --habbo-swf-panel: #f7f7f2;
    --habbo-swf-border: #9d9d96;
    --habbo-swf-header: #2f8097;
    --habbo-swf-header-dark: #1a5364;
    --habbo-swf-text: #111;
    --habbo-swf-close: url("../../assets/images/catalog/buttons/close.png");
    --habbo-swf-close-hover: url("../../assets/images/catalog/buttons/close_hover.png");
    --habbo-swf-close-pressed: url("../../assets/images/catalog/buttons/close_pressed.png");
    --habbo-swf-button: url("../../assets/images/catalog/buttons/btn_secondary.png");
    --habbo-swf-button-hover: url("../../assets/images/catalog/buttons/btn_secondary_hover.png");
    --habbo-swf-button-pressed: url("../../assets/images/catalog/buttons/btn_secondary_pressed.png");
    --habbo-swf-button-disabled: url("../../assets/images/catalog/buttons/btn_secondary_disabled.png");
    --habbo-swf-button-green: url("../../assets/images/catalog/buttons/buy.png");
    color: var(--habbo-swf-text) !important;
    background: var(--habbo-swf-bg) !important;
    border: 1px solid #000 !important;
    border-radius: 7px 7px 0 0 !important;
    font-family: Ubuntu, Arial, sans-serif !important;
    image-rendering: pixelated;
}

.habbo-swf-window,
.habbo-swf-window * {
    box-sizing: border-box;
    image-rendering: pixelated;
}

.habbo-swf-window .nitro-card-header-shell,
.habbo-swf-window .nitro-card-header {
    min-height: 35px !important;
    max-height: 35px !important;
    height: 35px !important;
    background: var(--habbo-swf-header) !important;
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 6px 6px 0 0 !important;
}

.habbo-swf-window .nitro-card-title {
    color: #fff !important;
    font-family: Ubuntu, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 35px !important;
    text-align: center !important;
    text-shadow: 0 1px 0 #000 !important;
}

.habbo-swf-window .nitro-card-close-button {
    top: 7px !important;
    right: 7px !important;
    width: 19px !important;
    min-width: 19px !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    /* Direct URL instead of var(--habbo-swf-close) - some browser /
       bundler combinations don't resolve relative url()s inside CSS
       custom properties consistently (they're spec'd to resolve from
       the document, not the stylesheet). Inlining the path makes
       this immune. */
    background-image: url("../../assets/images/catalog/buttons/close.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 19px 20px !important;
    box-shadow: none !important;
    image-rendering: pixelated !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.habbo-swf-window .nitro-card-close-button:hover {
    background-image: url("../../assets/images/catalog/buttons/close_hover.png") !important;
}

.habbo-swf-window .nitro-card-close-button:active {
    background-image: url("../../assets/images/catalog/buttons/close_pressed.png") !important;
}

.habbo-swf-window .nitro-card-close-button::before,
.habbo-swf-window .nitro-card-close-button::after {
    display: none !important;
}

.habbo-swf-window .nitro-card-content-shell,
.habbo-swf-window .nitro-card-content {
    background: var(--habbo-swf-bg) !important;
    color: var(--habbo-swf-text) !important;
    border-radius: 0 !important;
}

.habbo-swf-window button,
.habbo-swf-window .btn,
.habbo-swf-window .nitro-swf-button {
    min-height: 22px !important;
    border: 4px solid transparent !important;
    border-radius: 0 !important;
    border-image-source: var(--habbo-swf-button) !important;
    border-image-slice: 4 4 4 4 fill !important;
    border-image-width: 4px !important;
    border-image-repeat: stretch !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111 !important;
    font-family: Ubuntu, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
}

.habbo-swf-window button:hover,
.habbo-swf-window .btn:hover,
.habbo-swf-window .nitro-swf-button:hover {
    border-image-source: var(--habbo-swf-button-hover) !important;
}

.habbo-swf-window button:active,
.habbo-swf-window .btn:active,
.habbo-swf-window .nitro-swf-button:active {
    border-image-source: var(--habbo-swf-button-pressed) !important;
}

.habbo-swf-window button:disabled,
.habbo-swf-window .btn:disabled,
.habbo-swf-window .nitro-swf-button:disabled {
    border-image-source: var(--habbo-swf-button-disabled) !important;
    color: #8d8d87 !important;
}

.habbo-swf-window .btn-success,
.habbo-swf-window button[class*="success"],
.habbo-swf-window .nitro-swf-button-success {
    border-image-source: var(--habbo-swf-button-green) !important;
    color: #fff !important;
    text-shadow: 0 1px 0 #004b00 !important;
}

.habbo-swf-window input,
.habbo-swf-window textarea,
.habbo-swf-window select {
    min-height: 22px !important;
    border: 1px solid #b7b7ae !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #333 !important;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.08) !important;
    font-family: Ubuntu, Arial, sans-serif !important;
    font-size: 12px !important;
}

.habbo-swf-window .nitro-card-tabs-shell,
.habbo-swf-window .nitro-catalog-classic-tabs-shell {
    background: var(--habbo-swf-bg) !important;
    border-bottom: 1px solid #000 !important;
}

.habbo-swf-window .nitro-card-tab-item {
    color: #111 !important;
    text-shadow: none !important;
}
