body,
body.light-theme {
    --chart-gridline-color: #f6f6f6
}

:root {
    --transition: 250ms ease-in-out;
    --dashboard-size: 50%;
    --plugins-page-item-list-column-count-default: 3;
    --plugins-page-item-list-column-gap: 1.5rem;
    --navigation-inline-size: 12rem;
    --space-1: 1rem;
    --space-2: 1.5rem;
    --space-3: 2rem;
    --space-4: 2.5rem;
    --space-5: 3rem
}

[data-page-loading] * {
    transition: none !important
}

[data-theme-toggler-container] {
    display: block !important
}

.mainWrapper[data-layout-type=grid] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem
}

[data-layout-type=grid] .wrap-section {
    justify-content: flex-start;
    min-height: auto;
    padding: 2rem
}

[data-layout-type=grid] .inner {
    flex-direction: column-reverse
}

.wrap-section-simple {
    grid-column: span 2
}

.wrap-section-simple-row2 {
    grid-row: 2;
    grid-column: span 2
}

.inner .section-text {
    border-bottom: 2px solid var(--homepage-section-hr-border-col);
    padding-bottom: 2rem;
    margin-bottom: 2rem
}

.section-text p+p {
    margin-top: .75rem
}

.section-prelast {
    grid-column: span 3;
    grid-row: 3
}

.section-slideshow {
    grid-column: span 4
}

.section-stats {
    grid-column: 1/span 3;
    grid-row: 3;
    justify-content: center !important
}

