/*
 * T.I.T.S UNIFIED THEME SYSTEM V1.2.1
 *
 * Theme authority:
 * tits-member-experience-v2 / _tits_theme
 *
 * No data-tits-theme attribute = original site.
 */


/* ==========================================================
   RESPONSIVE PAGE GUTTER
   ========================================================== */

.site-shell {

    box-sizing:
        border-box;

    padding-left:
        clamp(
            20px,
            3.25vw,
            58px
        );

    padding-right:
        clamp(
            20px,
            3.25vw,
            58px
        );
}


@media (
    max-width: 700px
) {

    .site-shell {

        padding-left:
            14px;

        padding-right:
            14px;
    }
}


/* ==========================================================
   THEME VARIABLE COMPATIBILITY
   ONLY EXISTS WHEN A THEME IS ACTIVE
   ========================================================== */

html[data-tits-theme] {

    --yellow:
        var(
            --tits-accent,
            #ffd400
        )
        !important;

    --yellow2:
        var(
            --tits-accent-hover,
            #ffea00
        )
        !important;

    --tits-yellow:
        var(
            --tits-accent,
            #ffd400
        );

    --tits-yellow-hover:
        var(
            --tits-accent-hover,
            #e5bf00
        );

    --tits-logo-filter:
        none;
}


/* ==========================================================
   ACTIVE THEMES
   ========================================================== */

html[data-tits-theme] body {

    background:
        var(--tits-bg)
        !important;

    color:
        var(--tits-text)
        !important;
}


/* ==========================================================
   HEADER / NAV
   ========================================================== */

html[data-tits-theme]
.site-header {

    border-bottom-color:
        var(--tits-accent)
        !important;
}


html[data-tits-theme]
.tits-main-menu
a:hover,

html[data-tits-theme]
.tits-main-menu
.is-current,

html[data-tits-theme]
.tits-nav-link.is-current,

html[data-tits-theme]
.tits-nav-dropdown-toggle:hover,

html[data-tits-theme]
.tits-nav-submenu
a:hover {

    color:
        var(--tits-accent)
        !important;
}


html[data-tits-theme]
.tits-nav-submenu {

    border-color:
        var(--tits-accent)
        !important;
}


/* ==========================================================
   GENERIC ACCENTS
   ========================================================== */

html[data-tits-theme]
.yellow,

html[data-tits-theme]
.eyebrow,

html[data-tits-theme]
.section-kicker,

html[data-tits-theme]
.feature-label,

html[data-tits-theme]
.episode-number,

html[data-tits-theme]
.listen-link,

html[data-tits-theme]
.tits-live-voice-kicker,

html[data-tits-theme]
.tits-voice-room-row
label,

html[data-tits-theme]
.tits-owner-tool
h2,

html[data-tits-theme]
.tits-owners-kicker,

html[data-tits-theme]
.tits-chat-log-top
span {

    color:
        var(--tits-accent)
        !important;
}


/* ==========================================================
   BUTTONS
   ========================================================== */

html[data-tits-theme]
.button-yellow,

html[data-tits-theme]
.button-primary,

html[data-tits-theme]
.tits-nav-join,

html[data-tits-theme]
.pmpro_btn,

html[data-tits-theme]
.woocommerce
button.button,

html[data-tits-theme]
.woocommerce
a.button,

html[data-tits-theme]
.tits-live-voice
button,

html[data-tits-theme]
.tits-voice-join,

html[data-tits-theme]
input[type="submit"],

html[data-tits-theme]
button[type="submit"] {

    background:
        var(--tits-accent)
        !important;

    border-color:
        var(--tits-accent)
        !important;

    color:
        #050505
        !important;
}


html[data-tits-theme]
.button-outline {

    border-color:
        var(--tits-accent)
        !important;
}


html[data-tits-theme]
.button-outline:hover {

    background:
        var(--tits-accent)
        !important;

    color:
        #050505
        !important;
}


/* ==========================================================
   PANELS / CARDS
   ========================================================== */

html[data-tits-theme]
.feature-panel,

html[data-tits-theme]
.episode-card,

html[data-tits-theme]
.value-card,

html[data-tits-theme]
.membership-panel,

html[data-tits-theme]
.tits-profile-v2,

html[data-tits-theme]
.tits-owner-tool,

html[data-tits-theme]
.tits-chat-log-card,

html[data-tits-theme]
.tits-live-voice,

html[data-tits-theme]
.tits-chat-shell,

html[data-tits-theme]
.tits-guest-redeem-v1 {

    background:
        var(--tits-panel)
        !important;

    border-color:
        var(--tits-border-v2)
        !important;
}


html[data-tits-theme]
.feature-panel,

html[data-tits-theme]
.membership-panel,

html[data-tits-theme]
.tits-profile-v2,

html[data-tits-theme]
.tits-live-voice {

    border-top-color:
        var(--tits-accent)
        !important;
}


/* ==========================================================
   MEMBERSHIP BAND
   ========================================================== */

html[data-tits-theme]
.membership-band {

    background:
        linear-gradient(
            135deg,
            var(--tits-panel-alt),
            var(--tits-bg)
        )
        !important;

    color:
        var(--tits-text)
        !important;

    border-top:
        3px solid
        var(--tits-accent)
        !important;

    border-bottom:
        3px solid
        var(--tits-accent)
        !important;
}


html[data-tits-theme]
.membership-band
h2,

html[data-tits-theme]
.membership-band
p,

html[data-tits-theme]
.membership-band
li {

    color:
        var(--tits-text)
        !important;
}


/* ==========================================================
   PROFILE
   ========================================================== */

html[data-tits-theme]
.tits-profile-avatar
img {

    border-color:
        var(--tits-accent)
        !important;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--tits-accent)
            25%,
            transparent
        )
        !important;
}


html[data-tits-theme]
.tits-profile-form
label {

    color:
        var(--tits-accent)
        !important;
}


/* ==========================================================
   FORMS
   ========================================================== */

html[data-tits-theme]
input,

html[data-tits-theme]
textarea,

html[data-tits-theme]
select {

    background:
        var(--tits-panel-alt)
        !important;

    color:
        var(--tits-text)
        !important;

    border-color:
        var(--tits-border-v2)
        !important;
}


html[data-tits-theme]
input:focus,

html[data-tits-theme]
textarea:focus,

html[data-tits-theme]
select:focus {

    border-color:
        var(--tits-accent)
        !important;

    outline-color:
        var(--tits-accent)
        !important;

    caret-color:
        var(--tits-accent)
        !important;
}


/* ==========================================================
   LIVE VOICE
   ========================================================== */

html[data-tits-theme]
#tits-live-voice {

    border-color:
        var(--tits-accent)
        !important;
}


html[data-tits-theme]
.tits-voice-status.is-live,

html[data-tits-theme]
.tits-voice-person-name {

    color:
        var(--tits-accent)
        !important;
}


/* ==========================================================
   OWNERS / AUDIT / REPORTING / GUEST PASSES
   ========================================================== */

html[data-tits-theme]
.tits-owners-hero,

html[data-tits-theme]
.tits-reporting-shell,

html[data-tits-theme]
.tits-chat-audit-shell,

html[data-tits-theme]
.tits-guest-passes-shell {

    border-top-color:
        var(--tits-accent)
        !important;
}


html[data-tits-theme]
.tits-owners-directions,

html[data-tits-theme]
.tits-chat-log-filters
a.active,

