/* #region Imports */
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
/* #endregion */

/* #region Base */
html, body {
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 100%;
    background-color: var(--mud-palette-background) !important;
    font-family: 'Inter', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#mud-snackbar-container {
    z-index: 100005 !important;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .hide-scrollbar::-webkit-scrollbar {
        display: none;
    }

* {
    outline: 0;
    font-family: 'Inter', sans-serif !important;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.client-app-layout {
    min-height: 100vh;
    background-color: var(--mud-palette-background) !important;
}
/* #endregion */

/* #region Variables Light */
:root {
    --pwa-banner-bg: var(--mud-palette-primary);
    --pwa-banner-text: #FFFFFF;
    --tabbar-bg: #FFFFFF;
    --tabbar-shadow: 0px -2px 4px rgba(0, 0, 0, 0.05);
    --tabbar-icon: rgba(18, 17, 13, 0.4);
    --tabbar-icon-active: #D49C3D;
    --topbar-bg: #FFFFFF;
    --post-text-main: rgba(18, 17, 13, 0.6);
    --post-text-desc: rgba(18, 17, 13, 0.9);
    --post-text-date: rgba(18, 17, 13, 0.3);
    --post-action-icon: #D49C3D;
    --post-action-text: #12110D;
    --gold-input-bg: rgba(18, 17, 13, 0.05);
    --gold-input-border: rgba(18, 17, 13, 0.2);
    --gold-input-text: #12110D;
    --gold-input-placeholder: rgba(18, 17, 13, 0.4);
    --gold-btn-primary-bg: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%);
    --gold-btn-primary-border: #FFE898;
    --gold-btn-primary-text: #FFFFFF;
    --gold-btn-social-bg: rgba(212, 156, 61, 0.08);
    --gold-btn-social-border: rgba(212, 156, 61, 0.2);
    --gold-btn-social-text: rgba(18, 17, 13, 0.7);
    --gold-btn-social-icon: #D49C3D;
    --gold-text-primary: #12110D;
    --gold-text-muted: rgba(18, 17, 13, 0.7);
    --otp-text: #12110D;
    --otp-border-empty: rgba(18, 17, 13, 0.3);
    --otp-border-filled: #D49C3D;
    /* Balance Page */
    --gold-balance-card-bg: rgba(212, 156, 61, 0.07);
    --gold-balance-card-border: rgba(212, 156, 61, 0.09);
    --gold-btn-buy-text: #FFFFFF;
    --gold-btn-sell-bg: rgba(212, 156, 61, 0.08);
    --gold-btn-sell-border: rgba(212, 156, 61, 0.2);
    --gold-btn-sell-text: #D49C3D;
    --gold-tab-active: #D49C3D;
    --gold-earning-amount: #12110D;
}
/* #endregion */

/* #region Variables Dark */
body:has(.mud-theme-dark) {
    --pwa-banner-bg: var(--mud-palette-surface);
    --pwa-banner-text: var(--mud-palette-text-primary);
    --tabbar-bg: #12110D;
    --tabbar-shadow: none;
    --tabbar-icon: rgba(255, 255, 255, 0.4);
    --tabbar-icon-active: #FFE898;
    --topbar-bg: #12110D;
    --post-text-main: rgba(255, 255, 255, 0.6);
    --post-text-desc: rgba(255, 255, 255, 0.9);
    --post-text-date: rgba(255, 255, 255, 0.3);
    --post-action-icon: #FFE898;
    --post-action-text: #FFFFFF;
    --gold-input-bg: rgba(255, 255, 255, 0.05);
    --gold-input-border: rgba(255, 255, 255, 0.2);
    --gold-input-text: #FFFFFF;
    --gold-input-placeholder: rgba(255, 255, 255, 0.4);
    --gold-btn-primary-bg: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%);
    --gold-btn-primary-border: #FFE898;
    --gold-btn-primary-text: #000000;
    --gold-btn-social-bg: rgba(255, 232, 152, 0.07);
    --gold-btn-social-border: rgba(255, 232, 152, 0.09);
    --gold-btn-social-text: rgba(255, 255, 255, 0.7);
    --gold-btn-social-icon: #FFE898;
    --gold-text-primary: #FFFFFF;
    --gold-text-muted: rgba(255, 255, 255, 0.7);
    --otp-text: #FFFFFF;
    --otp-border-empty: rgba(255, 255, 255, 0.3);
    --otp-border-filled: #F8E276;
    /* Balance Page */
    --gold-balance-card-bg: rgba(255, 232, 152, 0.07);
    --gold-balance-card-border: rgba(255, 232, 152, 0.09);
    --gold-btn-buy-text: #000000;
    --gold-btn-sell-bg: rgba(255, 232, 152, 0.07);
    --gold-btn-sell-border: rgba(255, 232, 152, 0.09);
    --gold-btn-sell-text: #FFE898;
    --gold-tab-active: #FFE898;
    --gold-earning-amount: #FFFFFF;
}
/* #endregion */

/* #region Topbar Pills & Header Items */
.gold-header-pill {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    padding: 0px 8px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    border: 1px solid #12110D !important;
    border-radius: 999px !important;
    height: 22px !important;
    background-color: transparent !important;
    text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
    gap: 4px !important;
    color: #12110D !important;
}

body:has(.mud-theme-dark) .gold-header-pill {
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}

.gold-header-pill:hover {
    background-color: rgba(18, 17, 13, 0.05) !important;
}

body:has(.mud-theme-dark) .gold-header-pill:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.gold-header-pill span {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: inherit !important;
    text-transform: none !important;
    line-height: 22px !important;
}

.gold-header-pill svg,
.gold-header-pill .mud-icon-root {
    color: inherit !important;
    fill: currentColor !important;
}

.gold-pill-sport, .gold-pill-movie {
    width: 65px !important;
    height: 22px !important;
    padding: 0 !important;
    gap: 4px !important;
}

    .gold-pill-sport .mud-icon-root, .gold-pill-movie .mud-icon-root {
        font-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
    }

.gold-pill-grok {
    width: 52px !important;
    height: 22px !important;
    padding: 0 !important;
}

    .gold-pill-grok svg {
        width: 40px !important;
        height: 15px !important;
    }

.gold-filter-icon {
    padding: 0 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background: transparent !important;
}

    .gold-filter-icon .mud-icon-root {
        font-size: 28px !important;
        color: #12110D !important;
    }

body:has(.mud-theme-dark) .gold-filter-icon .mud-icon-root {
    color: #FFFFFF !important;
}
/* #endregion */