.section-stats .section-text {
    gap: 5rem;
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.section-stats .section-text>* {
    margin: 0 !important
}

.wrap-section .section-img {
    width: 100%
}

.section-img img {
    display: block;
    max-width: 100%
}

.slideshow-container {
    display: flex;
    justify-content: center;
    max-width: 700px
}

.slideshow-container .mySlides img {
    max-width: 600px
}

.slideshow-container .prev {
    left: 0
}

.slideshow-container .next {
    right: 0
}

nav.navigation .flex-rightitems {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 1rem
}

.button-type {
    border: 0;
    border-radius: .5rem;
    font-size: .85rem;
    font-weight: 700;
    color: #fff;
    transition: background-color var(--transition);
    width: fit-content;
    padding-block: 0.85rem;
    padding-inline: 1.5rem;
    cursor: pointer;
    outline: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    position: relative;
    line-height: 1;
    text-decoration: none;
    gap: calc(var(--space-1) - 6px)
}

#auto-moderator>div,
.dropdown-content a,
.flatpickr-day,
.memberServerSelection>.serverSelectionTitle,
.moderator-events-body>div>.option,
.row-cell>.button-add,
.select-items div,
.select-selected,
.serverSelection_serverList>.serverName,
.spanRoles,
.spanRoles .role-deletebtn,
body,
select {
    color: var(--text-color)
}

.button-type:focus,
.button-type:hover,
select:focus,
select:hover {
    background-color: var(--focus-color)
}

.button-type .fa {
    font-size: 1rem
}

.button-type:active {
    top: 1px
}

.theme-toggler {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

nav .button-type {
    padding-block: 0;
    min-height: 45px
}

.theme-toggler:before {
    content: "\f185"
}

.serverButtonDashboard {
    gap: .5rem
}

.memberServerSelection {
    padding: 15px
}

@media (max-width:1200px) {
    :root {
        --plugins-page-item-list-column-count-default: 2
    }
}

@media (max-width:980px) {
    nav.navigation .flex-rightitems>:not(.responsive-hamburger):not([data-theme-toggler-container]) {
        display: none
    }

    nav .button-type {
        padding-block: 0;
        min-height: 40px;
        padding-inline: 1rem
    }

    .mainWrapper .memberServerSelection,
    .pluginList_section,
    .serverButtons button {
        width: 100%
    }

    nav.navigation-dashboard,
    nav.navigation-plugins, nav.navigation {
        padding-inline: 1rem;
    }

    .serverSelection_serverList {
        flex-direction: column;
        gap: 10px
    }

    [data-location=homepage] .mainWrapper,
    html .main-wrapper {
        grid-template-columns: repeat(4, 1fr);
        width: 100%;
        padding-inline: 1rem
    }

    [data-location=homepage] nav,
    nav.navigation-search {
        padding-inline: 1rem
    }

    .wrap-section .inner .section-img img {
        width: 50%
    }

    .wrap-section .inner .section-text h1 {
        font-size: 1.4rem
    }

    .section-stats {
        grid-row: auto;
        grid-column: 1/-1
    }

    .section-prelast,
    .section-slideshow {
        grid-column: span 2
    }

    .section-prelast .section-img {
        display: flex;
        justify-content: center
    }

    .mainWrapper[data-type=non-home] {
        width: auto;
        padding-inline: 1rem
    }
}

@media (min-width:980px) {

    nav.navigation-dashboard,
    nav.navigation-search {
        padding-block: 0;
        padding-block: 0
    }

    nav.navigation-dashboard {
        padding-inline: calc(var(--dashboard-size)/ 2)
    }

    nav.navigation-search {
        padding-inline: var(--navigation-inline-size)
    }

    .memberServerSelection {
        width: calc(var(--dashboard-size) + 2rem)
    }

    .mainWrapper[data-type=non-home] {
        width: auto;
        padding-inline: 2rem
    }
}

@media (max-width:700px) {

    nav.navigation-dashboard,
    nav.navigation-plugins {
        padding-inline: 1rem
    }

    :root {
        --plugins-page-item-list-column-count-default: 1;
        --plugins-page-item-list-column-gap: 1rem
    }

    .pList_container .pList_box div[data-box-content=image] img {
        max-width: 50px;
        max-height: 50px
    }

    .pList_container .pList_box div[data-box-special-image] img {
        max-width: 30px;
        max-height: 30px;
        margin-inline: 10px
    }

    .wrap-section {
        min-height: auto
    }

    [data-location=homepage] .mainWrapper {
        gap: 1rem;
        margin-block: 0
    }

    #websiteIntroVid {
        height: 60vh;
        justify-content: flex-end;
        padding-bottom: 1rem
    }

    .introFlexBox>div p {
        width: 100%;
        margin: 0
    }

    .introFlexBox .button-wrap>* {
        height: 50px
    }

    [data-location=homepage] .mainWrapper,
    html .main-wrapper {
        display: flex;
        flex-direction: column
    }

    .wrap-section .section-img {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .wrap-section .inner .section-img img {
        width: 100%
    }

    .slideshow-container .mySlides img {
        max-width: 100%;
        width: 100%
    }

    .inner .section-text {
        padding-bottom: 1rem;
        margin-bottom: 1rem
    }

    .wrap-section .inner .section-text h1 {
        font-size: 1rem
    }

    [data-layout-type=grid] .wrap-section {
        padding: 1rem
    }

    .community_stats .count,
    .wrap-section .inner .section-text h1.community_h1 {
        font-size: 1.4rem
    }

    .community_statsWrap {
        margin-inline: auto !important
    }

    .section-stats .inner .section-text {
        gap: 2.5rem
    }
}

body.light-theme .theme-toggler:before {
    content: "\f186"
}

body.dark-theme,
body:not(.light-theme) {
    --chart-gridline-color: #303030
}

body:not(.light-theme) {
    --decoration-box-filter-effect: brightness(0.01);
}

body {
    --svlist-jumptopage-container-bg: rgba(255, 255, 255, 0.3);
    --svlist-jumptopage-container-border: #dadada;

    --svlist-pagination-buttons-hover-bg: #615dfa;
    --slog-togglebox-bg: #a2a2a2;
    --slog-togglebox-box-bg: hsl(0, 0%, 73%);

    --sn-usermenudropdown-box-bg: white;
    --sn-usermenudropdown-listitem-bg: hsl(241.53deg 100% 95%);
    --sn-usermenudropdown-item-logout-color: #ff0000;
    --sn-usermenudropdown-item-hr-color: hsl(0deg 0% 88%);
    --musicstats-box-border-col: #dedede;
    --radios-box-bg: white;
    --radios-box-border: #e8e8e8;
    --radios-search-bar-bg: white;
    --radios-search-bar-focused-bg: #e3e3e3;
    --radios-copy-btn-bg: hsl(221, 57%, 55%);
    --radios-copy-btn-bg-hov: hsl(221, 57%, 40%);
    --radios-box-line-bg-hov: hsla(0, 0%, 91%, 0.5);
    --radios-jumpto-box-bg: white;
    --radios-jumpto-box-shadow: hsla(0, 0%, 0%, 0.25);
    --radios-jumpto-button-bg: #4b74ce;
    --radios-jumpto-button-bg-hov: hsl(221, 57%, 40%);

    --radios-jumpto-inputbox-bg: #fff;
    --radios-jumpto-inputbox-border-col: #d1d1d1;
    --radios-pagination-button-bg: #4b74ce;
    --radios-pagination-button-hov: #2a4683;

    --dark-900: hsl(0, 0%, 100%);
	--dark-800: hsl(0, 0%, 95%);
	--dark-700: hsl(0, 0%, 90%);
	--dark-600: hsl(0, 0%, 85%);
	--dark-500: hsl(0, 0%, 80%);
    --sn-newbtn-bg-hover: hsl(241.53deg 100% 95%);
	--sn-newbtn-color: #000;
	--sn-dropdowncontent-bg: #fff;
	--sn-dropdowncontent-bg-hover: rgba(24,24,24,.14);
	--sn-dropdowncontent-logout-col: #a72e2e;
    --tutorials-body-color: #000;
    --heading-one-color: #000;
	--heading-two-color: #505050;
    --UI-tabs-bg: hsl(242, 56%, 53%);
    --UI-tabs-bg-hov: hsl(242, 51%, 42%);
    --UI-tabs-border-separator: #fff;
    --UI-search-container-bg: #f6f6f6;
    --UI-search-container-active: hsl(241.53deg 100% 95%);
    --UI-emoji-filter-bg: hsl(242.24deg 100% 72.08%);
    --UI-emoji-filter-bg-hov: hsl(242.24deg 55.83% 52.94%);
    --UI-emoji-box-bg: #f6f6f6;
    --UI-emoji-box-bg-hov: hsl(241.53deg 100% 95%);
    --UI-ach-desc-col: #404040;
    --UI-ach-arrow-btn-bg: hsl(241.53deg 100% 91.28%);
    --UI-ach-popup-img-bg: #f6f6f6;
    --UI-ach-msg-box-span-bg: #e4e4ff;


    --clr-picker-bg: #fff;
    --clr-picker-input-bg: #f6f6f6;

    --jobs-clr-1: hsl(0, 0%, 87%);
    --jobs-clr-2: hsl(242deg 94% 67%);
    --jobs-clr-3: hsl(0, 0%, 100%);
    --jobs-clr-4: hsl(0, 0%, 94%);
    --jobs-clr-5: hsl(0, 0%, 96%);
    --jobs-body-clr: hsl(0, 0%, 31%);
    --jobs-heading-clr: hsl(0, 0%, 0%);



    --jobs-searchbar-bg: hsl(0deg 0% 100% / 10%);
    --jobs-searchbar-bg-hov: white;
    --jobs-searchbar-txt-col: white;
    --jobs-searchbar-txt-col-hov: #121212;
    --jobs-intro-txt-col: white;
    --jobs-searchbar-btn-bg: white;
    --jobs-searchbar-btn-bg-hov: hsl(0deg 0% 100% / 75%);
    --jobs-searchbar-btn-txt-col: hsl(246, 70%, 34%);
    --jobs-bookmark-btn-col: #000;
    --jobs-bookmark-btn-border-col: hsl(0, 0%, 87%);
    --jobs-bookmark-active-bg: hsl(246deg 70% 34% / 15%);
    --jobs-bookmark-active-col: hsl(246, 70%, 34%);
    --jobs-checkmark-checked-bg: hsl(242deg 94% 67%);
    --jobs-checkmark-checked-border-col: hsl(242deg 94% 67%);
    --jobs-checkmark-border-col: hsl(0, 0%, 87%);
    --jobs-checkmark-check-sign-col: #fff;
    --jobs-tooltip-bg: hsl(242deg 94% 67%);

    --jobs-tag-1-bg-col: hsl(246deg 70% 34% / 15%);
    --jobs-tag-1-txt-col: hsl(246, 70%, 34%);
    --jobs-tag-2-bg-col: hsl(13deg 70% 34% / 15%);
    --jobs-tag-2-txt-col: hsl(13deg 70% 34%);
    --jobs-tag-3-bg-col: hsl(118deg 70% 34% / 15%);
    --jobs-tag-3-txt-col: hsl(118deg 70% 34%);
    --jobs-tag-4-bg-col: hsl(287deg 70% 34% / 15%);
    --jobs-tag-4-txt-col: hsl(287deg 70% 34%);
    --jobs-clear-btn-col: #c70f0f;
    --logo-name-gradient: linear-gradient(90deg, hsl(246, 70%, 34%) 0%, hsl(221, 57%, 55%) 100%);
    --logo-name-gradient-halloween: linear-gradient(90deg, hsl(354.33deg 49.8% 50%) 0%, hsl(348.92deg 71.43% 17.84%) 100%);
    --logo-name-gradient-valentinesday: linear-gradient(90deg, hsl(335.56deg 63.38% 58.24%) 0%, hsl(323.77deg 67.95% 30.59%) 100%);

    --jobs-load-more-bg: hsl(242, 94%, 67%);
    --jobs-load-more-btn-hov: hsl(242deg 45% 45%);

    --jobs-load-more-maximum-bg: hsl(242deg 94% 67% / 72%);

    --jobs-darkmode-toggler-btn-bg: hsl(0, 0%, 96%);
    --jobs-darkmode-toggler-btn-bg-hov: hsl(242deg 94% 67%);
    --jobs-darkmode-toggler-btn-col: hsl(0, 0%, 31%);
    --jobs-darkmode-toggler-btn-col-hov: white;

    --job-icon-clr: #000;

    --jobs-mobile-menu-header-col: #000;




    --text-color: #3e3f5e;
    --background-color: #f6f6f6;
    --navbar-background: white;
    --button-background: #4944ca;
    --button-background-hover: #3834a2;
    --component-background: #fff;
    --serverlist-tab-background: #eee;
    --serverlist-button-invitebot-background: #3ba4f7;
    --serverlist-button-invitebot-background-hover: #398bcc;
    --serverlist-button-dashboard-background: #32d07c;
    --serverlist-button-dashboard-background-hover: #35b772;
    --dropdown-content-background: #fff;
    --dropdown-content-logout-action: #a72e2e;
    --responsive-mobile-menu-background: #f6f6f6;
    --responsive-mobile-menu-close-x-border-color: #000;
    --responsive-mobile-menu-item-background: #fff;
    --responsive-mobile-menu-item-background-hover: #e5e5e5;
    --responsive-mobile-menu-item-active-color: #000;
    --plugins-page-item-background: #fff;
    --plugins-page-item-background-hover: #4944ca;
    --scrollbar-thumb-bg: #615dfa;
    --scrollbar-thumb-bg-hover: #3834a2;
    --scrollbar-track-bg: #fff;
    --page-header-border-color: #23d2e2;
    --box-container-background: #fff;
    --selection-background: #b3d4fc;
    --modal-inset-background: #f6f6f6;
    --modal-row-cell-background: #f6f6f6;
    --modal-row-cell-background-2: #615dfa;
    --span-roles-background: #fff;
    --box-container-hr-border-color: #eaeaea;
    --selectbox-background: #f6f6f6;
    --modal-buttons-shadow: 4px 7px 12px 0 rgb(35 210 226 / 20%);
    --modal-button-discard-background: rgb(116 116 116 / 65%);
    --modal-button-save-background: #23d2e2;
    --modal-button-save-background-hover: #19bac9;
    --modal-close-button-bg: #615dfa;
    --modal-close-button-bg-hover: #4944ca;
    --modal-close-button-shadow: 4px 7px 12px 0 rgb(35 210 226 / 20%);
    --checkmark-color: #000;
    --input-bg: #f6f6f6;
    --bot-info-warning-message-bg: #cb2323;
    --bot-m-tabledetails-bg: #fff;
    --bot-m-tabledetails-border-col: #f6f6f6;
    --bot-m-input-fields-bg: #f6f6f6;
    --focus-outline-bg: #4944ca;
    --desktop-nav-hover-effect-bg: hsl(0, 0%, 96%);
    --round-slider-bg: #ccc;
    --responsive-mobile-menu-border-item-collapsible: #e1e1e1;
    --bot-m-tabledetails-columns-border: #fff;
    --homepage-header-buttons-bg: #615dfa;
    --homepage-section-bg: #fff;
    --homepage-footer-bg: #615dfa;
    --footer-premium-container-bg: #4944ca;
    --homepage-btn-addtodiscord-bg: #615dfa;
    --homepage-btn-addtodiscord-bg-hover: #3834a2;
    --homepage-btn-features-bg: #3834a2;
    --homepage-btn-features-bg-hover: #4541e9;
    --homepage-section-hr-border-col: #f6f6f6;
    --slider-indicator-button-bg: #bbb;
    --slider-indicator-button-active: #615dfa;
    --slider-control-btn-bg: hsl(0deg 0% 0% / 45%);
    --slider-control-btn-bg-hov: hsl(0deg 0% 0% / 80%);
    --custom-selectdropdown-item-hover-bg: rgb(219 219 219);
    --music-bg: #615dfa;
    --music-controls-col: #2a2a2a;
    --checkmark-color: #000;
    --box-title-border-color: #eaeaea;
    --widget-container-bg: #f6f6f6;
    --innerdropdown-live-search-hover-tab-bg: #ddd;
    --plugin-emojiarea-color-text: #3e3f5e;
    --infotooltip-icon-border-col: #ebebeb;
    --emojipicker-header-bg: #f5f7f9;
    --emojipicker-selected-emoji-bg: #fff;
    --emoji-subheader-titles-bg: #fff;
    --box-content-warning-bg-col: hsl(0 73% 43%);
    --tooltip-bg-col: #fff;
    --tooltip-border-col: #ebebeb;
    --mod-checkmark-bg: #dcdcdc;
    --automoderator-divbox-bg-hov: #615dfa;
    --automoderator-btn-settings-bg: #fff;
    --loader-indicator-col: #333;
    --playlist-queueadd-track-bg-hov: #fff;
    --jbutton-chooser-col: #3e3f5e;
    --flat-hover-border-col: #959ea9;
    --flat-hover-bg-col: #959ea9;
    --lvl-reward-tabbg-col: #615dfa;
    --checkmrk-pseudo-col: #000;
    --lvl-reward-tabbg-col2: #f6f6f6;
    --demo-rankcard-bg: #fff;
    --demo-rankcard-border: #d6d6d6;
    --btn-schedule-timer-bg: #efefef;
    --btn-schedule-timer-bg-activebtn: #615dfa;
    --box-disabled-bckg: hsl(242deg 100% 62% / 74%);
    --button-close-popup-bckg: #efefef;
    --alertbox-button-accept-bg: hsl(242deg 94% 67%);
    --alertbox-button-accept-bg-hov: hsl(242deg 46% 50%);
    --alertbox-warning-indicator-col: hsl(21deg 96% 59%);
    --btn-timer-edit-bg: hsl(242deg 94% 67%);
    --btn-timer-edit-bg-hov: hsl(242, 56%, 53%);
    --btn-timer-delete-bg: hsl(0deg 92% 62%);
    --btn-timer-delete-bg-hov: hsl(0deg 61% 52%);
    --plugin-box-bg-col: white;
    --plugin-box-item-border-col: hsl(0, 0%, 88%);

    --report-btns-bg-col: hsl(242, 56%, 53%);
    --report-btns-active-bg: hsl(242, 51%, 42%);
    --tos-page-txt-col: #000;
    --tos-page-link-col: #2a2fe1;
    --rank-card-modal-active-tab-border-color: #3e3f5e;
    --levels-range-slider-bg: #ccc;
    --levels-range-slider-tracker-bullet-bg: #9b9b9b;
    --levels-range-slider-bullet-active-bg: #615dfa;
    --lb-button-bg: #615dfa;
    --lb-button-bg-hover: #4944ca;
    --lb-user-rank-card-bg: #615dfa;
    --lb-user-rank-card-edit-btn-border-col: #eaeaea;
    --lb-user-rank-card-separator-color: hsl(241.53deg 100% 73.83%);
    --lb-leader-table-row-bg-hover: #f6f6f6;
    --lb-leader-table-rank-circle-bg: #ebebeb;
    --lb-preload-animation-bg: #efefef;
    --lb-preload-animation-bg-before: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
    --selectbox-simplebox-bg-col-focus: #f6f6f6;
    --serverselector-outlinebox-col: #4944ca;
    --new-feature-badge-col: hsl(155.25deg 100% 12.99%);
    --sn-cmd-action-btn-bg: #615dfa;
    --sn-cmd-action-btn-color: #1f1f42;
    --sn-cmd-action-btn-color-hov: #fff;
    --sn-cooldown-widget-bg: #f6f6f6;
    --sn-cooldown-widget-btn-bg: #615dfa;
    --sn-cooldown-widget-btn-col: #7a7a7a;
    --sn-cooldown-widget-box-num-bg: #ebebeb;
    --sn-cmd-visibility-box-bg: #f6f6f6;
    --sn-cmd-popup-wrapper-bg: #ddd;
    --sn-dropdown-box-button-bg: #e5e5e5;
    --sn-dropdown-box-button-bg-hov: #615cfa;
    --sn-dropdown-box-box-bg: white;
    --sn-dropdown-box-item-hover-bg: #f6f6f6;
    --sn-dropdown-action-discard-btn-bg: hsl(0deg 100% 50% / 20%);
    --sn-dropdown-action-discard-btn-col: hsl(0deg 100% 25.2%);
    --alert-ig-box-spacer-bg: #d5d5d5;
    --sn-svlist-thead-tr-bg: #615dfa;
    --sn-svlist-tbody-td-border-col: #e1e1e1;
    --sn-svlist-table-wrapper-bg: white;
    --sn-svlist-status-paid: #5ecc5e;
    --sn-svlist-status-pending: #ffbd44;
    --sn-svlist-status-failed: #ff3a3a;
    --sn-svlist-table-tr-resp-border-col: #ddd;
    --normal-anchor-link-color: #4543a7;
    --select2-hoveritem-bg: rgb(219 219 219);
    --select2-selecteditem-bg: hsl(235deg 86% 65%);
    --tutpage-html-bg: #fff;
    --discord-community-server-bg: #f6f6f6;
    --discord-community-server-bg-hov: #615dfa;
    --sn-special-button-bg-color: hsl(344.81deg 58.11% 57.14%);
    --sn-special-button-bg-color-hov: hsl(344.81deg 100% 66.54%);
    --sn-box-container-alt-bg-color: hsl(344.81deg 58.11% 57.14% / 40%);
    --sn-box-container-alt-text-color: hsl(344.81deg 32.04% 22.66%);
    --sn-box-container-alt-button-bg-col: hsl(344.81deg 58.11% 57.14%);
    --sn-box-container-alt-button-bg-col-hov: hsl(344.81deg 100% 66.54%);
    --sn-levelbanner-container-bg: hsl(0deg 0% 100% / 60%);
    --sn-banner-container-shadow: hsl(241.53deg 94.01% 67.25% / 10%);
    --sn-levelboard-tabbtn-bg: hsl(242, 56%, 53%);
    --sn-levelboard-tabbtn-bg-hov: hsl(242, 51%, 42%);
    --sn-slideshow-btns-bg: #000;
    --sn-slideshow-dots-active: #615dfa;

    --snfooternew-grad-col-1: #615dfa;
	--snfooternew-grad-col-2: #363486;
	--snfooternew-label-col: #c4c4c4;
	--snfooterlangselector-bg: hsla(219.1, 100%, 71%, 0.5);
	--snfooterlangselector-bg-hov: hsla(219, 100%, 77%, 0.5);
	--snfooterlangselector-selectitems-wrapper-bg: hsl(228.3, 62.1%, 59.6%);
	--snfooterlangselector-selecteditems-bg: hsla(219, 100%, 77%, 0.5);

    --musicstats-container-bg: #fff;
    --musicstats-songcard-bg: #f6f6f6;
    --musicstats-artistname-col: #515151;


    background-color: var(--background-color) !important;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

body.dark-theme {
    --svlist-jumptopage-container-bg: hsla(0, 0%, 14%, 0.3);
    --svlist-jumptopage-container-border: #323232;
    
    --svlist-pagination-buttons-hover-bg: #3a3a3a;
    --slog-togglebox-bg: #3d3d3d;
    --slog-togglebox-box-bg: hsl(0, 0%, 17%);

    --radios-box-line-bg-hov: hsla(0, 0%, 22%, 0.5);
    --musicstats-songcard-bg: #262626;
    --musicstats-artistname-col: #aaaaaa;
    --musicstats-box-border-col: #343434;
    --radios-box-bg: #1e1e1e;
    --radios-box-border: #383838;
    --radios-search-bar-bg: #1e1e1e;
    --radios-search-bar-focused-bg: #383838;
    --radios-copy-btn-bg: hsl(0, 0%, 20%);
    --radios-copy-btn-bg-hov: hsl(0, 0%, 28%);

    --radios-jumpto-button-bg: #333333;
    --radios-jumpto-button-bg-hov: hsl(0, 0%, 28%);

    --radios-jumpto-inputbox-bg: #1e1e1e;
    --radios-jumpto-inputbox-border-col: #4d4d4d;

    --radios-pagination-button-bg: #333333;
    --radios-pagination-button-hov: #525252;

    --sn-usermenudropdown-box-bg: #181818;
    --sn-usermenudropdown-listitem-bg: hsl(0deg 0% 14.18%);
    --sn-usermenudropdown-item-logout-color: #ff6464;
    --sn-usermenudropdown-item-hr-color: hsl(0deg 0% 18.47%);

    --snfooternew-grad-col-1: rgba(38,38,38,1);
	--snfooternew-grad-col-2: rgba(22,22,22,1);
	--snfooternew-label-col: #bbbbbb;
	--snfooterlangselector-bg: hsl(0, 0%, 20%);
	--snfooterlangselector-bg-hov: hsl(0, 0%, 26%);
	--snfooterlangselector-selectitems-wrapper-bg: hsl(0, 0%, 20%);
	--snfooterlangselector-selecteditems-bg: hsl(0, 0%, 26%);

    --radios-jumpto-box-bg: #1e1e1e;
    --radios-jumpto-box-shadow: hsla(0, 0%, 0%, 0.25);

    --dark-900: hsl(0, 13%, 5%);
	--dark-800: hsl(0, 0%, 8%);
	--dark-700: hsl(0, 0%, 11%);
	--dark-600: hsl(0, 0%, 19%);
	--dark-500: hsl(0, 0%, 25%);
    --sn-newbtn-bg-hover: #222;
	--sn-newbtn-color: #fff;
	--sn-dropdowncontent-bg: #222;
	--sn-dropdowncontent-bg-hover: #333;
	--sn-dropdowncontent-logout-col: #ff9191;
    --tutorials-body-color: #bbb;
    --heading-one-color: #fff;
	--heading-two-color: #bbb;
    --UI-tabs-bg: hsl(0deg 0% 15%);
    --UI-tabs-bg-hov: hsl(0deg 0% 23%);
    --UI-tabs-border-separator: #1a1a1a;
    --UI-search-container-bg: hsl(0deg 0% 15%);
    --UI-search-container-active: hsl(0deg 0% 23%);
    --UI-emoji-filter-bg: hsl(246.99deg 25.98% 53.67%);
    --UI-emoji-filter-bg-hov: hsl(247deg 38.73% 35.5%);
    --UI-emoji-box-bg: hsl(0deg 0% 15%);
    --UI-emoji-box-bg-hov: hsl(0deg 0% 19%);
    --UI-ach-desc-col: #bcbcbc;
    --UI-ach-arrow-btn-bg: #454545;
    --UI-ach-popup-img-bg: #262626;
    --UI-ach-msg-box-span-bg: #171717;
    

    --clr-picker-bg: #262626;
    --clr-picker-input-bg: #363636;

    --jobs-clr-1: hsl(0, 0%, 87%);
    --jobs-clr-2: #1a1a1a;
    --jobs-clr-3: #1a1a1a;
    --jobs-clr-4: #262626;
    --jobs-clr-5: hsl(0, 0%, 96%);
    --jobs-body-clr: #ededed;
    --jobs-heading-clr: #fff;



    --jobs-searchbar-bg: #262626;
    --jobs-searchbar-bg-hov: #404040;
    --jobs-searchbar-txt-col: white;
    --jobs-searchbar-txt-col-hov: white;
    --jobs-intro-txt-col: #ededed;
    --jobs-searchbar-btn-bg: #262626;
    --jobs-searchbar-btn-bg-hov: #404040;
    --jobs-searchbar-btn-txt-col: white;
    --jobs-bookmark-btn-col: #fff;
    --jobs-bookmark-btn-border-col: #262626;
    --jobs-bookmark-active-bg: #262626;
    --jobs-bookmark-active-col: #fff;
    --jobs-checkmark-checked-bg: #404040;
    --jobs-checkmark-checked-border-col: #404040;
    --jobs-checkmark-border-col: #404040;
    --jobs-checkmark-check-sign-col: #fff;
    --jobs-tooltip-bg: #404040;

    --jobs-tag-1-bg-col: hsl(246deg 70% 34% / 50%);
    --jobs-tag-1-txt-col: hsl(246deg 100% 85%);

    --jobs-tag-2-bg-col: hsl(13deg 70% 34% / 50%);
    --jobs-tag-2-txt-col: hsl(13deg 100% 85%);

    --jobs-tag-3-bg-col: hsl(118deg 70% 34% / 50%);
    --jobs-tag-3-txt-col: hsl(118deg 100% 85%);

    --jobs-tag-4-bg-col: hsl(287deg 70% 34% / 50%);
    --jobs-tag-4-txt-col: hsl(287deg 100% 85%);
    --jobs-clear-btn-col: #ff8080;

    --logo-name-gradient: linear-gradient(90deg, hsl(221deg 95% 68%) 0%, hsl(229deg 75% 60%) 100%);
    --logo-name-gradient-halloween: linear-gradient(90deg, hsl(350.7deg 67.96% 50.84%) 0%, hsl(350.7deg 37.21% 52.34%) 100%);
    --logo-name-gradient-valentinesday: linear-gradient(90deg, hsl(335.56deg 100% 77.41%) 0%, hsl(323.77deg 49.84% 56.34%) 100%);

    --jobs-load-more-bg: #363636;
    --jobs-load-more-btn-hov: #262626;

    --jobs-load-more-maximum-bg: hsl(0deg 0% 21% / 72%);



    --jobs-darkmode-toggler-btn-bg: #262626;
    --jobs-darkmode-toggler-btn-bg-hov: #3b3b3b;
    --jobs-darkmode-toggler-btn-col: white;
    --jobs-darkmode-toggler-btn-col-hov: white;

    --job-icon-clr: #fff;

    --jobs-mobile-menu-header-col: #fff;


    --text-color: #ededed;
    --background-color: #0d0d0d;
    --navbar-background: #1a1a1a;
    --button-background: #262626;
    --button-background-hover: #3b3b3b;
    --component-background: #1a1a1a;
    --serverlist-tab-background: #262626;
    --serverlist-button-invitebot-background: #3a3a3a;
    --serverlist-button-invitebot-background-hover: #4a4a4a;
    --serverlist-button-dashboard-background: #525252;
    --serverlist-button-dashboard-background-hover: #626262;
    --dropdown-content-background: #262626;
    --dropdown-content-logout-action: #ff9191;
    --responsive-mobile-menu-background: #0d0d0d;
    --responsive-mobile-menu-close-x-border-color: #fff;
    --responsive-mobile-menu-item-background: #1a1a1a;
    --responsive-mobile-menu-item-background-hover: #3b3b3b;
    --responsive-mobile-menu-item-active-color: #ededed;
    --plugins-page-item-background: #1a1a1a;
    --plugins-page-item-background-hover: #262626;
    --scrollbar-thumb-bg: #3b3b3b;
    --scrollbar-thumb-bg-hover: #4d4d4d;
    --scrollbar-track-bg: #262626;
    --page-header-border-color: #1a1a1a;
    --box-container-background: #1a1a1a;
    --selection-background: #fff;
    --modal-inset-background: #0d0d0d;
    --modal-row-cell-background: #262626;
    --modal-row-cell-background-2: #323232;
    --span-roles-background: #3b3b3b;
    --box-container-hr-border-color: #262626;
    --selectbox-background: #262626;
    --modal-buttons-shadow: none;
    --modal-button-discard-background: #262626;
    --modal-button-discard-background-hover: #323232;
    --modal-button-save-background: #3e3e3e;
    --modal-button-save-background-hover: #505050;
    --modal-close-button-bg: #262626;
    --modal-close-button-bg-hover: #3e3e3e;
    --modal-close-button-shadow: none;
    --checkmark-color: #fff;
    --input-bg: #0d0d0d;
    --bot-info-warning-message-bg: #4a1414;
    --bot-m-tabledetails-bg: #1a1a1a;
    --bot-m-tabledetails-border-col: #262626;
    --bot-m-input-fields-bg: #262626;
    --focus-outline-bg: #262626;
    --desktop-nav-hover-effect-bg: #262626;
    --round-slider-bg: #3b3b3b;
    --responsive-mobile-menu-border-item-collapsible: #262626;
    --bot-m-tabledetails-columns-border: #262626;
    --homepage-header-buttons-bg: #262626;
    --homepage-section-bg: #1a1a1a;
    --homepage-footer-bg: #1a1a1a;
    --footer-premium-container-bg: #262626;
    --homepage-btn-addtodiscord-bg: #3b3b3b;
    --homepage-btn-addtodiscord-bg-hover: #404040;
    --homepage-btn-features-bg: #262626;
    --homepage-btn-features-bg-hover: #404040;
    --homepage-section-hr-border-col: #262626;
    --slider-indicator-button-bg: #3b3b3b;
    --slider-indicator-button-active: #f6f6f6;
    --slider-control-btn-bg: hsl(0deg 0% 15%);
    --slider-control-btn-bg-hov: hsl(0deg 0% 25%);
    --custom-selectdropdown-item-hover-bg: #3b3b3b;
    --music-bg: #262626;
    --music-controls-col: #fff;
    --checkmark-color: #fff;
    --box-title-border-color: #262626;
    --widget-container-bg: #262626;
    --innerdropdown-live-search-hover-tab-bg: #3b3b3b;
    --plugin-emojiarea-color-text: hsl(0deg 0% 93%);
    --infotooltip-icon-border-col: #3b3b3b;
    --emojipicker-header-bg: #323232;
    --emojipicker-selected-emoji-bg: #505050;
    --emoji-subheader-titles-bg: #3b3b3b;
    --box-content-warning-bg-col: hsl(0 73% 20%);
    --tooltip-bg-col: #3e3e3e;
    --tooltip-border-col: #545454;
    --mod-checkmark-bg: #5a5a5a;
    --automoderator-divbox-bg-hov: #323232;
    --automoderator-btn-settings-bg: #444;
    --loader-indicator-col: #fff;
    --playlist-queueadd-track-bg-hov: #383838;
    --jbutton-chooser-col: #8986ff;
    --flat-hover-border-col: #4e4e4e;
    --flat-hover-bg-col: #444;
    --lvl-reward-tabbg-col: #444;
    --checkmrk-pseudo-col: #fff;
    --lvl-reward-tabbg-col2: #262626;
    --demo-rankcard-bg: #2a2a2a;
    --demo-rankcard-border: #343434;
    --btn-schedule-timer-bg: #3b3b3b;
    --btn-schedule-timer-bg-activebtn: #38369f;
    --box-disabled-bckg: hsl(223deg 65% 27% / 44%);
    --button-close-popup-bckg: #3a3a3a;
    --alertbox-button-accept-bg: #3a3a3a;
    --alertbox-button-accept-bg-hov: hsl(0, 0%, 31%);
    --alertbox-warning-indicator-col: white;
    --btn-timer-edit-bg: #383838;
    --btn-timer-edit-bg-hov: #5a5a5a;
    --btn-timer-delete-bg: hsl(0deg 53% 36%);
    --btn-timer-delete-bg-hov: hsl(0deg 67% 57%);
    --plugin-box-bg-col: #222222;
    --plugin-box-item-border-col: hsl(0deg 0% 20%);

    --decoration-box-filter-effect: brightness(0.01);

    --report-btns-bg-col: hsl(0deg 0% 15%);
    --report-btns-active-bg: hsl(0deg 0% 23%);

    --tos-page-txt-col: #fff;
    --tos-page-link-col: #9598ff;

    --rank-card-modal-active-tab-border-color: #ededed;
    --levels-range-slider-bg: #3e3e3e;
    --levels-range-slider-tracker-bullet-bg: #707070;
    --levels-range-slider-bullet-active-bg: #615dfa;
    --lb-button-bg: #262626;
    --lb-button-bg-hover: #3b3b3b;
    --lb-user-rank-card-bg: #262626;
    --lb-user-rank-card-edit-btn-border-col: #262626;
    --lb-user-rank-card-separator-color: hsl(0deg 0% 24.41%);
    --lb-leader-table-row-bg-hover: #262626;
    --lb-leader-table-rank-circle-bg: #404040;
    --lb-preload-animation-bg: #262626;
    --lb-preload-animation-bg-before: linear-gradient(to right, rgb(255 255 255 / 0%) 46%, rgb(255 255 255 / 10%) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
    --selectbox-simplebox-bg-col-focus: #3b3b3b;
    --serverselector-outlinebox-col: #262626;
    --new-feature-badge-col: hsl(155.25deg 100% 54.96%);
    --sn-cmd-action-btn-bg: #323232;
    --sn-cmd-action-btn-color: #ccc;
    --sn-cmd-action-btn-color-hov: #fff;
    --sn-cooldown-widget-bg: #262626;
    --sn-cooldown-widget-btn-bg: #444444;
    --sn-cooldown-widget-btn-col: #7a7a7a;
    --sn-cooldown-widget-box-num-bg: #343434;
    --sn-cmd-visibility-box-bg: hsl(223, 7%, 21%);
    --sn-cmd-popup-wrapper-bg: #141414;
    --sn-dropdown-box-button-bg: #3b3b3b;
    --sn-dropdown-box-button-bg-hov: #484848;
    --sn-dropdown-box-box-bg: #303030;
    --sn-dropdown-box-item-hover-bg: #444;
    --sn-dropdown-action-discard-btn-bg: hsl(0deg 100% 50% / 20%);
    --sn-dropdown-action-discard-btn-col: hsl(0deg 100% 75%);
    --alert-ig-box-spacer-bg: #4e4e4e;
    --sn-svlist-thead-tr-bg: #4e4e4e;
    --sn-svlist-tbody-td-border-col: #262626;
    --sn-svlist-table-wrapper-bg: #1a1a1a;
    --sn-svlist-status-paid: hsl(120 52% 38% / 1);
    --sn-svlist-status-pending: hsl(39 100% 43% / 1);
    --sn-svlist-status-failed: hsl(0 100% 41% / 1);
    --sn-svlist-table-tr-resp-border-col: #404040;
    --normal-anchor-link-color: #d5d4ff;
    --select2-hoveritem-bg: #3b3b3b;
    --select2-selecteditem-bg: #38369f;
    --tutpage-html-bg: hsl(0, 13%, 5%);

    --discord-community-server-bg: #262626;
    --discord-community-server-bg-hov: #363636;

    --sn-special-button-bg-color: hsl(240.95deg 35.59% 34.71%);
    --sn-special-button-bg-color-hov: #4c4b9c;

    --sn-box-container-alt-bg-color: hsl(240.95deg 35.59% 34.71% / 60%);
    --sn-box-container-alt-text-color: hsl(240.95deg 68.97% 81.22%);
    --sn-box-container-alt-button-bg-col: hsl(240.95deg 33.04% 33.85% / 60%);
    --sn-box-container-alt-button-bg-col-hov: hsl(240.95deg 31.83% 41.81%);

    --sn-levelbanner-container-bg: hsl(0deg 0% 10.2% / 30%);
    --sn-banner-container-shadow: hsl(241.53deg 94.01% 67.25% / 10%);

    --sn-levelboard-tabbtn-bg: hsl(0deg 0% 15%);
    --sn-levelboard-tabbtn-bg-hov: hsl(0deg 0% 23%);
    --sn-slideshow-btns-bg: #575757;
    --sn-slideshow-dots-active: #888;

    --musicstats-container-bg: #1a1a1a;
}

@media (prefers-color-scheme:dark) {
    body {
        --svlist-jumptopage-container-bg: hsla(0, 0%, 14%, 0.3);
        --svlist-jumptopage-container-border: #323232;
        --svlist-pagination-buttons-hover-bg: #3a3a3a;
        --slog-togglebox-bg: #3d3d3d;
        --slog-togglebox-box-bg: hsl(0, 0%, 17%);
        --radios-jumpto-box-bg: #1e1e1e;
        --radios-jumpto-box-shadow: hsla(0, 0%, 0%, 0.25);

        --radios-box-line-bg-hov: hsla(0, 0%, 22%, 0.5);
        --musicstats-songcard-bg: #262626;
        --sn-usermenudropdown-box-bg: #181818;
        --sn-usermenudropdown-listitem-bg: hsl(0deg 0% 14.18%);
        --sn-usermenudropdown-item-logout-color: #ff6464;
        --sn-usermenudropdown-item-hr-color: hsl(0deg 0% 18.47%);
        --musicstats-artistname-col: #aaaaaa;
        --musicstats-box-border-col: #343434;
        --radios-box-bg: #1e1e1e;
        --radios-box-border: #383838;
        --radios-search-bar-bg: #1e1e1e;
        --radios-search-bar-focused-bg: #383838;
        --radios-copy-btn-bg: hsl(0, 0%, 20%);
        --radios-copy-btn-bg-hov: hsl(0, 0%, 28%);

        --radios-jumpto-button-bg: #333333;
        --radios-jumpto-button-bg-hov: hsl(0, 0%, 28%);

        --radios-jumpto-inputbox-bg: #1e1e1e;
        --radios-jumpto-inputbox-border-col: #4d4d4d;

        --radios-pagination-button-bg: #333333;
    --radios-pagination-button-hov: #525252;

        --snfooternew-grad-col-1: rgba(38,38,38,1);
	--snfooternew-grad-col-2: rgba(22,22,22,1);
	--snfooternew-label-col: #bbbbbb;
	--snfooterlangselector-bg: hsl(0, 0%, 20%);
	--snfooterlangselector-bg-hov: hsl(0, 0%, 26%);
	--snfooterlangselector-selectitems-wrapper-bg: hsl(0, 0%, 20%);
	--snfooterlangselector-selecteditems-bg: hsl(0, 0%, 26%);

        --dark-900: hsl(0, 13%, 5%);
        --dark-800: hsl(0, 0%, 8%);
        --dark-700: hsl(0, 0%, 11%);
        --dark-600: hsl(0, 0%, 19%);
        --dark-500: hsl(0, 0%, 25%);
        --sn-newbtn-bg-hover: #222;
        --sn-newbtn-color: #fff;
        --sn-dropdowncontent-bg: #222;
        --sn-dropdowncontent-bg-hover: #333;
        --sn-dropdowncontent-logout-col: #ff9191;
        --tutorials-body-color: #bbb;
        --heading-one-color: #fff;
	--heading-two-color: #bbb;
    --UI-tabs-bg: hsl(0deg 0% 15%);
    --UI-tabs-bg-hov: hsl(0deg 0% 23%);
    --UI-tabs-border-separator: #1a1a1a;
    --UI-search-container-bg: hsl(0deg 0% 15%);
    --UI-search-container-active: hsl(0deg 0% 23%);
    --UI-emoji-filter-bg: hsl(246.99deg 25.98% 53.67%);
    --UI-emoji-filter-bg-hov: hsl(247deg 38.73% 35.5%);
    --UI-emoji-box-bg: hsl(0deg 0% 15%);
    --UI-emoji-box-bg-hov: hsl(0deg 0% 19%);
    --UI-ach-desc-col: #bcbcbc;
    --UI-ach-arrow-btn-bg: #454545;
    --UI-ach-popup-img-bg: #262626;
    --UI-ach-msg-box-span-bg: #171717;
    
 

        --clr-picker-bg: #262626;
        --clr-picker-input-bg: #363636;

        --jobs-clr-1: hsl(0, 0%, 87%);
        --jobs-clr-2: #1a1a1a;
        --jobs-clr-3: #1a1a1a;
        --jobs-clr-4: #262626;
        --jobs-clr-5: hsl(0, 0%, 96%);
        --jobs-body-clr: #ededed;
        --jobs-heading-clr: #fff;


        --jobs-searchbar-bg: #262626;
        --jobs-searchbar-bg-hov: #404040;
        --jobs-searchbar-txt-col: white;
        --jobs-searchbar-txt-col-hov: white;
        --jobs-intro-txt-col: #ededed;
        --jobs-searchbar-btn-bg: #262626;
        --jobs-searchbar-btn-bg-hov: #404040;
        --jobs-searchbar-btn-txt-col: white;
        --jobs-bookmark-btn-col: #fff;
        --jobs-bookmark-btn-border-col: #262626;
        --jobs-bookmark-active-bg: #262626;
        --jobs-bookmark-active-col: #fff;
        --jobs-checkmark-checked-bg: #404040;
        --jobs-checkmark-checked-border-col: #404040;
        --jobs-checkmark-border-col: #404040;
        --jobs-checkmark-check-sign-col: #fff;
        --jobs-tooltip-bg: #404040;

        --jobs-tag-1-bg-col: hsl(246deg 70% 34% / 50%);
        --jobs-tag-1-txt-col: hsl(246deg 100% 85%);

        --jobs-tag-2-bg-col: hsl(13deg 70% 34% / 50%);
        --jobs-tag-2-txt-col: hsl(13deg 100% 85%);

        --jobs-tag-3-bg-col: hsl(118deg 70% 34% / 50%);
        --jobs-tag-3-txt-col: hsl(118deg 100% 85%);

        --jobs-tag-4-bg-col: hsl(287deg 70% 34% / 50%);
        --jobs-tag-4-txt-col: hsl(287deg 100% 85%);

        --jobs-clear-btn-col: #ff8080;
        --logo-name-gradient: linear-gradient(90deg, hsl(221deg 95% 68%) 0%, hsl(229deg 75% 60%) 100%);
        --logo-name-gradient-halloween: linear-gradient(90deg, hsl(350.7deg 67.96% 50.84%) 0%, hsl(350.7deg 37.21% 52.34%) 100%);
        --logo-name-gradient-valentinesday: linear-gradient(90deg, hsl(335.56deg 100% 77.41%) 0%, hsl(323.77deg 49.84% 56.34%) 100%);
        
        --jobs-load-more-bg: #363636;
        --jobs-load-more-btn-hov: #262626;

        --jobs-load-more-maximum-bg: hsl(0deg 0% 21% / 72%);


        --jobs-darkmode-toggler-btn-bg: #262626;
        --jobs-darkmode-toggler-btn-bg-hov: #3b3b3b;
        --jobs-darkmode-toggler-btn-col: white;
        --jobs-darkmode-toggler-btn-col-hov: white;

        --job-icon-clr: #fff;

        --jobs-mobile-menu-header-col: #fff;

        --text-color: #ededed;
        --background-color: #0d0d0d;
        --navbar-background: #1a1a1a;
        --button-background: #262626;
        --button-background-hover: #3b3b3b;
        --component-background: #1a1a1a;
        --serverlist-tab-background: #262626;
        --serverlist-button-invitebot-background: #3a3a3a;
        --serverlist-button-invitebot-background-hover: #4a4a4a;
        --serverlist-button-dashboard-background: #525252;
        --serverlist-button-dashboard-background-hover: #626262;
        --dropdown-content-background: #262626;
        --dropdown-content-logout-action: #ff9191;
        --responsive-mobile-menu-background: #0d0d0d;
        --responsive-mobile-menu-close-x-border-color: #fff;
        --responsive-mobile-menu-item-background: #1a1a1a;
        --responsive-mobile-menu-item-background-hover: #3b3b3b;
        --responsive-mobile-menu-item-active-color: #ededed;
        --plugins-page-item-background: #1a1a1a;
        --plugins-page-item-background-hover: #262626;
        --scrollbar-thumb-bg: #3b3b3b;
        --scrollbar-thumb-bg-hover: #4d4d4d;
        --scrollbar-track-bg: #262626;
        --page-header-border-color: #1a1a1a;
        --box-container-background: #1a1a1a;
        --selection-background: #fff;
        --modal-inset-background: #0d0d0d;
        --modal-row-cell-background: #262626;
        --modal-row-cell-background-2: #323232;
        --span-roles-background: #3b3b3b;
        --box-container-hr-border-color: #262626;
        --selectbox-background: #262626;
        --modal-buttons-shadow: none;
        --modal-button-discard-background: #262626;
        --modal-button-discard-background-hover: #323232;
        --modal-button-save-background: #3e3e3e;
        --modal-button-save-background-hover: #505050;
        --modal-close-button-bg: #262626;
        --modal-close-button-bg-hover: #3e3e3e;
        --modal-close-button-shadow: none;
        --checkmark-color: #fff;
        --input-bg: #0d0d0d;
        --bot-info-warning-message-bg: #4a1414;
        --bot-m-tabledetails-bg: #1a1a1a;
        --bot-m-tabledetails-border-col: #262626;
        --bot-m-input-fields-bg: #262626;
        --focus-outline-bg: #262626;
        --desktop-nav-hover-effect-bg: #262626;
        --round-slider-bg: #3b3b3b;
        --responsive-mobile-menu-border-item-collapsible: #262626;
        --bot-m-tabledetails-columns-border: #262626;
        --homepage-header-buttons-bg: #262626;
        --homepage-section-bg: #1a1a1a;
        --homepage-footer-bg: #1a1a1a;
        --footer-premium-container-bg: #262626;
        --homepage-btn-addtodiscord-bg: #3b3b3b;
        --homepage-btn-addtodiscord-bg-hover: #404040;
        --homepage-btn-features-bg: #262626;
        --homepage-btn-features-bg-hover: #404040;
        --homepage-section-hr-border-col: #262626;
        --slider-indicator-button-bg: #3b3b3b;
        --slider-indicator-button-active: #f6f6f6;
        --slider-control-btn-bg: hsl(0deg 0% 15%);
        --slider-control-btn-bg-hov: hsl(0deg 0% 25%);
        --custom-selectdropdown-item-hover-bg: #3b3b3b;
        --music-bg: #262626;
        --music-controls-col: #fff;
        --box-title-border-color: #262626;
        --widget-container-bg: #262626;
        --innerdropdown-live-search-hover-tab-bg: #3b3b3b;
        --plugin-emojiarea-color-text: hsl(0deg 0% 93%);
        --infotooltip-icon-border-col: #3b3b3b;
        --emojipicker-header-bg: #323232;
        --emojipicker-selected-emoji-bg: #505050;
        --emoji-subheader-titles-bg: #3b3b3b;
        --box-content-warning-bg-col: hsl(0 73% 20%);
        --tooltip-bg-col: #3e3e3e;
        --tooltip-border-col: #545454;
        --mod-checkmark-bg: #5a5a5a;
        --automoderator-divbox-bg-hov: #323232;
        --automoderator-btn-settings-bg: #444;
        --loader-indicator-col: #fff;
        --playlist-queueadd-track-bg-hov: #383838;
        --jbutton-chooser-col: #8986ff;
        --flat-hover-border-col: #4e4e4e;
        --flat-hover-bg-col: #444;
        --lvl-reward-tabbg-col: #444;
        --checkmrk-pseudo-col: #fff;
        --lvl-reward-tabbg-col2: #262626;
        --demo-rankcard-bg: #2a2a2a;
        --demo-rankcard-border: #343434;
        --btn-schedule-timer-bg: #3b3b3b;
        --btn-schedule-timer-bg-activebtn: #38369f;
        --box-disabled-bckg: hsl(223deg 65% 27% / 44%);
        --chart-gridline-color: #303030;
        --button-close-popup-bckg: #3a3a3a;
        --alertbox-button-accept-bg: #3a3a3a;
        --alertbox-button-accept-bg-hov: hsl(0, 0%, 31%);
        --alertbox-warning-indicator-col: white;
        --btn-timer-edit-bg: #383838;
        --btn-timer-edit-bg-hov: #5a5a5a;
        --btn-timer-delete-bg: hsl(0deg 53% 36%);
        --btn-timer-delete-bg-hov: hsl(0deg 67% 57%);
        --plugin-box-bg-col: #222222;
        --plugin-box-item-border-col: hsl(0deg 0% 20%);
        --decoration-box-filter-effect: brightness(0.01);

        --report-btns-bg-col: hsl(0deg 0% 15%);
        --report-btns-active-bg: hsl(0deg 0% 23%);

        --tos-page-txt-col: #fff;
        --tos-page-link-col: #9598ff;

        --rank-card-modal-active-tab-border-color: #ededed;
        --levels-range-slider-bg: #3e3e3e;
        --levels-range-slider-tracker-bullet-bg: #707070;
        --levels-range-slider-bullet-active-bg: #615dfa;
        --lb-button-bg: #262626;
        --lb-button-bg-hover: #3b3b3b;
        --lb-user-rank-card-bg: #262626;
        --lb-user-rank-card-edit-btn-border-col: #262626;
        --lb-user-rank-card-separator-color: hsl(0deg 0% 24.41%);
        --lb-leader-table-row-bg-hover: #262626;
        --lb-leader-table-rank-circle-bg: #404040;
        --lb-preload-animation-bg: #262626;
        --lb-preload-animation-bg-before: linear-gradient(to right, rgb(255 255 255 / 0%) 46%, rgb(255 255 255 / 10%) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
        --selectbox-simplebox-bg-col-focus: #3b3b3b;
        --serverselector-outlinebox-col: #262626;
        --new-feature-badge-col: hsl(155.25deg 100% 54.96%);
        --sn-cmd-action-btn-bg: #323232;
        --sn-cmd-action-btn-color: #ccc;
        --sn-cmd-action-btn-color-hov: #fff;
        --sn-cooldown-widget-bg: #262626;
        --sn-cooldown-widget-btn-bg: #444444;
        --sn-cooldown-widget-btn-col: #7a7a7a;
        --sn-cooldown-widget-box-num-bg: #343434;
        --sn-cmd-visibility-box-bg: hsl(223, 7%, 21%);
        --sn-cmd-popup-wrapper-bg: #141414;
        --sn-dropdown-box-button-bg: #3b3b3b;
        --sn-dropdown-box-button-bg-hov: #484848;
        --sn-dropdown-box-box-bg: #303030;
        --sn-dropdown-box-item-hover-bg: #444;
        --sn-dropdown-action-discard-btn-bg: hsl(0deg 100% 50% / 20%);
        --sn-dropdown-action-discard-btn-col: hsl(0deg 100% 75%);
        --alert-ig-box-spacer-bg: #4e4e4e;
        --sn-svlist-thead-tr-bg: #4e4e4e;
        --sn-svlist-tbody-td-border-col: #262626;
        --sn-svlist-table-wrapper-bg: #1a1a1a;
        --sn-svlist-status-paid: hsl(120 52% 38% / 1);
        --sn-svlist-status-pending: hsl(39 100% 43% / 1);
        --sn-svlist-status-failed: hsl(0 100% 41% / 1);
        --sn-svlist-table-tr-resp-border-col: #404040;
        --normal-anchor-link-color: #d5d4ff;
        --select2-hoveritem-bg: #3b3b3b;
        --select2-selecteditem-bg: #38369f;
        --tutpage-html-bg: hsl(0, 13%, 5%);

        --discord-community-server-bg: #262626;
        --discord-community-server-bg-hov: #363636;

        --sn-special-button-bg-color: hsl(240.95deg 35.59% 34.71%);
        --sn-special-button-bg-color-hov: #4c4b9c;

        --sn-box-container-alt-bg-color: hsl(240.95deg 35.59% 34.71% / 60%);
        --sn-box-container-alt-text-color: hsl(240.95deg 68.97% 81.22%);
        --sn-box-container-alt-button-bg-col: hsl(240.95deg 33.04% 33.85% / 60%);
        --sn-box-container-alt-button-bg-col-hov: hsl(240.95deg 31.83% 41.81%);

        --sn-levelbanner-container-bg: hsl(0deg 0% 10.2% / 30%);
        --sn-banner-container-shadow: hsl(241.53deg 94.01% 67.25% / 10%);

        --sn-levelboard-tabbtn-bg: hsl(0deg 0% 15%);
        --sn-levelboard-tabbtn-bg-hov: hsl(0deg 0% 23%);
        --sn-slideshow-btns-bg: #575757;
        --sn-slideshow-dots-active: #888;

        --musicstats-container-bg: #1a1a1a;
    }

    body.light-theme {
        --svlist-jumptopage-container-bg: rgba(255, 255, 255, 0.3);
        --svlist-jumptopage-container-border: #dadada;
        --svlist-pagination-buttons-hover-bg: #615dfa;
        --slog-togglebox-bg: #a2a2a2;
        --slog-togglebox-box-bg: hsl(0, 0%, 73%);
        --radios-jumpto-box-bg: white;
        --radios-jumpto-box-shadow: hsla(0, 0%, 0%, 0.25);

        --radios-box-line-bg-hov: hsla(0, 0%, 91%, 0.5);
        --musicstats-songcard-bg: #f6f6f6;
        --musicstats-container-bg: #fff;
        --sn-usermenudropdown-box-bg: white;
        --sn-usermenudropdown-listitem-bg: hsl(241.53deg 100% 95%);
        --sn-usermenudropdown-item-logout-color: #ff0000;
        --sn-usermenudropdown-item-hr-color: hsl(0deg 0% 88%);
        --musicstats-artistname-col: #515151;
        --musicstats-box-border-col: #dedede;
        --radios-box-bg: white;
        --radios-box-border: #e8e8e8;
        --radios-search-bar-bg: white;
        --radios-search-bar-focused-bg: #e3e3e3;
        --radios-copy-btn-bg: hsl(221, 57%, 55%);
        --radios-copy-btn-bg-hov: hsl(221, 57%, 40%);
        --radios-jumpto-button-bg-hov: hsl(221, 57%, 40%);

        --radios-jumpto-button-bg: #4b74ce;

        --radios-jumpto-inputbox-bg: #fff;
    --radios-jumpto-inputbox-border-col: #d1d1d1;

    --radios-pagination-button-bg: #4b74ce;
    --radios-pagination-button-hov: #2a4683;

        --snfooternew-grad-col-1: #615dfa;
        --snfooternew-grad-col-2: #363486;
        --snfooternew-label-col: #c4c4c4;
        --snfooterlangselector-bg: hsla(219.1, 100%, 71%, 0.5);
        --snfooterlangselector-bg-hov: hsla(219, 100%, 77%, 0.5);
        --snfooterlangselector-selectitems-wrapper-bg: hsl(228.3, 62.1%, 59.6%);
        --snfooterlangselector-selecteditems-bg: hsla(219, 100%, 77%, 0.5);

        --dark-900: hsl(0, 0%, 100%);
        --dark-800: hsl(0, 0%, 95%);
        --dark-700: hsl(0, 0%, 90%);
        --dark-600: hsl(0, 0%, 85%);
        --dark-500: hsl(0, 0%, 80%);
        --sn-newbtn-bg-hover: hsl(241.53deg 100% 95%);
        --sn-newbtn-color: #000;
        --sn-dropdowncontent-bg: #fff;
        --sn-dropdowncontent-bg-hover: rgba(24,24,24,.14);
        --sn-dropdowncontent-logout-col: #a72e2e;
        --tutorials-body-color: #000;
        --heading-one-color: #000;
	--heading-two-color: #505050;
    --UI-tabs-bg: hsl(242, 56%, 53%);
    --UI-tabs-bg-hov: hsl(242, 51%, 42%);
    --UI-tabs-border-separator: #fff;
    --UI-search-container-bg: #f6f6f6;
    --UI-search-container-active: hsl(241.53deg 100% 95%);
    --UI-emoji-filter-bg: hsl(242.24deg 100% 72.08%);
    --UI-emoji-filter-bg-hov: hsl(242.24deg 55.83% 52.94%);
    --UI-emoji-box-bg: #f6f6f6;
    --UI-emoji-box-bg-hov: hsl(241.53deg 100% 95%);
    --UI-ach-desc-col: #404040;
    --UI-ach-arrow-btn-bg: hsl(241.53deg 100% 91.28%);
    --UI-ach-popup-img-bg: #f6f6f6;
    --UI-ach-msg-box-span-bg: #e4e4ff;

        --clr-picker-bg: #fff;
        --clr-picker-input-bg: #f6f6f6;

        --jobs-clr-1: hsl(0, 0%, 87%);
        --jobs-clr-2: hsl(242deg 94% 67%);
        --jobs-clr-3: hsl(0, 0%, 100%);
        --jobs-clr-4: hsl(0, 0%, 94%);
        --jobs-clr-5: hsl(0, 0%, 96%);
        --jobs-body-clr: hsl(0, 0%, 31%);
        --jobs-heading-clr: hsl(0, 0%, 0%);

        --jobs-searchbar-bg: hsl(0deg 0% 100% / 10%);
        --jobs-searchbar-bg-hov: white;
        --jobs-searchbar-txt-col: white;
        --jobs-searchbar-txt-col-hov: #121212;
        --jobs-intro-txt-col: white;
        --jobs-searchbar-btn-bg: white;
        --jobs-searchbar-btn-bg-hov: hsl(0deg 0% 100% / 75%);
        --jobs-searchbar-btn-txt-col: hsl(246, 70%, 34%);
        --jobs-bookmark-btn-col: #000;
        --jobs-bookmark-btn-border-col: hsl(0, 0%, 87%);
        --jobs-bookmark-active-bg: hsl(246deg 70% 34% / 15%);
        --jobs-bookmark-active-col: hsl(246, 70%, 34%);
        --jobs-checkmark-checked-bg: hsl(242deg 94% 67%);
        --jobs-checkmark-checked-border-col: hsl(242deg 94% 67%);
        --jobs-checkmark-border-col: hsl(0, 0%, 87%);
        --jobs-checkmark-check-sign-col: #fff;
        --jobs-tooltip-bg: hsl(242deg 94% 67%);

        --jobs-tag-1-bg-col: hsl(246deg 70% 34% / 15%);
        --jobs-tag-1-txt-col: hsl(246, 70%, 34%);

        --jobs-tag-2-bg-col: hsl(13deg 70% 34% / 15%);
        --jobs-tag-2-txt-col: hsl(13deg 70% 34%);

        --jobs-tag-3-bg-col: hsl(118deg 70% 34% / 15%);
        --jobs-tag-3-txt-col: hsl(118deg 70% 34%);

        --jobs-tag-4-bg-col: hsl(287deg 70% 34% / 15%);
        --jobs-tag-4-txt-col: hsl(287deg 70% 34%);

        --jobs-clear-btn-col: #c70f0f;

        --logo-name-gradient: linear-gradient(90deg, hsl(246, 70%, 34%) 0%, hsl(221, 57%, 55%) 100%);
        --logo-name-gradient-halloween: linear-gradient(90deg, hsl(354.33deg 49.8% 50%) 0%, hsl(348.92deg 71.43% 17.84%) 100%);
        --logo-name-gradient-valentinesday: linear-gradient(90deg, hsl(335.56deg 63.38% 58.24%) 0%, hsl(323.77deg 67.95% 30.59%) 100%);

        --jobs-load-more-bg: hsl(242, 94%, 67%);
        --jobs-load-more-btn-hov: hsl(242deg 45% 45%);

        --jobs-load-more-maximum-bg: hsl(242deg 94% 67% / 72%);


        --jobs-darkmode-toggler-btn-bg: hsl(0, 0%, 96%);
        --jobs-darkmode-toggler-btn-bg-hov: hsl(242deg 94% 67%);
        --jobs-darkmode-toggler-btn-col: hsl(0, 0%, 31%);
        --jobs-darkmode-toggler-btn-col-hov: white;

        --job-icon-clr: #000;

        --jobs-mobile-menu-header-col: #000;

        --text-color: #3e3f5e;
        --background-color: #f6f6f6;
        --navbar-background: white;
        --button-background: #4944ca;
        --button-background-hover: #3834a2;
        --component-background: #fff;
        --serverlist-tab-background: #eee;
        --serverlist-button-invitebot-background: #3ba4f7;
        --serverlist-button-invitebot-background-hover: #398bcc;
        --serverlist-button-dashboard-background: #32d07c;
        --serverlist-button-dashboard-background-hover: #35b772;
        --dropdown-content-background: #fff;
        --dropdown-content-logout-action: #a72e2e;
        --responsive-mobile-menu-background: #f6f6f6;
        --responsive-mobile-menu-close-x-border-color: #000;
        --responsive-mobile-menu-item-background: #fff;
        --responsive-mobile-menu-item-background-hover: #e5e5e5;
        --responsive-mobile-menu-item-active-color: #000;
        --plugins-page-item-background: #fff;
        --plugins-page-item-background-hover: #4944ca;
        --scrollbar-thumb-bg: #615dfa;
        --scrollbar-thumb-bg-hover: #3834a2;
        --scrollbar-track-bg: #fff;
        --page-header-border-color: #23d2e2;
        --box-container-background: #fff;
        --selection-background: #b3d4fc;
        --modal-inset-background: #f6f6f6;
        --modal-row-cell-background: #f6f6f6;
        --modal-row-cell-background-2: #615dfa;
        --span-roles-background: #fff;
        --box-container-hr-border-color: #eaeaea;
        --selectbox-background: #f6f6f6;
        --modal-buttons-shadow: 4px 7px 12px 0 rgb(35 210 226 / 20%);
        --modal-button-discard-background: rgb(116 116 116 / 65%);
        --modal-button-save-background: #23d2e2;
        --modal-button-save-background-hover: #19bac9;
        --modal-close-button-bg: #615dfa;
        --modal-close-button-bg-hover: #4944ca;
        --modal-close-button-shadow: 4px 7px 12px 0 rgb(35 210 226 / 20%);
        --checkmark-color: #000;
        --input-bg: #f6f6f6;
        --bot-info-warning-message-bg: #cb2323;
        --bot-m-tabledetails-bg: #fff;
        --bot-m-tabledetails-border-col: #f6f6f6;
        --bot-m-input-fields-bg: #f6f6f6;
        --focus-outline-bg: #4944ca;
        --desktop-nav-hover-effect-bg: hsl(0, 0%, 96%);
        --round-slider-bg: #ccc;
        --responsive-mobile-menu-border-item-collapsible: #e1e1e1;
        --bot-m-tabledetails-columns-border: #fff;
        --homepage-header-buttons-bg: #615dfa;
        --homepage-section-bg: #fff;
        --homepage-footer-bg: #615dfa;
        --footer-premium-container-bg: #4944ca;
        --homepage-btn-addtodiscord-bg: #615dfa;
        --homepage-btn-addtodiscord-bg-hover: #3834a2;
        --homepage-btn-features-bg: #3834a2;
        --homepage-btn-features-bg-hover: #4541e9;
        --homepage-section-hr-border-col: #f6f6f6;
        --slider-indicator-button-bg: #bbb;
        --slider-indicator-button-active: #615dfa;
        --slider-control-btn-bg: hsl(0deg 0% 0% / 45%);
        --slider-control-btn-bg-hov: hsl(0deg 0% 0% / 80%);
        --custom-selectdropdown-item-hover-bg: rgb(219 219 219);
        --music-bg: #615dfa;
        --music-controls-col: #2a2a2a;
        --box-title-border-color: #eaeaea;
        --widget-container-bg: #f6f6f6;
        --innerdropdown-live-search-hover-tab-bg: #ddd;
        --plugin-emojiarea-color-text: #3e3f5e;
        --infotooltip-icon-border-col: #ebebeb;
        --emojipicker-header-bg: #f5f7f9;
        --emojipicker-selected-emoji-bg: #fff;
        --emoji-subheader-titles-bg: #fff;
        --box-content-warning-bg-col: hsl(0 73% 43%);
        --tooltip-bg-col: #fff;
        --tooltip-border-col: #ebebeb;
        --mod-checkmark-bg: #dcdcdc;
        --automoderator-divbox-bg-hov: #615dfa;
        --automoderator-btn-settings-bg: #fff;
        --loader-indicator-col: #333;
        --playlist-queueadd-track-bg-hov: #fff;
        --jbutton-chooser-col: #3e3f5e;
        --flat-hover-border-col: #959ea9;
        --flat-hover-bg-col: #959ea9;
        --lvl-reward-tabbg-col: #615dfa;
        --checkmrk-pseudo-col: #000;
        --lvl-reward-tabbg-col2: #f6f6f6;
        --demo-rankcard-bg: #fff;
        --demo-rankcard-border: #d6d6d6;
        --btn-schedule-timer-bg: #efefef;
        --btn-schedule-timer-bg-activebtn: #615dfa;
        --box-disabled-bckg: hsl(242deg 100% 62% / 74%);
        --chart-gridline-color: #f6f6f6;
        --button-close-popup-bckg: #efefef;
        --alertbox-button-accept-bg: hsl(242deg 94% 67%);
        --alertbox-button-accept-bg-hov: hsl(242deg 46% 50%);
        --alertbox-warning-indicator-col: hsl(21deg 96% 59%);
        --btn-timer-edit-bg: hsl(242deg 94% 67%);
        --btn-timer-edit-bg-hov: hsl(242, 56%, 53%);
        --btn-timer-delete-bg: hsl(0deg 92% 62%);
        --btn-timer-delete-bg-hov: hsl(0deg 61% 52%);
        --plugin-box-bg-col: white;
        --plugin-box-item-border-col: hsl(0, 0%, 88%);
        --decoration-box-filter-effect: none;
        --report-btns-bg-col: hsl(242, 56%, 53%);
        --report-btns-active-bg: hsl(242, 51%, 42%);
        --tos-page-txt-col: #000;
        --tos-page-link-col: #2a2fe1;
        --rank-card-modal-active-tab-border-color: #3e3f5e;
        --levels-range-slider-bg: #ccc;
        --levels-range-slider-tracker-bullet-bg: #9b9b9b;
        --levels-range-slider-bullet-active-bg: #615dfa;
        --lb-button-bg: #615dfa;
        --lb-button-bg-hover: #4944ca;
        --lb-user-rank-card-bg: #615dfa;
        --lb-user-rank-card-edit-btn-border-col: #eaeaea;
        --lb-user-rank-card-separator-color: hsl(241.53deg 100% 73.83%);
        --lb-leader-table-row-bg-hover: #f6f6f6;
        --lb-leader-table-rank-circle-bg: #ebebeb;
        --lb-preload-animation-bg: #efefef;
        --lb-preload-animation-bg-before: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
        --selectbox-simplebox-bg-col-focus: #f6f6f6;
        --serverselector-outlinebox-col: #4944ca;
        --new-feature-badge-col: hsl(155.25deg 100% 12.99%);
        --sn-cmd-action-btn-bg: #615dfa;
        --sn-cmd-action-btn-color: #1f1f42;
        --sn-cmd-action-btn-color-hov: #fff;
        --sn-cooldown-widget-bg: #f6f6f6;
        --sn-cooldown-widget-btn-bg: #615dfa;
        --sn-cooldown-widget-btn-col: #7a7a7a;
        --sn-cooldown-widget-box-num-bg: #ebebeb;
        --sn-cmd-visibility-box-bg: #f6f6f6;
        --sn-cmd-popup-wrapper-bg: #ddd;
        --sn-dropdown-box-button-bg: #e5e5e5;
        --sn-dropdown-box-button-bg-hov: #615cfa;
        --sn-dropdown-box-box-bg: white;
        --sn-dropdown-box-item-hover-bg: #f6f6f6;
        --sn-dropdown-action-discard-btn-bg: hsl(0deg 100% 50% / 20%);
        --sn-dropdown-action-discard-btn-col: hsl(0deg 100% 25.2%);
        --alert-ig-box-spacer-bg: #d5d5d5;
        --sn-svlist-thead-tr-bg: #615dfa;
        --sn-svlist-tbody-td-border-col: #e1e1e1;
        --sn-svlist-table-wrapper-bg: white;
        --sn-svlist-status-paid: #5ecc5e;
        --sn-svlist-status-pending: #ffbd44;
        --sn-svlist-status-failed: #ff3a3a;
        --sn-svlist-table-tr-resp-border-col: #ddd;
        --normal-anchor-link-color: #4543a7;
        --select2-hoveritem-bg: rgb(219 219 219);
        --select2-selecteditem-bg: hsl(235deg 86% 65%);
        --tutpage-html-bg: #fff;

        --discord-community-server-bg: #f6f6f6;
        --discord-community-server-bg-hov: #615dfa;

        --sn-special-button-bg-color: hsl(344.81deg 58.11% 57.14%);
        --sn-special-button-bg-color-hov: hsl(344.81deg 100% 66.54%);

        --sn-box-container-alt-bg-color: hsl(344.81deg 58.11% 57.14% / 40%);
        --sn-box-container-alt-text-color: hsl(344.81deg 32.04% 22.66%);
        --sn-box-container-alt-button-bg-col: hsl(344.81deg 58.11% 57.14%);
        --sn-box-container-alt-button-bg-col-hov: hsl(344.81deg 100% 66.54%);

        --sn-levelbanner-container-bg: hsl(0deg 0% 100% / 60%);
        --sn-banner-container-shadow: hsl(241.53deg 94.01% 67.25% / 10%);

        --sn-levelboard-tabbtn-bg: hsl(242, 56%, 53%);
        --sn-levelboard-tabbtn-bg-hov: hsl(242, 51%, 42%);
        --sn-slideshow-btns-bg: #000;
        --sn-slideshow-dots-active: #615dfa;
    }
}

::selection {
    background-color: var(--selection-background);
    color: #000
}

::placeholder {
    color: inherit
}

:focus,
input:focus,
input[type=number]:active,
input[type=number]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=text]:active,
input[type=text]:focus,
select:active,
select:focus,
textarea:focus {
    outline-color: var(--focus-outline-bg) !important;
    outline-offset: 2px !important
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-bg);
    border-radius: 50vh
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track-bg)
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-bg-hover)
}

.main-wrapper {
    display: flex;
    flex-direction: column;
    width: calc(100% - var(--navigation-inline-size) * 2)
}

.dropdown,
.dropdown-servers {
    padding: 0
}

nav.navigation {
    background-color: var(--navbar-background);
    user-select: none
}

.button-type {
    background-color: var(--button-background)
}

.button-type:focus,
.button-type:hover,
select:focus,
select:hover {
    background-color: var(--button-background-hover)
}

.memberServerSelection {
    background-color: var(--component-background)
}

.serverSelection_serverList {
    margin-top: 15px;
    background-color: var(--serverlist-tab-background)
}

button.serverInviteBot {
    background-color: var(--serverlist-button-invitebot-background)
}

button.serverInviteBot:active,
button.serverInviteBot:focus,
button.serverInviteBot:hover {
    background-color: var(--serverlist-button-invitebot-background-hover)
}

button.serverButtonDashboard:not(.serverInviteBot) {
    background-color: var(--serverlist-button-dashboard-background)
}

button.serverButtonDashboard:active:not(.serverInviteBot),
button.serverButtonDashboard:focus:not(.serverInviteBot),
button.serverButtonDashboard:hover:not(.serverInviteBot) {
    background-color: var(--serverlist-button-dashboard-background-hover)
}

.dropdown-content {
    background-color: var(--dropdown-content-background)
}

.dropdown-content a.logoutLink,
html .left-menu a.logoutLink {
    color: var(--dropdown-content-logout-action)
}

html .responsive-mobilemenu {
    background-color: var(--responsive-mobile-menu-background)
}

html .hamburger-control>.onoffcanvas-toggler::after,
html .hamburger-control>.onoffcanvas-toggler::before {
    border-color: var(--responsive-mobile-menu-close-x-border-color) !important
}

html .left-menu a,
html .responsive-mobilemenu .mm-active,
html .simple-item,
html .special-item,
html [data-menu-important]>[aria-expanded=false] {
    background-color: var(--responsive-mobile-menu-item-background)
}

[data-menu-important]>[aria-expanded=false]:hover,
html .left-menu ul a:hover,
html .simple-item:hover {
    background-color: var(--responsive-mobile-menu-item-background-hover) !important
}

html .left-menu li.mm-active>a {
    color: var(--responsive-mobile-menu-item-active-color)
}

.pluginList_section .pList_container .pList_box {
    background-color: var(--plugins-page-item-background);
    color: inherit
}

.custom-select:hover,
.flexboxes-wrapper .flex-box:hover,
.pluginList_section .pList_container .pList_box:focus-within:not([data-box-disabled]),
.pluginList_section .pList_container .pList_box:hover:not([data-box-disabled]) {
    background-color: var(--plugins-page-item-background-hover)
}

.pluginList_section .pList_container {
    display: grid;
    grid-template-columns: repeat(var(--plugins-page-item-list-column-count-default), 1fr);
    gap: var(--plugins-page-item-list-column-gap)
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator,
.left-menu a,
.left-menu a:active,
.left-menu a:focus,
.left-menu a:hover {
    color: var(--text-color) !important
}

.page-header,
.role-react-title,
hr {
    border-color: var(--page-header-border-color)
}

.box-container {
    background-color: var(--box-container-background)
}

.jquery-modal .modal {
    background-color: var(--modal-inset-background)
}

.cmds_custom-roles,
.row-cell {
    background-color: var(--modal-row-cell-background)
}

.spanRoles {
    background-color: var(--span-roles-background)
}

.box-container hr {
    border-color: var(--box-container-hr-border-color)
}

.custom-select:hover {
    background-color: transparent !important
}

.select-items,
.select-selected {
    background-color: var(--selectbox-background) !important;
    border: 0 !important
}

select {
    background-color: var(--selectbox-background)
}

button.cancel,
button.save {
    box-shadow: var(--modal-buttons-shadow)
}

button.cancel {
    background-color: var(--modal-button-discard-background)
}

button.cancel:hover {
    background-color: var(--modal-button-discard-background-hover)
}

button.save {
    background-color: var(--modal-button-save-background)
}

button.save:hover {
    background-color: var(--modal-button-save-background-hover)
}

.jquery-modal .modal a.close-modal {
    background-color: var(--modal-close-button-bg);
    box-shadow: none !important;
}

.jquery-modal .modal a.close-modal:hover {
    background-color: var(--modal-close-button-bg-hover);
}

input[type=checkbox]::before,
input[type=radio]::before {
    background-color: var(--checkmark-color)
}

.body-alternate input,
.body-alternate input[type=search],
.body-alternate input[type=text],
.body-alternate textarea,
input[type=email],
input,
textarea {
    background-color: var(--input-bg);
    color: inherit !important
}

.bot-info {
    background-color: var(--bot-info-warning-message-bg)
}

.bot_masters_botDetailsTable {
    background-color: var(--bot-m-tabledetails-bg);
    border-color: var(--bot-m-tabledetails-border-col)
}

.bot_masters_botDetailsTable input[type=text] {
    background-color: var(--bot-m-input-fields-bg)
}

ul.nav-menu li a:focus,
ul.nav-menu li a:hover {
    background-color: var(--desktop-nav-hover-effect-bg)
}

.slider {
    background-color: var(--round-slider-bg);
}

html .mm-collapse li a {
    border-color: var(--responsive-mobile-menu-border-item-collapsible)
}

.bot_masters_botDetailsTable .botDetails_colRight {
    border-color: var(--bot-m-tabledetails-columns-border)
}

.dropbtn .fa {
    pointer-events: none
}

.wrap-section {
    background-color: var(--homepage-section-bg)
}

#footer.siteFooter {
    background-color: var(--homepage-footer-bg)
}

#backtotop_button,
.premium_banner_ad,
button.newsletter-button {
    background-color: var(--footer-premium-container-bg)
}

button.addToDiscord {
    background-color: var(--homepage-btn-addtodiscord-bg)
}

#backtotop_button:active,
#backtotop_button:focus,
#backtotop_button:hover,
button.addToDiscord:active,
button.addToDiscord:focus,
button.addToDiscord:hover,
button.newsletter-button:active,
button.newsletter-button:focus,
button.newsletter-button:hover {
    background-color: var(--homepage-btn-addtodiscord-bg-hover)
}

button.features {
    background-color: var(--homepage-btn-features-bg)
}

button.features:active,
button.features:focus,
button.features:hover {
    background-color: var(--homepage-btn-features-bg-hover)
}

.community_stats .count,
.community_stats .desc,
.search-channel #innerDropdown a,
.section-text h1,
.section-text p {
    color: inherit
}

.section-slideshow .dot {
    background-color: var(--slider-indicator-button-bg)
}

.section-slideshow .dot.active,
.section-slideshow .dot:hover {
    background-color: var(--slider-indicator-button-active)
}

.section-slideshow .next,
.section-slideshow .prev {
    background-color: var(--slider-control-btn-bg)
}

.section-slideshow .next:focus,
.section-slideshow .next:hover,
.section-slideshow .prev:focus,
.section-slideshow .prev:hover {
    background-color: var(--slider-control-btn-bg-hov)
}

.medium-col_Contact i {
    color: #fff;
    display: inline-flex;
    font-size: 1.4rem;
    min-width: 2rem;
    justify-content: center;
    align-items: center;
    line-height: normal
}

@media (min-width:980px) and (max-width:1400px) {
    [data-page=settings]>nav {
        padding-inline: 1rem
    }

    [data-page=settings]>main {
        width: calc(100% - 2rem)
    }
}

.same-as-selected,
.select-items div:hover {
    background-color: var(--custom-selectdropdown-item-hover-bg)
}

#audiowrap,
#plwrap,
#tracks a:active,
#tracks a:hover,
.fvbLf_cb .lLDl_da {
    background-color: var(--music-bg)
}

#tracks a {
    color: var(--music-controls-col)
}

