/**
 * @name Ultra
 * @version 1.0.7
 * @author TheCommieAxolotl#0001
 * @authorId 538487970408300544
 * @description A Smooth, Black theme
 * @source https://github.com/TheCommieAxolotl/BetterDiscord-Stuff/tree/main/Ultra
 * @website https://thecommieaxolotl.netlify.app/
 * @donate https://github.com/sponsors/thecommieaxolotl
 * @invite g2KnUw7u7N
*/

/* Imports */
@import url("https://discord-custom-covers.github.io/usrbg/dist/usrbg.css");
@import url("https://thecommieaxolotl.github.io/BetterDiscord-Stuff/Imports/Touchup.css");
@import url("https://thecommieaxolotl.github.io/BetterDiscord-Stuff/Imports/UserBadges.css");
@import url("https://maendisease.github.io/BetterDiscordStuff/css/bettterInvites.css");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;200;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source Code Pro:wght@550&display=swap");

/* Ultra for BetterDiscord */
@import url("https://thecommieaxolotl.github.io/BetterDiscord-Stuff/Ultra/Modules/Clients/BetterDiscord.css");

:root,
.theme-dark {
    --text-normal: #dcddde;
    --text-muted: #4a4a52;
    --text-link: #6e6af6;
    --text-positive: #50dc7d;
    --text-warning: #8d4949;
    --text-danger: #8d4949;
    --text-brand: #6e6af6;
    --interactive-normal: #b9bbbe;
    --interactive-hover: #dcddde;
    --interactive-active: #7a7070;
    --interactive-muted: #4f545c;
    --background-primary: #101014;
    --background-secondary: #17161b;
    --background-secondary-alt: #17161b;
    --background-tertiary: #101014;
    --background-accent: #4fff545c;
    --background-floating: #17161b;
    --modal-background: #101014;
    --channeltextarea-background: #17161b;
    --info-positive-text: #fff;
    --info-warning-text: #fff;
    --info-warning-foreground: #6e6af6;
    --info-danger-text: #fff;
    --info-help-text: #fff;
    --status-warning-text: #000;
    --background-mentioned: #6f6af62c;
    --background-mentioned-hover: #6f6af615;
    --background-message-hover: #04040512;
    --scrollbar-auto-thumb: #6e6af6;
    --brand-experiment: #6e6af6;
    --brand-experiment-hover: #6f6af64d;
    --brand-experiment-560: #6e6af6;
    --channels-default: #9f9fad;
    --selected-indicator: #97ffa5;
    --hover-indicator: #ffffff;
    --font: "Lato";
    --code-font: "Source Code Pro";
    --boost-bar: none;
}

/* Made By The Commie Axolotl */

:root {
    --version: "1.0.7";
}

.embedThumbnail_b0068a {
    border-radius: 4px !important;
}

.animatedContainer_fd6364,
.bannerImage_fd6364 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

rect.pointerEvents_c51b4e {
    stroke: var(--background-primary);
    stroke-width: 2px;
    mask: none;
    ry: 4px;
    rx: 4px;
}

.svg-2azL_l > svg > rect {
    mask: unset;
    width: 10px;
    height: 10px;
    x: 7.5 !important;
    y: -17 !important;
    rx: 4px;
    ry: 4px;
    z-index: 9;
}

.container_b2ca13 .avatar_b2ca13.wrapper-1VLyxH * {
    overflow: visible;
}

svg.cursorDefault--wfhy5 {
    display: block !important;
    overflow: visible;
}

.member_cbd271,
.members_cbd271 {
    background: transparent;
}

.member_a31c43 .dots-1BwzZQ circle,
.channel_c91bad .dots-1BwzZQ circle {
    cy: -18.5px;
    overflow: visible;
    color: var(--background-primary);
}

.member_a31c43 .dots-1BwzZQ circle:nth-child(odd),
.channel_c91bad .dots-1BwzZQ circle:nth-child(odd) {
    display: none;
}

.member_a31c43 .channel_c91bad svg.dots-1BwzZQ,
.channel_c91bad svg.dots-1BwzZQ {
    overflow: visible;
}

.lookInverted-2mDUMi .contents-3ca1mk {
    color: var(--brand-experiment);
}

.selected_ae3c77 {
    background-color: var(--brand-experiment) !important;
}

[mask="url(#svg-mask-status-online-mobile)"] {
    height: 15px !important;
}

[class^="socialLinks-"] + [class^="info-"] > span:first-child::before {
    content: "Ultra " var(--version);
    position: relative;
    top: 0px;
    display: block;
}