html[data-tits-theme]
.tits-chat-log-filters
a:hover {

    background:
        var(--tits-accent)
        !important;

    border-color:
        var(--tits-accent)
        !important;

    color:
        #050505
        !important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

html[data-tits-theme]
.site-footer,

html[data-tits-theme]
.footer-main {

    border-color:
        var(--tits-accent)
        !important;
}


html[data-tits-theme]
.site-footer
a:hover {

    color:
        var(--tits-accent)
        !important;
}


/* ==========================================================
   LOGO COLOR TREATMENT
   ========================================================== */

html[data-tits-theme="midnight"] {
    --tits-logo-filter:
        hue-rotate(145deg);
}

html[data-tits-theme="blood-red"] {
    --tits-logo-filter:
        hue-rotate(300deg);
}

html[data-tits-theme="purple-haze"] {
    --tits-logo-filter:
        hue-rotate(220deg);
}

html[data-tits-theme="toxic"] {
    --tits-logo-filter:
        hue-rotate(65deg);
}

html[data-tits-theme="ice"] {
    --tits-logo-filter:
        hue-rotate(120deg);
}

html[data-tits-theme="neon-pink"] {
    --tits-logo-filter:
        hue-rotate(255deg)
        saturate(1.2);
}

html[data-tits-theme="neon-cyan"] {
    --tits-logo-filter:
        hue-rotate(120deg)
        saturate(1.15);
}

html[data-tits-theme="electric-purple"] {
    --tits-logo-filter:
        hue-rotate(220deg)
        saturate(1.2);
}

html[data-tits-theme="cyber-lime"] {
    --tits-logo-filter:
        hue-rotate(45deg)
        saturate(1.15);
}

html[data-tits-theme="synthwave"] {
    --tits-logo-filter:
        hue-rotate(150deg)
        saturate(1.25);
}

html[data-tits-theme="vice-city"] {
    --tits-logo-filter:
        hue-rotate(250deg)
        saturate(1.2);
}

html[data-tits-theme="red-alert"] {
    --tits-logo-filter:
        hue-rotate(300deg)
        saturate(1.15);
}

html[data-tits-theme="ultraviolet"] {
    --tits-logo-filter:
        hue-rotate(215deg)
        saturate(1.2);
}

html[data-tits-theme="nuclear"] {
    --tits-logo-filter:
        hue-rotate(20deg)
        saturate(1.15);
}


html[data-tits-theme]:not(
    [data-tits-theme="classic"]
):not(
    [data-tits-theme="light"]
)
.brand-logo,

html[data-tits-theme]:not(
    [data-tits-theme="classic"]
):not(
    [data-tits-theme="light"]
)
.feature-art
img,

html[data-tits-theme]:not(
    [data-tits-theme="classic"]
):not(
    [data-tits-theme="light"]
)
.site-footer
img,

html[data-tits-theme]:not(
    [data-tits-theme="classic"]
):not(
    [data-tits-theme="light"]
)
img[class*="logo"] {

    filter:
        var(--tits-logo-filter)
        !important;
}


/* ==========================================================
   PICKER FALLBACK COLORS
   ========================================================== */

.tits-theme-toggle,
.tits-theme-panel {

    --tits-picker-accent:
        var(
            --tits-accent,
            #ffd400
        );

    --tits-picker-panel:
        var(
            --tits-panel,
            #111111
        );

    --tits-picker-panel-alt:
        var(
            --tits-panel-alt,
            #181818
        );

    --tits-picker-text:
        var(
            --tits-text,
            #ffffff
        );

    --tits-picker-muted:
        var(
            --tits-muted,
            #bcbcbc
        );

    --tits-picker-border:
        var(
            --tits-border-v2,
            #353535
        );
}


/* ==========================================================
   THEME PICKER
   ========================================================== */

.tits-theme-toggle {

    position:
        fixed;

    right:
        18px;

    bottom:
        18px;

    z-index:
        99990;

    width:
        48px;

    height:
        48px;

    border:
        2px solid
        var(--tits-picker-accent);

    border-radius:
        50%;

    background:
        var(--tits-picker-panel)
        !important;

    color:
        var(--tits-picker-accent)
        !important;

    font-size:
        22px;

    cursor:
        pointer;
}


.tits-theme-panel {

    position:
        fixed;

    right:
        18px;

    bottom:
        78px;

    z-index:
        99991;

    width:
        min(
            440px,
            calc(
                100vw - 30px
            )
        );

    max-height:
        min(
            680px,
            calc(
                100vh - 110px
            )
        );

    overflow-y:
        auto;

    box-sizing:
        border-box;

    padding:
        18px;

    background:
        var(--tits-picker-panel)
        !important;

    color:
        var(--tits-picker-text)
        !important;

    border:
        1px solid
        var(--tits-picker-accent);

    border-radius:
        12px;
}


.tits-theme-panel[hidden] {

    display:
        none
        !important;
}


.tits-theme-panel-head {

    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    gap:
        12px;

    color:
        var(--tits-picker-accent);
}


.tits-theme-panel-head
button {

    width:
        34px;

    height:
        34px;

    border:
        1px solid
        var(--tits-picker-border);

    border-radius:
        50%;

    background:
        var(--tits-picker-panel-alt)
        !important;

    color:
        var(--tits-picker-text)
        !important;

    cursor:
        pointer;
}


.tits-theme-panel-copy {

    margin:
        6px 0 14px;

    color:
        var(--tits-picker-muted)
        !important;

    font-size:
        13px;
}


.tits-theme-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        8px;
}


.tits-theme-option {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    min-height:
        48px;

    padding:
        9px;

    border:
        1px solid
        var(--tits-picker-border)
        !important;

    border-radius:
        8px;

    background:
        var(--tits-picker-panel-alt)
        !important;

    color:
        var(--tits-picker-text)
        !important;

    font-size:
        12px;

    font-weight:
        800;

    text-align:
        left;

    cursor:
        pointer;
}


.tits-theme-option:hover,

.tits-theme-option.is-selected {

    border-color:
        var(--tits-picker-accent)
        !important;

    box-shadow:
        0 0 18px
        color-mix(
            in srgb,
            var(--tits-picker-accent)
            35%,
            transparent
        );
}


.tits-theme-swatch {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 22px;

    width:
        22px;

    height:
        22px;

    border-radius:
        50%;

    border:
        2px solid
        rgba(
            255,
            255,
            255,
            .30
        );
}


.tits-theme-swatch-off {

    background:
        #202020;

    color:
        #ffffff;

    font-weight:
        900;

    font-size:
        14px;
}


.tits-theme-note {

    margin-top:
        14px;

    padding-top:
        12px;

    border-top:
        1px solid
        var(--tits-picker-border);

    color:
        var(--tits-picker-muted)
        !important;

    font-size:
        12px;
}


@media (
    max-width: 520px
) {

    .tits-theme-toggle {

        right:
            12px;

        bottom:
            12px;
    }


    .tits-theme-panel {

        right:
            10px;

        bottom:
            70px;

        width:
            calc(
                100vw - 20px
            );
    }


    .tits-theme-grid {

        grid-template-columns:
            1fr;
    }
}

/* T.I.T.S CUSTOM THEME BUILDER V1.3 START */


/* ==========================================================
   ORIGINAL BRAND BASELINE
   ========================================================== */

html[data-tits-theme="original"] {

    --tits-logo-filter:
        none;
}


html[data-tits-theme="original"]
.brand-logo,

html[data-tits-theme="original"]
.feature-art img,

html[data-tits-theme="original"]
.site-footer img,