.box-title,
ul.embed-types>li {
    border-color: var(--box-title-border-color)
}

#auto-moderator>div,
#embedAuthorText,
#embedFooterText,
#giveaway_rewards,
#giveawaytimepicker,
#givewinner,
.body-alternate .field-body,
.body-alternate input.field-title,
.box-container-event .posting_body,
.dropContain2 .commands-slots-box-list,
.dropContain2 input,
.dropContain2 input[type=search],
.dropContain2 input[type=text],
.emojionearea .emojionearea-picker,
.emojionearea.addEmojiPicker[role=application],
.flatpickr-calendar,
.moderator-events-body>div,
.popup-contentinfo>span,
.search-channel #innerDropdown,
.tooltip-icon, 
input[type=email] {
    background-color: var(--widget-container-bg)
}

.tooltip-icon {
    border-color: var(--infotooltip-icon-border-col)
}

.tooltip-icon:focus,
.tooltip-icon:hover {
    background-color: var(--infotooltip-icon-border-col)
}

.search-channel #innerDropdown {
    margin-top: .5rem;
    cursor: pointer
}

.search-channel #innerDropdown a:hover {
    background-color: var(--innerdropdown-live-search-hover-tab-bg)
}

.loadingio-spinner-rolling-rloxi5s50b {
    background: 0
}