.scroller_f2bfbb {
    background-color: var(--background-secondary) !important;
}

.container_f2bfbb,
.reactors_f2bfbb {
    background-color: var(--background-primary) !important;
}

.avatarWrapperNormal_f89da9 {
    position: absolute;
    transform: translate(50%);
    left: -5%;
}

.headerTop-3GPUSF {
    text-align: center;
    position: relative;
    max-width: 100%;
    right: 0px;
    top: 0px;
}

.profileBadges_f89da9 {
    justify-content: center;
    position: relative;
    max-width: 100%;
    right: 0px;
    top: 0px;
}

.customStatus-3XAoF9 {
    display: flex;
    justify-content: center;
    text-align: center;
}

.tabs-1RhQha {
    border-bottom: none !important;
}

.headerText_c1d9fd .overflow_c74e70 {
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 12px;
}

.container_adcaac {
    background-color: var(--background-secondary) !important;
}

.message_ddcc45 {
    background-color: var(--background-primary) !important;
}

.desaturateUserColors-1O-G89 {
    font-weight: bold;
}

.activityText_a31c43 {
    color: #919191;
}

.activityText_a31c43 strong {
    color: #cfd3da;
}

#popout_45 {
    background-color: var(--background-secondary) !important;
}

svg.circleIcon_db6521 {
    color: var(--brand-experiment) !important;
}

.circleIconButton_db6521.selected_db6521 {
    background-color: var(--brand-experiment-hover) !important;
}

::placeholder,
body,
button,
input,
select,
textarea {
    font-family: var(--font);
}

.membersGroup_cbd271 {
    margin-bottom: 10px;
}

.mask-1FEkla circle {
    display: none;
}

.wrapper_a71a1c {
    border: 3px solid var(--background-secondary);
}

.membersWrap_cbd271 {
    min-height: 100% !important;
}

.option-2KkUJO::after {
    background: transparent !important;
}

.react-datepicker,
.react-datepicker__header,
.react-datepicker__day--disabled,
.react-datepicker__day {
    background-color: var(--background-primary) !important;
}

.react-datepicker__day:hover:not(.react-datepicker__day--disabled) {
    background-color: var(--brand-experiment) !important;
}

.queryContainer_eedf95 {
    background-color: var(--background-secondary) !important;
}

.container_eedf95 {
    background-color: var(--background-primary) !important;
}

.wrapper-1VLyxH foreignObject:not(rect.pointerEvents_c51b4e) {
    mask: unset;
}

#app-mount .lowerBadge-3WTshO {
    border-radius: 20% !important;
}

.numberBadge__40d6f::before {
    content: "";
    position: absolute;
    top: -4px;
    right: -5px;
    width: 25px;
    height: 25px;
    border-radius: 25%;
    background: var(--background-tertiary);
    z-index: -1;
}

.selected_ae3c77 .colorInteractiveNormal_fbc755,
.selected_ae3c77 .colorInteractiveActive_fbc755 {
    color: var(--background-secondary) !important;
}

.container-2FjuQ5,
.footer-3ie9JP,
.footer-31IekZ {
    background-color: #101014 !important;
}

.pageWrapper_a3a4ce {
    background-color: var(--background-primary) !important;
}

.container-x8Y1ix {
    background: #17161b !important;
}

.UserBackgrounds-banner-badge {
    display: none;
}

h3.title-1_TkpU.fontDisplay-3Gtuks.base_d0da3e.size24_fb468f,
.title-1_TkpU,
.container-x8Y1ix .text-PdAsFQ,
.footerTitle-3Bslxi,
.title-OdeD-o,
.backButton-2Ps-B8,
.fontDisplay-3Gtuks,
.button_dd4f85 .contents-3ca1mk,
.inputDefault-3FGxgL {
    color: white;
}

#app-mount .unread_d8bfb3::after {
    content: "";
    position: absolute;
    top: -18px;
    left: 188px;
    width: 30px !important;
    height: 30px !important;
    border-radius: 0%;
    background: var(--background-secondary);
    z-index: 0;
}

.perksModalContentWrapper-3RHugb {
    background-color: var(--background-primary) !important;
}

.lookInverted-2D7oAl .contents-3ca1mk {
    color: black !important;
}

.scrollerBase-289Jih::-webkit-scrollbar,
.scrollerBase-_bVAAt::-webkit-scrollbar {
    display: none !important;
}

#app-mount .numberBadge__40d6f {
    background-color: var(--brand-experiment) !important;
    color: white;
    border-radius: 20% !important;
}