html[data-tits-theme="original"]
img[class*="logo"] {

    filter:
        none
        !important;
}


/* ==========================================================
   PICKER SECTION LABELS
   ========================================================== */

.tits-theme-section-title {

    margin:
        18px 0 8px;

    color:
        var(
            --tits-picker-muted,
            #bcbcbc
        );

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        0.14em;
}


.tits-theme-my-title {

    margin-top:
        22px;
}


/* ==========================================================
   SAVED CUSTOM THEMES
   ========================================================== */

.tits-custom-theme-list {

    display:
        grid;

    gap:
        8px;
}


.tits-custom-theme-row {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        40px;

    gap:
        7px;
}


.tits-custom-theme-row
.tits-theme-option {

    width:
        100%;
}


.tits-custom-delete {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        40px;

    min-height:
        48px;

    border:
        1px solid
        var(
            --tits-picker-border,
            #353535
        )
        !important;

    border-radius:
        8px;

    background:
        var(
            --tits-picker-panel-alt,
            #181818
        )
        !important;

    color:
        #ff6b6b
        !important;

    font-size:
        20px;

    font-weight:
        900;

    cursor:
        pointer;
}


.tits-custom-delete:hover {

    border-color:
        #ff6b6b
        !important;
}


/* ==========================================================
   CUSTOM BUILDER
   ========================================================== */

.tits-custom-theme-open {

    width:
        100%;

    margin-top:
        18px;

    padding:
        13px 14px;

    border:
        1px dashed
        var(
            --tits-picker-accent,
            #ffc000
        )
        !important;

    border-radius:
        9px;

    background:
        transparent
        !important;

    color:
        var(
            --tits-picker-accent,
            #ffc000
        )
        !important;

    font-weight:
        900;

    cursor:
        pointer;
}


.tits-custom-theme-open:hover {

    background:
        color-mix(
            in srgb,
            var(
                --tits-picker-accent,
                #ffc000
            )
            10%,
            transparent
        )
        !important;
}


.tits-custom-theme-builder {

    margin-top:
        14px;

    padding:
        14px;

    border:
        1px solid
        var(
            --tits-picker-border,
            #353535
        );

    border-radius:
        10px;

    background:
        var(
            --tits-picker-panel-alt,
            #181818
        );
}


.tits-custom-theme-builder[hidden] {

    display:
        none
        !important;
}


.tits-custom-builder-head {

    display:
        flex;

    justify-content:
        space-between;

    align-items:
        baseline;

    gap:
        12px;

    margin-bottom:
        13px;
}


.tits-custom-builder-head
strong {

    color:
        var(
            --tits-picker-accent,
            #ffc000
        );
}


.tits-custom-builder-head
span {

    color:
        var(
            --tits-picker-muted,
            #bcbcbc
        );

    font-size:
        11px;
}


.tits-custom-name-field {

    display:
        grid;

    gap:
        6px;

    margin-bottom:
        14px;
}


.tits-custom-name-field
span,

.tits-custom-color-grid
label
span {

    color:
        var(
            --tits-picker-muted,
            #bcbcbc
        );

    font-size:
        11px;

    font-weight:
        800;
}


.tits-custom-name-field
input {

    width:
        100%;

    box-sizing:
        border-box;

    padding:
        10px 11px;

    border:
        1px solid
        var(
            --tits-picker-border,
            #353535
        )
        !important;

    border-radius:
        7px;

    background:
        var(
            --tits-picker-panel,
            #111111
        )
        !important;

    color:
        var(
            --tits-picker-text,
            #ffffff
        )
        !important;
}


.tits-custom-color-grid {

    display:
        grid;

    grid-template-columns:
        repeat(
            2,
            minmax(
                0,
                1fr
            )
        );

    gap:
        9px;
}


.tits-custom-color-grid
label {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    min-height:
        40px;

    padding:
        7px 9px;

    border:
        1px solid
        var(
            --tits-picker-border,
            #353535
        );

    border-radius:
        7px;

    background:
        var(
            --tits-picker-panel,
            #111111
        );
}


.tits-custom-color-grid
input[type="color"] {

    width:
        38px
        !important;

    height:
        30px
        !important;

    min-width:
        38px;

    padding:
        0
        !important;

    border:
        0
        !important;

    background:
        transparent
        !important;

    cursor:
        pointer;
}


.tits-custom-builder-actions {

    display:
        grid;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        auto;

    gap:
        8px;

    margin-top:
        14px;
}


#tits-custom-save {

    padding:
        11px 12px;

    border:
        1px solid
        var(
            --tits-picker-accent,
            #ffc000
        )
        !important;

    border-radius:
        7px;

    background:
        var(
            --tits-picker-accent,
            #ffc000
        )
        !important;

    color:
        #050505
        !important;

    font-weight:
        900;

    cursor:
        pointer;
}


#tits-custom-cancel {

    padding:
        11px 12px;

    border:
        1px solid
        var(
            --tits-picker-border,
            #353535
        )
        !important;

    border-radius:
        7px;

    background:
        transparent
        !important;

    color:
        var(
            --tits-picker-text,
            #ffffff
        )
        !important;

    font-weight:
        800;

    cursor:
        pointer;
}


.tits-custom-status {

    min-height:
        18px;

    margin-top:
        9px;

    color:
        var(
            --tits-picker-muted,
            #bcbcbc
        );

    font-size:
        12px;
}


.tits-custom-status.is-error {

    color:
        #ff6b6b;
}


@media (
    max-width: 520px
) {

    .tits-custom-color-grid {

        grid-template-columns:
            1fr;
    }


    .tits-custom-builder-actions {

        grid-template-columns:
            1fr;
    }
}


/* T.I.T.S CUSTOM THEME BUILDER V1.3 END */

/* T.I.T.S PROFILE THEME STUDIO V1.3.2 START */