.emojionearea .emojionearea-editor {
    color: var(--plugin-emojiarea-color-text) !important
}

.emojionearea .emojionearea-button>div.emojionearea-button-open {
    background: 0 0 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.emojionearea .emojionearea-button>div.emojionearea-button-open:before {
    content: "\f118";
    display: inline-block;
    font: 1rem/1 FontAwesome;
    color: var(--plugin-emojiarea-color-text) !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.emojionearea .emojionearea-picker .emojionearea-filters {
    background-color: var(--emojipicker-header-bg)
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
    background: var(--emojipicker-selected-emoji-bg)
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
    background: var(--emoji-subheader-titles-bg)
}

.moderator-events-body>div>.option>span>label>.checkmark {
    background-color: var(--mod-checkmark-bg);
    color: var(--text-color)
}

#auto-moderator>div:hover {
    background-color: var(--automoderator-divbox-bg-hov)
}

#auto-moderator>div div[data-auto-moderator=title] span.auto-moderation-button {
    background-color: var(--automoderator-btn-settings-bg);
    color: var(--text-color)
}

.lds-ring div {
    border: 8px solid var(--loader-indicator-col);
    border-color: var(--loader-indicator-col) transparent transparent transparent
}

.musicPlaylist-dropdown #innerDropdown a:focus,
.musicPlaylist-dropdown #innerDropdown a:hover {
    background-color: var(--playlist-queueadd-track-bg-hov)
}