/* #region Topbar Logo & Balance */
.gold-top-toolbar-container {
    height: 60px !important;
    padding: 8px 24px !important;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0;
    z-index: 10;
    background-color: var(--mud-palette-appbar-background);
    max-width: 444px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

    .gold-top-toolbar-container .mud-icon-button.gold-pale-border {
        border: none !important;
    }

.gold-top-tool-bar__title-content {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    white-space: nowrap !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

    .gold-top-tool-bar__title-content > * {
        pointer-events: auto !important;
    }

.gold-text-logo {
    font-family: 'Cookie', cursive !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 26px !important;
    line-height: 22px !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(33.65%, #12110D), to(rgba(18, 17, 13, 0.5))) !important;
    background: linear-gradient(180deg, #12110D 33.65%, rgba(18, 17, 13, 0.5) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: none !important;
    display: inline-block;
    padding-bottom: 2px !important;
}

body:has(.mud-theme-dark) .gold-text-logo {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(33.65%, #FFFFFF), to(rgba(255, 255, 255, 0.5))) !important;
    background: linear-gradient(180deg, #FFFFFF 33.65%, rgba(255, 255, 255, 0.5) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: none !important;
}

.gold-topbar-profile-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #12110D !important;
    text-align: center;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-topbar-profile-title {
    color: #FFFFFF !important;
}

.gold-topbar-icon {
    padding: 0 !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    background: transparent !important;
    color: #12110D !important;
}

    .gold-topbar-icon .mud-icon-root {
        font-size: 24px !important;
        color: inherit !important;
    }

body:has(.mud-theme-dark) .gold-topbar-icon {
    color: #FFFFFF !important;
}

.verified-true-icon {
    color: #D49C3D !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
}

body:has(.mud-theme-dark) .verified-true-icon {
    color: #FFE898 !important;
}

.verified-false-icon {
    color: #AAB8C2 !important;
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer;
}

.gold-btn-get-verified {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    padding: 0px 10px !important;
    gap: 4px !important;
    height: 24px !important;
    min-height: 24px !important;
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    border: 1px solid #FFE898 !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    outline: none !important;
}

    .gold-btn-get-verified span {
        font-family: 'Inter', sans-serif !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        line-height: 22px !important;
        color: #FFFFFF !important;
        text-transform: none !important;
    }

body:has(.mud-theme-dark) .gold-btn-get-verified span {
    color: #000000 !important;
}

.gold-btn-get-verified .mud-icon-root,
.gold-btn-get-verified svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
}

body:has(.mud-theme-dark) .gold-btn-get-verified .mud-icon-root,
body:has(.mud-theme-dark) .gold-btn-get-verified svg {
    color: #000000 !important;
    fill: #000000 !important;
}

.balance-label {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    height: 24px !important;
    min-height: 24px !important;
}

    .balance-label > div {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        height: 100% !important;
    }

    .balance-label .d-flex {
        height: 100% !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        gap: 6px !important;
    }

    .balance-label img.gold-logo {
        -o-object-fit: contain !important;
           object-fit: contain !important;
        margin: 0 !important;
        display: block !important;
    }

    .balance-label p, .balance-label span, .balance-label .mud-typography {
        font-family: 'Inter', sans-serif !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        height: 100% !important;
        color: rgba(18, 17, 13, 0.7) !important;
    }

body:has(.mud-theme-dark) .balance-label p,
body:has(.mud-theme-dark) .balance-label span,
body:has(.mud-theme-dark) .balance-label .mud-typography {
    color: rgba(255, 255, 255, 0.7) !important;
}
/* #endregion */

/* #region Bottom Tab Bar */
.gold-bottom-tab-bar {
    background-color: var(--tabbar-bg) !important;
    border-top: none !important;
    height: 50px !important;
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 26px !important;
}

    .gold-bottom-tab-bar > * {
        -webkit-box-flex: 1 !important;
            -ms-flex: 1 1 0px !important;
                flex: 1 1 0px !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        height: 100% !important;
        min-width: 0 !important;
    }

    .gold-bottom-tab-bar .mud-nav-item {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }

    .gold-bottom-tab-bar .mud-nav-link {
        width: 100% !important;
        height: 100% !important;
        padding: 12px 25px !important;
        margin: 0 !important;
        background: transparent !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }

        .gold-bottom-tab-bar .mud-nav-link svg,
        .gold-bottom-tab-bar .mud-nav-link .mud-icon-root {
            fill: var(--tabbar-icon) !important;
            color: var(--tabbar-icon) !important;
            width: 26px !important;
            height: 26px !important;
            font-size: 26px !important;
            -webkit-transition: color 0.2s ease-in-out, fill 0.2s ease-in-out !important;
            transition: color 0.2s ease-in-out, fill 0.2s ease-in-out !important;
        }

        .gold-bottom-tab-bar .mud-nav-link.active svg,
        .gold-bottom-tab-bar .mud-nav-link.active .mud-icon-root {
            fill: var(--tabbar-icon-active) !important;
            color: var(--tabbar-icon-active) !important;
        }

    .gold-bottom-tab-bar .mud-nav-link-icon {
        margin: 0 !important;
    }

    .gold-bottom-tab-bar .mud-badge-root {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .gold-bottom-tab-bar .mud-nav-link-text {
        display: none !important;
    }
/* #endregion */

/* #region Post Specific Fixes & Layout Overrides */
.gold-post-container .px-4,
.balance-page .px-4 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.account-name-label,
.account-name-label .mud-typography,
.account-name-label.fw-bold {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.8) !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .account-name-label,
body:has(.mud-theme-dark) .account-name-label .mud-typography,
body:has(.mud-theme-dark) .account-name-label.fw-bold {
    color: rgba(255, 255, 255, 0.8) !important;
}

.gold-post-date {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: var(--post-text-date) !important;
    letter-spacing: 0.066px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    margin: 0 !important;
}

.gold-post-header {
    margin-bottom: 8px !important;
}

    .gold-post-header .mud-icon-button .mud-icon-root {
        color: var(--post-text-main) !important;
        fill: var(--post-text-main) !important;
    }

.gold-ctx-menu-more-button .mud-icon-root {
    font-size: 20px !important;
}

.gold-post-desc {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: var(--post-text-main) !important;
    letter-spacing: 0.066px !important;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
}

.gold-post-media-container {
    width: 100% !important;
    max-width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    position: relative !important;
}

    .gold-post-media-container img,
    .gold-post-media-container video,
    .gold-post-media-container .mud-image {
        border-radius: 8px !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        -o-object-fit: cover !important;
           object-fit: cover !important;
        display: block !important;
    }

        .gold-post-media-container img.gold-btn-buy-lock-icon {
            width: 19px !important;
            height: 21px !important;
            min-width: 19px !important;
            min-height: 21px !important;
            max-width: 19px !important;
            max-height: 21px !important;
            -o-object-fit: contain !important;
               object-fit: contain !important;
            display: block !important;
            -ms-flex-negative: 0 !important;
                flex-shrink: 0 !important;
            border-radius: 0 !important;
        }

        .gold-post-media-container img.gold-btn-buy-gold-icon {
            width: 26px !important;
            height: 19px !important;
            min-width: 26px !important;
            min-height: 19px !important;
            max-width: 26px !important;
            max-height: 19px !important;
            -o-object-fit: contain !important;
               object-fit: contain !important;
            display: block !important;
            -ms-flex-negative: 0 !important;
                flex-shrink: 0 !important;
            border-radius: 0 !important;
        }

.gold-carousel {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

    .gold-carousel .mud-carousel-item {
        border-radius: 8px !important;
        overflow: hidden !important;
        height: 100% !important;
        width: 100% !important;
    }

    .gold-carousel > .d-flex.align-self-auto {
        position: absolute !important;
        bottom: 12px !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
            -ms-transform: translateX(-50%) !important;
                transform: translateX(-50%) !important;
        z-index: 20 !important;
        width: -webkit-max-content !important;
        width: -moz-max-content !important;
        width: max-content !important;
        margin: 0 !important;
    }

        .gold-carousel > .d-flex.align-self-auto > .align-self-end > .d-flex.justify-center {
            background: rgba(18, 17, 13, 0.4) !important;
            backdrop-filter: blur(4px) !important;
            -webkit-backdrop-filter: blur(4px) !important;
            padding: 4px 6px !important;
            border-radius: 12px !important;
            gap: 6px !important;
            -webkit-box-align: center !important;
                -ms-flex-align: center !important;
                    align-items: center !important;
        }

body:has(.mud-theme-dark) .gold-carousel > .d-flex.align-self-auto > .align-self-end > .d-flex.justify-center {
    background: rgba(0, 0, 0, 0.5) !important;
}

.gold-carousel > .d-flex.align-self-auto > .align-self-end > .d-flex.justify-center > div {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}

.gold-carousel-bullet {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    -webkit-transition: background-color 0.2s ease !important;
    transition: background-color 0.2s ease !important;
    display: block !important;
    margin: 0 !important;
}

    .gold-carousel-bullet.active {
        background-color: #D49C3D !important;
    }

body:has(.mud-theme-dark) .gold-carousel-bullet.active {
    background-color: #FFE898 !important;
}

.gold-post-blur-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    z-index: 10 !important;
    border-radius: 8px !important;
}

.gold-btn-buy-post-overlay {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding: 16px 26px !important;
    gap: 6px !important;
    height: 54px !important;
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    border: 1px solid #FFE898 !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    outline: none !important;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}

    .gold-btn-buy-post-overlay:hover {
        opacity: 0.9;
    }

.gold-btn-buy-post-overlay-left {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 10px !important;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

.gold-btn-buy-post-overlay-right {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 6px !important;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

.gold-btn-buy-lock-icon {
    width: 19px !important;
    height: 21px !important;
    min-width: 19px !important;
    min-height: 21px !important;
    -o-object-fit: contain !important;
       object-fit: contain !important;
    display: block !important;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

.gold-btn-buy-text {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: #000000 !important;
    white-space: nowrap !important;
}

.gold-btn-buy-price {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 22px !important;
    color: #000000 !important;
    white-space: nowrap !important;
}

.gold-btn-buy-gold-icon {
    width: 26px !important;
    height: 19px !important;
    min-width: 26px !important;
    min-height: 19px !important;
    -o-object-fit: contain !important;
       object-fit: contain !important;
    display: block !important;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

.gold-post-actions-container {
    gap: 24px !important;
}

.gold-post-action {
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    padding: 0 !important;
    min-width: auto !important;
    color: var(--post-action-text) !important;
    background: transparent !important;
}

    .gold-post-action:hover {
        background: transparent !important;
    }

    .gold-post-action .mud-button-label {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        gap: 6px !important;
    }

    .gold-post-action .mud-button-icon-start {
        margin: 0 !important;
    }

    .gold-post-action .mud-icon-root {
        color: var(--post-action-icon) !important;
        fill: var(--post-action-icon) !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 20px !important;
    }

    .gold-post-action.mud-icon-button {
        padding: 4px !important;
        width: auto !important;
        height: auto !important;
    }

.gold-post-link-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 200px !important;
    background: rgba(18, 17, 13, 0.05);
    border-radius: 8px;
}

body:has(.mud-theme-dark) .gold-post-link-wrapper {
    background: rgba(255, 255, 255, 0.05);
}

.gold-btn-post-link {
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    border-radius: 999px !important;
    color: #000000 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    height: 54px !important;
    width: auto !important;
    min-width: 140px !important;
    padding: 0 26px !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

    .gold-btn-post-link:hover {
        opacity: 0.9;
    }

body:has(.mud-theme-dark) .gold-btn-post-link {
    color: #000000 !important;
}

.gold-locked-circle {
    background-color: rgba(255, 255, 255, 0.9) !important;
    width: 64px !important;
    height: 64px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    border-radius: 50% !important;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
}

    .gold-locked-circle .mud-icon-root {
        color: #AAB8C2 !important;
        font-size: 28px !important;
    }

.posts-grid-view .gold-post-media-container {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: 100% !important;
}

    .posts-grid-view .gold-post-media-container img,
    .posts-grid-view .gold-post-media-container video,
    .posts-grid-view .gold-post-media-container .mud-image {
        aspect-ratio: 1 / 1 !important;
        -o-object-fit: cover !important;
           object-fit: cover !important;
        height: 100% !important;
        width: 100% !important;
    }
/* #endregion */

/* #region Comments Preview (In Main Feed) */
.comments-list-view-preview {
    padding: 14px 0px 0px 0px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 4px !important;
}

    .comments-list-view-preview .gold-comment-row {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }

    .comments-list-view-preview .gold-comment-username,
    .comments-list-view-preview .gold-comment-username .mud-typography,
    .comments-list-view-preview .gold-comment-username .account-name-label,
    .comments-list-view-preview .gold-comment-username .account-name-label .mud-typography,
    .comments-list-view-preview .account-name-label,
    .comments-list-view-preview .account-name-label .mud-typography {
        font-family: 'Inter', sans-serif !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        line-height: 16px !important;
        color: rgba(18, 17, 13, 0.7) !important;
        margin: 0 !important;
    }

body:has(.mud-theme-dark) .comments-list-view-preview .gold-comment-username,
body:has(.mud-theme-dark) .comments-list-view-preview .gold-comment-username .mud-typography,
body:has(.mud-theme-dark) .comments-list-view-preview .gold-comment-username .account-name-label,
body:has(.mud-theme-dark) .comments-list-view-preview .gold-comment-username .account-name-label .mud-typography,
body:has(.mud-theme-dark) .comments-list-view-preview .account-name-label,
body:has(.mud-theme-dark) .comments-list-view-preview .account-name-label .mud-typography {
    color: rgba(255, 255, 255, 0.7) !important;
}

.comments-list-view-preview .gold-comment-date,
.comments-list-view-preview .gold-comment-bottom-date,
.comments-list-view-preview .gold-comment-bottom-date.mud-typography,
.comments-list-view-preview .account-name-label .gold-comment-bottom-date.mud-typography {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    line-height: 13px !important;
    letter-spacing: 0.066px !important;
    color: rgba(18, 17, 13, 0.4) !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .comments-list-view-preview .gold-comment-date,
body:has(.mud-theme-dark) .comments-list-view-preview .gold-comment-bottom-date,
body:has(.mud-theme-dark) .comments-list-view-preview .gold-comment-bottom-date.mud-typography,
body:has(.mud-theme-dark) .comments-list-view-preview .account-name-label .gold-comment-bottom-date.mud-typography {
    color: rgba(255, 255, 255, 0.4) !important;
}

.comments-list-view-preview .gold-post-desc.comment-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    letter-spacing: 0.066px !important;
    color: rgba(18, 17, 13, 0.9) !important;
}

body:has(.mud-theme-dark) .comments-list-view-preview .gold-post-desc.comment-text {
    color: rgba(255, 255, 255, 0.9) !important;
}

.gold-view-comments-btn {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #D49C3D !important;
    text-transform: none !important;
    letter-spacing: -0.078px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    min-height: auto !important;
    height: auto !important;
    gap: 10px !important;
}

body:has(.mud-theme-dark) .gold-view-comments-btn {
    color: #D49C3D !important;
}

.gold-view-comments-btn:hover {
    background: transparent !important;
}

.gold-view-comments-btn .mud-icon-root {
    font-size: 16px !important;
    margin-left: 2px !important;
}
/* #endregion */

/* #region Comments Bottom Sheet UI */
.gold-comment-row {
    padding: 0 24px !important;
    margin-bottom: 24px !important;
}

    .gold-comment-row:last-child {
        margin-bottom: 0 !important;
    }

.gold-comment-username,
.gold-comment-username .mud-typography,
.gold-comment-username .account-name-label,
.gold-comment-username .account-name-label .mud-typography {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    color: rgba(18, 17, 13, 0.7) !important;
    line-height: 16px !important;
    margin: 0 !important;
    text-transform: none !important;
}

body:has(.mud-theme-dark) .gold-comment-username,
body:has(.mud-theme-dark) .gold-comment-username .mud-typography,
body:has(.mud-theme-dark) .gold-comment-username .account-name-label,
body:has(.mud-theme-dark) .gold-comment-username .account-name-label .mud-typography {
    color: rgba(255, 255, 255, 0.7) !important;
}

.gold-post-desc.comment-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    color: rgba(18, 17, 13, 0.9) !important;
    line-height: 150% !important;
    letter-spacing: 0.066px !important;
}

body:has(.mud-theme-dark) .gold-post-desc.comment-text {
    color: rgba(255, 255, 255, 0.9) !important;
}

.gold-comment-bottom-date {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 13px !important;
    color: rgba(18, 17, 13, 0.4) !important;
    letter-spacing: 0.066px !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-comment-bottom-date {
    color: rgba(255, 255, 255, 0.4) !important;
}

.gold-comment-action-btn {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    background: transparent !important;
    padding: 0 !important;
}

    .gold-comment-action-btn .mud-icon-root {
        width: 16px !important;
        height: 16px !important;
        font-size: 16px !important;
        color: rgba(18, 17, 13, 0.6) !important;
        fill: rgba(18, 17, 13, 0.6) !important;
    }

body:has(.mud-theme-dark) .gold-comment-action-btn .mud-icon-root {
    color: rgba(255, 255, 255, 0.6) !important;
    fill: rgba(255, 255, 255, 0.6) !important;
}

.gold-comment-action-btn.mud-icon-button-color-primary .mud-icon-root,
.gold-comment-action-btn.mud-icon-button-color-secondary .mud-icon-root,
.gold-comment-action-btn.mud-icon-button-color-error .mud-icon-root {
    color: #D49C3D !important;
    fill: #D49C3D !important;
}

body:has(.mud-theme-dark) .gold-comment-action-btn.mud-icon-button-color-primary .mud-icon-root,
body:has(.mud-theme-dark) .gold-comment-action-btn.mud-icon-button-color-secondary .mud-icon-root,
body:has(.mud-theme-dark) .gold-comment-action-btn.mud-icon-button-color-error .mud-icon-root {
    color: #FFE898 !important;
    fill: #FFE898 !important;
}

.gold-comment-bottom-action-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 13px !important;
    color: rgba(18, 17, 13, 0.5) !important;
    letter-spacing: 0.066px !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-comment-bottom-action-text {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Comment Input Area */
.gold-comment-input-wrapper {
    padding: 12px !important;
    background: #FFFFFF !important;
}

body:has(.mud-theme-dark) .gold-comment-input-wrapper {
    background: #12110D !important;
}

.gold-comment-input.mud-input-control {
    margin: 0 !important;
}

.gold-comment-input .mud-input-control-input-container {
    margin: 0 !important;
    padding: 0 !important;
}

.gold-comment-input .mud-input-outlined-border {
    border: 1px solid rgba(18, 17, 13, 0.2) !important;
    border-radius: 8px !important;
}

body:has(.mud-theme-dark) .gold-comment-input .mud-input-outlined-border {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.gold-comment-input.mud-input-control:focus-within .mud-input-outlined-border {
    border-width: 1px !important;
    border-color: #D49C3D !important;
}

.gold-comment-input .mud-input {
    background-color: rgba(18, 17, 13, 0.05) !important;
    border-radius: 8px !important;
    min-height: 38px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

body:has(.mud-theme-dark) .gold-comment-input .mud-input {
    background-color: rgba(255, 255, 255, 0.05) !important;
}


.gold-comment-input .mud-input.mud-input-outlined .mud-input-slot.mud-input-root-outlined {
    padding: 9px 12px !important;
    margin: 0 !important;
    min-height: 38px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    color: #12110D !important;
}

body:has(.mud-theme-dark) .gold-comment-input .mud-input.mud-input-outlined .mud-input-slot.mud-input-root-outlined {
    color: #FFFFFF !important;
}

.gold-comment-input .mud-input::-webkit-input-placeholder {
    color: rgba(18, 17, 13, 0.4) !important;
    opacity: 1 !important;
}

.gold-comment-input .mud-input::-webkit-input-placeholder,
.gold-comment-input .mud-input::placeholder {
    color: rgba(18, 17, 13, 0.4) !important;
    opacity: 1 !important;
}

body:has(.mud-theme-dark) .gold-comment-input .mud-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

body:has(.mud-theme-dark) .gold-comment-input .mud-input::-webkit-input-placeholder,
body:has(.mud-theme-dark) .gold-comment-input .mud-input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Send Button Block */
button.gold-comment-send-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    background: #D49C3D !important;
    border: 1px solid rgba(255, 232, 152, 0.09) !important;
    border-radius: 999px !important;
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    cursor: pointer !important;
    outline: none !important;
}

body:has(.mud-theme-dark) button.gold-comment-send-btn {
    background: #F8E276 !important;
}

button.gold-comment-send-btn .mud-icon-root {
    font-size: 20px !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    margin-left: 2px !important;
}

body:has(.mud-theme-dark) button.gold-comment-send-btn .mud-icon-root {
    color: #000000 !important;
    fill: #000000 !important;
}
/* #endregion */

/* #region Post Category Chips */
.gold-category-chip {
    height: 46px !important;
    border-radius: 999px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

    .gold-category-chip .mud-button-icon-start {
        margin-right: 8px !important;
        margin-left: -4px !important;
    }

    .gold-category-chip .mud-icon-root {
        width: 24px !important;
        height: 24px !important;
        font-size: 24px !important;
        display: block !important;
    }

    .gold-category-chip.mud-button-outlined {
        background: rgba(18, 17, 13, 0.05) !important;
        border: 1px solid rgba(18, 17, 13, 0.2) !important;
        color: #12110D !important;
    }

        .gold-category-chip.mud-button-outlined .mud-icon-root {
            color: rgba(18, 17, 13, 0.3) !important;
        }

            .gold-category-chip.mud-button-outlined .mud-icon-root path:not([fill="none"]) {
                fill: currentColor !important;
            }

    .gold-category-chip.mud-button-filled {
        background: #D49C3D !important;
        border: 1px solid rgba(18, 17, 13, 0.3) !important;
        color: #FFFFFF !important;
    }

        .gold-category-chip.mud-button-filled .mud-icon-root {
            display: none !important;
        }

        .gold-category-chip.mud-button-filled .mud-button-icon-start {
            background-color: #FFFFFF !important;
            border-radius: 50% !important;
            position: relative !important;
            width: 24px !important;
            height: 24px !important;
        }

            .gold-category-chip.mud-button-filled .mud-button-icon-start::after {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #D49C3D !important;
                -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 12px auto;
                mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / 12px auto;
            }

body:has(.mud-theme-dark) .gold-category-chip.mud-button-outlined {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

    body:has(.mud-theme-dark) .gold-category-chip.mud-button-outlined .mud-icon-root {
        color: rgba(255, 255, 255, 0.3) !important;
    }

body:has(.mud-theme-dark) .gold-category-chip.mud-button-filled {
    background: #FFE898 !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #000000 !important;
}

    body:has(.mud-theme-dark) .gold-category-chip.mud-button-filled .mud-button-icon-start {
        background-color: #000000 !important;
    }

        body:has(.mud-theme-dark) .gold-category-chip.mud-button-filled .mud-button-icon-start::after {
            background-color: #FFE898 !important;
        }

.post-category-filter-dialog .mud-container {
    margin-top: 8px !important;
}
/* #endregion */

/* #region Chat */
.chat-dialog .gold-scrollable-container-with-toolbar {
    padding-bottom: 0px !important;
}

.chat-dialog .gold-comment-input-wrapper {
    padding: 0 !important;
    background: transparent !important;
}

.gold-chat-bottom-bar {
    padding: 12px 16px !important;
    background-color: var(--mud-palette-background) !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    width: 100% !important;
}

.gold-chat-attach-btn {
    color: rgba(18, 17, 13, 0.5) !important;
    padding: 0 !important;
    width: 24px !important;
    height: 26px !important;
    min-width: 24px !important;
    background: transparent !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

body:has(.mud-theme-dark) .gold-chat-attach-btn {
    color: rgba(255, 255, 255, 0.5) !important;
}

.gold-chat-attach-btn .mud-icon-root {
    font-size: 24px !important;
    color: inherit !important;
    fill: currentColor !important;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.gold-chat-viewer-msg {
    background-color: var(--chat-viewer-bg) !important;
    border: 1px solid var(--chat-viewer-border) !important;
    border-radius: 8px 8px 0px 8px !important;
}

    .gold-chat-viewer-msg * {
        color: var(--chat-viewer-text) !important;
    }

.gold-chat-companion-msg {
    background-color: var(--chat-companion-bg) !important;
    border: 1px solid var(--chat-companion-border) !important;
    border-radius: 8px 8px 8px 0px !important;
}

    .gold-chat-companion-msg * {
        color: var(--chat-companion-text) !important;
    }

.gold-chat-message-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.8) !important;
}

body:has(.mud-theme-dark) .gold-chat-message-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

.gold-call-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.8) !important;
    white-space: nowrap !important;
}

body:has(.mud-theme-dark) .gold-call-title {
    color: rgba(255, 255, 255, 0.8) !important;
}

.gold-chat-message-date,
.message-date {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    line-height: 12px !important;
    letter-spacing: 0.066px !important;
    white-space: nowrap !important;
    color: rgba(18, 17, 13, 0.4) !important;
    text-align: right !important;
}

body:has(.mud-theme-dark) .gold-chat-message-date,
body:has(.mud-theme-dark) .message-date {
    color: rgba(255, 255, 255, 0.4) !important;
}

/* Companion message bubble */
.account-message-block-content {
    background-color: rgba(18, 17, 13, 0.07) !important;
    border: 1px solid rgba(18, 17, 13, 0.09) !important;
    border-radius: 8px 8px 8px 0px !important;
    padding: 8px 10px 6px 12px !important;
    color: rgba(18, 17, 13, 0.8) !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    max-width: 85%;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

    .account-message-block-content p {
        font-family: 'Inter', sans-serif !important;
        font-size: 13px !important;
        line-height: 150% !important;
        color: rgba(18, 17, 13, 0.8) !important;
        margin: 0 !important;
    }

body:has(.mud-theme-dark) .account-message-block-content {
    background-color: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

    body:has(.mud-theme-dark) .account-message-block-content p {
        color: rgba(255, 255, 255, 0.8) !important;
    }

/* Viewer message bubble */
.viewer-message-block-content {
    background-color: rgba(224, 179, 61, 0.2) !important;
    border: 1px solid rgba(224, 179, 61, 0.2) !important;
    border-radius: 8px 8px 0px 8px !important;
    padding: 8px 10px 6px 12px !important;
    color: rgba(18, 17, 13, 0.8) !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    max-width: 85%;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

    .viewer-message-block-content p {
        font-family: 'Inter', sans-serif !important;
        font-size: 13px !important;
        line-height: 150% !important;
        color: rgba(18, 17, 13, 0.8) !important;
        margin: 0 !important;
    }

body:has(.mud-theme-dark) .viewer-message-block-content {
    background-color: rgba(224, 179, 61, 0.2) !important;
    border: 1px solid rgba(224, 179, 61, 0.2) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

    body:has(.mud-theme-dark) .viewer-message-block-content p {
        color: rgba(255, 255, 255, 0.8) !important;
    }

.account-message-tip-action,
.account-button-tip-menu button,
.account-button-tip-menu a {
    background-color: var(--gold-balance-card-bg) !important;
    border: 1px solid var(--gold-balance-card-border) !important;
    color: var(--gold-btn-social-text) !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

    .account-message-tip-action svg {
        color: rgba(212, 156, 61, 1) !important;
    }

body:has(.mud-theme-dark) .account-message-tip-action,
body:has(.mud-theme-dark) .account-button-tip-menu button,
body:has(.mud-theme-dark) .account-button-tip-menu a {
    background-color: rgba(224, 232, 152, 0.07) !important;
    border: 1px solid rgba(224, 232, 152, 0.09) !important;
    color: var(--mud-palette-action-default) !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.w-100 .account-button-tip-menu {
    padding-left: 24px;
    padding-right: 24px;
    height: auto;
}

    .w-100 .account-button-tip-menu:first-child {
        padding-top: 20px;
    }

.account-button-tip-menu:first-child:not(:last-child) button,
.account-button-tip-menu:first-child:not(:last-child) a {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.account-button-tip-menu:not(:first-child):not(:last-child) button,
.account-button-tip-menu:not(:first-child):not(:last-child) a {
    border-radius: 0 !important;
}

.account-button-tip-menu:last-child:not(:first-child) button,
.account-button-tip-menu:last-child:not(:first-child) a {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.w-100 .account-button-tip-menu:last-child {
    padding-bottom: 40px;
}

.account-button-tip-menu button, .account-button-tip-menu a {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    color: var(--gold-btn-social-text) !important;
    text-transform: unset;
}

    .account-button-tip-menu button.rounded-lg, .account-button-tip-menu a.rounded-lg {
        border-radius: 50%;
    }

.account-button-call-menu {
    padding: 5px 24px;
}

    .account-button-call-menu:last-child {
        padding-bottom: 40px;
    }

.not-enough-gold-for-call-notification-dialog button,
.not-enough-gold-for-call-notification-dialog a {
    border-radius: 999px !important;
}

.account-button-call-menu.gold-gradient-bg button svg,
.account-button-call-menu.gold-gradient-bg a svg {
    color: #fff;
    fill: #fff;
    background: unset !important;
    width: 24px;
}

.account-button-call-menu.account-message-tip-action button svg,
.account-button-call-menu.account-message-tip-action a svg {
    background: unset !important;
    width: 24px;
}

.account-button-call-menu.gold-gradient-bg,
.account-button-call-menu.account-message-tip-action {
    background: unset !important;
}

.account-button-call-menu button,
.account-button-call-menu a {
    -webkit-box-shadow: unset;
            box-shadow: unset;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    text-transform: unset;
}

.account-button-call-menu.gold-gradient-bg button, .account-button-call-menu.gold-gradient-bg a {
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    color: #fff !important;
    fill: #12110D !important;
    border: none !important;
}

.account-button-call-menu.account-message-tip-action button,
.account-button-call-menu.account-message-tip-action button {
    background-color: rgba(212, 156, 61, .07);
    color: rgba(18, 17, 13, 0.7) !important;
    fill: #12110D !important;
    border: 1px solid rgba(212, 156, 61, .09) !important;
}

body:has(.mud-theme-dark) .gold-gradient-bg,
body:has(.mud-theme-dark) .gold-gradient-bg svg {
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    color: #12110D !important;
    fill: #12110D !important;
    border: none !important;
}

.gold-gradient-bg,
.gold-gradient-bg svg,
.gold-gradient-bg svg p {
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    color: #FFF !important;
    fill: #FFF !important;
    border: none !important;
}

.account-avatar .account-avatar-latter {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(18, 17, 13, 0.6);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.gold-color-text {
    fill: rgb(212, 156, 61);
    color: rgb(212, 156, 61);
}

.not-enough-gold-for-call-notification-dialog .gold-cross-error {
    background: rgba(239, 68, 68, .2) !important;
    border-radius: 999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 28px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.paid-call-notification-dialog button {
    border-radius: 999px;
}

/* Call Request (Free) */
.gold-call-request-block {
    background-color: rgba(18, 17, 13, 0.07) !important;
    border: 1px solid rgba(18, 17, 13, 0.09) !important;
    border-radius: 8px 8px 8px 0px !important;
    padding: 8px 10px 6px 12px !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 85%;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

body:has(.mud-theme-dark) .gold-call-request-block {
    background-color: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
}

.gold-call-request-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: rgba(18, 17, 13, 0.8) !important;
    margin: 0 !important;
    line-height: 150% !important;
}

body:has(.mud-theme-dark) .gold-call-request-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Call Request (Paid / Gold) */
.gold-paid-call-request-block {
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    border: 1px solid #FFE898 !important;
    border-radius: 8px 8px 8px 0px !important;
    padding: 8px 10px 6px 12px !important;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 85%;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

body:has(.mud-theme-dark) .gold-paid-call-request-block {
    border-color: #F8E276 !important;
}

.gold-paid-call-request-block .gold-call-request-text {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

body:has(.mud-theme-dark) .gold-paid-call-request-block .gold-call-request-text {
    color: #000000 !important;
}

.gold-paid-call-request-block .message-date {
    color: rgba(255, 255, 255, 0.7) !important;
}

body:has(.mud-theme-dark) .gold-paid-call-request-block .message-date {
    color: rgba(0, 0, 0, 0.5) !important;
}

.gold-paid-call-btn {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

    .gold-paid-call-btn .mud-icon-root {
        color: #000000 !important;
        font-size: 16px !important;
    }

.gold-call-request-time {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    color: rgba(18, 17, 13, 0.4) !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-call-request-time {
    color: rgba(255, 255, 255, 0.4) !important;
}

.gold-call-action-btn {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

    .gold-call-action-btn:hover {
        opacity: 0.85;
    }

    .gold-call-action-btn .mud-icon-root {
        font-size: 16px !important;
    }

.gold-call-btn-accept {
    background-color: #22C55E !important;
    color: #FFFFFF !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 50% !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    border: none !important;
    cursor: pointer;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

    .gold-call-btn-accept:hover {
        opacity: 0.85;
    }

    .gold-call-btn-accept .mud-icon-root {
        fill: #FFFFFF !important;
        color: #FFFFFF !important;
        font-size: 16px !important;
    }

.gold-call-btn-decline {
    background-color: #EF4444 !important;
    color: #FFFFFF !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 50% !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    border: none !important;
    cursor: pointer;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

    .gold-call-btn-decline:hover {
        opacity: 0.85;
    }

    .gold-call-btn-decline .mud-icon-root {
        fill: #FFFFFF !important;
        color: #FFFFFF !important;
        font-size: 16px !important;
    }

/* Chat List Item Row */
.gold-chat-list-item {
    border-bottom: 1px solid rgba(18, 17, 13, 0.05) !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

body:has(.mud-theme-dark) .gold-chat-list-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.gold-chat-list-item:hover {
    background-color: rgba(18, 17, 13, 0.03);
}

body:has(.mud-theme-dark) .gold-chat-list-item:hover {
    background-color: rgba(255, 255, 255, 0.03);
}

.gold-chat-list-item .gold-chat-message-date {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 11px !important;
    line-height: 12px !important;
    letter-spacing: 0.066px !important;
    color: rgba(18, 17, 13, 0.4) !important;
    white-space: nowrap !important;
}

body:has(.mud-theme-dark) .gold-chat-list-item .gold-chat-message-date {
    color: rgba(255, 255, 255, 0.4) !important;
}

.gold-chat-list-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0.066px !important;
    color: rgba(18, 17, 13, 0.9) !important;
    margin: 0 !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

body:has(.mud-theme-dark) .gold-chat-list-title {
    color: rgba(255, 255, 255, 0.9) !important;
}

.gold-chat-list-preview {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.6) !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:has(.mud-theme-dark) .gold-chat-list-preview {
    color: rgba(255, 255, 255, 0.6) !important;
}

.gold-chat-list-unread-badge {
    background: #D49C3D !important;
    border-radius: 999px !important;
    min-width: 18px !important;
    height: 18px !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    padding: 0 5px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

body:has(.mud-theme-dark) .gold-chat-list-unread-badge {
    background: #FFE898 !important;
}

.gold-chat-list-unread-badge p,
.gold-chat-list-unread-badge span,
.gold-chat-list-unread-badge .mud-typography {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    text-align: center;
}

body:has(.mud-theme-dark) .gold-chat-list-unread-badge p,
body:has(.mud-theme-dark) .gold-chat-list-unread-badge span,
body:has(.mud-theme-dark) .gold-chat-list-unread-badge .mud-typography {
    color: #000000 !important;
}
/* #endregion */

/* #region Forms */
.gold-input-custom {
    margin-top: 0 !important;
}

    .gold-input-custom .mud-input {
        background-color: var(--gold-input-bg) !important;
        border-radius: 8px !important;
        min-height: 54px !important;
        width: 100% !important;
    }

    .gold-input-custom .mud-input-outlined-border {
        border-radius: 8px !important;
    }

        .gold-input-custom .mud-input-outlined-border legend {
            display: none !important;
            width: 0 !important;
        }

    .gold-input-custom:not(.mud-error) .mud-input-outlined-border {
        border-color: var(--gold-input-border) !important;
    }

    .gold-input-custom .mud-input > input,
    .gold-input-custom .mud-input-slot {
        background-color: transparent !important;
        font-size: 15px !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 500 !important;
        color: var(--gold-input-text) !important;
    }

    .gold-input-custom .mud-input-label,
    .gold-input-custom .mud-input-label-outlined {
        padding: 0 !important;
        background-color: transparent !important;
        color: var(--gold-input-placeholder) !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 500 !important;
        -webkit-transform: translate(12px, 16px) scale(1) !important;
            -ms-transform: translate(12px, 16px) scale(1) !important;
                transform: translate(12px, 16px) scale(1) !important;
        pointer-events: none;
        z-index: 2 !important;
        -webkit-transition: color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out !important;
        transition: color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out !important;
        transition: transform 0.2s ease-out, color 0.2s ease-out, font-size 0.2s ease-out !important;
        transition: transform 0.2s ease-out, color 0.2s ease-out, font-size 0.2s ease-out, -webkit-transform 0.2s ease-out !important;
    }

    .gold-input-custom .mud-input.mud-shrink ~ .mud-input-label-outlined,
    .gold-input-custom.mud-input-control:focus-within .mud-input-label-outlined {
        -webkit-transform: translate(12px, 6px) scale(1) !important;
            -ms-transform: translate(12px, 6px) scale(1) !important;
                transform: translate(12px, 6px) scale(1) !important;
        font-size: 12px !important;
        line-height: 16px !important;
        font-weight: 500 !important;
    }

    .gold-input-custom .mud-input-adornment-end {
        margin-right: 8px !important;
        margin-top: 0 !important;
        height: 100% !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }

        .gold-input-custom .mud-input-adornment-end .mud-icon-root {
            color: #D49C3D !important;
            fill: #D49C3D !important;
            font-size: 24px !important;
            width: 24px !important;
            height: 24px !important;
        }

body:has(.mud-theme-dark) .gold-input-custom .mud-input-adornment-end .mud-icon-root {
    color: #FFE898 !important;
    fill: #FFE898 !important;
}

.gold-input-custom .mud-select-icon,
.gold-input-custom .mud-icon-root.mud-select-icon {
    color: var(--gold-input-placeholder) !important;
    fill: var(--gold-input-placeholder) !important;
    font-size: 24px !important;
}

.gold-input-custom .mud-input-slot:-webkit-autofill,
.gold-input-custom .mud-input-slot:-webkit-autofill:hover,
.gold-input-custom .mud-input-slot:-webkit-autofill:focus,
.gold-input-custom .mud-input-slot:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-text-fill-color: var(--gold-input-text) !important;
}

.gold-input-custom .mud-input.mud-input-outlined .mud-input-slot.mud-input-root-outlined {
    padding: 24px 12px 5px !important;
    margin: 0 !important;
    min-height: 54px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

.gold-input-custom .mud-input.mud-input-outlined textarea.mud-input-slot.mud-input-root-outlined {
    padding-top: 24px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    line-height: 150% !important;
}

.gold-input-short .mud-input {
    min-height: 48px !important;
    max-height: 48px !important;
}

    .gold-input-short .mud-input.mud-input-outlined .mud-input-slot.mud-input-root-outlined {
        padding: 22px 12px 4px !important;
        min-height: 48px !important;
    }

.gold-input-short .mud-input-label,
.gold-input-short .mud-input-label-outlined {
    -webkit-transform: translate(12px, 14px) scale(1) !important;
        -ms-transform: translate(12px, 14px) scale(1) !important;
            transform: translate(12px, 14px) scale(1) !important;
}

.gold-input-short .mud-input.mud-shrink ~ .mud-input-label-outlined,
.gold-input-short.mud-input-control:focus-within .mud-input-label-outlined {
    -webkit-transform: translate(12px, 6px) scale(1) !important;
        -ms-transform: translate(12px, 6px) scale(1) !important;
            transform: translate(12px, 6px) scale(1) !important;
}

.gold-mb-14px {
    margin-bottom: 14px !important;
}
/* #endregion */

/* #region OTP */
.cells-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}

    .cells-container > .cell {
        width: 38px;
        height: 54px;
        position: relative;
    }

        .cells-container > .cell input {
            width: 100%;
            height: 100%;
            text-align: center;
            font-weight: 500 !important;
            font-size: 28px !important;
            line-height: 150% !important;
            background: transparent !important;
            border: none !important;
            outline: none !important;
            color: var(--otp-text) !important;
            border-bottom: 2px solid var(--otp-border-empty) !important;
            border-radius: 0 !important;
            -webkit-transition: border-color 0.2s ease-in-out;
            transition: border-color 0.2s ease-in-out;
            padding: 0;
            -webkit-box-shadow: none !important;
                    box-shadow: none !important;
        }

            .cells-container > .cell input.cell-filled,
            .cells-container > .cell input:focus {
                border-bottom: 2px solid var(--otp-border-filled) !important;
            }
/* #endregion */

/* #region Profile Buttons */
button.gold-btn-profile-primary {
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    border: 1px solid #FFE898 !important;
    border-radius: 999px !important;
    height: 36px !important;
    min-height: 36px !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 0 16px !important;
    letter-spacing: 0 !important;
}

    button.gold-btn-profile-primary .mud-button-icon-start {
        margin-right: 6px !important;
    }

    button.gold-btn-profile-primary .mud-icon-root {
        color: #FFFFFF !important;
        fill: #FFFFFF !important;
        font-size: 18px !important;
    }

body:has(.mud-theme-dark) button.gold-btn-profile-primary {
    color: #000000 !important;
}

    body:has(.mud-theme-dark) button.gold-btn-profile-primary .mud-icon-root,
    body:has(.mud-theme-dark) button.gold-btn-profile-primary svg {
        color: #000000 !important;
        fill: #000000 !important;
    }

button.gold-btn-profile-social {
    background: var(--gold-btn-social-bg) !important;
    border: 1px solid var(--gold-btn-social-border) !important;
    border-radius: 999px !important;
    height: 36px !important;
    min-height: 36px !important;
    color: var(--gold-btn-social-text) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: background-color 0.2s ease-in-out !important;
    transition: background-color 0.2s ease-in-out !important;
    padding: 0 16px !important;
    letter-spacing: 0 !important;
}

    button.gold-btn-profile-social:hover:not(:disabled) {
        background-color: rgba(212, 156, 61, 0.15) !important;
    }

body:has(.mud-theme-dark) button.gold-btn-profile-social:hover:not(:disabled) {
    background-color: rgba(255, 232, 152, 0.15) !important;
}

button.gold-btn-profile-social .mud-icon-root {
    color: var(--gold-btn-social-icon) !important;
    fill: var(--gold-btn-social-icon) !important;
    font-size: 22px !important;
}

button.gold-btn-profile-icon {
    background: rgba(255, 232, 152, 0.07) !important;
    border: 1px solid rgba(255, 232, 152, 0.09) !important;
    border-radius: 999px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

    button.gold-btn-profile-icon:hover {
        background: rgba(255, 232, 152, 0.2) !important;
    }

    button.gold-btn-profile-icon .mud-icon-root {
        color: #D49C3D !important;
        fill: #D49C3D !important;
        font-size: 20px !important;
    }

body:has(.mud-theme-dark) button.gold-btn-profile-icon .mud-icon-root {
    color: #FFE898 !important;
    fill: #FFE898 !important;
}
/* #endregion */

/* #region Profile Text & Tabs */
.account-main-info p.gold-text-primary {
    font-weight: 500 !important;
    font-size: 17px !important;
}

.account-main-info span.gold-text-primary {
    font-weight: 500 !important;
    font-size: 13px !important;
}

.account-main-info span.gold-text-muted {
    font-weight: 400 !important;
    color: rgba(18, 17, 13, 0.6) !important;
    font-size: 13px !important;
}

body:has(.mud-theme-dark) .account-main-info span.gold-text-muted {
    color: rgba(255, 255, 255, 0.6) !important;
}

.gold-profile-website {
    color: #D49C3D !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-bottom: 4px !important;
}

body:has(.mud-theme-dark) .gold-profile-website {
    color: #FFE898 !important;
}

.gold-profile-bio {
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.6) !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
}

body:has(.mud-theme-dark) .gold-profile-bio {
    color: rgba(255, 255, 255, 0.6) !important;
}

#profile_view_types .mud-button {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    height: 50px !important;
    border-radius: 0 !important;
    border-bottom: none !important;
    border-bottom-width: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
    padding: 0 !important;
    position: relative !important;
}

    #profile_view_types .mud-button:hover {
        background-color: var(--mud-palette-action-default-hover) !important;
    }

    #profile_view_types .mud-button .mud-button-label {
        position: relative !important;
        overflow: visible !important;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #profile_view_types .mud-button .mud-icon-root {
        font-size: 26px !important;
        color: var(--tabbar-icon) !important;
        fill: var(--tabbar-icon) !important;
        -webkit-transition: color 0.2s ease-in-out, fill 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
        transition: color 0.2s ease-in-out, fill 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out, color 0.2s ease-in-out, fill 0.2s ease-in-out !important;
        transition: transform 0.2s ease-in-out, color 0.2s ease-in-out, fill 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
    }

    #profile_view_types .mud-button.mud-border-primary .mud-icon-root {
        color: var(--tabbar-icon-active) !important;
        fill: var(--tabbar-icon-active) !important;
        -webkit-transform: translateY(-2px) !important;
            -ms-transform: translateY(-2px) !important;
                transform: translateY(-2px) !important;
    }

    #profile_view_types .mud-button.mud-border-primary .mud-button-label::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: var(--tabbar-icon-active) !important;
        z-index: 10;
        display: block;
    }
/* #endregion */

/* #region Edit Profile */
.gold-dialog-content {
    background-color: var(--mud-palette-background) !important;
}

.gold-edit-profile-form {
    width: 100% !important;
    max-width: 327px !important;
    margin: 0 auto !important;
}

.gold-btn-save {
    background: #D49C3D !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: none !important;
    width: 50px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    letter-spacing: 0 !important;
}

body:has(.mud-theme-dark) .gold-btn-save {
    background: #FFE898 !important;
    color: #000000 !important;
}

.gold-profile-avatar-wrapper {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.gold-profile-avatar-container {
    position: relative;
    width: 120px;
    height: 120px;
    cursor: pointer;
}

.gold-profile-avatar {
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #C4C4C4 !important;
    font-size: 52px !important;
    margin: 0 !important;
}

    .gold-profile-avatar img,
    .gold-profile-avatar .mud-image {
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: cover !important;
           object-fit: cover !important;
    }

.gold-profile-avatar-badge {
    position: absolute !important;
    left: 82px !important;
    top: 82px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    z-index: 10 !important;
}

    .gold-profile-avatar-badge .mud-icon-root {
        color: #FFFFFF !important;
        fill: #FFFFFF !important;
        font-size: 22px !important;
    }

body:has(.mud-theme-dark) .gold-profile-avatar-badge .mud-icon-root {
    color: #000000 !important;
    fill: #000000 !important;
}

.gold-profile-section-title {
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 22px !important;
    color: var(--gold-text-primary) !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

.gold-profile-section-subtitle {
    font-weight: 300 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: var(--post-text-main) !important;
    max-width: 327px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 4px !important;
    margin-bottom: 32px !important;
}
/* #endregion */

/* #region Switch component */
.gold-custom-switch-container {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    width: auto !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.gold-custom-switch {
    width: 51px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .gold-custom-switch .mud-input-control {
        margin: 0 !important;
    }

    .gold-custom-switch .mud-input-control-input-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    .gold-custom-switch .mud-switch {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .gold-custom-switch .mud-switch-span {
        width: 51px !important;
        height: 31px !important;
        position: relative !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .gold-custom-switch .mud-switch-track {
        position: absolute !important;
        width: 51px !important;
        height: 31px !important;
        left: 0 !important;
        top: 0 !important;
        border-radius: 999px !important;
        background: rgba(212, 156, 61, 0.07) !important;
        border: 1px solid rgba(212, 156, 61, 0.3) !important;
        opacity: 1 !important;
        -webkit-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
        margin: 0 !important;
        -webkit-box-sizing: border-box !important;
                box-sizing: border-box !important;
    }

body:has(.mud-theme-dark) .gold-custom-switch .mud-switch-track {
    background: rgba(255, 232, 152, 0.07) !important;
    border: 1px solid rgba(255, 232, 152, 0.3) !important;
}

.gold-custom-switch .mud-switch-base.mud-checked ~ .mud-switch-track,
.gold-custom-switch .mud-switch-base.mud-checked + .mud-switch-track,
.gold-custom-switch .mud-checked .mud-switch-track {
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    border: 1px solid #FFE898 !important;
    opacity: 1 !important;
}

.gold-custom-switch .mud-switch-base {
    position: absolute !important;
    left: 2px !important;
    top: 2px !important;
    padding: 0 !important;
    z-index: 2 !important;
    -webkit-transition: -webkit-transform 0.2s ease-in-out !important;
    transition: -webkit-transform 0.2s ease-in-out !important;
    transition: transform 0.2s ease-in-out !important;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out !important;
    background: transparent !important;
    width: 27px !important;
    height: 27px !important;
}

    .gold-custom-switch .mud-switch-base.mud-checked {
        -webkit-transform: translateX(20px) !important;
            -ms-transform: translateX(20px) !important;
                transform: translateX(20px) !important;
    }

.gold-custom-switch .mud-switch-thumb-medium {
    width: 27px !important;
    height: 27px !important;
    background: -webkit-gradient(linear, left top, right top, from(#F8E276), to(#E0B33D)) !important;
    background: linear-gradient(90deg, #F8E276 0%, #E0B33D 100%) !important;
    border: 0.5px solid #D49C3D !important;
    border-radius: 50% !important;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06) !important;
}

.gold-custom-switch .mud-switch-base.mud-checked .mud-switch-thumb-medium {
    background: #FFFFFF !important;
    border: none !important;
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06) !important;
}
/* #endregion */

/* #region Primary and Social Buttons */
.gold-btn-primary {
    background: var(--gold-btn-primary-bg) !important;
    border: 1px solid var(--gold-btn-primary-border) !important;
    border-radius: 999px !important;
    height: 54px !important;
    width: 100% !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
}

    .gold-btn-primary:hover:not(:disabled) {
        opacity: 0.85 !important;
        -webkit-transform: scale(0.99);
            -ms-transform: scale(0.99);
                transform: scale(0.99);
    }

    .gold-btn-primary:disabled {
        opacity: 0.5 !important;
    }

    .gold-btn-primary, .gold-btn-primary .mud-button-label {
        color: var(--gold-btn-primary-text) !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        text-transform: none !important;
        letter-spacing: normal !important;
    }

.gold-btn-social {
    background: var(--gold-btn-social-bg) !important;
    border: 1px solid var(--gold-btn-social-border) !important;
    border-radius: 999px !important;
    height: 56px !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: background-color 0.2s ease-in-out !important;
    transition: background-color 0.2s ease-in-out !important;
}

    .gold-btn-social:hover:not(:disabled) {
        background-color: rgba(212, 156, 61, 0.15) !important;
    }

.mud-theme-dark .gold-btn-social:hover:not(:disabled) {
    background-color: rgba(255, 232, 152, 0.15) !important;
}

.gold-btn-social, .gold-btn-social .mud-button-label {
    color: var(--gold-btn-social-text) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

    .gold-btn-social .mud-icon-root {
        color: var(--gold-btn-social-icon) !important;
        fill: var(--gold-btn-social-icon) !important;
    }

.gold-text-muted {
    color: var(--gold-text-muted) !important;
}

.gold-text-primary {
    color: var(--gold-text-primary) !important;
}

.gold-replies-toggle-btn {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
    color: #D49C3D !important;
    text-transform: none !important;
    padding: 0 !important;
    min-width: auto !important;
    background: transparent !important;
    height: auto !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
}

body:has(.mud-theme-dark) .gold-replies-toggle-btn {
    color: #FFE898 !important;
}

.gold-replies-toggle-btn:hover {
    background: transparent !important;
    opacity: 0.8 !important;
}
/* #endregion */

/* #region Balance Page */
.gold-balance-card {
    background: var(--gold-balance-card-bg) !important;
    border: 1px solid var(--gold-balance-card-border) !important;
    border-radius: 14px !important;
    padding: 16px !important;
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    min-height: 78px !important;
}

    .gold-balance-card.flex-column {
        padding: 12px !important;
        min-height: 70px !important;
    }

    .gold-balance-card > .mud-stack.mud-stack-row {
        gap: 6px !important;
    }

.gold-balance-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.6);
}

body:has(.mud-theme-dark) .gold-balance-title {
    color: rgba(255, 255, 255, 0.6);
}

.gold-balance-amount {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    line-height: 22px !important;
    color: #12110D;
}

body:has(.mud-theme-dark) .gold-balance-amount {
    color: #FFFFFF;
}

.gold-btn-balance-buy {
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    border: 1px solid #FFE898 !important;
    border-radius: 999px !important;
    height: 36px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: var(--gold-btn-buy-text) !important;
    cursor: pointer !important;
    -webkit-transition: opacity 0.2s ease-in-out !important;
    transition: opacity 0.2s ease-in-out !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

    .gold-btn-balance-buy:not(.w-100) {
        width: 70px !important;
        min-width: 70px !important;
        padding: 0 !important;
    }

    .gold-btn-balance-buy:hover {
        opacity: 0.85 !important;
    }

.gold-btn-balance-sell {
    background: var(--gold-btn-sell-bg) !important;
    border: 1px solid var(--gold-btn-sell-border) !important;
    border-radius: 999px !important;
    height: 36px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    letter-spacing: -0.5px !important;
    color: var(--gold-btn-sell-text) !important;
    cursor: pointer !important;
    -webkit-transition: background-color 0.2s ease-in-out !important;
    transition: background-color 0.2s ease-in-out !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

    .gold-btn-balance-sell:not(.w-100) {
        width: 70px !important;
        min-width: 70px !important;
        padding: 0 !important;
    }

    .gold-btn-balance-sell:hover {
        background-color: rgba(212, 156, 61, 0.15) !important;
    }

body:has(.mud-theme-dark) .gold-btn-balance-sell:hover {
    background-color: rgba(255, 232, 152, 0.15) !important;
}

.gold-earned-wrapper {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    gap: 7px !important;
}

.gold-balance-tabs-wrapper {
    padding: 0px 0px 6px 0px !important;
    gap: 0 !important;
}

.gold-earned-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: rgba(18, 17, 13, 0.7);
    margin-right: 2px !important;
}

body:has(.mud-theme-dark) .gold-earned-text {
    color: rgba(255, 255, 255, 0.7);
}

.gold-earned-amount {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: var(--gold-earning-amount);
}

.gold-balance-tab {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: rgba(18, 17, 13, 0.5) !important;
    cursor: pointer !important;
    position: relative !important;
    padding-bottom: 10px !important;
    -webkit-transition: color 0.2s ease-in-out !important;
    transition: color 0.2s ease-in-out !important;
    text-align: center;
    width: 100% !important;
    max-width: 161.5px !important;
    margin-top: 0 !important;
}

body:has(.mud-theme-dark) div.gold-balance-tab {
    color: rgba(255, 255, 255, 0.5) !important;
}

    div.gold-balance-tab.active,
    body:has(.mud-theme-dark) div.gold-balance-tab.active {
        color: var(--gold-tab-active) !important;
    }

        div.gold-balance-tab.active::after {
            content: '';
            position: absolute;
            bottom: 6px !important;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            width: 5px !important;
            height: 5px !important;
            border-radius: 50% !important;
            background-color: var(--gold-tab-active) !important;
        }
/* #endregion */

/* #region Earning Items */
.gold-earning-item {
    border-bottom: 1px solid rgba(18, 17, 13, 0.05) !important;
    padding: 16px 0 !important;
    gap: 10px !important;
}

body:has(.mud-theme-dark) .gold-earning-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.gold-earning-item .mud-avatar {
    width: 38px !important;
    height: 38px !important;
    font-size: 19px !important;
}

.gold-earning-text-stack {
    gap: 4px !important;
}

.gold-earning-item .account-name-label,
.gold-earning-item .account-name-label .mud-typography {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(18, 17, 13, 0.9) !important;
    letter-spacing: 0.066px !important;
}

body:has(.mud-theme-dark) .gold-earning-item .account-name-label,
body:has(.mud-theme-dark) .gold-earning-item .account-name-label .mud-typography {
    color: rgba(255, 255, 255, 0.9) !important;
}

.gold-earning-type {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.6) !important;
}

body:has(.mud-theme-dark) .gold-earning-type {
    color: rgba(255, 255, 255, 0.6) !important;
}

.gold-earning-amount {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: var(--gold-earning-amount);
}
/* #endregion */

/* #region Dialog Custom Typography & Input */
.gold-dialog-bottom-buttons {
    width: 100%;
    max-width: 327px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 20px;
}

.gold-dialog-subtitle {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: rgba(18, 17, 13, 0.7) !important;
    text-align: center;
}

body:has(.mud-theme-dark) .gold-dialog-subtitle {
    color: rgba(255, 255, 255, 0.7) !important;
}

.gold-dialog-fiat-amount {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 19px !important;
    line-height: 20px !important;
    letter-spacing: -0.5px !important;
    color: #12110D !important;
    text-align: center;
}

body:has(.mud-theme-dark) .gold-dialog-fiat-amount {
    color: #FFFFFF !important;
}

.gold-dialog-hint {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    letter-spacing: -0.5px !important;
    color: rgba(18, 17, 13, 0.7) !important;
    text-align: center;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-dialog-hint {
    color: rgba(255, 255, 255, 0.7) !important;
}

.gold-centered-text-field {
    margin: 0 auto !important;
}

    .gold-centered-text-field .mud-input {
        font-family: 'Inter', sans-serif !important;
        font-weight: 500 !important;
        font-size: 28px !important;
        line-height: 42px !important;
        color: #12110D !important;
        text-align: center !important;
        background: transparent !important;
        min-height: auto !important;
        height: 42px !important;
    }

body:has(.mud-theme-dark) .gold-centered-text-field .mud-input {
    color: #FFFFFF !important;
}

.gold-centered-text-field .mud-input-slot {
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 500 !important;
    padding: 0 0 12px 0 !important;
    height: 100% !important;
}

.gold-centered-text-field .mud-input-underline:before,
.gold-centered-text-field .mud-input-underline:after {
    border-bottom: 1px solid #D49C3D !important;
}

body:has(.mud-theme-dark) .gold-centered-text-field .mud-input-underline:before,
body:has(.mud-theme-dark) .gold-centered-text-field .mud-input-underline:after {
    border-bottom: 1px solid #F8E276 !important;
}
/* #endregion */

/* #region Dialog/CtxMenu Header (Comments Modal Overlay) */
.gold-ctx-menu-provider:has(.gold-comments-modal-list) ~ .mud-overlay .mud-overlay-scrim,
.mud-overlay:has(+ .gold-ctx-menu-provider .gold-comments-modal-list) .mud-overlay-scrim,
.gold-ctx-menu-provider:has(.gold-comments-modal-list) .mud-overlay-scrim {
    background-color: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.gold-ctx-menu-instance:has(.gold-comments-modal-list) {
    background-color: var(--mud-palette-surface) !important;
    height: 85vh !important;
    max-height: 85vh !important;
    border-radius: 32px 32px 0 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    overflow: hidden !important;
    -webkit-box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.15) !important;
            box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.15) !important;
    border-top: 1px solid transparent !important;
}

body:has(.mud-theme-dark) .gold-ctx-menu-instance:has(.gold-comments-modal-list) {
    background-color: #12110D !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.gold-ctx-menu-instance:has(.gold-comments-modal-list) .gold-ctx-menu-header {
    padding: 28px 24px 24px 24px !important;
    margin: 0 !important;
    position: relative !important;
    border-bottom: none !important;
    min-height: auto !important;
}

.gold-ctx-menu-instance:has(.gold-comments-modal-list) .gold-ctx-close-btn {
    display: none !important;
}

.gold-ctx-menu-header-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #12110D !important;
    text-align: center !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-ctx-menu-header-title {
    color: #FFFFFF !important;
}

.gold-ctx-menu-instance:has(.gold-comments-modal-list) .mud-dialog-content,
.gold-ctx-menu-instance:has(.gold-comments-modal-list) .gold-comments-modal-list {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    overflow-y: auto !important;
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}

.gold-comment-row .gold-post-desc.comment-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* #endregion */

/* #region Action Context Menus (Bottom Sheets) */

.gold-ctx-menu-instance:has(.gold-action-menu-wrapper) {
    background-color: #FFFFFF !important;
    border-top: 1px solid rgba(18, 17, 13, 0.1) !important;
    border-radius: 32px 32px 0px 0px !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    overflow: hidden !important;
}

body:has(.mud-theme-dark) .gold-ctx-menu-instance:has(.gold-action-menu-wrapper) {
    background-color: #12110D !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.gold-ctx-menu-instance:has(.gold-action-menu-wrapper) .gold-ctx-menu-header {
    display: none !important;
}

.mud-dialog:has(.gold-action-menu-wrapper),
.gold-bottom-dialog:has(.gold-action-menu-wrapper) {
    background-color: #FFFFFF !important;
    border-top: 1px solid rgba(18, 17, 13, 0.1) !important;
    border-radius: 32px 32px 0px 0px !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    overflow: hidden !important;
}

body:has(.mud-theme-dark) .mud-dialog:has(.gold-action-menu-wrapper),
body:has(.mud-theme-dark) .gold-bottom-dialog:has(.gold-action-menu-wrapper) {
    background-color: #12110D !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.mud-dialog:has(.gold-action-menu-wrapper) > .mud-dialog-title,
.mud-dialog:has(.gold-action-menu-wrapper) .mud-dialog-header,
.gold-bottom-dialog:has(.gold-action-menu-wrapper) .gold-dialog-close-btn,
.gold-bottom-dialog:has(.gold-action-menu-wrapper) > .mud-icon-button:first-child {
    display: none !important;
}

.gold-action-menu-wrapper {
    position: relative !important;
    padding: 42px 24px 24px 24px !important;
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

.gold-action-menu-wrapper::before {
    content: '' !important;
    position: absolute !important;
    top: 20px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
    width: 134px !important;
    height: 2px !important;
    background: rgba(18, 17, 13, 0.3) !important;
    border-radius: 100px !important;
    z-index: 10 !important;
}

body:has(.mud-theme-dark) .gold-action-menu-wrapper::before {
    background: rgba(232, 232, 232, 0.3) !important;
}

.gold-action-menu-list {
    background: rgba(212, 156, 61, 0.07) !important;
    border: 1px solid rgba(212, 156, 61, 0.09) !important;
    border-radius: 14px !important;
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    overflow: hidden !important;
}

body:has(.mud-theme-dark) .gold-action-menu-list {
    background: rgba(255, 232, 152, 0.07) !important;
    border: 1px solid rgba(255, 232, 152, 0.09) !important;
}

.gold-action-menu-btn {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    padding: 16px !important;
    width: 100% !important;
    min-height: 56px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(212, 156, 61, 0.04) !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-transform: none !important;
    color: rgba(18, 17, 13, 0.7) !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-transition: background-color 0.2s ease-in-out !important;
    transition: background-color 0.2s ease-in-out !important;
}

body:has(.mud-theme-dark) .gold-action-menu-btn {
    border-bottom: 1px solid rgba(255, 232, 152, 0.04) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.gold-action-menu-btn:hover {
    background-color: rgba(18, 17, 13, 0.05) !important;
}

body:has(.mud-theme-dark) .gold-action-menu-btn:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.gold-action-menu-btn:last-child,
.gold-action-menu-list > *:last-child .gold-action-menu-btn {
    border-bottom: none !important;
}

.gold-action-menu-btn .mud-button-label {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100% !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 14px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    text-transform: none !important;
}

.gold-action-menu-btn .mud-button-icon-start {
    margin: 0 !important;
}

.gold-action-menu-btn .mud-icon-root {
    color: #D49C3D !important;
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
}

body:has(.mud-theme-dark) .gold-action-menu-btn .mud-icon-root {
    color: #FFE898 !important;
}

.gold-action-menu-btn.gold-action-error {
    color: #EF4444 !important;
}

body:has(.mud-theme-dark) .gold-action-menu-btn.gold-action-error {
    color: #EF4444 !important;
}

.gold-action-menu-btn.gold-action-error .mud-icon-root {
    color: #EF4444 !important;
}

body:has(.mud-theme-dark) .gold-action-menu-btn.gold-action-error .mud-icon-root {
    color: #EF4444 !important;
}
/* #endregion */

.square-post-grid-image {
    aspect-ratio: 1 / 1 !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.rounded-t-xl:has(.gold-action-menu-wrapper) .mud-stack.relative {
    display: none !important;
}

.rounded-t-xl:has(.gold-action-menu-wrapper) .mud-container.mt-4 {
    margin-top: 0 !important;
}

/* #region Post Creation */
.gold-btn-next {
    background: #D49C3D !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-transform: none !important;
    padding: 2px 16px !important;
    min-height: 24px !important;
    height: 28px !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

body:has(.mud-theme-dark) .gold-btn-next {
    background: #FFE898 !important;
    color: #000000 !important;
}

.gold-empty-media-box,
.gold-cover-upload-box {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px 24px 16px 20px;
    width: 100%;
    height: 220px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 179, 71, 0) 26.92%, rgba(255, 179, 71, 0.1) 100%) !important;
    border: 1px dashed #E0B33D !important;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

    .gold-empty-media-box:hover,
    .gold-cover-upload-box:hover {
        opacity: 0.8;
    }

.gold-empty-media-icon,
.gold-cover-upload-icon {
    width: 35px !important;
    height: 32px !important;
    font-size: 32px !important;
    color: #D49C3D !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-empty-media-icon,
body:has(.mud-theme-dark) .gold-cover-upload-icon {
    color: #FFE898 !important;
}

.gold-empty-media-text,
.gold-cover-upload-text {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: center !important;
    color: rgba(18, 17, 13, 0.6) !important;
    margin: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

body:has(.mud-theme-dark) .gold-empty-media-text,
body:has(.mud-theme-dark) .gold-cover-upload-text {
    color: rgba(255, 255, 255, 0.6) !important;
}

.gold-sensitive-row {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    gap: 10px !important;
    height: 32px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

.gold-sensitive-checkbox {
    margin: 0 !important;
    padding: 0 !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

    .gold-sensitive-checkbox .mud-input-control-input-container,
    .gold-sensitive-checkbox .mud-checkbox {
        margin: 0 !important;
        padding: 0 !important;
        width: 24px !important;
        height: 24px !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }

    .gold-sensitive-checkbox svg {
        display: none !important;
    }

    .gold-sensitive-checkbox .mud-button-root {
        position: relative !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        padding: 0 !important;
        border: 2px solid rgba(18, 17, 13, 0.2) !important;
        border-radius: 6px !important;
        background: transparent !important;
        -webkit-box-sizing: border-box !important;
                box-sizing: border-box !important;
        -webkit-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
        margin: 0 !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }

body:has(.mud-theme-dark) .gold-sensitive-checkbox .mud-button-root {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.gold-sensitive-checkbox .mud-button-root:hover,
.gold-sensitive-checkbox .mud-button-root:active {
    background-color: transparent !important;
}

.gold-sensitive-checkbox:has(input:checked) .mud-button-root,
.gold-sensitive-checkbox .mud-button-root.mud-checked,
.gold-sensitive-checkbox:has(input:checked) .mud-button-root:hover,
.gold-sensitive-checkbox .mud-button-root.mud-checked:hover {
    background-color: #D49C3D !important;
    border-color: #D49C3D !important;
}

body:has(.mud-theme-dark) .gold-sensitive-checkbox:has(input:checked) .mud-button-root,
body:has(.mud-theme-dark) .gold-sensitive-checkbox .mud-button-root.mud-checked,
body:has(.mud-theme-dark) .gold-sensitive-checkbox:has(input:checked) .mud-button-root:hover,
body:has(.mud-theme-dark) .gold-sensitive-checkbox .mud-button-root.mud-checked:hover {
    background-color: #FFE898 !important;
    border-color: #FFE898 !important;
}

.gold-sensitive-checkbox .mud-button-root .mud-ripple {
    display: none !important;
}

.gold-sensitive-checkbox .mud-button-root::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 9px;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4.5 8L11 1' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body:has(.mud-theme-dark) .gold-sensitive-checkbox .mud-button-root::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.5L4.5 8L11 1' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gold-sensitive-checkbox:has(input:checked) .mud-button-root::after,
.gold-sensitive-checkbox .mud-button-root.mud-checked::after {
    opacity: 1 !important;
}

.gold-sensitive-text {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.8) !important;
    margin: 0 !important;
    white-space: nowrap;
}

body:has(.mud-theme-dark) .gold-sensitive-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

.gold-sensitive-more {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #E0B33D !important;
    cursor: pointer;
    margin: 0 !important;
}

.gold-category-box {
    background: rgba(212, 156, 61, 0.07) !important;
    border: 1px solid rgba(212, 156, 61, 0.09) !important;
    border-radius: 8px !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 12px 14px 12px 12px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    cursor: pointer;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
}

body:has(.mud-theme-dark) .gold-category-box {
    background: rgba(255, 232, 152, 0.07) !important;
    border: 1px solid rgba(255, 232, 152, 0.09) !important;
}

.gold-category-box:hover {
    border-color: #D49C3D !important;
}

.gold-category-box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.gold-category-box-label {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 19px !important;
    color: #12110D !important;
}

body:has(.mud-theme-dark) .gold-category-box-label {
    color: #FFFFFF !important;
}

.gold-category-box-value {
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    color: #D49C3D !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}

.gold-category-box-icon {
    color: #D49C3D !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 24px !important;
    margin-left: 8px !important;
}

body:has(.mud-theme-dark) .gold-category-box-icon {
    color: #FFE898 !important;
}
/* #endregion */

/* #region News Feed */

.gold-news-chip.mud-chip {
    background: rgba(18, 17, 13, 0.07) !important;
    border: 1px solid rgba(18, 17, 13, 0.09) !important;
    border-radius: 999px !important;
    height: 28px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .gold-news-chip.mud-chip .mud-chip-content {
        font-family: 'Inter', sans-serif !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        line-height: 22px !important;
        color: #12110D !important;
        padding: 0 !important;
    }

body:has(.mud-theme-dark) .gold-news-chip.mud-chip {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
}

    body:has(.mud-theme-dark) .gold-news-chip.mud-chip .mud-chip-content {
        color: #FFFFFF !important;
    }

.gold-news-chip.mud-chip.mud-chip-selected {
    background: #D49C3D !important;
    border-color: #D49C3D !important;
}

    .gold-news-chip.mud-chip.mud-chip-selected .mud-chip-content {
        color: #FFFFFF !important;
    }

body:has(.mud-theme-dark) .gold-news-chip.mud-chip.mud-chip-selected {
    background: #FFE898 !important;
    border-color: #FFE898 !important;
}

    body:has(.mud-theme-dark) .gold-news-chip.mud-chip.mud-chip-selected .mud-chip-content {
        color: #000000 !important;
    }

.gold-news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px !important;
    width: 100%;
    margin-bottom: 24px !important;
}

.gold-news-text-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px !important;
    width: 100%;
}

.gold-news-date {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 13px !important;
    letter-spacing: 0.066px !important;
    color: rgba(18, 17, 13, 0.4) !important;
}

body:has(.mud-theme-dark) .gold-news-date {
    color: rgba(255, 255, 255, 0.4) !important;
}

.gold-news-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 150% !important;
    color: #12110D !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-news-title {
    color: #FFFFFF !important;
}

.gold-news-desc {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.6) !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-news-desc {
    color: rgba(255, 255, 255, 0.6) !important;
}
/* #endregion */

/* #region Settings Page */
.gold-settings-row {
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    border-radius: 8px;
}

    .gold-settings-row:hover {
        background-color: rgba(18, 17, 13, 0.05) !important;
    }

body:has(.mud-theme-dark) .gold-settings-row:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.gold-settings-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: #12110D !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-settings-title {
    color: #FFFFFF !important;
}

.gold-settings-desc {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.6) !important;
    margin: 4px 0 0 0 !important;
}

body:has(.mud-theme-dark) .gold-settings-desc {
    color: rgba(255, 255, 255, 0.6) !important;
}

.gold-settings-chevron {
    color: rgba(18, 17, 13, 0.3) !important;
    font-size: 16px !important;
}

body:has(.mud-theme-dark) .gold-settings-chevron {
    color: rgba(255, 255, 255, 0.3) !important;
}

.gold-btn-text-primary {
    color: #D49C3D !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
}

body:has(.mud-theme-dark) .gold-btn-text-primary {
    color: #FFE898 !important;
}

.gold-btn-text-primary:hover {
    background-color: rgba(212, 156, 61, 0.1) !important;
}

body:has(.mud-theme-dark) .gold-btn-text-primary:hover {
    background-color: rgba(255, 232, 152, 0.1) !important;
}

.gold-btn-error {
    background: rgba(239, 68, 68, 0.08) !important;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
    border-radius: 999px !important;
    height: 54px !important;
    width: 100% !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
    color: #EF4444 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    text-transform: none !important;
}

    .gold-btn-error:hover:not(:disabled) {
        background-color: rgba(239, 68, 68, 0.15) !important;
        -webkit-transform: scale(0.99);
            -ms-transform: scale(0.99);
                transform: scale(0.99);
    }
/* #endregion */

/* #region Find Account / Followers List */

.gold-account-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
}

.gold-account-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(18, 17, 13, 0.05) !important;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

body:has(.mud-theme-dark) .gold-account-row {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.gold-account-name {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0.066px !important;
    color: rgba(18, 17, 13, 0.9) !important;
    margin: 0 !important;
}

body:has(.mud-theme-dark) .gold-account-name {
    color: rgba(255, 255, 255, 0.9) !important;
}

.gold-account-username-wrapper,
.gold-account-username-wrapper * {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 150% !important;
    color: rgba(18, 17, 13, 0.6) !important;
    margin: 0 !important;
    text-transform: none !important;
}

body:has(.mud-theme-dark) .gold-account-username-wrapper,
body:has(.mud-theme-dark) .gold-account-username-wrapper * {
    color: rgba(255, 255, 255, 0.6) !important;
}

.gold-btn-follow {
    width: 92px !important;
    height: 36px !important;
    min-width: 92px !important;
    border-radius: 999px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    letter-spacing: -0.5px !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, transform 0.1s ease-in-out !important;
    transition: opacity 0.2s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out !important;
}

    .gold-btn-follow:hover:not(:disabled) {
        opacity: 0.85;
        -webkit-transform: scale(0.98);
            -ms-transform: scale(0.98);
                transform: scale(0.98);
    }

    .gold-btn-follow.follow-filled {
        background: #D49C3D !important;
        color: #FFFFFF !important;
        border: none !important;
    }

body:has(.mud-theme-dark) .gold-btn-follow.follow-filled {
    background: #FFE898 !important;
    color: #000000 !important;
}

.gold-btn-follow.follow-outlined {
    background: rgba(212, 156, 61, 0.08) !important;
    border: 1px solid rgba(212, 156, 61, 0.2) !important;
    color: #D49C3D !important;
}

body:has(.mud-theme-dark) .gold-btn-follow.follow-outlined {
    background: rgba(255, 232, 152, 0.07) !important;
    border: 1px solid rgba(255, 232, 152, 0.09) !important;
    color: #FFE898 !important;
}

.gold-account-row .mud-avatar {
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
}

/* #region Search */
.gold-search-input {
    margin-top: 0 !important;
}

    .gold-search-input .mud-input {
        background-color: rgba(18, 17, 13, 0.05) !important;
        border-radius: 8px !important;
        min-height: 36px !important;
        height: 36px !important;
        position: relative !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }

body:has(.mud-theme-dark) .gold-search-input .mud-input {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.gold-search-input .mud-input-outlined-border {
    border: 1px solid rgba(18, 17, 13, 0.1) !important;
    border-radius: 8px !important;
}

body:has(.mud-theme-dark) .gold-search-input .mud-input-outlined-border {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.gold-search-input .mud-input > input.mud-input-slot {
    padding: 0 36px 0 14px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 36px !important;
    color: #12110D !important;
    height: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

body:has(.mud-theme-dark) .gold-search-input .mud-input > input.mud-input-slot {
    color: #FFFFFF !important;
}

.gold-search-input .mud-input-adornment-end {
    position: absolute !important;
    right: 12px !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

    .gold-search-input .mud-input-adornment-end .mud-icon-root {
        font-size: 20px !important;
        color: rgba(18, 17, 13, 0.4) !important;
        fill: rgba(18, 17, 13, 0.4) !important;
        margin: 0 !important;
    }

body:has(.mud-theme-dark) .gold-search-input .mud-input-adornment-end .mud-icon-root {
    color: rgba(255, 255, 255, 0.4) !important;
    fill: rgba(255, 255, 255, 0.4) !important;
}
/* #endregion */

/* #region Modals & Confirmation Dialogs */

.mud-overlay.mud-overlay-dialog {
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.mud-dialog:has(.gold-modal-container) {
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.gold-modal-container {
    padding: 40px 24px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(18, 17, 13, 0.1) !important;
    width: 343px !important;
    max-width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    background-color: #FFFFFF !important;
}

body:has(.mud-theme-dark) .gold-modal-container {
    background-color: #12110D !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.gold-modal-icon-box {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 999px;
}

.gold-modal-title {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    line-height: 22px !important;
    text-align: center;
    color: #12110D !important;
}

body:has(.mud-theme-dark) .gold-modal-title {
    color: #FFFFFF !important;
}

.gold-modal-desc {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    text-align: center;
    color: rgba(18, 17, 13, 0.7) !important;
}

body:has(.mud-theme-dark) .gold-modal-desc {
    color: rgba(255, 255, 255, 0.7) !important;
}

.gold-modal-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 10px;
    margin-top: 28px;
}

.gold-modal-btn-primary {
    height: 54px !important;
    background: -webkit-gradient(linear, left top, right top, from(#FFE898), to(#D49C3D)) !important;
    background: linear-gradient(90deg, #FFE898 0%, #D49C3D 100%) !important;
    border: 1px solid #FFE898 !important;
    border-radius: 999px !important;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    text-transform: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    width: 100%;
}

body:has(.mud-theme-dark) .gold-modal-btn-primary {
    color: #000000 !important;
}

    .gold-modal-btn-secondary {
        height: 54px !important;
        background: rgba(255, 232, 152, 0.07) !important;
        border: 1px solid rgba(255, 232, 152, 0.09) !important;
        border-radius: 999px !important;
        color: rgba(18, 17, 13, 0.7) !important;
        font-family: 'Inter', sans-serif !important;
        font-weight: 500 !important;
        font-size: 17px !important;
        text-transform: none !important;
        -webkit-box-shadow: none !important;
                box-shadow: none !important;
        width: 100%;
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

    body:has(.mud-theme-dark) .gold-modal-btn-secondary {
        color: rgba(255, 255, 255, 0.7) !important;
    }

    .gold-modal-btn-secondary:hover {
        opacity: 0.8;
    }

.gold-modal-btn-primary .gold-btn-gold-icon {
    width: 26px !important;
    height: 19px !important;
    -o-object-fit: contain !important;
       object-fit: contain !important;
    display: inline-block !important;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    -webkit-filter: brightness(0) invert(1) !important;
            filter: brightness(0) invert(1) !important;
}

body:has(.mud-theme-dark) .gold-modal-btn-primary .gold-btn-gold-icon {
    -webkit-filter: brightness(0) !important;
            filter: brightness(0) !important;
}

.gold-modal-btn-primary .mud-icon-root {
    color: inherit !important;
    fill: currentColor !important;
}

    /* #endregion */

/* #region Auth & PWA Banner */
.gold-auth-container {
    padding: 0 24px !important;
    position: relative !important;
    width: 100% !important;
    max-width: 375px !important;
    margin: 0 auto !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
}

.gold-pwa-install-banner {
    position: absolute !important;
    top: 4px !important;
    left: 24px !important;
    right: 24px !important;
    width: auto !important;
    background: #D49C3D !important;
    border-radius: 8px !important;
    padding: 12px !important;
    z-index: 100 !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.gold-pwa-banner-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
}

.gold-pwa-close-icon {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.gold-pwa-banner-content {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
}

.gold-pwa-banner-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    text-align: left !important;
    margin: 0 !important;
    padding-right: 16px !important;
    word-break: normal !important;
}

.gold-pwa-banner-bold {
    font-weight: 700 !important;
    color: #FFFFFF !important;
}

.gold-pwa-share-icon {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 3px !important;
    color: #FFFFFF !important;
    display: inline-block !important;
    vertical-align: -2px !important;
}

.gold-pwa-banner-buttons {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    gap: 6px !important;
    width: 100% !important;
}

.gold-pwa-banner-btn {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    background: #FFFFFF !important;
    border-radius: 999px !important;
    height: 24px !important;
    padding: 0 !important;
    border: none !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #D49C3D !important;
    text-decoration: none !important;
    cursor: pointer !important;
    -webkit-transition: opacity 0.2s ease-in-out !important;
    transition: opacity 0.2s ease-in-out !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

    .gold-pwa-banner-btn:hover {
        opacity: 0.9 !important;
    }

.gold-auth-title {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    color: var(--gold-text-primary) !important;
    text-align: center !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
}

.gold-auth-subtitle {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    color: var(--post-text-main) !important;
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 100% !important;
}

.gold-auth-link {
    color: #D49C3D !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    text-decoration: none !important;
}

body:has(.mud-theme-dark) .gold-auth-link {
    color: #FFE898 !important;
}

.gold-auth-or {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    color: rgb(18, 17, 13) !important;
    text-align: center !important;
    letter-spacing: -0.5px !important;
}

body:has(.mud-theme-dark) .gold-auth-or {
    color: rgba(255, 255, 255, 0.4) !important;
}

.gold-auth-bottom-link {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 150% !important;
    color: #D49C3D !important;
}

body:has(.mud-theme-dark) .gold-auth-bottom-link {
    color: #D49C3D !important;
}
/* #endregion */

/* #region Ad Block Modal */
.gold-adblock-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(18, 17, 13, 0.3) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 100000 !important;
    padding: 16px !important;
}

.gold-adblock-modal {
    position: relative !important;
    width: 343px !important;
    max-width: calc(100% - 32px) !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    padding: 24px 24px 40px 24px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

body:has(.mud-theme-dark) .gold-adblock-modal {
    background: #12110D !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.gold-adblock-close {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
}

.gold-adblock-close-icon {
    font-size: 16px !important;
    color: rgba(18, 17, 13, 0.6) !important;
}

body:has(.mud-theme-dark) .gold-adblock-close-icon {
    color: rgba(255, 255, 255, 0.6) !important;
}

.gold-adblock-section {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .gold-adblock-section.style-mt-20 {
        margin-top: 20px !important;
    }

.gold-adblock-brand-icon {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: #000000 !important;
    margin-top: 1px !important;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

body:has(.mud-theme-dark) .gold-adblock-brand-icon {
    color: #D49C3D !important;
}

.gold-adblock-content-col {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 2px !important;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
}

.gold-adblock-section-title,
.gold-adblock-section-title.mud-typography {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.mud-theme-dark) .gold-adblock-section-title,
body:has(.mud-theme-dark) .gold-adblock-section-title.mud-typography {
    color: #FFFFFF !important;
}

.gold-adblock-section-body,
.gold-adblock-section-body.mud-typography {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: rgba(0, 0, 0, 0.7) !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.mud-theme-dark) .gold-adblock-section-body,
body:has(.mud-theme-dark) .gold-adblock-section-body.mud-typography {
    color: rgba(255, 255, 255, 0.7) !important;
}

.gold-adblock-section-body strong {
    font-weight: 700 !important;
    color: #000000 !important;
}

body:has(.mud-theme-dark) .gold-adblock-section-body strong {
    color: #FFFFFF !important;
}

.gold-adblock-share-icon {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 3px !important;
    color: #000000 !important;
    display: inline-block !important;
    vertical-align: -2px !important;
}

body:has(.mud-theme-dark) .gold-adblock-share-icon {
    color: #FFFFFF !important;
}
/* #endregion */

/* #region Ad Block Modal */
.gold-adblock-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(18, 17, 13, 0.3) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 100000 !important;
    padding: 24px !important;
}

.gold-adblock-modal {
    position: relative !important;
    width: 343px !important;
    max-width: 100% !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    padding: 24px 24px 40px 24px !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}

body:has(.mud-theme-dark) .gold-adblock-modal {
    background: #12110D !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.gold-adblock-close {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
}

.gold-adblock-close-icon {
    font-size: 16px !important;
    color: rgba(18, 17, 13, 0.6) !important;
}

body:has(.mud-theme-dark) .gold-adblock-close-icon {
    color: rgba(255, 255, 255, 0.6) !important;
}

.gold-adblock-section {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

    .gold-adblock-section.style-mt-20 {
        margin-top: 20px !important;
    }

.gold-adblock-brand-icon {
    font-size: 19px !important;
    width: 16px !important;
    height: 19px !important;
    color: #000000 !important;
    margin-top: 2px !important;
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
}

body:has(.mud-theme-dark) .gold-adblock-brand-icon {
    color: #D49C3D !important;
}

.gold-adblock-content-col {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 2px !important;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
}

.gold-adblock-section-title,
.gold-adblock-section-title.mud-typography {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.mud-theme-dark) .gold-adblock-section-title,
body:has(.mud-theme-dark) .gold-adblock-section-title.mud-typography {
    color: #FFFFFF !important;
}

.gold-adblock-section-body,
.gold-adblock-section-body.mud-typography {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 22px !important;
    color: rgba(0, 0, 0, 0.7) !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.mud-theme-dark) .gold-adblock-section-body,
body:has(.mud-theme-dark) .gold-adblock-section-body.mud-typography {
    color: rgba(255, 255, 255, 0.7) !important;
}

.gold-adblock-section-body strong {
    font-weight: 700 !important;
    color: #000000 !important;
}

body:has(.mud-theme-dark) .gold-adblock-section-body strong {
    color: #FFFFFF !important;
}

.gold-adblock-share-icon {
    font-size: 16px !important;
    width: 14px !important;
    height: 16px !important;
    vertical-align: text-bottom !important;
    margin: 0 3px !important;
    color: #000000 !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

body:has(.mud-theme-dark) .gold-adblock-share-icon {
    color: #FFFFFF !important;
}
/* #endregion */

/* #region Gender / Selection Dialog */
.gold-gender-option-btn {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    border-radius: 12px !important;
    background: rgba(212, 156, 61, 0.07) !important;
    border: 1px solid rgba(212, 156, 61, 0.15) !important;
    padding: 0 16px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-transform: none !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

body:has(.mud-theme-dark) .gold-gender-option-btn {
    background: rgba(255, 232, 152, 0.07) !important;
    border: 1px solid rgba(255, 232, 152, 0.15) !important;
}

.gold-gender-option-btn .mud-button-label {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    width: 100% !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #12110D !important;
    text-transform: none !important;
}

body:has(.mud-theme-dark) .gold-gender-option-btn .mud-button-label {
    color: #FFFFFF !important;
}

.gold-gender-option-btn .mud-icon-root {
    font-size: 20px !important;
    color: rgba(18, 17, 13, 0.4) !important;
}

body:has(.mud-theme-dark) .gold-gender-option-btn .mud-icon-root {
    color: rgba(255, 255, 255, 0.4) !important;
}

.gold-gender-option-btn.selected,
.gold-gender-option-btn.mud-button-filled {
    background: rgba(212, 156, 61, 0.15) !important;
    border: 1px solid #D49C3D !important;
}

body:has(.mud-theme-dark) .gold-gender-option-btn.selected,
body:has(.mud-theme-dark) .gold-gender-option-btn.mud-button-filled {
    background: rgba(255, 232, 152, 0.15) !important;
    border: 1px solid #FFE898 !important;
}

.gold-gender-option-btn.selected .mud-icon-root,
.gold-gender-option-btn.mud-button-filled .mud-icon-root {
    color: #D49C3D !important;
}

body:has(.mud-theme-dark) .gold-gender-option-btn.selected .mud-icon-root,
body:has(.mud-theme-dark) .gold-gender-option-btn.mud-button-filled .mud-icon-root {
    color: #FFE898 !important;
}
/* #endregion */

/* #region Fix Post Dialog Layout & Comments */

.post-dialog-container {
    max-width: 375px !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
}

    .post-dialog-container .gold-top-toolbar-container.pt-4.pb-2 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 60px !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
    }

    .post-dialog-container .gold-top-tool-bar__title-content {
        position: static !important;
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        left: auto !important;
        top: auto !important;
        margin-left: 12px !important;
        -webkit-box-flex: 1 !important;
            -ms-flex-positive: 1 !important;
                flex-grow: 1 !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
                justify-content: flex-start !important;
        pointer-events: auto !important;
    }

    .post-dialog-container .gold-topbar-profile-title {
        margin: 0 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
    }

    .post-dialog-container .gold-post-detail-more-btn {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        border-radius: 50% !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        -ms-flex-negative: 0 !important;
            flex-shrink: 0 !important;
    }

    .post-dialog-container .gold-post-actions-container {
        width: 100% !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
                justify-content: flex-start !important;
    }

    .post-dialog-container .share-post-button {
        margin-left: auto !important;
    }

    .post-dialog-container .gold-post-container .px-4 .px-4,
    .post-dialog-container .gold-post-container .px-4 .comments-list-view,
    .post-dialog-container .gold-post-container .px-4 .gold-comments-modal-list,
    .post-dialog-container .gold-post-container .w-100.mt-3.px-4 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .post-dialog-container .gold-comment-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 16px !important;
    }

        .post-dialog-container .gold-comment-row .flex-shrink-0 {
            margin-right: 12px !important;
        }

        .post-dialog-container .gold-comment-row .gold-comment-action-btn,
        .post-dialog-container .gold-comment-row .gold-comment-bottom-action-text,
        .post-dialog-container .gold-comment-row .justify-end {
            display: none !important;
        }

    .post-dialog-container .gold-comment-input-wrapper,
    .post-dialog-container .gold-send-message-block {
        display: none !important;
    }

    .post-dialog-container .gold-scrollable-container-with-toolbar {
        padding-bottom: 16px !important;
    }

/* #endregion */

.mud-nav-item-badge {
    position: relative;
}

    .mud-nav-item-badge .mud-badge-root {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

.gold-chat-badge {
    left: 50% !important;
    right: auto !important;
    top: 4px !important;
    -webkit-transform: translateX(4px) !important;
        -ms-transform: translateX(4px) !important;
            transform: translateX(4px) !important;
}