.link_d8bfb3 {
    overflow: visible;
}

.modeSelected_d8bfb3 .link_d8bfb3,
.modeSelected_d8bfb3:hover .link_d8bfb3,
.link_d8bfb3:hover {
    background: transparent !important;
}

.link_d8bfb3 {
    width: calc(100% - 12px) !important;
}

.link_d8bfb3,
.link_d8bfb3:hover {
    display: inline-block;
    padding: 6px 8px;
}

.modeMuted_d8bfb3 .name_d8bfb3 {
    color: #2b2b2b;
}

.modeSelected_d8bfb3 .link_d8bfb3::before {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--selected-indicator);
    box-shadow: 0 0 20px 4px var(--selected-indicator);
    border-radius: 50%;
    width: 5px;
    height: 5px;
    left: -9px;
    top: 13px;
}

.activity_a31c43 .icon_ad923e {
    color: #cfd3da;
}

.link_d8bfb3:hover::before {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--hover-indicator);
    box-shadow: 0 0 20px 4px var(--hover-indicator);
    border-radius: 50%;
    width: 5px;
    height: 5px;
    left: -9px;
    top: 13px;
}

.toolbar_fc4f04 .icon_f542fc:nth-child(1),
.toolbar_fc4f04 .anchor-1MIwyf {
    display: none;
}

.container_adcaac {
    background-color: var(--background-secondary) !important;
    border: none !important;
}

.searchBar-zdmu7v {
    width: 300px !important;
    position: relative;
}

.modeUnreadImportant_d8bfb3 .icon_d8bfb3,
.modeUnreadImportant_d8bfb3:hover .icon_d8bfb3 {
    color: var(--interactive-active);
}

.mentioned_d5deea:before {
    background-color: var(--brand-experiment);
    box-shadow: 0 0 20px 4px var(--brand-experiment);
}

.newMessagesBar_cf58b5 {
    box-shadow: 0 0 40px 4px var(--brand-experiment);
}

.unread_d8bfb3 {
    background-color: var(--brand-experiment);
    box-shadow: 0 0 20px 4px var(--brand-experiment);
    border-radius: 50%;
    left: 6px;
    top: 58%;
    width: 5px;
    height: 5px;
}

.typeThread_d8bfb3 .unread_d8bfb3 {
    left: 6px;
}

.chat_a7d72e .privateChannels_f0963d,
.chat_a7d72e .content-2a4AW9 {
    background-color: var(--background-primary) !important;
}

.reactions_f61c73 {
    padding-top: 2px !important;
    margin-bottom: -5px !important;
}

.reaction_f61c73 {
    background-color: rgba(48, 48, 48, 0.363) !important;
    border-color: rgba(48, 48, 48, 0.363) !important;
    border-width: 0px;
    backdrop-filter: blur(5px);
}

.reactionMe_f61c73 {
    background-color: #6f6af631 !important;
    border-color: #6e6af6 !important;
}

.membersGroup_cbd271 {
    opacity: 0.5;
    margin-bottom: 10px;
}

.wrapper_d8bfb3:hover .wrapper_d8bfb3 {
    background-color: transparent;
}

.link_d8bfb3:hover {
    color: var(--interactive-active);
}

.link_d8bfb3 {
    position: relative;
    left: 15px;
    height: 30px;
}

.icon_d8bfb3 {
    height: 11px;
    width: 11px;
    opacity: 0.4;
}

.modeSelected_d8bfb3 .link_d8bfb3,
.link_d8bfb3:hover {
    position: relative;
}

.autocompleteRowVertical_bcc24e rect.pointerEvents_c51b4e {
    x: 18 !important;
}

.overflow_c74e70:not(.nameAndDecorators_f9647d .overflow_c74e70) {
    text-transform: capitalize !important;
    font-size: 11pt;
    font-weight: 500;
}

.option-2KkUJO:after {
    display: none;
}

.name_d8bfb3,
.channelName-3KPsGw {
    font-size: 11pt;
    text-transform: capitalize !important;
}

.root_f9a4c9L:not(.carouselModal-1eUFoq) {
    background-color: var(--background-tertiary) !important;
}

.theme-light .root_f9a4c9 {
    box-shadow: var(--elevation-border), var(--elevation-high);
}

.sampleLink-5BWNy9 {
    color: #fff;
}

.messageContent-2t3eC {
    font-weight: 400;
}

.autocomplete_bcc24e,
.uploadModal_f82cc7 {
    background-color: var(--background-secondary) !important;
}