.flatpickr-calendar {
    box-shadow: 0 1px 5px rgb(0 0 0 / 32%) !important
}

.flatpickr-months .flatpickr-month,
span.flatpickr-weekday {
    color: var(--text-color);
    fill: var(--text-color)
}

html .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: var(--text-color) !important
}

html .flatpickr-current-month .numInputWrapper span.arrowDown:before {
    border-bottom-color: var(--text-color) !important
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.nextMonthDay:hover {
    color: var(--text-color);
    opacity: .5
}

.flatpickr-day.today {
    border-color: inherit
}

.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.today,
.flatpickr-day.today:focus,
.flatpickr-day.today:hover,
.flatpickr-day:hover {
    border-color: var(--flat-hover-border-col);
    background: var(--flat-hover-bg-col);
    color: #fff
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    fill: var(--text-color) !important
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: var(--input-bg) !important;
    color: var(--text-color) !important
}

html .flatpickr-calendar.arrowTop:after,
html .flatpickr-calendar.arrowTop:before {
    border-bottom-color: var(--widget-container-bg)
}

.role-tab.role-tab-unchecked {
    background-color: var(--lvl-reward-tabbg-col2);
    color: var(--text-color)
}

.role-tab {
    background-color: var(--lvl-reward-tabbg-col);
    color: var(--text-color)
}

.role-tab:not(.role-tab-unchecked) input[type=radio]::before {
    box-shadow: inset 1em 1em var(--checkmrk-pseudo-col);
    background-color: var(--checkmrk-pseudo-col)
}

.role-tab:not(.role-tab-unchecked) {
    color: #fff
}

.grid-even-columns>div:first-child:after {
    background-color: var(--box-title-border-color)
}

.demo-rank-card {
    background-color: var(--demo-rankcard-bg);
    border-color: var(--demo-rankcard-border)
}

.button-schedule:not(.button-schedule--active),
.react-tabs-btns>button:not(.tabActive) {
    background-color: var(--btn-schedule-timer-bg) !important;
    color: var(--text-color)
}

.button-schedule--active,
.react-tabs-btns .tabActive {
    background-color: var(--btn-schedule-timer-bg-activebtn) !important
}

.react-tabs-btns:has(.--jButton.tablinks) {
    background-color: transparent
}

.stripe-color-chooser>input[type=color] {
    background-color: #f6f6f6
}

div[data-box-disabled]:before {
    background-color: var(--box-disabled-bckg);
    color: var(--text-color)
}

.button-type.theme-toggler {
    background-color: var(--jobs-darkmode-toggler-btn-bg);
    color: var(--jobs-darkmode-toggler-btn-col);
    font-size: 19.2px;
    transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}

.button-type.theme-toggler:hover,
.button-type.theme-toggler:focus-visible,
.button-type.theme-toggler:focus {
    background-color: var(--jobs-darkmode-toggler-btn-bg-hov);
    color: var(--jobs-darkmode-toggler-btn-col-hov);
}

select:focus, select:hover {
    background-color: var(--selectbox-simplebox-bg-col-focus);
}

.link {
    color: var(--normal-anchor-link-color);
    text-decoration: none;
}

.link:hover {
    text-decoration: underline;
}

.timezone-selector .select2-container--default .select2-selection--single {
    background-color: var(--selectbox-background);
    border: 0;
    font-family: inherit;
    font-size: 14px;
    color: #2a2a2a;
    padding: 10px;
    cursor: pointer;
    border-radius: 6px;
    line-height: 1.5;
    box-sizing: border-box!important;
}

.timezone-selector .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text-color);
    line-height: inherit;
}