.tits-profile-theme-studio {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    grid-column: 1 / -1 !important;
    margin: 18px 0 0;
    padding: 18px;
    border: 1px solid var(--tits-accent, #ffc000);
    border-radius: 12px;
    background: var(--tits-bg, #050505);
    color: var(--tits-text, #ffffff);
}

.tits-studio-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.tits-studio-head h3 {
    margin: 0;
    color: var(--tits-accent, #ffc000);
    font-size: 22px;
}

.tits-studio-head p {
    margin: 4px 0 0;
    color: var(--tits-muted, #bcbcbc);
    font-size: 13px;
}

.tits-studio-create {
    padding: 11px 16px;
    border: 1px solid var(--tits-accent, #ffc000) !important;
    border-radius: 7px;
    background: var(--tits-accent, #ffc000) !important;
    color: #050505 !important;
    font-weight: 900;
    cursor: pointer;
}

.tits-studio-presets {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 9px;
    margin-bottom: 14px;
}

.tits-studio-preset {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 54px;
    padding: 8px 10px;
    border: 1px solid var(--tits-border-v2, #353535);
    border-radius: 8px;
    background: var(--tits-panel-alt, #181818);
}

.tits-studio-preset.is-current {
    border-color: var(--tits-accent, #ffc000);
    box-shadow:
        0 0 calc(var(--tits-studio-glow-spread, 18) * 1px)
        color-mix(
            in srgb,
            var(
                --tits-studio-glow-color,
                var(--tits-accent, #ffc000)
            )
            calc(var(--tits-studio-glow-intensity, 35) * 1%),
            transparent
        );
}

.tits-studio-swatch {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .24);
}

.tits-studio-preset-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
    cursor: pointer;
}

.tits-studio-preset-menu {
    border: 0 !important;
    background: transparent !important;
    color: var(--tits-text, #ffffff) !important;
    font-size: 20px;
    cursor: pointer;
}

.tits-studio-toolbar {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto auto auto;
    gap: 8px;
    align-items: center;
    margin: 12px 0;
}

.tits-studio-name {
    width: 100%;
    box-sizing: border-box;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid var(--tits-border-v2, #353535) !important;
    border-radius: 7px;
    background: var(--tits-input-bg, #101010) !important;
    color: var(--tits-text, #ffffff) !important;
}

.tits-studio-action {
    min-height: 42px;
    padding: 9px 12px;
    border-radius: 7px;
    font-weight: 800;
    cursor: pointer;
}

.tits-studio-action.primary {
    border: 1px solid var(--tits-accent, #ffc000) !important;
    background: var(--tits-accent, #ffc000) !important;
    color: #050505 !important;
}

.tits-studio-action.secondary {
    border: 1px solid var(--tits-border-v2, #353535) !important;
    background: transparent !important;
    color: var(--tits-text, #ffffff) !important;
}

.tits-studio-action.danger {
    border: 1px solid #ff4e62 !important;
    background: transparent !important;
    color: #ff6b78 !important;
}

.tits-studio-body {
    display: grid;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(280px, .72fr)
        minmax(300px, .95fr);
    gap: 12px;
    align-items: stretch;
}

.tits-studio-card {
    min-width: 0;
    padding: 14px;
    border: 1px solid var(--tits-border-v2, #353535);
    border-radius: 9px;
    background: var(--tits-card-bg, #141414);
}

.tits-studio-card h4 {
    margin: 0 0 10px;
    color: var(--tits-accent, #ffc000);
    font-size: 15px;
}

.tits-studio-color-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.tits-studio-group {
    min-width: 0;
}

.tits-studio-group-title {
    margin-bottom: 8px;
    color: var(--tits-accent, #ffc000);
    font-size: 13px;
    font-weight: 900;
}

.tits-studio-color-row {
    display: grid;
    grid-template-columns: minmax(110px, 1fr) 38px 88px;
    gap: 7px;
    align-items: center;
    margin-bottom: 7px;
}

.tits-studio-color-row span {
    color: var(--tits-text, #ffffff);
    font-size: 12px;
}

.tits-studio-color-row input[type="color"] {
    width: 38px !important;
    height: 30px !important;
    min-width: 38px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer;
}

.tits-studio-hex {
    width: 88px;
    box-sizing: border-box;
    padding: 7px 8px;
    border: 1px solid var(--tits-border-v2, #353535) !important;
    border-radius: 6px;
    background: var(--tits-input-bg, #101010) !important;
    color: var(--tits-text, #ffffff) !important;
    font-family: monospace;
    font-size: 11px;
}

.tits-studio-range-row {
    display: grid;
    grid-template-columns: minmax(110px, .8fr) minmax(120px, 1fr) 52px;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.tits-studio-range-row label {
    font-size: 12px;
}

.tits-studio-range-row input[type="range"] {
    width: 100%;
    accent-color: var(--tits-accent, #ffc000);
}

.tits-studio-range-value {
    padding: 5px 6px;
    border: 1px solid var(--tits-border-v2, #353535);
    border-radius: 5px;
    text-align: center;
    font-size: 11px;
}

.tits-studio-logo-select {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--tits-border-v2, #353535) !important;
    border-radius: 7px;
    background: var(--tits-input-bg, #101010) !important;
    color: var(--tits-text, #ffffff) !important;
}

.tits-studio-preview {
    min-height: 100%;
}

.tits-studio-preview-frame {
    min-height: 330px;
    padding: 13px;
    border: 1px solid var(--tits-accent, #ffc000);
    border-radius: 9px;
    background: var(--tits-bg, #050505);
    box-shadow:
        0 0 calc(var(--tits-studio-glow-spread, 18) * 1px)
        color-mix(
            in srgb,
            var(
                --tits-studio-glow-color,
                var(--tits-accent, #ffc000)
            )
            calc(var(--tits-studio-glow-intensity, 35) * 1%),
            transparent
        );
}

.tits-studio-preview-nav {
    display: flex;
    gap: 9px;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--tits-accent, #ffc000);
    color: var(--tits-text, #ffffff);
    font-size: 11px;
}

.tits-studio-preview-brand {
    margin-right: auto;
    color: var(--tits-accent, #ffc000);
    font-weight: 900;
}

.tits-studio-preview-content h5 {
    margin: 16px 0 6px;
    color: var(--tits-heading, var(--tits-text, #ffffff));
    font-size: 21px;
}

.tits-studio-preview-content p {
    color: var(--tits-muted, #bcbcbc);
    line-height: 1.45;
}

.tits-studio-preview-buttons {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 12px 0;
}

.tits-studio-preview-primary,
.tits-studio-preview-secondary {
    padding: 9px 12px;
    border-radius: 6px;
    font-weight: 900;
}

.tits-studio-preview-primary {
    border: 1px solid var(--tits-button-bg, var(--tits-accent, #ffc000));
    background: var(--tits-button-bg, var(--tits-accent, #ffc000));
    color: var(--tits-button-text, #050505);
}

.tits-studio-preview-secondary {
    border: 1px solid var(--tits-accent, #ffc000);
    background: var(--tits-button2-bg, #181818);
    color: var(--tits-button2-text, #ffffff);
}

.tits-studio-preview-panel {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid var(--tits-border-v2, #353535);
    border-radius: 7px;
    background: var(--tits-panel, #111111);
}

.tits-studio-preview-panel a {
    color: var(--tits-link, var(--tits-accent, #ffc000));
}

.tits-studio-status {
    min-height: 18px;
    margin-top: 10px;
    color: var(--tits-muted, #bcbcbc);
    font-size: 12px;
}

.tits-studio-status.is-error {
    color: #ff6b78;
}

html[data-tits-theme^="custom"] .site-header,
html[data-tits-theme="custom-preview"] .site-header {
    background:
        var(
            --tits-header-bg,
            var(--tits-bg, #050505)
        )
        !important;
}

html[data-tits-theme^="custom"] .site-footer,
html[data-tits-theme="custom-preview"] .site-footer {
    background:
        var(
            --tits-footer-bg,
            var(--tits-bg, #050505)
        )
        !important;
}

html[data-tits-theme^="custom"] a,
html[data-tits-theme="custom-preview"] a {
    color:
        var(
            --tits-link,
            var(--tits-accent, #ffc000)
        );
}

html[data-tits-theme^="custom"] input,
html[data-tits-theme^="custom"] textarea,
html[data-tits-theme^="custom"] select,
html[data-tits-theme="custom-preview"] input,
html[data-tits-theme="custom-preview"] textarea,
html[data-tits-theme="custom-preview"] select {
    background:
        var(
            --tits-input-bg,
            var(--tits-panel-alt, #181818)
        )
        !important;
}

html[data-tits-logo-mode="accent"] .brand-logo,
html[data-tits-logo-mode="accent"] .site-footer img,
html[data-tits-logo-mode="accent"] img[class*="logo"] {
    filter:
        drop-shadow(
            0 0
            calc(
                var(
                    --tits-studio-glow-spread,
                    18
                )
                * .6px
            )
            var(
                --tits-studio-glow-color,
                var(--tits-accent, #ffc000)
            )
        )
        !important;
}

@media (max-width: 1100px) {

    .tits-studio-body {
        grid-template-columns:
            1fr
            1fr;
    }

    .tits-studio-preview {
        grid-column:
            1 / -1;
    }
}


@media (max-width: 760px) {

    .tits-studio-head {
        align-items:
            stretch;

        flex-direction:
            column;
    }

    .tits-studio-toolbar {
        grid-template-columns:
            1fr
            1fr;
    }

    .tits-studio-name {
        grid-column:
            1 / -1;
    }

    .tits-studio-body,
    .tits-studio-color-groups {
        grid-template-columns:
            1fr;
    }

    .tits-studio-preview {
        grid-column:
            auto;
    }
}

/* T.I.T.S PROFILE THEME STUDIO V1.3.2 END */

/* T.I.T.S FULL WIDTH PROFILE WORKSPACE V1.4.1 START */


/* ==========================================================
   PROFILE PAGE GEOMETRY
   ========================================================== */

body.tits-profile-workspace-v141 {

    --tits-profile-left-gutter:
        clamp(
            28px,
            3vw,
            58px
        );

    --tits-profile-right-gutter:
        clamp(
            52px,
            5vw,
            96px
        );

    --tits-profile-workspace-max:
        1800px;
}


/*
 * Do not pad the site header or hero.
 * The extra workspace gutter begins with the profile content.
 */

body.tits-profile-workspace-v141
.entry-content {

    box-sizing:
        border-box
        !important;

    width:
        100%
        !important;

    max-width:
        var(
            --tits-profile-workspace-max
        )
        !important;

    margin-left:
        auto
        !important;

    margin-right:
        auto
        !important;

    padding-left:
        var(
            --tits-profile-left-gutter
        )
        !important;

    padding-right:
        var(
            --tits-profile-right-gutter
        )
        !important;
}


body.tits-profile-workspace-v141
.entry-content
>
* {

    box-sizing:
        border-box
        !important;

    width:
        100%
        !important;

    max-width:
        none
        !important;

    min-width:
        0
        !important;
}


/*
 * JS applies this class to every profile wrapper between
 * the real profile form and .entry-content.
 */

body.tits-profile-workspace-v141
.tits-profile-stretch-v141 {

    box-sizing:
        border-box
        !important;

    width:
        100%
        !important;

    max-width:
        none
        !important;

    min-width:
        0
        !important;
}


body.tits-profile-workspace-v141
.tits-profile-form-v141 {

    box-sizing:
        border-box
        !important;

    width:
        100%
        !important;

    max-width:
        none
        !important;

    min-width:
        0
        !important;

    margin-left:
        0
        !important;

    margin-right:
        0
        !important;
}


body.tits-profile-workspace-v141
.tits-profile-form-v141
>
* {

    box-sizing:
        border-box
        !important;

    max-width:
        100%
        !important;

    min-width:
        0
        !important;
}


/* ==========================================================
   PROFILE CARD / BOX WIDTHS
   ========================================================== */

body.tits-profile-workspace-v141
.tits-profile-card,

body.tits-profile-workspace-v141
.tits-profile-grid,

body.tits-profile-workspace-v141
.tits-v2-profile,

body.tits-profile-workspace-v141
.tits-member-profile,

body.tits-profile-workspace-v141
[class*="profile-card"],

body.tits-profile-workspace-v141
[class*="profile-panel"],

body.tits-profile-workspace-v141
[class*="profile-grid"] {

    box-sizing:
        border-box
        !important;

    width:
        100%
        !important;

    max-width:
        none
        !important;

    min-width:
        0
        !important;
}


/* ==========================================================
   STOP PROFILE CONTROLS FROM RUNNING OFF THE PAGE
   ========================================================== */

body.tits-profile-workspace-v141
.tits-profile-form-v141
input:not(
    [type="checkbox"]
):not(
    [type="radio"]
):not(
    [type="color"]
):not(
    [type="range"]
):not(
    [type="file"]
),

body.tits-profile-workspace-v141
.tits-profile-form-v141
textarea,

body.tits-profile-workspace-v141
.tits-profile-form-v141
select {

    box-sizing:
        border-box
        !important;

    width:
        100%
        !important;

    max-width:
        100%
        !important;

    min-width:
        0
        !important;
}


body.tits-profile-workspace-v141
.tits-profile-form-v141
input[type="file"] {

    box-sizing:
        border-box
        !important;

    width:
        auto
        !important;

    max-width:
        100%
        !important;
}


/* ==========================================================
   THEME STUDIO
   ========================================================== */

body.tits-profile-workspace-v141
.tits-profile-theme-studio {

    box-sizing:
        border-box
        !important;

    width:
        100%
        !important;

    max-width:
        none
        !important;

    min-width:
        0
        !important;

    margin:
        24px 0 0
        !important;

    padding:
        clamp(
            18px,
            2vw,
            28px
        )
        !important;

    position:
        static
        !important;

    left:
        auto
        !important;

    right:
        auto
        !important;

    transform:
        none
        !important;

    overflow:
        visible
        !important;
}


body.tits-profile-workspace-v141
.tits-profile-theme-studio
* {

    box-sizing:
        border-box;
}


/* ==========================================================
   STUDIO HEADER
   ========================================================== */

body.tits-profile-workspace-v141
.tits-studio-head {

    display:
        grid
        !important;

    grid-template-columns:
        minmax(
            0,
            1fr
        )
        auto
        !important;

    gap:
        24px
        !important;

    align-items:
        center
        !important;

    margin-bottom:
        18px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-head
>
div {

    min-width:
        0
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-create {

    min-width:
        210px;

    white-space:
        nowrap;
}


/* ==========================================================
   SAVED PRESETS
   ========================================================== */

body.tits-profile-workspace-v141
.tits-studio-presets {

    display:
        grid
        !important;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(
                190px,
                1fr
            )
        )
        !important;

    gap:
        10px
        !important;

    width:
        100%
        !important;

    margin-bottom:
        18px
        !important;
}


/* ==========================================================
   THEME NAME / ACTION TOOLBAR
   ========================================================== */

body.tits-profile-workspace-v141
.tits-studio-toolbar {

    display:
        grid
        !important;

    grid-template-columns:
        minmax(
            340px,
            1fr
        )
        repeat(
            4,
            max-content
        )
        !important;

    gap:
        10px
        !important;

    align-items:
        center
        !important;

    width:
        100%
        !important;

    margin:
        0 0 18px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-name {

    min-width:
        0
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-action {

    white-space:
        nowrap;
}


/* ==========================================================
   MAJOR STUDIO LAYOUT
   ROW 1 = ALL COLORS
   ROW 2 = EFFECTS + LIVE PREVIEW
   ========================================================== */

body.tits-profile-workspace-v141
.tits-studio-body {

    display:
        grid
        !important;

    width:
        100%
        !important;

    min-width:
        0
        !important;

    grid-template-columns:
        minmax(
            520px,
            1.08fr
        )
        minmax(
            500px,
            .92fr
        )
        !important;

    grid-template-areas:
        "colors colors"
        "effects preview"
        !important;

    gap:
        18px
        !important;

    align-items:
        stretch
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-body
>
.tits-studio-card:nth-child(1) {

    grid-area:
        colors
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-body
>
.tits-studio-card:nth-child(2) {

    grid-area:
        effects
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-body
>
.tits-studio-card:nth-child(3) {

    grid-area:
        preview
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-card {

    min-width:
        0
        !important;

    padding:
        20px
        !important;
}


/* ==========================================================
   ALL COLOR GROUPS IN ONE DESKTOP ROW
   ========================================================== */

body.tits-profile-workspace-v141
.tits-studio-color-groups {

    display:
        grid
        !important;

    grid-template-columns:
        repeat(
            4,
            minmax(
                0,
                1fr
            )
        )
        !important;

    gap:
        16px
        !important;

    width:
        100%
        !important;

    align-items:
        start
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-group {

    box-sizing:
        border-box
        !important;

    min-width:
        0
        !important;

    height:
        100%;

    padding:
        14px
        !important;

    border:
        1px solid
        var(
            --tits-border-v2,
            #353535
        );

    border-radius:
        9px;

    background:
        color-mix(
            in srgb,
            var(
                --tits-panel-alt,
                #181818
            )
            76%,
            transparent
        );
}


body.tits-profile-workspace-v141
.tits-studio-group-title {

    min-height:
        22px;

    margin-bottom:
        10px
        !important;

    font-size:
        13px
        !important;

    line-height:
        1.25
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-color-row {

    display:
        grid
        !important;

    grid-template-columns:
        minmax(
            100px,
            1fr
        )
        38px
        82px
        !important;

    gap:
        8px
        !important;

    align-items:
        center
        !important;

    min-height:
        38px
        !important;

    margin:
        0 0 7px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-color-row
>
span {

    display:
        block;

    min-width:
        0
        !important;

    padding-right:
        2px;

    white-space:
        normal
        !important;

    overflow:
        visible
        !important;

    text-overflow:
        clip
        !important;

    overflow-wrap:
        anywhere;

    line-height:
        1.18
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-color-row
input[type="color"] {

    width:
        38px
        !important;

    min-width:
        38px
        !important;

    height:
        30px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-hex {

    width:
        82px
        !important;

    min-width:
        82px
        !important;

    max-width:
        82px
        !important;
}


/* ==========================================================
   EFFECTS PANEL
   ========================================================== */

body.tits-profile-workspace-v141
.tits-studio-range-row {

    display:
        grid
        !important;

    grid-template-columns:
        minmax(
            130px,
            .7fr
        )
        minmax(
            210px,
            1.7fr
        )
        60px
        !important;

    gap:
        12px
        !important;

    align-items:
        center
        !important;

    min-height:
        38px;

    margin-bottom:
        10px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-range-row
label {

    white-space:
        nowrap;
}


body.tits-profile-workspace-v141
.tits-studio-range-row
input[type="range"] {

    width:
        100%
        !important;

    min-width:
        0
        !important;
}


/* ==========================================================
   LIVE PREVIEW PANEL
   ========================================================== */

body.tits-profile-workspace-v141
.tits-studio-preview {

    min-width:
        0
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-frame {

    box-sizing:
        border-box
        !important;

    width:
        100%
        !important;

    min-height:
        430px
        !important;

    height:
        100%
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-content {

    max-width:
        none
        !important;
}


/* ==========================================================
   DESKTOP / SMALLER LAPTOP
   Keep four color groups until actual room disappears.
   ========================================================== */

@media (
    max-width: 1380px
) {

    body.tits-profile-workspace-v141 {

        --tits-profile-left-gutter:
            24px;

        --tits-profile-right-gutter:
            40px;
    }


    body.tits-profile-workspace-v141
    .tits-studio-color-groups {

        gap:
            11px
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-group {

        padding:
            10px
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-color-row {

        grid-template-columns:
            minmax(
                86px,
                1fr
            )
            34px
            74px
            !important;

        gap:
            6px
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-color-row
    input[type="color"] {

        width:
            34px
            !important;

        min-width:
            34px
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-hex {

        width:
            74px
            !important;

        min-width:
            74px
            !important;

        max-width:
            74px
            !important;
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (
    max-width: 1050px
) {

    body.tits-profile-workspace-v141 {

        --tits-profile-left-gutter:
            18px;

        --tits-profile-right-gutter:
            24px;
    }


    body.tits-profile-workspace-v141
    .tits-studio-toolbar {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            )
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-name {

        grid-column:
            1 / -1
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-action {

        width:
            100%;
    }


    body.tits-profile-workspace-v141
    .tits-studio-body {

        grid-template-columns:
            1fr
            !important;

        grid-template-areas:
            "colors"
            "effects"
            "preview"
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-color-groups {

        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            )
            !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (
    max-width: 680px
) {

    body.tits-profile-workspace-v141 {

        --tits-profile-left-gutter:
            10px;

        --tits-profile-right-gutter:
            14px;
    }


    body.tits-profile-workspace-v141
    .tits-studio-head {

        grid-template-columns:
            1fr
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-create {

        width:
            100%
            !important;

        min-width:
            0;
    }


    body.tits-profile-workspace-v141
    .tits-studio-presets,

    body.tits-profile-workspace-v141
    .tits-studio-toolbar,

    body.tits-profile-workspace-v141
    .tits-studio-color-groups {

        grid-template-columns:
            1fr
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-color-row {

        grid-template-columns:
            minmax(
                0,
                1fr
            )
            38px
            82px
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-range-row {

        grid-template-columns:
            1fr
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-card {

        padding:
            12px
            !important;
    }
}


/* T.I.T.S FULL WIDTH PROFILE WORKSPACE V1.4.1 END */

/* T.I.T.S THEME COVERAGE V1.4.2 START */


/* ==========================================================
   CUSTOM PAGE WALLPAPER / BACKGROUND
   ========================================================== */

html[data-tits-theme^="custom"]
body,

html[data-tits-theme="custom-preview"]
body,

html[data-tits-theme^="custom"]
main,

html[data-tits-theme="custom-preview"]
main,

html[data-tits-theme^="custom"]
.site-main,

html[data-tits-theme="custom-preview"]
.site-main {

    background-color:
        var(
            --tits-bg,
            #050505
        )
        !important;
}


/* ==========================================================
   OLD YELLOW / GOLD → THEME CONTROLS
   ========================================================== */

.tits-legacy-yellow-color {

    color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;

    text-decoration-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


.tits-legacy-yellow-bg {

    background-color:
        var(
            --tits-button-bg,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


.tits-legacy-yellow-bg:not(
    .tits-legacy-yellow-color
) {

    color:
        var(
            --tits-button-text,
            #050505
        )
        !important;
}


.tits-legacy-yellow-border-top {

    border-top-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


.tits-legacy-yellow-border-right {

    border-right-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


.tits-legacy-yellow-border-bottom {

    border-bottom-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


.tits-legacy-yellow-border-left {

    border-left-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


.tits-legacy-yellow-outline {

    outline-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


/* ==========================================================
   REMOVE OLD LARGE YELLOW HERO / WALLPAPER HAZE
   ========================================================== */

.tits-remove-legacy-yellow-gradient {

    background-image:
        none
        !important;
}


.tits-remove-legacy-yellow-before::before {

    background-image:
        none
        !important;

    box-shadow:
        none
        !important;
}


.tits-remove-legacy-yellow-after::after {

    background-image:
        none
        !important;

    box-shadow:
        none
        !important;
}


/* ==========================================================
   MERCH NAV LEGACY SPECIAL COLOR
   ========================================================== */

.site-header
a[href*="/merch"],

header
a[href*="/merch"] {

    color:
        var(
            --tits-link,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


/* ==========================================================
   REAL ACCENT GLOW
   ========================================================== */

html[data-tits-logo-mode="accent"]
img.tits-theme-logo-target {

    filter:
        drop-shadow(
            0 0
            calc(
                2px
                +
                (
                    var(
                        --tits-studio-glow-spread,
                        18
                    )
                    * .10px
                )
            )
            color-mix(
                in srgb,
                var(
                    --tits-studio-glow-color,
                    var(
                        --tits-accent,
                        #ffc000
                    )
                )
                calc(
                    var(
                        --tits-studio-glow-intensity,
                        35
                    )
                    * 1%
                ),
                transparent
            )
        )
        drop-shadow(
            0 0
            calc(
                5px
                +
                (
                    var(
                        --tits-studio-glow-spread,
                        18
                    )
                    * .22px
                )
            )
            color-mix(
                in srgb,
                var(
                    --tits-studio-glow-color,
                    var(
                        --tits-accent,
                        #ffc000
                    )
                )
                calc(
                    var(
                        --tits-studio-neon-strength,
                        35
                    )
                    * .55%
                ),
                transparent
            )
        )
        !important;
}


/* ==========================================================
   BIGGER / MORE PROFESSIONAL LIVE PREVIEW
   EFFECTS ~36%
   PREVIEW ~64%
   ========================================================== */

body.tits-profile-workspace-v141
.tits-studio-body {

    grid-template-columns:
        minmax(
            390px,
            .56fr
        )
        minmax(
            650px,
            1fr
        )
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview {

    min-width:
        0
        !important;

    padding:
        22px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-frame {

    width:
        100%
        !important;

    min-height:
        560px
        !important;

    padding:
        24px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-nav {

    gap:
        16px
        !important;

    padding-bottom:
        16px
        !important;

    font-size:
        12px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-brand {

    font-size:
        15px
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-content {

    width:
        100%
        !important;

    max-width:
        none
        !important;

    padding-top:
        10px;
}


body.tits-profile-workspace-v141
.tits-studio-preview-content h5 {

    margin-top:
        18px
        !important;

    font-size:
        clamp(
            26px,
            2.1vw,
            36px
        )
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-content p {

    max-width:
        720px;

    font-size:
        15px
        !important;

    line-height:
        1.6
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-buttons {

    gap:
        12px
        !important;

    margin:
        20px 0
        !important;
}


body.tits-profile-workspace-v141
.tits-studio-preview-primary,

body.tits-profile-workspace-v141
.tits-studio-preview-secondary {

    min-width:
        160px;

    padding:
        12px 16px
        !important;

    text-align:
        center;
}


body.tits-profile-workspace-v141
.tits-studio-preview-panel {

    min-height:
        150px;

    margin-top:
        20px
        !important;

    padding:
        18px
        !important;
}


/* ==========================================================
   RESPONSIVE PREVIEW
   ========================================================== */

@media (
    max-width: 1180px
) {

    body.tits-profile-workspace-v141
    .tits-studio-body {

        grid-template-columns:
            1fr
            !important;

        grid-template-areas:
            "colors"
            "effects"
            "preview"
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-preview-frame {

        min-height:
            460px
            !important;
    }
}


@media (
    max-width: 680px
) {

    body.tits-profile-workspace-v141
    .tits-studio-preview {

        padding:
            12px
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-preview-frame {

        min-height:
            390px
            !important;

        padding:
            14px
            !important;
    }


    body.tits-profile-workspace-v141
    .tits-studio-preview-primary,

    body.tits-profile-workspace-v141
    .tits-studio-preview-secondary {

        width:
            100%;

        min-width:
            0;
    }
}


/* T.I.T.S THEME COVERAGE V1.4.2 END */

/* T.I.T.S EXACT THEME COVERAGE V1.4.3 START */


/* ==========================================================
   ONLY APPLY THE EXACT LEGACY COVERAGE TO CUSTOM THEMES
   ========================================================== */

html[data-tits-theme^="custom"]
.tits-v143-accent-label,

html[data-tits-theme="custom-preview"]
.tits-v143-accent-label {

    color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


html[data-tits-theme^="custom"]
.tits-v143-accent-link,

html[data-tits-theme="custom-preview"]
.tits-v143-accent-link {

    color:
        var(
            --tits-link,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;

    text-decoration-color:
        var(
            --tits-link,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


html[data-tits-theme^="custom"]
.tits-v143-button,

html[data-tits-theme="custom-preview"]
.tits-v143-button {

    background:
        var(
            --tits-button-bg,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;

    background-color:
        var(
            --tits-button-bg,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;

    color:
        var(
            --tits-button-text,
            #050505
        )
        !important;

    border-color:
        var(
            --tits-button-bg,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


/* ==========================================================
   MEMBERS CHAT / LIVE VOICE
   ========================================================== */

html[data-tits-theme^="custom"]
.tits-v143-livevoice-accent,

html[data-tits-theme="custom-preview"]
.tits-v143-livevoice-accent {

    color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;

    border-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


html[data-tits-theme^="custom"]
.tits-v143-livevoice-panel,

html[data-tits-theme="custom-preview"]
.tits-v143-livevoice-panel {

    border-left-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


html[data-tits-theme^="custom"]
.tits-v143-report-card,

html[data-tits-theme="custom-preview"]
.tits-v143-report-card {

    border-top-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


/* ==========================================================
   MEMBERSHIP / GUEST PASS CARD
   ========================================================== */

html[data-tits-theme^="custom"]
.tits-v143-guest-card,

html[data-tits-theme="custom-preview"]
.tits-v143-guest-card {

    border-color:
        var(
            --tits-border-v2,
            var(
                --tits-border,
                #353535
            )
        )
        !important;

    border-right-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;

    border-bottom-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;

    box-shadow:
        8px
        8px
        0
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


html[data-tits-theme^="custom"]
.tits-v143-guest-note,

html[data-tits-theme="custom-preview"]
.tits-v143-guest-note {

    border-left-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


/* ==========================================================
   OWNER HUB
   ========================================================== */

html[data-tits-theme^="custom"]
.tits-v143-owner-action,

html[data-tits-theme="custom-preview"]
.tits-v143-owner-action {

    color:
        var(
            --tits-link,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


/* ==========================================================
   MERCH
   ========================================================== */

html[data-tits-theme^="custom"]
.tits-v143-merch-kicker,

html[data-tits-theme="custom-preview"]
.tits-v143-merch-kicker,

html[data-tits-theme^="custom"]
.tits-v143-coming-soon,

html[data-tits-theme="custom-preview"]
.tits-v143-coming-soon {

    color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


html[data-tits-theme^="custom"]
.tits-v143-merch-card,

html[data-tits-theme="custom-preview"]
.tits-v143-merch-card {

    border-bottom-color:
        var(
            --tits-accent2,
            var(
                --tits-accent,
                #ffc000
            )
        )
        !important;
}


/* ==========================================================
   HOMEPAGE HERO — REMOVE OLD GOLD/YELLOW HAZE
   Preserve actual panel/background colors.
   ========================================================== */

html[data-tits-theme^="custom"]
.tits-v143-hero-haze,

html[data-tits-theme="custom-preview"]
.tits-v143-hero-haze {

    background-image:
        none
        !important;

    box-shadow:
        none
        !important;
}


html[data-tits-theme^="custom"]
.tits-v143-hero-haze::before,

html[data-tits-theme^="custom"]
.tits-v143-hero-haze::after,

html[data-tits-theme="custom-preview"]
.tits-v143-hero-haze::before,

html[data-tits-theme="custom-preview"]
.tits-v143-hero-haze::after {

    background-image:
        none
        !important;

    box-shadow:
        none
        !important;
}


/* ==========================================================
   ACCENT GLOW — ACTUAL LOGO TARGETS
   ========================================================== */

html[data-tits-logo-mode="accent"]
img.tits-v143-logo {

    filter:
        drop-shadow(
            0 0
            calc(
                2px
                +
                (
                    var(
                        --tits-studio-glow-spread,
                        18
                    )
                    * .13px
                )
            )
            color-mix(
                in srgb,
                var(
                    --tits-studio-glow-color,
                    var(
                        --tits-accent,
                        #ffc000
                    )
                )
                calc(
                    var(
                        --tits-studio-glow-intensity,
                        35
                    )
                    * 1%
                ),
                transparent
            )
        )

        drop-shadow(
            0 0
            calc(
                6px
                +
                (
                    var(
                        --tits-studio-glow-spread,
                        18
                    )
                    * .30px
                )
            )
            color-mix(
                in srgb,
                var(
                    --tits-studio-glow-color,
                    var(
                        --tits-accent,
                        #ffc000
                    )
                )
                calc(
                    var(
                        --tits-studio-neon-strength,
                        35
                    )
                    * .70%
                ),
                transparent
            )
        )

        drop-shadow(
            0 0
            calc(
                12px
                +
                (
                    var(
                        --tits-studio-glow-spread,
                        18
                    )
                    * .42px
                )
            )
            color-mix(
                in srgb,
                var(
                    --tits-studio-glow-color,
                    var(
                        --tits-accent,
                        #ffc000
                    )
                )
                calc(
                    var(
                        --tits-studio-glow-intensity,
                        35
                    )
                    * .38%
                ),
                transparent
            )
        )
        !important;
}


/*
 * Do not let the old generic logo rule overwrite
 * the stronger exact V1.4.3 logo glow.
 */

html[data-tits-logo-mode="accent"]
img.tits-v143-logo.tits-theme-logo-target {

    filter:
        drop-shadow(
            0 0
            calc(
                2px
                +
                (
                    var(
                        --tits-studio-glow-spread,
                        18
                    )
                    * .13px
                )
            )
            var(
                --tits-studio-glow-color,
                var(
                    --tits-accent,
                    #ffc000
                )
            )
        )

        drop-shadow(
            0 0
            calc(
                8px
                +
                (
                    var(
                        --tits-studio-glow-spread,
                        18
                    )
                    * .34px
                )
            )
            color-mix(
                in srgb,
                var(
                    --tits-studio-glow-color,
                    var(
                        --tits-accent,
                        #ffc000
                    )
                )
                calc(
                    var(
                        --tits-studio-glow-intensity,
                        35
                    )
                    * 1%
                ),
                transparent
            )
        )
        !important;
}


/* T.I.T.S EXACT THEME COVERAGE V1.4.3 END */

/* T.I.T.S PAGE SPOTLIGHT + STUDIO POLISH V1.4.4 START */

.tits-v144-page-hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;background-image:none!important;box-shadow:none!important}
.tits-v144-page-hero::before{background-image:none!important;box-shadow:none!important}
.tits-v144-page-hero::after{content:""!important;position:absolute!important;inset:-22% -9% -24% 28%!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse at 60% 48%,color-mix(in srgb,var(--tits-studio-glow-color,var(--tits-accent,#ffc000)) calc(var(--tits-studio-glow-intensity,35)*.22%),transparent) 0%,color-mix(in srgb,var(--tits-studio-glow-color,var(--tits-accent,#ffc000)) calc(var(--tits-studio-glow-intensity,35)*.10%),transparent) calc(34% + (var(--tits-studio-glow-spread,18)*.18%)),transparent calc(58% + (var(--tits-studio-glow-spread,18)*.32%)))!important}
.tits-v144-page-hero>*{position:relative;z-index:1}
.tits-v144-clear-old-haze,.tits-v144-clear-old-haze::before,.tits-v144-clear-old-haze::after{background-image:none!important;box-shadow:none!important}

.site-header a.tits-v144-join-link,header a.tits-v144-join-link{white-space:nowrap}
.site-header .tits-v144-nav-duplicate,header .tits-v144-nav-duplicate{display:none!important}

body.tits-profile-workspace-v144 .tits-studio-range-row,body.tits-profile-workspace-v141 .tits-studio-range-row{display:grid!important;grid-template-columns:94px minmax(150px,1fr) 52px!important;gap:8px!important;align-items:center!important;width:100%!important;min-width:0!important}
body.tits-profile-workspace-v144 .tits-studio-range-row label,body.tits-profile-workspace-v141 .tits-studio-range-row label{width:auto!important;min-width:0!important;margin:0!important;white-space:nowrap!important}
body.tits-profile-workspace-v144 .tits-studio-range-row input[type="range"],body.tits-profile-workspace-v141 .tits-studio-range-row input[type="range"]{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;justify-self:stretch!important}
body.tits-profile-workspace-v144 .tits-studio-range-value,body.tits-profile-workspace-v141 .tits-studio-range-value,body.tits-profile-workspace-v144 .tits-studio-range-row input[type="number"],body.tits-profile-workspace-v141 .tits-studio-range-row input[type="number"]{width:52px!important;min-width:52px!important;max-width:52px!important;margin:0!important;justify-self:start!important;text-align:center!important}

body.tits-profile-workspace-v144 .tits-studio-preview,body.tits-profile-workspace-v141 .tits-studio-preview{min-width:0!important}
body.tits-profile-workspace-v144 .tits-studio-preview-frame,body.tits-profile-workspace-v141 .tits-studio-preview-frame{display:flex!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:560px!important;margin:0!important;padding:22px!important}
body.tits-profile-workspace-v144 .tits-studio-preview-nav,body.tits-profile-workspace-v141 .tits-studio-preview-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;align-items:center!important;gap:16px!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 0 16px!important}
body.tits-profile-workspace-v144 .tits-studio-preview-content,body.tits-profile-workspace-v141 .tits-studio-preview-content{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:20px 0 0!important}
body.tits-profile-workspace-v144 .tits-studio-preview-content h5,body.tits-profile-workspace-v141 .tits-studio-preview-content h5,body.tits-profile-workspace-v144 .tits-studio-preview-content p,body.tits-profile-workspace-v141 .tits-studio-preview-content p,body.tits-profile-workspace-v144 .tits-studio-preview-panel,body.tits-profile-workspace-v141 .tits-studio-preview-panel{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important}
body.tits-profile-workspace-v144 .tits-studio-preview-buttons,body.tits-profile-workspace-v141 .tits-studio-preview-buttons{display:flex!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important;max-width:none!important}
body.tits-profile-workspace-v144 .tits-studio-preview-panel,body.tits-profile-workspace-v141 .tits-studio-preview-panel{margin-top:18px!important;padding:18px!important}

@media(max-width:1180px){
body.tits-profile-workspace-v144 .tits-studio-range-row,body.tits-profile-workspace-v141 .tits-studio-range-row{grid-template-columns:104px minmax(180px,1fr) 52px!important}
}

@media(max-width:680px){
.tits-v144-page-hero::after{inset:-18% -30% -20% 4%!important}
body.tits-profile-workspace-v144 .tits-studio-range-row,body.tits-profile-workspace-v141 .tits-studio-range-row{grid-template-columns:1fr!important}
body.tits-profile-workspace-v144 .tits-studio-preview-nav,body.tits-profile-workspace-v141 .tits-studio-preview-nav{grid-template-columns:1fr auto!important}
}

/* T.I.T.S PAGE SPOTLIGHT + STUDIO POLISH V1.4.4 END */