.headerChildren_fd6364 > svg,
.addButtonIcon_a08117 {
    color: var(--channels-default);
}

.wrapper-1VLyxH {
    mask: unset;
}

.content-2a4AW9 [style="height: 16px;"] {
    height: 10px !important;
}

.scrollableContainer_d0696b {
    border-radius: 20px;
    min-height: 70px !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start !important;
}

.container_c75f85 {
    display: var(--boost-bar);
}

.header_fd6364 {
    height: 70px;
    display: flex;
    align-items: center;
}

.name_fd6364 {
    color: var(--channels-default);
    text-transform: uppercase;
    font-size: 9pt;
}

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

.peopleColumn_c2739c {
    background-color: var(--background-primary);
}

.inner_d0696b {
    min-width: 96%;
    max-height: 50vh;
}

.codeBlockText_cdb578,
code {
    font-family: var(--code-font);
}

.avatar_e9f61e,
.wrapper-1VLyxH,
.avatar-2Vndt_,
.wrapper-1VLyxH,
.avatar-b5OQ1N,
.avatar_f9f2ca,
.avatar_cdc675 {
    border-radius: 38%;
}

.replyBar_b11c5e,
.clipContainer_b11c5e {
    background: var(--background-primary);
}

.avatarHint_f89da9 foreignObject {
    mask: unset;
    border-radius: 35% !important;
}

.avatarHintInner_f89da9 {
    border-radius: 35% !important;
}

.imageWrapper__178ee {
    border-radius: 20px;
}

.members_cbd271,
.members_cbd271 > div,
.container-2Oqvgx,
.container-NkLXgf {
    background-color: var(--background-primary);
}

.children_fc4f04:after {
    display: none;
}

.auto-2K3UW5::-webkit-scrollbar-thumb {
    display: block;
}

.container_fc4f04 {
    background: var(--background-primary) !important;
}

.container_b2ca13,
.container-6sXIoE {
    background-color: var(--background-secondary);
}

.container-6sXIoE {
    border: none;
}

.scroller-1d5FgU::-webkit-scrollbar {
    display: none;
}

.scroller_e2e187 {
    margin-right: 30px !important;
}

.textScroller-dc9_kz {
    color: var(--text-normal);
}

.arrow_d64d50 {
    display: none;
}

.userPopoutOuter-3AVBmJ rect.pointerEvents_c51b4e,
.profilePanel-2PWEok rect.pointerEvents_c51b4e {
    x: 66 !important;
    y: 66 !important;
    height: 15px;
    width: 15px;
}

.layer-1Ixpg3 rect.pointerEvents_c51b4e {
    x: 120 !important;
    y: 100 !important;
    height: 15px;
    width: 15px;
}

.scroller-1bVxF5 {
    padding: 6px 8px !important;
}

.bf-toolbar::before,
.contentWarningPopout_fa823b {
    background: var(--background-floating) !important;
}

.axolotlcord .homeIcon__560eb path {
    fill: transparent;
}

.axolotlcord .homeIcon__560eb {
    background: url("https://i.imgur.com/tfg5teR.png") center/cover no-repeat;
    min-width: 45px;
    min-height: 45px;
}

.card-14SgW5 {
    background: #101014 !important;
}

.theme-dark.navRow-dG-XX8 {
    background: #17161b !important;
}

.divider__93173 {
    border-bottom: 1px solid transparent !important;
}

.roleContainer-WStCpt {
    background: transparent !important;
}

.callContainer_ed4410 .content-2a4AW9 {
    background-color: transparent !important;
}

#MemberCount,
#MemberCount .membersGroup_cbd271 {
    background-color: var(--background-primary) !important;
}

.header-2Kx1US.ChannelDms-channelmembers-header.topPill-3DJJNV {
    background: var(--background-primary) !important;
}

.bannerSVGWrapper-qc0szY mask {
    display: none;
}

.userPopout-2j1gM4 .wrapper-1VLyxH::before,
.avatar-3QF_VA::before {
    content: " ";
    font-size: 0px;
    background-color: var(--background-floating);
    float: left;
    border-radius: 50%;
    height: 94px;
    width: 94px;
    margin: -7px;
}

.avatar-3QF_VA::before {
    height: 136px;
    width: 136px;
    margin: -8px;
}

.userPopout-2j1gM4 [class^="avatarWrapper"] .wrapper-1VLyxH,
.avatarHint_f89da9 {
    top: 9px;
}

.mask_c51b4e > foreignObject {
    border-radius: 38%;
    mask: unset;
}