.timezone-selector .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

.timezone-selector .select2-container .select2-selection--single {
    height: auto;
}

.timezone-selector .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6px;
    border-color: #9e9e9e transparent transparent transparent;
}

.timezone-selector .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 6px;
    border-color: transparent transparent #9e9e9e transparent;
}

.timezone-selector .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    transform: translateY(-50%);
}

.timezone-selector .select2-container--open .select2-selection__arrow b {
    top: 50%;
    transform: translateY(-50%);
}

.select2-dropdown {
    background-color: var(--selectbox-background) !important;
    border-radius: 6px;
    border: 0;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    padding: 10px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
}

.select2-results__option {
    font-size: 14px;
    padding: 10px;
    border-radius: 6px;
}

.select2-search--dropdown .select2-search__field {
    padding: 10px;
}

.select2-results__option {
    transition: background-color 250ms cubic-bezier(.71, .9, .22, .04);
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--select2-selecteditem-bg) !important;
    color: white !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--select2-hoveritem-bg);
    color: var(--text-color);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--widget-container-bg);
    border: 1px solid hsl(0deg 0% 47.39% / 50%);
}

.select2-container--open .select2-dropdown {
    margin-block: 10px;
}

#timezone {
    scroll-margin: 1rem;
}

#timezone:target {
    animation: highlight 1.5s ease-in-out;
}

@keyframes highlight {
    from {
        background-color: var(--widget-container-bg);
    }
    to {
        background-color: var(--box-container-background);
    }
}

.section-prefooter {
    grid-column: 1/-1;
    justify-content: center !important;
}

.section-prefooter h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
    max-width: 50ch;
    margin-inline: auto;
    text-align: center;
    line-height: 1.3;
}

:root {
    --sn-community-servers-cols: 4;
}

.sn-community-servers {
    display: grid;
    grid-template-columns: repeat(var(--sn-community-servers-cols), 1fr);
    gap: 2rem;
    margin-block: 2rem;
}

.sn-community-server {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1rem;
    background-color: var(--discord-community-server-bg);
    border-radius: .4rem;
    cursor: pointer;
    user-select: none;
    transition: background-color 150ms ease-in-out, color 150ms ease-in-out, border-radius 250ms ease-in-out, transform 250ms ease-in-out;
}

.sn-community-server:hover {
    background-color: var(--discord-community-server-bg-hov);
    border-radius: .5rem;
    color: white;
    transform: scale(1.04);
}

.sn-community-server img {
    border-radius: .4rem;
    width: 50px;
    height: 50px;
}

.sn-community-server h4 {
    font-size: 1rem;
}

.sn-community-server p {
    font-size: .9rem;
    opacity: .8;
}

.sn-community-server .flex-col {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

@media (max-width:1300px) {
    :root {
        --sn-community-servers-cols: 3;
    }
}

@media (max-width:980px) {
    :root {
        --sn-community-servers-cols: 2;
    }
}

@media (max-width:700px) {
    :root {
        --sn-community-servers-cols: 1;
    }

    .sn-community-servers {
        width: 100%;
        gap: 1rem;
    }

    .sn-community-server:hover {
        transform: none;
    }

    .section-prefooter h1 {
        font-size: 1.4rem;
    }

    .sn-community-server h4 {
        font-size: inherit;
    }
}