/* Flashcord © 2023-2024 by SiriusBYT is licensed under CC BY-NC-ND 4.0.
NOTICE: Every time there is a "[!] FCM-Wildcard_PerfNuker" this means that using a wildcard will absolutely nuke performance so bad it would make Flashcord impossible to use 

Kernel/BIOS Handles fonts, variables and idle optimizations.*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face { font-family: 'Fixedsys Excelsior'; font-weight: normal; font-style: normal; font-display: swap;
    src: url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.eot');
    src: url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.eot?#iefix') format('embedded-opentype'),
        url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.woff2') format('woff2'),
        url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.woff') format('woff'),
        url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.ttf')  format('truetype'),
        url('https://sirio-network.com/sbin/Fonts/FixedsysExcelsiorIIIb.svg#FixedsysExcelsiorIIIb') format('svg');
} /* The FixedSys Excelsior Font is used for Terminal mode, it is a retro monospace font. */
:root { /* Root Variables & Build ID */
  --Flashcord-Font: "Roboto"; /* bSID-DEV_240317: For some ODD ASS REASON, I have to put this here, Ring1 doesn't take any of it. */
  --font-primary: var(--Flashcord-Font); 
  --font-display: var(--Flashcord-Font);
  --font-headline: var(--Flashcord-Font);
    
  --FlashCore-Branch: "Flashcord Beta";
  --FlashCore-Channel: "bSID";
  --FlashCore-Version: "240423_HF3";
  
  --FlashCore-Splash_Text: "where update???";
  --FlashCore-Splash_Scale: 1.0;
  --FlashCore-Splash_X: 0px;
  --FlashCore-Splash_Y: 0px;
  --FlashCore-Splash_Margin: 40px;

  --Q: '"'; /* This has an actual reason to exist. I'm not joking. It lets you cheese the annoying thing when you want both ' and " in content */  
}

/* Welcome Animations */
html.theme-light { animation: var(--Flashcord-Animation_Welcome, Flashcord-Welcome_Genshin-Style) var(--Flashcord-Animation_Welcome-Speed, 1s) ease-out; }
html.theme-dark { animation: var(--Flashcord-Animation_Welcome, Flashcord-Welcome_Win11) var(--Flashcord-Animation_Welcome-Speed, 1s) ease-out; }

/* Idle Optimizations // Iridescent Mode disables those automatically.
bSID-DEV_240420: Currently disabled until further notice, this doesn't fucking work and I have no clue why; Too bad!

[class^="notAppAsidePanel_"] > [class^="app_"] {
  container-name: var(--Flashcord-Module_Idle-Optimizations, FCM-Idle_Min) !important;
  container-type: inline-size;
} .app-focused { --Flashcord-Module_Idle-Optimizations: void !important; }

@container FCM-Idle_Max (min-width: 0) {
  [class^="app_"] {
    --Flashcord-Animation_Multiplier: 0;
    --Flashcord-Transition_Multiplier: 0;
    --Flashcord-Blur_Multiplier: 0;
  
    --Flashcord-Module_Guild-Notification: FCM-Guild_Notification_Static;
    --Flashcord-Module_Channel-Notification: FCM-Channel_Notification-Static;  
  }
}
@container FCM-Idle_Min (min-width: 0) {
  [class^="app_"] {
    --Flashcord-Animation_Multiplier: 0;

    --Flashcord-Module_Guild-Notification: FCM-Guild_Notification_Static;
    --Flashcord-Module_Channel-Notification: FCM-Channel_Notification-Static;
  }
} */

/* Disable Scrollbars & Discord Logo in Titlebar */
::-webkit-scrollbar, [class*="wordmark_"] { display: none !important; }
body { /* Theming // Setting stuff for Background Images */
  background: unset;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;
} html[theme-hooker^="theme-"] { container-name: var(--FlashCore-Theme, FCM-Theme_Hooker) !important; }
.custom-theme-background { container-name: var(--FlashCore-Theme, FCM-Theme_LegacyCBM); }

html.custom-theme-background { /* Permits Transparent Backgrounds (This will get rid of Nitro Themes!) */
  --custom-theme-background: var(--FlashCore-Theme_Color);
  --bg-overlay-color: var(--FlashCore-Theme_Color);
  --background-primary: var(--FlashCore-Theme_Color);
  --background-secondary: var(--FlashCore-Theme_Color);
  --background-secondary-alt: var(--FlashCore-Theme_Color);
  --background-tertiary: var(--FlashCore-Theme_Color);
  --bg-overlay-1: var(--FlashCore-Theme_Color);
  --bg-overlay-2: var(--FlashCore-Theme_Color);
  --bg-overlay-3: var(--FlashCore-Theme_Color);
  --bg-overlay-4: var(--FlashCore-Theme_Color);
  --bg-overlay-5: var(--FlashCore-Theme_Color);
  --bg-overlay-6: var(--FlashCore-Theme_Color);
  --bg-overlay-hover: var(--FlashCore-Theme_Color);
  --bg-overlay-active: var(--FlashCore-Theme_Color);
  --bg-overlay-selected: var(--FlashCore-Theme_Color);
  --bg-overlay-chat: var(--FlashCore-Theme_Color);
  --bg-overlay-home: var(--FlashCore-Theme_Color);
  --bg-overlay-home-card: var(--FlashCore-Theme_Color);
  --bg-overlay-app-frame: var(--FlashCore-Theme_Color);
}

html { /* bSID-DEV_240314: This file is ugly. Too bad! // bSID-DEV_240315: Unfucking in progress. // bSID-DEV_240420: Now merged in BIOS File! */
  /* Discord -> Flashcord Overrides */
  --text-normal: var(--Flashcord-Text);

  /* General Variables */
  --Flashcord-Font_Primary: "Roboto"; /* bSID-DEV_240412: This may not get used because --Flashcord-Font exists and seems to be the only one working. */
  --Flashcord-Font_Monospace: "Fixedsys Excelsior";

  --Flashcord-UI_Border-Radius: 25px;

  /* Variables with Modifiers */
  --Flashcord-Animation_XFast: calc(var(--Flashcord-Animation_Multiplier, 1) * 62.5ms);
  --Flashcord-Animation_Fast: calc(var(--Flashcord-Animation_Multiplier, 1) * 125ms);
  --Flashcord-Animation_Normal: calc(var(--Flashcord-Animation_Multiplier, 1) * 250ms);
  --Flashcord-Animation_Slow: calc(var(--Flashcord-Animation_Multiplier, 1) * 500ms);
  --Flashcord-Animation_XSlow: calc(var(--Flashcord-Animation_Multiplier, 1) * 1s);
  --Flashcord-Animation_XTSlow: calc(var(--Flashcord-Animation_Multiplier, 1) * 2s);
  --Flashcord-Animation_XTXSlow: calc(var(--Flashcord-Animation_Multiplier, 1) * 4s);

  --Flashcord-Transition_XFast: calc(var(--Flashcord-Transition_Multiplier, 1) * 62.5ms);
  --Flashcord-Transition_Fast: calc(var(--Flashcord-Transition_Multiplier, 1) * 125ms);
  --Flashcord-Transition_Normal: calc(var(--Flashcord-Transition_Multiplier, 1) * 250ms);
  --Flashcord-Transition_Slow: calc(var(--Flashcord-Transition_Multiplier, 1) * 500ms);
  --Flashcord-Transition_XSlow: calc(var(--Flashcord-Transition_Multiplier, 1) * 1s);

  --Flashcord-Blur_Heavy: calc(var(--Flashcord-Blur_Multiplier, 1) * 16px);
  --Flashcord-Blur_Normal: calc(var(--Flashcord-Blur_Multiplier, 1) * 8px);
  --Flashcord-Blur_Light: calc(var(--Flashcord-Blur_Multiplier, 1) * 4px);
  --Flashcord-Blur_Feather: calc(var(--Flashcord-Blur_Multiplier, 1) * 2px);

  /* Theme-Dependent Color Variables */
  --Flashcord-Text_Light: rgba(0,0,0,0.95);
  --Flashcord-Text_Dark: rgba(255,255,255,0.95);
  --Flashcord-Text_Legacy: #FF69FF;
  --Flashcord-Accent_Light: rgba(0,155,255,0.5);
  --Flashcord-Accent_Dark: rgba(255,55,0,0.5);
  --Flashcord-Accent_Light-Heavy: rgba(0,155,255,1);
  --Flashcord-Accent_Dark-Heavy: rgba(255,55,0,1);
  --Flashcord-Background_Light: rgba(255,255,255,0.9);
  --Flashcord-Background_Dark: rgba(0,0,0,0.9);
  --Flashcord-Solid-Background_Light: white;
  --Flashcord-Solid-Background_Dark: black;
  --Flashcord-4Chan-Background_Light: #fffeed;
  --Flashcord-4Chan-Background_Dark: #060606;

  /* Independent Variables */
  --Flashcord-Floating_Light: rgba(255,255,255,0.5);
  --Flashcord-Floating_Dark: rgba(0,0,0,0.5);
  --Flashcord-Heavy-Floating_Light: rgba(255,255,255,0.8);
  --Flashcord-Heavy-Floating_Dark: rgba(0,0,0,0.8);

  --Flashcord-Channel_Notification-Mention_Color: rgba(255,0,0,0.5);
  --Flashcord-Channel_Notification-Unread_Color: rgba(0,0,255,0.5);
  --Flashcord-Guild_Notification-Color: #0000FF;
  --Flashcord-Guild_Notification-Size: 4px;
  --Flashcord-Shadow_Size: 1px;

  /* Theme-Dependent Variables */
  --Flashcord-Image_Sync: url("https://sirio-network.com/flashcord/ressources/theme-previews/theme-sync.png");
  --Flashcord-Image_Transparent: var(--Flashcord-Image_Sync); /* bSID-DEV_240411: These two themes still don't have previews. They will eventually. */

  --Flashcord-Filter_CBM-Light: blur(8px) brightness(1);
  --Flashcord-Filter_CBM-Dark: blur(16px) brightness(0.5);
  --Flashcord-Image_CBM-Light: url("https://sirio-network.com/flashcord/ressources/backgrounds/bgr-test.jpg");
  --Flashcord-Image_CBM-Dark: url("https://sirio-network.com/flashcord/ressources/backgrounds/hypernner.jpg");

  --Flashcord-Background-Animation_Iridescent-Light: SNDL-Background_MvX;
  --Flashcord-Background-Animation_Iridescent-Dark: SNDL-Background_MvX;
  --Flashcord-Background-Animation-Duration_Iridescent-Light: 2s;
  --Flashcord-Background-Animation-Duration_Iridescent-Dark: 2s;
  --Flashcord-Rainbow-Animation_Iridescent-Light: Flashcord-Iridescent_Light;
  --Flashcord-Rainbow-Animation_Iridescent-Dark: Flashcord-Iridescent_Dark;
  --Flashcord-Rainbow-Animation-Duration_Iridescent-Light: 2s;
  --Flashcord-Rainbow-Animation-Duration_Iridescent-Dark: 2s;
  --Flashcord-Filter_Iridescent-Light: blur(4px) brightness(1);
  --Flashcord-Filter_Iridescent-Dark: blur(4px) brightness(0.5);
  --Flashcord-Image-Size_Iridescent-Light: 100vw;
  --Flashcord-Image-Size_Iridescent-Dark: 100vw;
  --Flashcord-Image_Iridescent-Light: url("https://sirio-network.com/sbin/PSWave-Iridescent_Light.png");
  --Flashcord-Image_Iridescent-Dark: url("https://sirio-network.com/sbin/PSWave-Iridescent_Dark.png");
  --Flashcord-Image-Control_Iridescent-Light: url("https://sirio-network.com/flashcord/ressources/backgrounds/BasicGrid-White_Fast.gif");
  --Flashcord-Image-Control_Iridescent-Dark: url("https://sirio-network.com/flashcord/ressources/backgrounds/BasicGrid-Dark_Fast.gif");

  /* Miscellaneous Variables */
  --SNDL-Rainbow_Gradient: linear-gradient(90deg, rgb(255,0,0) 0%, rgb(255,127,0) 14.3%, rgb(255,255,0) 28.6%, rgb(0,255,0) 42.9%, rgb(0,0,255) 57.1%, rgb(170,0,170) 71.4%, rgb(255,170,255) 85.7%, rgb(255,0,0) 100%);

  /* Other Stuff */
  background: var(--Flashcord-Solid-Background);
  container-type: inline-size; 
} .theme-light {
  --background-primary: white;
  --background-secondary: white;
  --background-secondary-alt: white;
  --background-tertiary: white;
  --background-accent: #FF99FF;
  --background-floating: white;
  --channeltextarea-background: #f0f0f0;
  --background-modifier-selected: #eaeaea;
  --background-modifier-hover: #f0f0f0;
  --home-background: white;

  /* Theme-Dependent Color Variables */
  --Flashcord-Text: var(--Flashcord-Text_Light);
  --Flashcord-Accent: var(--Flashcord-Accent_Light);
  --Flashcord-Background: var(--Flashcord-Background_Light);
  --Flashcord-Solid-Background: var(--Flashcord-Solid-Background_Light);
  --Flashcord-4Chan-Background: var(--Flashcord-4Chan-Background_Light);

  --Flashcord-Floating: var(--Flashcord-Floating_Light);
  --Flashcord-Heavy-Floating: var(--Flashcord-Heavy-Floating_Light);

  /* Theme-Dependent Variables */
  --Flashcord-Filter_CBM: var(--Flashcord-Filter_CBM-Light);
  --Flashcord-Image_CBM: var(--Flashcord-Image_CBM-Light);

  --Flashcord-Filter_Iridescent: var(--Flashcord-Filter_Iridescent-Light);
  --Flashcord-Background-Animation_Iridescent: var(--Flashcord-Background-Animation_Iridescent-Light);
  --Flashcord-Background-Animation-Duration_Iridescent: var(--Flashcord-Background-Animation-Duration_Iridescent-Light);
  --Flashcord-Rainbow-Animation_Iridescent: var(--Flashcord-Rainbow-Animation_Iridescent-Light);
  --Flashcord-Rainbow-Animation-Duration_Iridescent: var(--Flashcord-Rainbow-Animation-Duration_Iridescent-Light);
  --Flashcord-Image-Size_Iridescent: var(--Flashcord-Image-Size_Iridescent-Light);
  --Flashcord-Image_Iridescent: var(--Flashcord-Image_Iridescent-Light);
  --Flashcord-Image-Control_Iridescent: var(--Flashcord-Image-Control_Iridescent-Light);
} .theme-dark {
  --background-primary: black;
  --background-secondary: black;
  --background-secondary-alt: black;
  --background-tertiary: black;
  --background-accent: #660066;
  --background-floating: #060606;
  --channeltextarea-background: #060606;
  --background-modifier-selected: #0F0F0F;
  --background-modifier-hover: #161616;
  --Flashcord-UI_Brightness: 2;

  /* Theme-Dependent Color Variables */
  --Flashcord-Text: var(--Flashcord-Text_Dark);
  --Flashcord-Accent: var(--Flashcord-Accent_Dark);
  --Flashcord-Background: var(--Flashcord-Background_Dark);
  --Flashcord-Solid-Background: var(--Flashcord-Solid-Background_Dark);
  --Flashcord-4Chan-Background: var(--Flashcord-4Chan-Background_Dark);

  --Flashcord-Floating: var(--Flashcord-Floating_Dark);
  --Flashcord-Heavy-Floating: var(--Flashcord-Heavy-Floating_Dark);

  /* Theme-Dependent Variables */
  --Flashcord-Filter_CBM: var(--Flashcord-Filter_CBM-Dark);
  --Flashcord-Image_CBM: var(--Flashcord-Image_CBM-Dark);
  
  --Flashcord-Filter_Iridescent: var(--Flashcord-Filter_Iridescent-Dark);
  --Flashcord-Background-Animation_Iridescent: var(--Flashcord-Background-Animation_Iridescent-Dark);
  --Flashcord-Background-Animation-Duration_Iridescent: var(--Flashcord-Background-Animation-Duration_Iridescent-Dark);
  --Flashcord-Rainbow-Animation_Iridescent: var(--Flashcord-Rainbow-Animation_Iridescent-Dark);
  --Flashcord-Rainbow-Animation-Duration_Iridescent: var(--Flashcord-Rainbow-Animation-Duration_Iridescent-Dark);
  --Flashcord-Image-Size_Iridescent: var(--Flashcord-Image-Size_Iridescent-Dark);
  --Flashcord-Image_Iridescent: var(--Flashcord-Image_Iridescent-Dark);
  --Flashcord-Image-Control_Iridescent: var(--Flashcord-Image-Control_Iridescent-Dark);
}/* Kernel/Ring1 is a repository of Keyframes.

SNDL Specific Keyframes */
@keyframes SNDL-Fade_In { 0% { opacity: 0;} }
@keyframes SNDL-Fade_Out { 100% { opacity: 0;} }
@keyframes SNDL-Fade_Loop { 0% { opacity: 0;} 50% { opacity: unset;} 100% {opacity: 0;} }
@keyframes SNDL-Fade_Custom { 0% { opacity: var(--Initial);} 100% { opacity: var(--Final);} }
@keyframes SNDL-Translate_Custom {
    0% { translate: var(--Initial, 0rem); opacity: 0;}
    100% { translate: var(--Final, 0rem);}
}
@keyframes SNDL-Shake {
    0% {translate: calc(1px * var(--Amplitude-X, 1)) calc(1px * var(--Amplitude-Y, 1)); rotate: calc(1.2deg * var(--Amplitude-R, 0));}
    25% {translate: calc(-1px * var(--Amplitude-X, 1)) calc(-1px * var(--Amplitude-Y, 1)); rotate: calc(-1.4deg * var(--Amplitude-R, 0));}
    50% {translate: calc(1px * var(--Amplitude-X, 1)) calc(-1px * var(--Amplitude-Y, 1)); rotate: calc(2.1deg * var(--Amplitude-R, 0));}
    75% {translate: calc(-1px * var(--Amplitude-X, 1)) calc(1px * var(--Amplitude-Y, 1)); rotate: calc(-4.1deg * var(--Amplitude-R, 0));}
    100% {translate: calc(1px * var(--Amplitude-X, 1)) calc(1px * var(--Amplitude-Y, 1)); rotate: calc(1deg * var(--Amplitude-R, 0));}
}
@keyframes SNDL-Background_MvX {
    0% { background-position-x: 0vw; }
    100% { background-position-x: 100vw; }
}

@keyframes SNDL-Rainbow_Filter {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}
@keyframes SNDL-Rainbow_Backdrop-Filter {
    0% { backdrop-filter: hue-rotate(0deg); }
    100% { backdrop-filter: hue-rotate(360deg); }
}

/* Welcome Animations */
@keyframes Flashcord-Welcome_Win11 {
    0% { scale: 0.95; opacity: 0;}
    90% { scale: 0.98; opacity: 1;}
    100% { scale: 1.0; }
} /* Emulates the effect Windows 11 uses when plugging in a monitor */
@keyframes Flashcord-Welcome_CRT {
    0% { scale: 0.98 0; filter: brightness(0);}
    90% { scale: 1 1.1; filter: brightness(10);}
    100% { scale: 1 1; filter: brightness(1);}
} /* I own a CRT and it's actually a very slow fade, whatever though, everyone thinks CRTs start this way so whatever LMFAO */
@keyframes Flashcord-Welcome_Genshin-Style { 
    0% { scale: 0.9; filter: brightness(8) blur(32px);}
    100% { scale: 1.0; filter: brightness(1) blur(0px);}
} /* This is meant to emulate the pretty cool transition from the party screen in Genshin */

/* Iridescent Mode Previews */
@keyframes Flashcord-Iridescent_Light {
    0% { backdrop-filter: hue-rotate(0deg) var(--Flashcord-Filter_Iridescent-Light) }
    100% { backdrop-filter: hue-rotate(360deg) var(--Flashcord-Filter_Iridescent-Light); }
}
@keyframes Flashcord-Iridescent_Dark {
    0% { backdrop-filter: hue-rotate(-360deg) var(--Flashcord-Filter_Iridescent-Dark); }
    100% { backdrop-filter: hue-rotate(0deg) var(--Flashcord-Filter_Iridescent-Dark); }
}

/* To be optimized in the future, ranked from silly to OH MY FUCKING GOD- */
@keyframes FlashCore-Splash {
    0% { scale: 0.8; }
    100% { scale: 1.0; }
} 
@keyframes Flashcord-Message_Uploaded {
    0% { opacity: 0.5; translate: 10vw; }
    100% { opacity: 1; translate: 0; }
}
@keyframes Flashcord-DotBlink {
    0% { content: " " }
    33% { content: "."}
    66% { content: ".."}
    100% { content: "..." }
}
@keyframes Flashcord-Typing { /* bSID-DEV-240307: This looks horrendous but I don't wanna touch DOM after the animation is finished */
    0% { width: 0; display: block; white-space: nowrap; overflow: hidden;}
    100% { width: 100%; display: block; white-space: nowrap; overflow: hidden;}
}
@keyframes Flashcord-GuildPulse {
    0% {  filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) rgb(255,0,0));}
    14.3% {  filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) rgb(255,127,0));}
    28.6% {  filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size)  rgb(255,255,0));}
    42.9% {  filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) rgb(0,255,0));}
    57.1% {  filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) rgb(0,0,255));}
    71.4% {  filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) rgb(170,0,170));}
    85.7% {  filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) rgb(255,170,255));}
    100% {  filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) rgb(255,0,0));}
} /* bSID-DEV_240420: My eyes hurt looking at this. */
@keyframes Flashcord-Warning {
    0% { opacity: 1; display: flex;}
    5% { background-color: rgba(255,0,0,0.25);}
    10% { background-color: white;}
    15% { background-color: rgba(255,0,0,0.25);}
    20% { background-color: white;}
    25% { background-color: rgba(255,0,0,0.25);}
    30% { background-color: white;}
    35% { background-color: rgba(255,0,0,0.25);}
    40% { background-color: white;}
    45% { background-color: rgba(255,0,0,0.25);}
    50% { background-color: white; opacity: 1;}
    55% { background-color: rgba(255,0,0,0.25);}
    60% { background-color: white;}
    65% { background-color: rgba(255,0,0,0.25);}
    70% { background-color: white;}
    75% { background-color: rgba(255,0,0,0.25);}
    80% { background-color: white;}
    85% { background-color: rgba(255,0,0,0.25);}
    90% { background-color: white;}
    95% { background-color: rgba(255,0,0,0.25);}
    100% { background-color: white; opacity: 0;}
} /* bSID-DEV-240301: This is fucking horrendous *//* Kernel/Ring2 handles "Blackout" animations and the Crash Page Code. */

#app-mount > [class^="wrapper_"] { container-name: var(--Flashcord-Module_Crash, FCM-Crash); container-type: inline-size; }
@container FCM-Crash (min-width: 0) {
  [class^="flex_"] {
    position: absolute; top: 0; left: 0;
    width: 100vw; height: 100vh;
    background-color: black;
    animation: Flashcord-Welcome_CRT var(--Flashcord-Animation_Fast) ease-in, SNDL-Fade_Custom var(--Flashcord-Animation_XFast) linear infinite;
    --Initial: 1; --Final: 0.975;
  }
  [class^="note_"] div::before,
  [class^="note_"]::before {
    color: white; white-space: pre-wrap;
    font-family: var(--Flashcord-Font_Monospace);
    filter: drop-shadow(0 0 2rem white);
  }
  [class^="note_"]::before {
    content: var(--FCL-Crash_Header);
    font-weight: 900; font-size: x-large;
  } [class^="note_"] div::before { content: var(--FCL-Crash_Paragraph); }
  /* Button Customisation */
  [class^="button_"] {
    background: var(--Flashcord-Accent_Dark-Heavy) !important;
    border-radius: var(--Flashcord-UI_Border-Radius);
    transition-property: scale; transition-duration: var(--Flashcord-Transition_Normal);
    filter: drop-shadow(0 0 1rem red);
  } [class^="button_"]:hover { scale: 1.1; } [class^="button_"]:active { scale: 1.0; }
  [class^="contents_"] { font-family: var(--Flashcord-Font_Monospace); }
  /* Gets rid of useless previous text */
  [class^="image_"], h2, p { display: none; }
  [class^="text_"] { width: unset; }
}


[class^="app_"]:has([class^="problems_"]) { container-name: var(--Flashcord-Module_Blackout, FCM-Blackout_Android); container-type: inline-size; }
@container FCM-Blackout_Android (min-width: 0) {
  [class^="content_"] { /* bSID-DEV_240313: This bit of code had *TWO* background proprieties. AM I FUCKING DRUNK OR SOMETHING?! */
    position: absolute; top: 0; left: 0; width: 100vw; height: 100vh;
    display: flex; justify-content: center; align-items: center;
    background: rgba(0,0,0,0.9);
    backdrop-filter: blur(var(--Flashcord-Blur_Heavy));
    animation: SNDL-Fade_In var(--Flashcord-Animation_XSlow) !important;
  }
  [class^="content_"]::before {
    content: "Flashcord";
    text-align: center; font-weight: 900; margin: auto; scale: 5;
    background-image: linear-gradient(90deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 30%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.05) 80%, rgba(255,255,255,0.05) 100%);
    background-size: 32vw; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    animation: SNDL-Background_MvX var(--Flashcord-Animation_XTXSlow) linear infinite !important;
  }
  [class^="problems_"]::before { /* bSID-DEV_240313: It's funny I assume it's never a Discord issue because Discord does fuck up bad sometimes lol. */
    content: var(--FCL-Blackout_Android);
    color: white; text-align: center; white-space: pre;
    --Initial: 0 5vh; animation: SNDL-Translate_Custom var(--Flashcord-Animation_XSlow);
  } [class^="content_"] div, video, [class^="problems_"] div { display: none; }
}

@container FCM-Blackout_Terminal (min-width: 0) {
  [class^="container_"] { background-color: black; }
  [class^="content_"] { /* bSID-DEV_240313: ???? THIS BIT OF CODE ALSO HAD THE DOUBLE BACKGROUND PROPRIETY- HOLY SHIT HOW IS FLASHCORD EVEN WORKING WHEN MY CODE IS THIS SHIT */
    position: absolute; top: 0;left: 0;
    display: flex; flex-direction: row;
    width: fit-content; height: fit-content;
    font-family: var(--Flashcord-Font_Monospace); font-size: large;
    background: black; backdrop-filter: blur(var(--Flashcord-Blur_Heavy));
    animation: SNDL-Fade_In var(--Flashcord-Animation_XSlow) !important;
  } [class^="content_"] div, video, [class^="problems_"] { display: none; }
  [class^="content_"]::after {
    position: absolute; top: 21rem; left: 11rem;
    content: "_"; margin-left: 0.5rem;
    color: white; text-align: left; white-space: pre;
    animation: Flashcord-DotBlink var(--Flashcord-Animation_XSlow) linear infinite;
  }
  [class^="content_"]::before { /* Looking back, this is hilariously bad and not very Linux-y... Too Bad! */
    content: "Linux AuraCloud-E2A 6.4.0-3-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.4.11-1 (2023-08-17) x86_64 \A \
=== Sirio Network OCI: AuraCloud-E2A \A \
Private Key accepted, connection successful. \A \A \
------------------------------------------------------------------------- \A\A \
The programs included with the Debian GNU/Linux system are free software; \A \
the exact distribution terms for each program are described in the \A \
individual files in /usr/share/doc/*/copyright. \A\A \
Debian GNU/Linux comes with ABSOLUTELY NO WARRANTY, to the extent \A \
permitted by applicable law. \A\A \
------------------------------------------------------------------------- \A \
Last login: "var(--FlashCore-Version)" from "var(--FlashCore-Branch)" \A \
root@AuraCloud-E2A:~# ./Flashcord.sh \A \
AuraCloud-E2A systemd[1]: Starting nginx.service \A \
AuraCloud-E2A systemd[1]: Started nginx.service \A \
GET "var(--Q)"/flashcord/sid.css HTTP/1.1"var(--Q)" from "var(--Q)"discord/1.0.92 Electron/22.3.26"var(--Q)" \A \
Starting Flashcord \A";
    margin-top: 2rem;
    margin-left: 0.5rem;
    text-align: left;
    color: white;
    white-space: pre-wrap;
  }
}
/* Kernel/Ring3 handles branding. */

[class^="notAppAsidePanel_"]::before {
    color: var(--Flashcord-Text); font-size: 12px; font-weight: 900;
    position: absolute; top: -16px; left: 6px; width: 100vw; opacity: 0.5; z-index: 1;
    user-select: none; pointer-events: none;
} /* bSID-DEV_240422 RC3: This is only used for Windows now. */

[class^="chat_"] [class^="children_"]::after {
    display: none; width: max-content; align-items: center;
    color: red; white-space: pre; margin: auto; 
    background: white; border-radius: var(--Flashcord-UI_Border-Radius);
    animation: Flashcord-Warning 16s linear;
    content: var(--FCL-Warning_Basic); 
}

/* Real Code Optimization right here. Actually using containers for what they're fucking used for.
Also copy pasting the whole splash code twice just for ControlPanel_Full to work too is stupid. */
@container FCM-Control-Panel_Float (min-width: 0) { [class^="layer_"]:nth-child(2) [class^="sidebarRegionScroller_"] { container-name: var(--Flashcord-Module_Splash-Text, FCM-ControlPanel_Splash); container-type: inline-size; } }
@container FCM-Control-Panel_Full (min-width: 0) { [class^="layer_"]:nth-child(2) [class^="sidebarRegionScroller_"] { container-name: var(--Flashcord-Module_Splash-Text, FCM-ControlPanel_Splash); container-type: inline-size; } }

/* DEV BUILD NOTICE (231221): This is really not ideal but for now it'll do.
my god is this version rushed as hell, i blame 
actually idk what to blame */
@container FCM-ControlPanel_Splash (min-width: 0) {
    [class^="sidebar_"] > :before {
        content: var(--FlashCore-Branch) "\A Version "var(--FlashCore-Channel) "-" var(--FlashCore-Version);
        margin-bottom: var(--FlashCore-Splash_Margin); padding: 10px; white-space: pre; opacity: 0.8;
        background-image: var(--SNDL-Rainbow_Gradient); background-size: 100vw;
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        animation: SNDL-Background_MvX var(--Flashcord-Animation_XTXSlow) linear infinite !important;
       
    }
    [class^="sidebarRegionScroller_"]::after {
        content: var(--FlashCore-Splash_Text); white-space: pre;
        position: absolute; top: 48px; left: 105px;
        display: flex; justify-content: center; text-align: center;
        margin: 0px; padding: 0px; width: 1px;
        translate: var(--FlashCore-Splash_X) var(--FlashCore-Splash_Y); scale: var(--FlashCore-Splash_Scale); rotate: -2deg;
        animation: FlashCore-Splash var(--Flashcord-AnimMult-Splash, 500ms) ease-in-out infinite alternate; color: #CCCC00;
    }
}/* Kernel/Serial handles debug information. 

General Information */
html.platform-win { --FlashCore-System_OS: "🪟 Windows" }
html.platform-osx { --FlashCore-System_OS: "🍎 MacOS" }
html.platform-linux { --FlashCore-System_OS: "🐧 GNU/Linux" }
html:has(link[href*="replugged"]) { --FlashCore-System_Client: "🔌 Replugged"; }
html:has(#vencord-themes) { --FlashCore-System_Client: "✨ Vencord"; }
html:has(body[class*="bd"]) { --FlashCore-System_Client: "🩹 BetterDiscord [UNSUPPORTED]"; }

/* Theming Related Shenanigans */
.theme-light { --FlashCore-System_Theme: "☀️ Light Mode"; }
.theme-dark { --FlashCore-System_Theme: "🌙 Dark Mode"; }
.custom-theme-background { --Flashcord-Module_CustomTheme: "✅ True"}
[theme-hooker*="-"] { --FlashCore-System_ThemeHooker_Present: "✅ True"; }
[theme-hooker="theme-mint-apple"] { --FlashCore-System_Theme: "🖼️ Custom Background Mode (Light) // Mint Apple" !important; }
[theme-hooker="theme-citrus-sherbert"] { --FlashCore-System_Theme: "💥 Iridescent Mode (Light) // Citrus Sherbert" !important; }
[theme-hooker="theme-retro-raincloud"] { --FlashCore-System_Theme: "🌌 Unknown // Retro Raincloud" !important; }
[theme-hooker="theme-hanami"] { --FlashCore-System_Theme: "🌌 Unknown // Hanami" !important; }
[theme-hooker="theme-sunrise"] { --FlashCore-System_Theme: "🌌 Unknown // Sunrise" !important; }
[theme-hooker="theme-cotton-candy"] { --FlashCore-System_Theme: "🌌 Unknown // Candyfloss" !important; }
[theme-hooker="theme-lofi-vibes"] { --FlashCore-System_Theme: "🌌 Unknown // Lofi-Vibes" !important; }
[theme-hooker="theme-desert-khaki"] { --FlashCore-System_Theme: "🌌 Unknown // Desert Khaki" !important; }
[theme-hooker="theme-sunset"] { --FlashCore-System_Theme: "🖼️ Custom Background Mode (Dark) // Sunset" !important; }
[theme-hooker="theme-chroma-glow"] { --FlashCore-System_Theme: "💥 Iridescent Mode (Dark) // Chroma Glow" !important; }
[theme-hooker="theme-forest"] { --FlashCore-System_Theme: "🌌 Unknown // Forest" !important; }
[theme-hooker="theme-crimson-moon"] { --FlashCore-System_Theme: "🌌 Unknown // Crimson Moon" !important; }
[theme-hooker="theme-midnight-blurple"] { --FlashCore-System_Theme: "🌌 Unknown // Midnight Burple" !important; }
[theme-hooker="theme-mars"] { --FlashCore-System_Theme: "🌌 Unknown // Mars" !important; }
[theme-hooker="theme-dusk"] { --FlashCore-System_Theme: "🌌 Unknown // Dusk" !important; }
[theme-hooker="theme-under-the-sea"] { --FlashCore-System_Theme: "🌌 Unknown // Under the Sea" !important; }
[theme-hooker="theme-retro-storm"] { --FlashCore-System_Theme: "🌌 Unknown // Retro Storm" !important; }
[theme-hooker="theme-neon-nights"] { --FlashCore-System_Theme: "🌌 Unknown // Neon Nights" !important; }
[theme-hooker="theme-strawberry-lemonade"] { --FlashCore-System_Theme: "🌌 Unknown // Strawberry Lemonade" !important; }
[theme-hooker="theme-aurora"] { --FlashCore-System_Theme: "⌨️ Terminal Mode // Aurora" !important; }
[theme-hooker="theme-sepia"] { --FlashCore-System_Theme: "👻 Transparent Mode // Sepia" !important; }
[theme-hooker="theme-easter-egg"] { --FlashCore-System_Theme: "🔥 Flashcord Legacy // Memory Lane" !important; }

/* Debug "Chat Effect" Styling */
[id^="message-content-"]:has([href="http://flashcord/debug"], [href="http://flashcord/debug/store"] ) {
    padding: 8px; margin: 8px; line-height: 15px !important;
    background-image: url("https://sirio-network.com/flashcord/ressources/backgrounds/BasicGrid-Dark_Fast.gif"); background-size: cover;
    border-radius: 25px;
}
[id^="message-content-"]:has([href="http://flashcord/debug"], [href="http://flashcord/debug/store"])::after {
    color: white; white-space: pre-wrap;
    font-family: var(--Flashcord-Font_Monospace);
}
/* Debug Information "Chat Effects" */
[id^="message-content-"]:has([href="http://flashcord/debug"])::after {
    content: 
"\A\A🚧 FLASHCORD GENERAL DEBUG INFORMATION 🚧\A \
This information is only visible to you, please screenshot it and send it to @SiriusBYT for debug purposes if needed. \A\A \
📸 -- Flashcord Information \A
    🔄️ Branch: " var(--FlashCore-Branch) "\A \
    🔗 Channel: " var(--FlashCore-Channel) "\A \
    💡 Version: " var(--FlashCore-Version) "\A \
    👷 Build Date: " var(--FlashCore-Build_Date, "🔥DEVELOPMENT BUILD") "\A\A \
    🏗️ Flashcord Installer Version: " var(--Flashcord-Installer, 'ℹ️ Manual Install')"\A \
    🛠️ Flashcord Configurator Version: " var(--Flashcord-Configurator, 'ℹ️ Configurator Unused')"\A\A \
💬 -- Discord Client Information \A \
    💻 Operating System: " var(--FlashCore-System_OS, '🦎 OpenASAR(?) [UNSUPPORTED]') "\A \
    🎯 Client Modification: " var(--FlashCore-System_Client, '🚧 404 🚧') "\A \
    🔧 ThemeHooker Present: " var(--FlashCore-System_ThemeHooker_Present, '❌ False') "\A \
    🌈 Detected Theme: " var(--FlashCore-System_Theme, '🚧 404 🚧') "\A \
    🖌️ Is using a Custom Theme: " var(--Flashcord-Module_CustomTheme, '❌ False') "\A\A \
⚠️ Please also send the contents of your QuickCSS if you modified Flashcord. \A";
}

[id^="message-content-"]:has(a[href="http://flashcord/debug/store"])::after {
    content: 
"\A\A🚧 FLASHCORD STORE MODULES DEBUG INFORMATION 🚧\A \
This information is only visible to you, please screenshot it and send it to @SiriusBYT for debug purposes if needed. \A\A \
🛍️ Flashcord Store Version: " var(--Flashcord-API_Store-Version, '🪖 Flashcord will be powered by its Store API one day.') "\A\A \
🏬 -- Official Flashcord Modules \A \
    🦾 Accessibility Mode by SiriusBYT: " var(--Flashcord-Store_Accessibility, '❌ Not Present') "\A \
    ♾️ Infinite Chat Effects by SiriusBYT: " var(--Flashcord-Store_InfiniteChatEffects, '❌ Not Present') "\A \
    🧽 Extended Chat Effects by SiriusBYT: " var(--Flashcord-Store_ExtendedChatEffects, '❌ Not Present') "\A\A \
🏪 -- Community Flashcord Modules \A \
    😲 It's bloody empty in here! \A";
}/* Theme/ThemeHooker contains code common to all Advanced Themes. */

@container FCM-Theme_Hooker (min-width: 0) {
    body::after { /* Allows for background blur */
        position: absolute; top: 0; left: 0; z-index: -1;
        content: ""; width: 100vw; height: 100vh;
    }

    [theme-hooker="theme-sunset"] [class^="layers_"] > [class^="layer_"]:first-child, /* CBM DARK */
    [theme-hooker="theme-mint-apple"] [class^="layers_"] > [class^="layer_"]:first-child, /* CBM LIGHT */
    [theme-hooker="theme-citrus-sherbert"] [class^="layers_"] > [class^="layer_"]:first-child, /* IRIDESCENT LIGHT */
    [theme-hooker="theme-chroma-glow"] [class^="layers_"] > [class^="layer_"]:first-child, /* IRIDESCENT DARK */
    [theme-hooker="theme-sepia"] [class^="layers_"] > [class^="layer_"]:first-child /* TRANSPARENT */
    { container-name: var(--Flashcord-Module_Chat-Slide, FCM-Chat-Slide_Legacy); }
    /* This is a hacky solution to fix the bug where you couldn't disable the chat slide on these advanced themes. */
    @container FCM-Settings_Appearance (min-width: 0) {
        section > [class^="header_"] > :before { content: var(--FCL-AT_ThemeHooker) !important; }
        [class^="themeSelection_"][style*="--bg-gradient-citrus-sherbert"], /* IRIDESCENT LIGHT */
        [class^="themeSelection_"][style*="--bg-gradient-chroma-glow"], /* IRIDESCENT DARK */
        [class^="themeSelection_"][style*="--bg-gradient-sepia"], /* TRANSPARENT */
        [class^="themeSelection_"][style*="--bg-gradient-aurora"] /* TERMINAL */
        { /* I hate brackets like these. This will be the only time you'll see something this hideous. Enjoy it nerds. */
            filter: unset !important;
            cursor: pointer !important;
        }
    }
}/* Theme/CustomIMG is responsable for adding the CBM Advanced Theme. */

[theme-hooker="theme-sunset"], [theme-hooker="theme-mint-apple"] { --FlashCore-Theme_Color: transparent; }
[theme-hooker="theme-sunset"] {
    --interactive-muted: #A0A0A0;
    --interactive-hover: white;
    --channels-default: #EEEEEE;
    
    --Flashcord-UI_Brightness: 2;
    --background-floating: rgba(6,6,6,0.5);
    --background-modifier-selected: rgba(16,16,16,0.5);
    --background-modifier-hover: rgba(22,22,22,0.5);
}
[theme-hooker="theme-mint-apple"] {
    --interactive-muted: #5f5f5f;
    --primary-330: #5f5f5f;
    --interactive-hover: black;
    --channels-default: #111111;
    --Flashcord-UI_Brightness: 1;
    --background-floating: rgba(155,155,155,0.5);
    --background-modifier-selected: rgba(200,200,200,0.5);
    --background-modifier-hover: rgba(255,255,255,0.5);
}

@container FCM-Theme_Hooker (min-width: 0) {
    [theme-hooker="theme-sunset"], [theme-hooker="theme-mint-apple"] { background-repeat: no-repeat; background-image: var(--Flashcord-Image_CBM); }

    [theme-hooker="theme-mint-apple"] [class^="chat_"] [class^="children_"]::after { content: var(--FCL-Warning_CBM-Light) !important; }
    [theme-hooker="theme-sunset"] [class^="chat_"] [class^="children_"]::after { content: var(--FCL-Warning_CBM-Dark) !important; }


    [theme-hooker="theme-mint-apple"],
    [theme-hooker="theme-sunset"] { container-name: var(--FlashCore-Theme, FCM-Theme_CBM) !important; container-type: inline-size; }
    @container FCM-Theme_CBM (min-width: 0) {
        body::after { backdrop-filter: var(--Flashcord-Filter_CBM); }
        @container FCM-Member-Slide (min-width: 0) {
            [class^="membersWrap_"] { transition-property: background-color; transition-duration: var(--Flashcord-Transition_Normal); }
            [class^="membersWrap_"]:hover { background-color: var(--Flashcord-Floating); }
        } [class^="autocomplete_"], [class^="autocomplete_"] [class*="categoryHeader_"] { background: var(--Flashcord-Heavy-Floating) !important; }
        @container FCM-Popup-Menu (min-width: 0) { [role="menu"] { background: var(--Flashcord-Floating); } }
        @container FCM-Control-Panel_Float (min-width: 0) { [class^="layer_"]:nth-child(2) { border: 1px solid var(--Flashcord-Accent); background: var(--Flashcord-Floating); } }
        @container FCM-Jump-Bars (min-width: 0) { [class^="jumpToPresentBar_"] { padding-bottom: 0; } }
    } 
}

@container FCM-Theme_LegacyCBM (min-width: 0) {
    body { --Flashcord-Module_Chat-Slide: FCM-Chat-Slide_Legacy; --Flashcord-UI_Brightness: 0.5; background-image: var(--Flashcord-Image_CBM); }
    .custom-theme-background #app-mount { backdrop-filter: var(--Flashcord-Filter_CBM); }
    [class^="layer_"]:nth-child(2) { border: 1px solid white; }
    .custom-theme-background [class^="chat_"] [class^="title_"] [class^="children_"]::after { content: var(--FCL-Warning_Deprecated) !important; }
    @container FCM-Control-Panel_Float (min-width: 0) { [class^="layer_"]:nth-child(2) { border: 1px solid var(--Flashcord-Accent); background: var(--Flashcord-Floating); } }
}/* Theme/Iridescent is responsable for adding the Iridescent Advanced Theme. */

[theme-hooker="theme-citrus-sherbert"],
[theme-hooker="theme-chroma-glow"] {
    --FlashCore-Theme_Color: transparent; 
    --Flashcord-UI_Brightness: 0.5;

    --Flashcord-Module_Chat-Slide: FCM-Chat-Slide_Legacy;
    --Flashcord-Module_Idle-Optimizations: void;
}

@container FCM-Theme_Hooker (min-width: 0) {
    [theme-hooker="theme-citrus-sherbert"], [theme-hooker="theme-chroma-glow"] {
        animation: var(--Flashcord-Background-Animation_Iridescent) var(--Flashcord-Background-Animation-Duration_Iridescent) linear infinite;
        background-image: var(--Flashcord-Image_Iridescent); background-size: var(--Flashcord-Image-Size_Iridescent);
    }
    [theme-hooker="theme-citrus-sherbert"] [class^="tooltip_"],
    [theme-hooker="theme-chroma-glow"] [class^="tooltip_"] { outline: 1px solid var(--Flashcord-Accent); }
    
    [theme-hooker="theme-citrus-sherbert"], [theme-hooker="theme-chroma-glow"] { background-repeat: repeat-x; container-name: FCM-Theme_Iridescent; container-type: inline-size; }
    @container FCM-Theme_Iridescent (min-width: 0) {
        body::after { backdrop-filter: var(--Flashcord-Filter_Iridescent); animation: var(--Flashcord-Rainbow-Animation_Iridescent) var(--Flashcord-Rainbow-Animation-Duration_Iridescent) linear infinite; }
        [class^="chat_"] [class^="children_"]::after { content: var(--FCL-Warning_Iridescent) !important; }

        @container FCM-Member-Slide (min-width: 0) {
            [class^="membersWrap_"]::before { /* May be a performance issue? Blame chrome, I fucking hate chrome's fucking bullshit backdrop-filter bug so much I'm going to fucking piss on the moon right this fucking instant */
                position: absolute; top: 0; left: 0; z-index: -1;
                width: 100%; height: 100%; content: '';
                transition-property: backdrop-filter; transition-duration: var(--Flashcord-Transition_Normal);
            } [class^="membersWrap_"]:hover::before { /* Firefox instead of Electron When? */ backdrop-filter: blur(var(--Flashcord-Blur_Heavy)); }
        } @container FCM-Jump-Bars (min-width: 0) { [class^="jumpToPresentBar_"] { padding-bottom: 0; } }

        @container FCM-Control-Panel_Float (min-width: 0) {
            [class^="layer_"]:nth-child(2) {
                border: 1px solid var(--Flashcord-Accent);
                background-image: var(--Flashcord-Image-Control_Iridescent); background-size: cover;
            }
        }
        @container FCM-Popup-Menu (min-width: 0) {
            [class*="menu"] { outline: 1px solid var(--Flashcord-Accent); background: var(--Flashcord-Floating); }
            [class^="scroller_"]::before {
                position: absolute; top: 0; left: 0; z-index: -1;
                content: ''; width: 100%; height: 100%;
                border-radius: var(--Flashcord-UI_Border-Radius); backdrop-filter: var(--Flashcord-Filter_Iridescent);
            }
        }
    }
}/* Theme/Terminal is responsable for adding the Terminal Advanced Theme. */

[theme-hooker="theme-aurora"] {
    font-size: 105% !important;
    --Flashcord-Font: var(--Flashcord-Font_Monospace);
    --FlashCore-Theme_Color: black; 
    --bg-overlay-app-frame: transparent;

    --Flashcord-Animation_Welcome: Flashcord-Welcome_CRT;
    --Flashcord-Animation_Welcome-Speed: 500ms;
    --Flashcord-Module_Blackout: FCM-Blackout_Terminal;
    --Flashcord-Module_Control-Panel: FCM-Control-Panel_Full;
    --Flashcord-Module_Channel-Notification: FCM-Channel_Notification-Static;
    --Flashcord-Module_Guild-Notification: FCM-Guild_Notification_Static;
    --Flashcord-Module_Guild: FCM-Guild_Compact-Horizontal;
    --Flashcord-Module_Chat-Slide: void;
    --Flashcord-Module_Message-Slide: void;

    --Flashcord-Animation_Multiplier: 0.125;
    --Flashcord-Transition_Multiplier: 0.125;
    --Flashcord-Blur_Multiplier: 0.5;
    --Flashcord-UI_Brightness: 0.25;
    --Flashcord-UI_Border-Radius: 0;

    --Flashcord-Guild_Notification-Size: 8px;
}

@container FCM-Theme_Hooker (min-width: 0) {
    [theme-hooker="theme-aurora"] {
        container-name: FCM-Theme_Terminal !important;
        container-type: inline-size;
    }
    @container FCM-Theme_Terminal (min-width: 0) {
        .platform-win [class^="notAppAsidePanel_"]::before {
            content: var(--FlashCore-Branch) " // " var(--FlashCore-Channel) "-" var(--FlashCore-Version) !important;
            color: white; opacity: 1; text-transform: lowercase;
        }
        @container FCM-Guild_Notification_Static (min-width: 0) { [class^="listItem_"] { scale: 0.9 !important; } }
        @container FCM-Channel_Compact (min-width: 0) { li { scale: 0.95 !important; } }
        @container FCM-Member-Slide (min-width: 0) { [class^="member_"]:hover > div { scale: 1 !important; translate: 0px !important; } }
        @container FCM-Control-Panel_Full (min-width: 0) { [class^="sidebar_"] [class^="item_"] { translate: 5px !important; scale: 1 !important; } }
    }
}/* Theme/Transparent is responsable for adding the Transparent Advanced Theme. */

[theme-hooker="theme-sepia"] {
    --window-win-blur: "unified-acrylic"; 
    --FlashCore-Theme_Color: transparent; 
    --Flashcord-UI_Brightness: 0.5;

    background: transparent !important;
    --Flashcord-Module_Chat-Slide: FCM-Chat-Slide_Legacy;
}


@container FCM-Theme_Hooker (min-width: 0) {
    [theme-hooker="theme-sepia"] #app-mount { backdrop-filter: var(--Flashcord-Transparent_Filter, blur(16px) brightness(0.5)); }
    [theme-hooker="theme-sepia"] [class^="chat_"] [class^="children_"]:after { content: var(--FCL-Warning_Transparent) !important; }

    /*[theme-hooker="theme-sepia"] { container-name: FCM-Theme_Transparent !important; container-type: inline-size; } // Currently has no use - bSID-DEV_240313 */
}/* Theme/Legacy is responsable for adding the Flashcord Legacy Advanced Theme. */

[theme-hooker="theme-easter-egg"] {
    --bg-overlay-app-frame: white;
    --Flashcord-Animation_Welcome: void
    
    /* This is REALLY how Flashcord (Legacy) used to look like (hell, it wasn't named Flashcord until I finished it, it was called Flashbang, pretty accurate lol.)
    This is the imported colors here! No jokes!  Flashcord was never supposed to be what it became today!
    Some colors may not be accurate due to overriding issues (they default back to Discord or Flashcord's default)
    Also, for your sanity, this easter egg theme does not use the legacy Chat Slide (nor the abandoned legacy members slide).
    Flashcord used to be an even bigger performance nightmare. Yes I said that. It used to be so much worse.
    U.L. = Unknown Location; Ut.L = Untested Location */

      --home-background: white;
      
      --header-primary: #FF42FF;
      --header-secondary: #FFAAFF;
      --Flashcord-Text: var(--Flashcord-Text_Legacy);
      --text-muted: #FFBBFF;
      --text-link: #FF69FF;
      --text-link-low-saturation: #00FFFF; /* U.L. */
      --text-positive: #00FF00;
      --text-warning: #FF0000; /* U.L. */
      --text-danger: #FFFF00; /* U.L. */
      --text-brand: #AA00FF;
      
      --interactive-normal: #FF88FF;
      --interactive-hover: #FF00FF;
      --interactive-active: #DD00DD;
      --interactive-muted: #FF0042;
      
      --mention-foreground: #ff69ff;
      --mention-background: #ffeeFF;
      
      --background-primary: white;
      --background-secondary: white;
      --background-secondary-alt: white;
      --background-tertiary: white;
      --background-accent: #FF99FF;
      --background-floating: #FFF9FF;
      --background-nested-floating: #FF0000; /* U.L. */
      
      --chat-background: #00FF00; /* U.L. */
      --chat-border: #00FF00; /* U.L. */
      --chat-input-container-background: #00FF00; /* U.L. */
      
      --background-modifier-hover: #FFF0FF;
      --background-modifier-active: #FFE0FF;
      --background-modifier-selected: #FFE9FF;
      --background-modifier-accent: #EE99EE;
      
      --info-danger-background: #00FF00; /* U.L. */
      --info-help-background: #FFF0FF;
      --info-help-foreground: #00AAff;
      
      --button-danger-background: #FF0000;
      --button-danger-background-hover: #EE0000;
      --button-danger-background-active: #AA0000;
      --button-danger-background-disabled: #00FF00; /* U.L. */
      
      --button-secondary-background: #FFAAFF;
      --button-secondary-background-hover: #FF99FF;
      --button-secondary-background-active: #FF69FF;;
      --button-secondary-background-disabled: #00FFFF;
      
      --button-outline-danger-text: black;
      --button-outline-danger-border: #FF0000;
      --button-outline-danger-background: #690000;
      --button-outline-danger-background-hover: black;
      --button-outline-danger-text-hover: white;
      --button-outline-danger-border-hover: #FF0000;
      --button-outline-danger-background-active: #690000;
      --button-outline-danger-text-active: white;
      --button-outline-danger-border-active: #FF0000;
      
      --button-outline-brand-text: black; /* U.L. */
      --button-outline-brand-border: #00AAff; /* U.L. */
      --button-outline-brand-background: #00AAff; /* U.L. */
      --button-outline-brand-background-hover: #00CCff; /* U.L. */
      --button-outline-brand-text-hover: white; /* U.L. */
      --button-outline-brand-border-hover: #00CCff; /* U.L. */
      --button-outline-brand-background-active: #00DDff; /* U.L. */
      --button-outline-brand-text-active: white; /* U.L. */
      --button-outline-brand-border-active: #00DDff; /* U.L. */
    
      
      --button-outline-primary-text: #FFAAFF;
      --button-outline-primary-border: #FFEEFF;
      --button-outline-primary-background: #FFEEFF;
      --button-outline-primary-background-hover: #FFF9FF;
      --button-outline-primary-text-hover: #FFAAFF;
      --button-outline-primary-border-hover: #FFF9FF;
      --button-outline-primary-background-active: #FF69FF;
      --button-outline-primary-text-active: white;
      --button-outline-primary-border-active: #FF69FF;
      
      --modal-background: white;
      --modal-footer-background: white;
      
      --scrollbar-thin-thumb: #FFAAFF;
      --scrollbar-thin-track: white;
      --scrollbar-auto-thumb: #FFAAFF;
      --scrollbar-auto-track: white;
      --scrollbar-auto-scrollbar-color-thumb: #00FF00; /* U.L. */
      --scrollbar-auto-scrollbar-color-track: #00FF00; /* U.L. */
      
      --input-background: #FFF9FF;
      --input-placeholder-text: #FF69FF;
    
      --logo-primary: #00FF00; /* U.L. */
      
      --focus-primary: #FFAAFF;
      
      --control-brand-foreground: #00FF00; /* U.L. */
      --control-brand-foreground-new: #00FF00; /* U.L. */
      
      --background-mentioned: #ffF0ff;
      --background-mentioned-hover: #ffE9ff;
      --background-message-hover: #ffF9ff;
      --background-message-automod: #F90000; /* Ut.L.*/
      --background-message-automod-hover: #FF0000; /* Ut.L.*/
      --background-message-highlight: #FFE9FF;
      --background-message-highlight-hover: #00FF00; /* U.L. */
      
      --channels-default: #ff69ff;
      --channel-icon: #FF69FF;
      --channel-text-area-placeholder: #FFDDFF;
      --channeltextarea-background: #FFFAFF;
      
      --activity-card-background: #FFF0FF; /* U.L. */
      
      --textbox-markdown-syntax: #AA00FF;
      
      --spoiler-revealed-background: #00FF00; /* U.L. */
      --spoiler-hidden-background: #00FF00; /* U.L. */
}
[theme-hooker="theme-easter-egg"] body > ::before,
[theme-hooker="theme-easter-egg"] body:before,
[theme-hooker="theme-easter-egg"] [class^="layer_"]:nth-child(2) [class^="sidebar_"] > ::before,
[theme-hooker="theme-easter-egg"] [class^="chat_"] [class^="title_"] [class^="children_"]::after { display: none; }
[theme-hooker="theme-easter-egg"] [class^="icon_"] { scale: unset !important; }
[theme-hooker="theme-easter-egg"] body {
    --Flashcord-UI_Border-Radius: 5px;
    --Flashcord-Language: void;
    --Flashcord-Module_Splash-Text: void;
    --Flashcord-Module_Idle-Optimizations: void;
    --Flashcord-Module_Settings-Account: void;
    --Flashcord-Module_Settings-Appearance: void;
    --Flashcord-Module_Guild-Notification: void;
    --Flashcord-Module_Guild: void;
    --Flashcord-Module_Channel-Notification: void;
    --Flashcord-Module_Image-Zoom: void;
    --Flashcord-Module_Menthrepin: void;
    --Flashcord-Module_Search-Message: void;
    --Flashcord-Module_Friends: void;
    --Flashcord-Module_User-Profile: void;
    --Flashcord-Module_User-Role-List: void;
    --Flashcord-Module_Role-Grid: void;
    --Flashcord-Module_Blackout: void;
    --Flashcord-Module_Emojis: void;
    --Flashcord-Module_DeNitrofy: void;
    --Flashcord-Module_Effects: void;
    --Flashcord-Module_Image-Zoom: void;
    --Flashcord-Focus: void;
    --Flashcord-Chatbox: void;
    --Flashcord-Jump-Bars: void;
    --Flashcord-Module_Channel-Compact: void;
}

@container FCM-Theme_Hooker (min-width: 0) { [theme-hooker="theme-easter-egg"] { container-name: var(--FlashCore-Theme, FCM-Theme_Legacy) !important; container-type: inline-size; }
    @container FCM-Theme_Legacy (min-width: 0) { @container FCM-Member-Slide (min-width: 0) { [class^="container_"]:has([class^="membersWrap_"]) { animation: unset !important; } } }
} /* bSID-DEV_240313: Yes this looks like hell. *//* Control/Panel is the code responsable for how the settings modal is styled */

/* DEV BUILD 09/12/2023 NOTES: Holy shit this really needs optimization, this is build fucking horrendously,
too much copy pasting! The splash text being a separate module being called was the right call.
I might want to do that too here because jesus christ this is uglier than the color of my walls. 
bSID-DEV_240411 Update: lol can't do more shit about it for now; cry about it */

[class^="layers_"]:has([class^="layer_"]:nth-child(2)) { container-name: var(--Flashcord-Module_Control-Panel, FCM-Control-Panel_Float); container-type: inline-size; }
@container FCM-Control-Panel_Float (min-width: 0) {
    [class^="layer_"]:nth-child(2) {
        width: 90vw;
        height: 85vh;
        margin: auto;
        padding: 0;
        border-radius: var(--Flashcord-UI_Border-Radius);
        z-index: 1;
        transform: none !important;
        animation: SNDL-Fade_In var(--Flashcord-Animation_XSlow) !important;
    }    
    [class^="sidebarRegion_"] {
        max-width: 220px;
        max-height: 85vh;
    }
    [class^="contentRegion_"] {
        height: 85vh;
    }
    [class^="layer_"]:nth-child(2) [class^="sidebar"] {
        max-width: 200px;
        padding: 0;
    }
    [class^="standardSidebarView_"] {
        position: static !important;
        height: 100%;
    }
    [class^="contentColumn_"] {
        max-width: calc(100% - 16px);
        margin: auto;
        padding: 0;
    }
    [class^="closeButton_"] {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        border-radius: 0;
        border: none;
        margin: auto;
        background: transparent;

        transition-property: opacity;
        transition-duration: var(--Flashcord-Transition_Normal);
    }
    [class^="closeButton_"] svg { display: none; }
    [class^="toolsContainer_"] {
        position: absolute;
        z-index: -1;
    }
    [class^="keybind_"] { display: none; }


    /* Control Fluff */
    .stop-animations { /* bSID-DEV_240411: The new optimized code for this is broken when you exit the Panel but it looks sick so I'm keeping it in. */
        opacity: 1 !important;
        z-index: 1;
        transform: none !important;
        transition-property: filter, scale;
        transition-duration: var(--Flashcord-Transition_Normal);
        filter: blur(var(--Flashcord-Blur_Normal));
        scale: 0.98;
    } [class^="layers_"]:has([class^="closeButton_"]:hover) .stop-animations { filter: blur(var(--Flashcord-Blur_Feather)); scale: 1; }
    [class^="closeButton_"] { opacity: 0; }

    [class^="sidebarRegion_"] {
        container-name: var(--Flashcord-Module_Control-Panel_Side-Tweaks, FCM-Control-Panel_Side-Tweaks);
        container-type: inline-size; /* bSID-DEV_240411: YOU MAY HAVE SEEN A VARIABLE, BUT YOU'VE NEVER SEEN ME MAKE IT LONG */
    }


    /* Unfucking certain tabs having no margin or too much margin (fixing consistency) */
    [class^="layer_"]:nth-child(2) [class^="container_"]:has([class^="bannedUser_"]) { padding: 0; width: unset; margin-top: 1rem;} /* Fix Banned Users Tab */
    [class^="layer_"]:nth-child(2) [class^="content_"]:has([class^="member_"], [class*="inviteSettingsInviteRow_"]) { margin: 0; max-width: 95%;} /* Fix Server Members List and Invites List */

    [class^="layer_"]:nth-child(2) [class^="content_"]:has(> div:empty) { margin-top: 1rem; }
    [class^="layer_"]:nth-child(2) [class^="content_"] > div[style="height: 60px;"]:empty {display: none; }
    [class^="layer_"]:nth-child(2) [class^="contentColumn_"][role="tabpanel"] { margin-top: 1rem; padding: 0; }
    [class^="layer_"]:nth-child(2) [class^="content_"] > [class^="customHeader_"] { padding: 0;}
    /* bSID-DEV_240411: This is fucking awful to copy paste but it doesn't seem like I have a fucking choice at all god damn it. */

    @container FCM-Chat-Slide_SNDL (min-width: 0) { [class^="chat_"] { translate: 0px !important; } }
    @container FCM-Chat-Slide_Legacy (min-width: 0) { [class^="sidebar_"] { width: 240px !important; } }

}
@container FCM-Control-Panel_Side-Tweaks (min-width: 0) {
    [class^="item_"], [class^="premiumTab_"] {
        max-width: 160px;
        border-radius: var(--Flashcord-UI_Border-Radius) !important;
        translate: 5px;
        transition-property: translate, scale;
        transition-duration: var(--Flashcord-Transition_Fast);
    } [class^="item_"]:hover, [class^="premiumTab_"]:hover { translate: 15px; }
    [class^="item_"]:hover, [class^="premiumTab_"]:hover { scale: 1.05; }
    [class^="item_"]:active, [class^="premiumTab_"]:active { scale: 1; }
    [class*="selected_"] { scale: 1.025; }
    
    [class^="premiumLabel_"] {
        translate: 0 !important;
        color: var(--interactive-active);
    } [class^="premiumTab_"] [class^="background_"] { display: none; }
}
@container FCM-Control-Panel_Full (min-width: 0) {
    [class^="layer_"]:nth-child(2) {
        width: 100vw; height: 100vh;
        margin: auto; padding: 0;
        border-radius: 0; animation: SNDL-Fade_In var(--Flashcord-Animation_XSlow) !important;
    } [class^="sidebarRegion_"] { max-width: 220px; max-height: 100vh; }
    [class^="contentRegion_"] { height: 100vh; }
    [class^="layer_"]:nth-child(2) [class^="sidebar"] { max-width: 200px; padding: 0; }
    [class^="standardSidebarView_"] { position: static !important; height: 100%; }
    [class^="contentColumn_"] {
        max-width: calc(100% - 16px);
        margin: auto; padding: 0;
    }

    [class^="sidebarRegion_"] {
        container-name: var(--Flashcord-Module_Control-Panel_Side-Tweaks, FCM-Control-Panel_Side-Tweaks);
        container-type: inline-size;
    }

    /* Unfucking certain tabs having no margin or too much margin (fixing consistency) */
    [class^="layer_"]:nth-child(2) [class^="container_"]:has([class^="bannedUser_"]) { padding: 0; width: unset; margin-top: 1rem;} /* Fix Banned Users Tab */
    [class^="layer_"]:nth-child(2) [class^="content_"]:has([class^="member_"], [class*="inviteSettingsInviteRow_"]) { margin: 0; max-width: 95%;} /* Fix Server Members List and Invites List */

    [class^="layer_"]:nth-child(2) [class^="content_"]:has(> div:empty) { margin-top: 1rem; }
    [class^="layer_"]:nth-child(2) [class^="content_"] > div[style="height: 60px;"]:empty {display: none; }
    [class^="layer_"]:nth-child(2) [class^="contentColumn_"][role="tabpanel"] { margin-top: 1rem; padding: 0; }
    [class^="layer_"]:nth-child(2) [class^="content_"] > [class^="customHeader_"] { padding: 0;}
    /* bSID-DEV_240411: This is fucking awful to copy paste but it doesn't seem like I have a fucking choice at all god damn it. */

    /* Fixes for padding issue */
    @container FCM-ControlPanel_Splash (min-width: 0) {
        [class^="sidebar_"] > :before { margin-top: 1rem; }
        [class^="sidebarRegionScroller_"]::after { margin-top: 1rem; }
    }
}/* Control/Account redesigns the "My Account" page */

#my-account-tab { container-name: var(--Flashcord-Module_Settings-Account, FCM-Settings_Account); container-type: inline-size; }
@container FCM-Settings_Account (min-width: 0) {
    /* Basic User Information */
    [class^="banner_"] { border-radius: calc(var(--Flashcord-UI_Border-Radius) / 5);}
    [class^="userInfo_"] > div {
        display: block; position: relative; top: 1px;
        margin-right: 42px;
    } [class^="userInfo_"] > button { margin-left: auto; margin-right: 16px; } 

    [class^="userInfo_"], [class^="fieldList_"] { 
        display: flex; flex-direction: row; flex-wrap: wrap;
        align-content: center; align-items: center; justify-content: flex-start; 
        margin-top: 10px; padding: 0;
    } [class^="fieldList_"] { justify-content: space-between; }

    [class^="field_"]:first-child, /* bSID-DEV_240314: This is janky!! */
    [class^="field_"]:nth-child(2) { position: absolute; translate: 90px -90px;  } /* This is the Discord ID Edit Button */
    [class^="field_"]:nth-child(2) > button { font-size: x-large; scale: 0.6; translate: -25px -7px; }
    [class^="badgeList_"] { translate: 0 13px; }

    [class^="field_"]:first-child > button, /* This is the Display Name Edit Button */
    [class^="field_"]:first-child > div,
    [class^="field_"]:nth-child(2) h3,
    [class^="overflowMenuButton_"],
    mask > circle { display: none; }

    
    [class^="flexChild_"] > div > [class^="settings_"],
    [class^="marginTop40_"]{ margin: 1rem 0 1rem 0; }

    [class^="userSettingsSecurity_"], [class^="divider_"] { margin: 0; }
    [class^="userSettingsSecurity_"] > [class^="sectionTitle_"]::before { content: "🔐"; margin: auto;}
    [class^="userSettingsSecurity_"] > [class^="sectionTitle_"] > [class^="h1_"] { margin: 0 0 0 0.5rem; }
    [class^="userSettingsSecurity_"] > [class^="sectionTitle_"] { margin: 1rem 0 1rem 0;}
    [class^="children_"] > div:has([class^="changePasswordButton_"]) { 
        position: absolute; right: 0;
        translate: 0 -2.75rem; 
    } [class^="colorStandard_"] { margin: 0; }

    /* Anti-Accidental partial dox (User must hover on sensitive info to reveal it) Also future me, don't fuck up and accidentally change those, these have to be hard coded. */
    [class^="field_"]:nth-last-child(-n + 2) [class^="text-md-normal_"] { filter: blur(8px); transition: filter 250ms; }
    [class^="field_"]:nth-last-child(-n + 2) [class^="text-md-normal_"]:hover { filter: blur(0px); transition: filter 1s; }
    [class^="colorStandard_"]:has([class*="phoneRevealer_"]) { display: none; }

    /* About Flashcord Text */
    #my-account-tab > ::after {
        content: var(--FCL-Credits_About);
        color: var(--Flashcord-Text); font-weight: 900; white-space: pre;
    } #my-account-tab::after {
        color: var(--Flashcord-Text); white-space: pre-line;
        content: var(--FCL-Credits_SNDL) ' \
      'var(--FCL-Credits_Help)'  \
      'var(--FCL-Credits_Alpha)' \
      🗨️  "be racist for me"\A \
                - Atacantul, 2022\A\A \
      🗨️  "https://www.pixiv.net/en/artworks/107406646"\A \
                - trueirony, 2023\A\A \
      🗨️  "do linux, be crime"\A \
                - Lööps, 2023 \A\A \
      🗨️  "Come play with me on Club Pinguin"\A \
                - Ectalite, August 2023 \A\A\A \
    'var(--FCL-Credits_Suppoters)' \
      🗨️  "Ohren Steif Halten" \A \
                - termedagain, 2023\A\A \
    'var(--FCL-Credits_Translators)' \
        🇪🇸 Sky \A \
        🇷🇴 Atacantul \A\A \
    'var(--FCL-Credits_SGN)' \
    Atacantul, Lööps, D0kA, termedagain, Vol, timebendingTrickster, Phantom, raffy309, Pixette, kinoisseur, Lasagna Man, Darian465, Sundae.C, Written, __Chara__, Fishy <3, Galaxy, itsnotY, katzklaw/artysus, kiqxm, toefeaster, Chimatek, kassiopeia, Flash, Doggo, Casanova, MCry, Schleepy, DannyAkiva, cheese lol, plant, alexander, Spice Weasel, etebong, Kuromi, NinjaMask, Tot Ende, jay jakesnek, Absolute Disaster. \A\A \
    'var(--FCL-Credits_GitHub)' \
    s3nkwr, WA1Jl, PixelHir, MacDingleNut, zeo-return-null, trebor048, kisakimeowr, haiku-balls, bxrlin, Lypuss, roushjosh, Zaannaah, littlepriceonu, mog77a, TheLastZombie, ItsGfue, noblereign, Marliun, Battlesquid, koushiroue, brokenbyte, cjghost2000, qyurila, PressShyft, sdrakulich, merbrls, Bluesandbox, jwaxy, chlorophyllcumshot, DarkModeMemer, Caelanj, ktpttd, Suburbanno, ifezcool, EinfxchFinn, Starheyan, alexchiu100014, JoshDoesStuff, Nolezor, Uproaring, ShockAwer, wuangg. \A\A \
    'var(--FCL-Credits_Special)' \
    'var(--FCL-Credits_Evelyn)' \
    'var(--FCL-Credits_Tharki)' \
    'var(--FCL-Credits_East-Arctica)' \
    'var(--FCL-Credits_Translator-Quote, '')' \
'Flashcord © 2023-2024 by SiriusBYT is licensed under CC BY-NC-ND 4.0. \A\A\A\A\A\A\A\A\A\A';
    }
}/* Control/Appearance redesigns the Theme Switching page, aiding in selecting Advanced Themes. */

#appearance-tab { container-name: var(--Flashcord-Module_Settings-Appearance, FCM-Settings_Appearance);container-type: inline-size; }
@container FCM-Settings_Appearance (min-width: 0) { /* bSID-DEV_240313: WHY IS THIS CODE SO SHIT AND FUCKING UGLY?! WHAT THE FUCK IS EVEN GOING ON HERE??? FUCK THIS IM NOT FIXING IT TODAY */
  /* bSID-DEV_240411: I've unfucked most of the code but guess what? It's still fucked. Man when the hell will I be done with this shit... */
  [class^="themeTitle_"] button { 
    height: unset;
    width: unset;
    min-width: unset;
    min-height: unset;
    background: transparent !important;
    margin: 0;
    padding: 0; 
  } [class^="themeTitle_"] { display: block; }

  [class^="themeTitle_"]::before {
    content: var(--FCL-AT_Basic);
    color: var(--Flashcord-Text);
    white-space: pre-line;
    font-weight: 900;
    font-size: x-large;
    text-transform: none;
    line-height: normal;
  } [class^="themeTitle_"] [class^="contents_"] { display: none !important; }
  [class^="themeTitle_"] > ::before {
    content: var(--FCL-AT_Notice);
    color: var(--Flashcord-Text);
    white-space: pre-line;
    font-weight: 500;
    font-size: large;
    text-transform: none;
    line-height: normal;
    text-align: left !important;
  }
  section > [class^="header_"] { display: block; }
  section > [class^="header_"]::before {
    content: var(--FCL-AT_Advanced);
    color: var(--Flashcord-Text);
    white-space: pre-line;
    font-weight: 900;
    font-size: x-large;
    text-transform: none;
    line-height: normal;
  } [class^="tryItOutButtons_"] { display: none; }
  section > [class^="header_"] > ::before {
    content: var(--FCL-AT_No-ThemeHooker);
    color: var(--Flashcord-Text);
    white-space: pre-line;
    font-weight: 500;
    font-size: large;
    text-transform: none;
    line-height: normal;
  }
  [class^="themeTitle_"] div { display: none; }
  [class^="themeTitle_"] button > div { display: block !important; }
  [class^="children_"] { flex-direction: column-reverse; }
  div[tabindex="-1"] { order: 1; margin: 0; }
  div[tabindex="-1"] > div { width: 100%; margin: 0; }
  [class^="divider_"]:last-of-type, [class^="defaultColor_"]:last-of-type { display: none; }

  /* General Theme Display */
  [class^="themeSelection_"] {
    background-position-y: center !important;
    background-size: cover !important;
    border-radius: var(--Flashcord-UI_Border-Radius);
  } [class^="themeSelection_"] svg { display: none; }
  [class*="basicThemeSelectors_"] [class^="themeSelection_"],
  [class^="themeSelection_"][style*="--bg-gradient-mint-apple"],
  [class^="themeSelection_"][style*="--bg-gradient-sunset"],
  [class^="themeSelection_"][style*="--bg-gradient-aurora"],
  [class^="themeSelection_"][style*="--bg-gradient-sepia"] {
    background-position-x: center !important;
  } /* bSID-DEV_240421: This is ugly but... MUST... NOT.. BREAK. THE MAGNIFICIENT IRIDESCENT MODE PREVIEW. */

  /* Light Mode */
  [class*="basicThemeSelectors_"] > [class^="themeSelectionContainer_"]:first-child > [class^="themeSelection_"] { background-image: url("https://sirio-network.com/flashcord/ressources/theme-previews/theme-light.png") !important; }
  [class*="basicThemeSelectors_"] > [class^="themeSelectionContainer_"]:first-child > [class^="themeSelection_"]::before { content: var(--FCL-Theme_Light); }

  /* Dark Mode */
  [class*="basicThemeSelectors_"] > [class^="themeSelectionContainer_"]:nth-child(2) > [class^="themeSelection_"] { background-image: url("https://sirio-network.com/flashcord/ressources/theme-previews/theme-dark.png") !important; }
  [class*="basicThemeSelectors_"] > [class^="themeSelectionContainer_"]:nth-child(2) > [class^="themeSelection_"]::before { content: var(--FCL-Theme_Dark); }

  /* Sync Mode */
  [class*="basicThemeSelectors_"] > [class^="themeSelectionContainer_"]:last-of-type > [class^="themeSelection_"] { background-image: var(--Flashcord-Image_Sync) !important; }
  [class*="basicThemeSelectors_"] > [class^="themeSelectionContainer_"]:last-of-type > [class^="themeSelection_"]::before { content: var(--FCL-Theme_Sync); }

  /* Advanced Theme: CBM */
  [class^="themeSelection_"][style*="--bg-gradient-mint-apple"] { background-image: var(--Flashcord-Image_CBM-Light) !important; }
  [class^="themeSelection_"][style*="--bg-gradient-mint-apple"]::before { content: var(--FCL-Theme_CBM-Light); }
  [class^="themeSelection_"][style*="--bg-gradient-mint-apple"]::after { content: var(--FCL-AT_CBM-Light); }
  [class^="themeSelectionContainer_"]:has([style*="--bg-gradient-mint-apple"]) { order: -25; }

  [class^="themeSelection_"][style*="--bg-gradient-sunset"] { background-image: var(--Flashcord-Image_CBM-Dark) !important; }
  [class^="themeSelection_"][style*="--bg-gradient-sunset"]::before { content: var(--FCL-Theme_CBM-Dark); }
  [class^="themeSelection_"][style*="--bg-gradient-sunset"]::after { content: var(--FCL-AT_CBM-Dark); }
  [class^="themeSelectionContainer_"]:has([style*="--bg-gradient-sunset"]) { order: -24; }

  /* Advanced Theme: Irdescent */
  [class^="themeSelection_"][style*="--bg-gradient-citrus-sherbert"] {
    background-image: var(--Flashcord-Image_Iridescent-Light) !important; background-size: var(--Flashcord-Image-Size_Iridescent-Light) !important;
    animation: var(--Flashcord-Background-Animation_Iridescent-Light) var(--Flashcord-Background-Animation-Duration_Iridescent-Light) linear infinite !important;
  } [class^="themeSelectionContainer_"]:has([style*="--bg-gradient-citrus-sherbert"]) { animation: SNDL-Rainbow_Filter var(--Flashcord-Background-Animation-Duration_Iridescent-Light) linear infinite !important; }
  [class^="themeSelection_"][style*="--bg-gradient-citrus-sherbert"]::before { content: var(--FCL-Theme_Iridescent); }
  [class^="themeSelection_"][style*="--bg-gradient-citrus-sherbert"]::after { content: var(--FCL-AT_Iridescent-Light); }
  [class^="themeSelectionContainer_"]:has([style*="--bg-gradient-citrus-sherbert"]) { order: -23; }

  [class^="themeSelection_"][style*="--bg-gradient-chroma-glow"] {
      background-image: var(--Flashcord-Image_Iridescent-Dark) !important; background-size: var(--Flashcord-Image-Size_Iridescent-Dark) !important;
      animation: var(--Flashcord-Background-Animation_Iridescent-Dark) var(--Flashcord-Background-Animation-Duration_Iridescent-Dark) linear infinite !important;
  } [class^="themeSelectionContainer_"]:has([style*="--bg-gradient-chroma-glow"]) { animation: SNDL-Rainbow_Filter var(--Flashcord-Background-Animation-Duration_Iridescent-Dark) linear infinite reverse !important; }
  [class^="themeSelection_"][style*="--bg-gradient-chroma-glow"]::before { content: var(--FCL-Theme_Iridescent); }
  [class^="themeSelection_"][style*="--bg-gradient-chroma-glow"]::after { content: var(--FCL-AT_Iridescent-Dark); }
  [class^="themeSelectionContainer_"]:has([style*="--bg-gradient-chroma-glow"]) { order: -22; }

  /* Advanced Theme: Terminal */
  [class^="themeSelection_"][style*="--bg-gradient-aurora"] { background-image: url("https://sirio-network.com/flashcord/ressources/theme-previews/theme-terminal.gif") !important; }
  [class^="themeSelection_"][style*="--bg-gradient-aurora"]::before { content: var(--FCL-Theme_Terminal); }
  [class^="themeSelection_"][style*="--bg-gradient-aurora"]::after { content: var(--FCL-AT_Terminal); }
  [class^="themeSelectionContainer_"]:has([style*="--bg-gradient-aurora"]) { order: -21; }
  
  /* Advanced Theme: Transparent */
  [class^="themeSelection_"][style*="--bg-gradient-sepia"] {
      background-image: var(--Flashcord-Image_Transparent) !important;
      filter: brightness(0.25);
  }
  [class^="themeSelection_"][style*="--bg-gradient-sepia"]::before { content: var(--FCL-Theme_Transparent); }
  [class^="themeSelection_"][style*="--bg-gradient-sepia"]::after { content: var(--FCL-AT_Transparent); }
  [class^="themeSelectionContainer_"]:has([style*="--bg-gradient-sepia"]) { order: 0; }

  [class^="themeSelection_"][style*="--bg-gradient-citrus-sherbert"], /* IRIDESCENT LIGHT */
  [class^="themeSelection_"][style*="--bg-gradient-chroma-glow"], /* IRIDESCENT DARK */
  [class^="themeSelection_"][style*="--bg-gradient-sepia"], /* TRANSPARENT */
  [class^="themeSelection_"][style*="--bg-gradient-aurora"] /* TERMINAL MODE */
  { /* bSID-DEV_240411: Now with more ugly brackets internally! */
      filter: brightness(0.25);
      cursor: not-allowed;
  }

  [class^="themeSelection_"]::after {
    display: block;
    text-align: center;
    white-space: pre-wrap;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: white;
    position: absolute;
    bottom: 1rem;
    width: 100%;
    border-radius: var(--Flashcord-UI_Border-Radius);
    background-color: rgba(0,0,0,0.8);
    scale: 0.9;
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--Flashcord-Transition_Normal);
  }
  [class^="themeSelectionContainer_"]:hover [class^="themeSelection_"]::after { opacity: 1; }

  [class*="basicThemeSelectors_"] > div,
  [class^="themeSelectionContainer_"] [class^="selectionCircle_"],
  [class^="themeSelectionContainer_"]:has([class^="themeSelection_"][style*="--bg-gradient-mint-apple"]), /* CBM LIGHT */
  [class^="themeSelectionContainer_"]:has([class^="themeSelection_"][style*="--bg-gradient-sunset"]), /* CBM DARK */ 
  [class^="themeSelectionContainer_"]:has([class^="themeSelection_"][style*="--bg-gradient-citrus-sherbert"]), /* IRIDESCENT LIGHT */
  [class^="themeSelectionContainer_"]:has([class^="themeSelection_"][style*="--bg-gradient-chroma-glow"]), /* IRIDESCENT DARK */
  [class^="themeSelectionContainer_"]:has([class^="themeSelection_"][style*="--bg-gradient-sepia"]), /* TRANSPARENT */
  [class^="themeSelectionContainer_"]:has([class^="themeSelection_"][style*="--bg-gradient-aurora"]) /* TERMINAL MODE */
  { /* Nevermind, have to put these brackets here too. Ok no for real this is the last time */
    display: block !important;
    border-radius: var(--Flashcord-UI_Border-Radius);
    width: 100%;
    height: 24vh;
    margin: auto;
    translate: 2px 2px;
  }
  [class^="themeSelection_"]::before {
    color: white;
    filter: drop-shadow(0 0 4px black);
    white-space: pre-wrap; font-weight: 900; font-size: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0;
  }
  [class^="themeSelectionContainer_"],
  [class^="header_"] [class^="title_"] { display: none; }
}/* Major/Chat_External contains all major modules of Flashcord that does not concern the chat window */

/* Channel Slide Core */
[class^="layers_"] > [class^="layer_"]:first-child {
  container-name: var(--Flashcord-Module_Chat-Slide, FCM-Chat-Slide_SNDL);
  container-type: inline-size;
} [class^="layer_"]:first-child:has([class*="threadSidebarOpen_"], [class^="callContainer_"]) { container-name: void }
@container FCM-Chat-Slide_SNDL (min-width: 0) {
  [class^="chat_"]:not(:has([class^="pageBody_"])) {
      margin-right: -200px; translate: -198px;
      transition-property: translate; transition-duration: var(--Flashcord-Transition_Fast);
  } [class*="sidebar_"] { z-index: 0; }
  :is([class^="container_"]:has([class*="sidebar_"]:hover, [data-list-id="guildsnav"]:hover)) .chat_a7d72e { /* [!] */
      translate: 0px;
  } [class^="chat_"]:has([class^="pageBody-"]) { margin-right: 0; translate: 0; }
} @container FCM-Chat-Slide_Legacy (min-width: 0) {
  [class^="sidebar_"] {
    width: 40px; transition-property: width; transition-duration: var(--Flashcord-Transition_Normal);
  } [class^="scroller_"] { translate: -2px;}
  :is([class*="baseLayer_"]:has([class*="guilds_"]:hover, [class^="sidebar_"]:hover)) .sidebar_a4d4d9 {  /* [!] */
    width: 240px; will-change: width; /* <- no idea  if this helps lmfao - bSID-DEV_240421*/
  } [class^="sidebar_"] :is(nav, section) { overflow-x: hidden; width: 240px;}
}


[class^="chat_"] {
  container-name: var(--Flashcord-Module_Member-Slide, FCM-Member-Slide);
  container-type: inline-size;
} @container FCM-Member-Slide (min-width: 0) {
  [class^="membersWrap_"] { height: 100%; }
  [class^="container_"]:has([class^="membersWrap_"]) {
      position: relative; z-index: 1;
      margin-left: -190px; translate: 190px;

      --Initial: 250px; --Final: 190px;
      animation: SNDL-Translate_Custom var(--Flashcord-Animation_XSlow);
      transition-property: translate; transition-duration: var(--Flashcord-Transition_Normal);
  }
  [class^="container_"]:has([class^="membersWrap_"]:hover) { translate: 0px; }
  [class^="member_"] { margin-left: 0px; }
  [class^="member_"] > div {
      padding-top: 0px; padding-bottom: 0px;
      border-radius: var(--Flashcord-UI_Border-Radius) !important;
      transition-property: scale, translate; transition-duration: var(--Flashcord-Transition_Fast);
  } [class^="member_"]:hover > div { scale: 1.05; translate: 6px; }
  [class^="membersGroup_"] {  
      text-align: right; height: auto;
      padding: 8px 8px 0 64px; opacity: 0.25;
      transition-property: opacity; transition-duration: var(--Flashcord-Transition_Slow);
  } [class^="membersGroup_"]:hover { opacity: 1; }
}

[data-list-id="guildsnav"] {
  container-name: var(--Flashcord-Module_Guild-Notification, FCM-Guild_Notification-Animated);
  container-type: inline-size;
} @container FCM-Guild_Notification-Animated (min-width: 0) {
  [class^="listItem_"] {
      transition-property: scale, filter !important;
      transition-duration: var(--Flashcord-Transition_Fast);
  }
  [class^="listItem_"]:has([style*="height: 8px"], [class^="lowerBadge-"]), [class^="listItem_"]:hover {
      scale: 0.975; animation: Flashcord-GuildPulse var(--Flashcord-Animation_XSlow) linear reverse infinite;
  } [class^="pill_"] { display: none; }
} @container FCM-Guild_Notification-Static (min-width: 0) {
  [class^="listItem_"] {
      transition-property: scale, filter !important;
      transition-duration: var(--Flashcord-Transition_Fast);
  }
  [class^="listItem_"]:has([style*="height: 8px"], [class^="lowerBadge-"]), [class^="listItem_"]:hover {
      scale: 0.975; filter: drop-shadow(0 0 var(--Flashcord-Guild_Notification-Size) var(--Flashcord-Guild_Notification-Color));
  } [class^="pill_"] { display: none; }
}

[class^="container_"]:has([data-list-id="guildsnav"]) {
  container-name: var(--Flashcord-Module_Guild, FCM-Guild_Compact);
  container-type: inline-size;
} @container FCM-Guild_Compact (min-width: 0) {
  [data-list-id="guildsnav"] > [class^="scroller_"] {
    display: flex; flex-direction: column; align-items: center;
  } nav[class^="wrapper_"] { width: 60px; }
  [class^="listItem_"] {
    margin: 0; transition-property: scale; transition-duration: var(--Flashcord-Transition_Fast);
  } foreignObject { border-radius: var(--Flashcord-UI_Border-Radius); }
  [id^="folder-items-"] { height: auto !important; }
  [class^="listItem_"] { scale: 0.9; }
  [class^="listItem_"]:has([class*="selected_"]) { scale: 0.95; }
  [class^="listItem_"]:has([class^="guildSeparator_"]) { display: none; }
} @container FCM-Guild_Compact-Horizontal (min-width: 0) {
  [class^="container_"] > [class^="base_"] { margin-top: 48px; z-index: 1; }
  nav[class^="wrapper_"] { 
    position: absolute; left: -58px; z-index: 1;
    width: 60px; rotate: -90deg; 
    transform-origin: right top;
  } [data-list-id="guildsnav"] > [class^="scroller_"] { height: 100vw; padding: 0 !important; }
  [class^="listItem_"] {
    margin: 0; rotate: 90deg;
    transition-property: scale; transition-duration: var(--Flashcord-Transition_Fast);
  } foreignObject { border-radius: var(--Flashcord-UI_Border-Radius); }
  [class^="listItem_"] { scale: 0.9; }
  [class^="listItem_"]:has([class*="selected_"]) { scale: 0.95; }
  [id^="folder-items-"] { height: auto !important; }
  [class^="listItem_"]:has([class^="guildSeparator_"]) { display: none; }
}

[class^="content_"] > [class^="sidebar_"] { /* DEV-bSID-240228: They nuked the Channel Emojis experiment. I am now crying. */
  container-name: var(--Flashcord-Module_Channel-Compact, FCM-Channel_Compact);
  container-type: inline-size;
} @container FCM-Channel_Compact (min-width: 0) {
  li > div > div > a, li,
  [class^="container_"] [class^="link_"],
  [class^="channel_"] {
    margin: -1px 0px -1px 0px;
    scale: 0.95; translate: -4px;
    border-radius: var(--Flashcord-UI_Border-Radius);
    transition-property: scale, background-color !important; transition-duration: var(--Flashcord-Transition_Fast) !important;
  } li:hover { scale: 1; } li:active { scale: 0.90; }

  [class^="name_"] { text-align: left; }
  h3[class^="name_"] { text-align: right !important; }
  [class^="mainContent_"] svg,
  [class^="addButtonIcon_"] { display: none; }

  [class^="icon_"] {
    opacity: 0.3;
    transition-property: opacity !important;
    transition-duration: var(--Flashcord-Transition_Fast) !important;
  } li:hover [class^="icon_"] { opacity: 0.5; }

  /* Special Channel Names (for spaces and centered header channels ) */
  [data-dnd-name^="————————————"],
  [data-dnd-name*="᲼"]  { 
    display: flex; justify-content: center; margin: 0 !important;
    scale: 1 !important; translate: 0px !important;
  }
  [data-dnd-name^="————————————"] > div{
    margin: 0.5rem 0 0.5rem 0; padding: 0;
    width: 80%; height: 2px;
    opacity: 0.2; border-radius: var(--Flashcord-UI_Border-Radius);
    background: var(--Flashcord-Text);
  }
  [data-dnd-name^="————————————"] > div > div { display: none; }
  [data-dnd-name*="᲼"] a { pointer-events: none;}
  [data-dnd-name*="᲼"] [class^="iconContainer_"] { display: none; }
  [data-dnd-name*="᲼"] [class^="name_"] { font-weight: 900; }

  [data-dnd-name^="————————————"] [class^="children_"],
  [data-dnd-name*="᲼"] [class^="children_"] { display: none;}

  [class^="children_"] [class^="iconItem_"],
  [class^="newChannel_"] { display: none; }
  
  [class^="children_"] { position: absolute; right: 0; }

  /* Minimize the Channel Icons */
  [class^="children_"] svg:has([d="M12 22a10 10 0 1 0-8.45-4.64c.13.19.11.44-.04.61l-2.06 2.37A1 1 0 0 0 2.2 22H12Z"]) { display: block; animation: SNDL-Fade_In var(--Flashcord-Animation_Slow);}
  [class^="children_"] svg { display: none; }

  /* Unread/Mention Pill aligned to left for Chat-SLide to be less painful to use */
  [class*="top_"], [class*="bottom_"] { justify-content: flex-start; left: 13px; }
  [class*="top_"] svg, [class*="bottom_"] svg { margin-right: 8px;}
}

#channels {
  container-name: var(--Flashcord-Module_Channel-Notification, FCM-Channel_Notification-Animated);
  container-type: inline-size;
} @container FCM-Channel_Notification-Animated (min-width: 0) {
  [class*="modeUnreadImportant_"] [class^="icon_"] {
    /* This looks INSANELY weird but this is because animating "color" is EXTREMELY CPU INTENSIVE */
    animation: SNDL-Rainbow_Filter var(--Flashcord-Animation_XTXSlow, 4s) linear infinite;
    transition-property: filter; transition-duration: var(--Flashcord-Animation_XTXSlow, 4s); color: red;
    opacity: 0.5
  }
  [class^="linkTop_"]:has([class^="mentionsBadge_"]) .icon_eff5d4 { /* [!] */
    opacity: 1; scale: 1;
  }
  [class^="mentionsBadge_"] {
    margin: 0; translate: -220px; scale: 0.9;
    animation: SNDL-Fade_Loop var(--Flashcord-Animation_XTXSlow, 4s) linear infinite;
  } [class^="unread_"] { display: none;}
} @container FCM-Channel_Notification-Static (min-width: 0) {
  [class^="containerDefault_"]:has([class^="mentionsBadge_"]) { background: var(--Flashcord-Channel_Notification-Mention_Color); }
  [class^="channelInfo_"] {  display: block !important; translate: -106px; }
  [class^="children_"] { position: absolute;}
  [class^="unread_"] { 
    top: 0; width: 24px; height: 24px;
    margin: 0; translate: 13px 4px;
    background: var(--Flashcord-Channel_Notification-Unread_Color);
    border-radius: var(--Flashcord-UI_Border-Radius);
  }
}/* Major/Chat_Internal contains all major modules of Flashcord that modifies the chat window */

/* Message Slide Core */
[class^="messageListItem_"]:last-of-type {
    container-name: var(--Flashcord-Module_Message-Slide, FCM-Message_Slide);
    container-type: inline-size;
} @container FCM-Message_Slide (min-width: 0) {
    [class^="message_"] { animation: var(--Flashcord-Animation_XSlow) Flashcord-Message_Uploaded; }
    [class^="message_"]:has([class*="isSending_"]) {
        opacity: 0.5; translate: 10vw; --Initial: 0; --Final: 0.5;
        animation: var(--Flashcord-Animation_Normal) SNDL-Fade_Custom; 
    }
}

[class^="contents_"] > [id^="message_content_"]:has([class^="emojiContainer_"]) {
    container-name: var(--Flashcord-Module_Emojis, FCM-Emojis);
    container-type: inline-size;
} @container FCM-Emojis (min-width: 0) {
    [class^="emojiContainer_"] .jumboable { width: 8rem !important; height: 8rem !important; }
    [class^="emojiContainer_"] .emoji { width: 1.5rem; height: 1.5rem; }
}


[class^="layer_"]:has([class^="focusLock_"] [class*="downloadLink_"]) {
    container-name: var(--Flashcord-Module_Image-Zoom, FCM-Image_Zoom);
    container-type: inline-size;
} @container FCM-Image_Zoom (min-width: 0) {
    [class^="focusLock_"] [class^="imageWrapper_"]:hover {  width: 90vw !important; }
    [class^="focusLock_"] [class^="imageWrapper_"] { 
        transition-property: width, height; transition-duration: var(--Flashcord-Transition_Slow) !important;
        height: auto !important;
    } [class^="focusLock_"] [class^="imageWrapper_"] [class^="wrapper-"] {  width: auto !important; height: auto !important; }
    [class^="focusLock_"] > div { 
        display: flex; flex-direction: row; justify-content: center; align-items: flex-start;
        overflow: scroll;
    } [class^="carouselModal_"] { justify-content: flex-start !important; }
    [class^="focusLock_"] img, [class^="focusLock_"] video, [class^="imageWrapper_"] [class^="wrapper"] {
        width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important;
        overflow: scroll; object-fit: contain;
    } [class^="anchor_"] { display: none; }
    [class*="modalCarouselWrapper_"] {
        position: static; margin: auto;
        -webkit-box-align: unset !important; align-items: unset !important;
    } [class*="modalCarouselWrapper_"] button { margin: 0; }
}

[class^="layerContainer_"]:has([class^="messagesPopoutWrap_"], [class^="threadIcon_"], [class*="recentMentionsPopout_"]) {
    container-name: var(--Flashcord-Module_Menthrepin, FCM-Menthrepin);
    container-type: inline-size;
} @container FCM-Menthrepin (min-width: 0) {
    [id^="popout_"] {
        top: 0 !important; left: 0 !important; right: 0;
        width: 100vw; height: 100vh;
        display: flex; align-items: center; justify-content: center;
        transition-property: backdrop-filter; transition-duration: var(--Flashcord-Transition_Slow);
        backdrop-filter: blur(0px);
    } [id^="popout_"]:has( > div > div:hover) { backdrop-filter: blur(var(--Flashcord-Blur_Light)); }
    [id^="popout_"] > div > div {
        width: 90vw; height: 80vh; max-width: unset !important; min-width: unset !important;
        border-radius: var(--Flashcord-UI_Border-Radius); padding: 0;
        transition-property: opacity; transition-duration: var(--Flashcord-Transition_Fast);
        --Initial: 0 -5vh; animation: SNDL-Translate_Custom var(--Flashcord-Animation_XSlow) !important;
    } [id^="popout_"]:active > div > div { opacity: 0; }
}

[class^="content_"]:has([class^="searchResultsWrap_"]) {
    container-name: var(--Flashcord-Module_Search-Message, FCM-Search_Message);
    container-type: inline-size;
} @container FCM-Search_Message (min-width: 0) {
    [class^="searchResultsWrap_"] {
        width: 50vw; --Initial: 50vw;
        animation: SNDL-Translate_Custom var(--Flashcord-Animation_XSlow);
    }
}

[class^="positionLayer_"] {
    container-name: var(--Flashcord-Search_Embed, FCM-Search_Embed);
    container-type: inline-size;
} @container FCM-Search_Embed (min-width: 0) {
    [class^="drawerSizingWrapper_"]  {
        width: 69vw !important;
        animation: SNDL-Fade_In var(--Flashcord-Animation_Normal) !important;
    }
}

[class^="appAsidePanelWrapper_"]:has([class^="backdrop_"]) {
    container-name: var(--Flashcord-Focus, FCM-Focus);
    container-type: inline-size;
} @container FCM-Focus (min-width: 0) {
    [class^="notAppAsidePanel_"]:has([class^="focusLock_"]:hover) .app_b1f720 { /* [!] */
        filter: blur(var(--Flashcord-Blur_Normal)) brightness(var(--Flashcord-UI_Brightness));
    } [class^="backdrop_"] { opacity: 0 !important; }
    [class^="notAppAsidePanel_"] > [class^="app_"] {
        transition-property: filter;
        transition-duration: var(--Flashcord-Transition_Slow);
        filter: blur(0px);
    }    
}

[class^="chatContent_"] {
    container-name: var(--Flashcord-Chatbox, FCM-Chatbox);
    container-type: inline-size;
} @container FCM-Chatbox (min-width: 0) {
    [class^="scrollableContainer_"] {
        container-name: var(--Flashcord-Chatbox, FCM-Chatbox_L1); container-type: inline-size;
        border-radius: var(--Flashcord-UI_Border-Radius);
    }
    [class^="typing_"] {
        top: -24px; width: fit-content;
        margin-left: auto; margin-right: auto;
        --Initial: 0 5vh; animation: SNDL-Translate_Custom var(--Flashcord-Animation_Normal) !important;
    }
    [class^="typing_"]:has([class^="typingDots_"]) { margin-left: 0; margin-right: 0; }
    [class^="cooldownWrapper_"] { margin: auto !important; }
    [class^="form_"] { padding: 0 0px 0 8px; z-index: 1; }
    [class^="channelTextArea_"] { margin-bottom: 4px; }

    @container FCM-Chatbox_L1 (min-width: 0) {
        [class^="inner_"] {
            display: flex; align-items: center;
            padding: 0 8px 0 8px;
        } [class^="placeholder_"] { display: none; }
        [class^="attachWrapper_"] {
            width: min-content; height: min-content;
            margin: auto; translate: 4px;
        } [class^="attachButton_"] { width: min-content; height: min-content; }
        [class^="sprite_"], svg {
            transition-property: opacity, scale; transition-duration: var(--Flashcord-Transition_Fast);
            opacity: 0.5;
        } [class^="sprite_"]:hover, svg:hover { opacity: 0.8; scale: 1.1; } [class^="sprite_"]:active, svg:active { scale: 0.9; }
    }
}

[class^="messagesWrapper_"] {
    container-name: var(--Flashcord-Jump-Bars, FCM-Jump-Bars);
    container-type: inline-size;
} @container FCM-Jump-Bars (min-width: 0) {
    [class^="jumpToPresentBar_"], [class^="newMessagesBar_"] { left: auto; right: 16px; width: fit-content; }
    [class^="jumpToPresentBar_"] { --Initial: 0 5vh; animation: SNDL-Translate_Custom var(--Flashcord-Animation_Normal) !important; }
    [class^="newMessagesBar_"] { --Initial: 0 -5vh; animation: SNDL-Translate_Custom var(--Flashcord-Animation_Normal) !important; }
    [class^="jumpToPresentBar_"] [class^="barButtonMain_"] { display: none; }
}

ol[class^="scrollerInner_"] {
    container-name: var(--Flashcord-Module_Chat-Enhancements, FCM-Chat_Enhancements);
    container-type: inline-size;
} @container FCM-Chat_Enhancements (min-width: 0) {
    /* Smooth Message Button Hover */
    [class^="message_"]:hover [class^="buttons_"] {
        animation: SNDL-Fade_In 1s; transition-duration: var(--Flashcord-Transition_Fast) !important;
        opacity: 0.5 !important;
    } [class^="message_"] [class^="buttons_"]:hover { opacity: 1 !important; }

    /* Smooth MSG Hover */
    [class^="message_"] { transition-property: background-color; transition-duration: var(--Flashcord-Transition_Normal) !important;}

    /* Grid Layout for Embeds */
    [id^="message-accessories-"]:has(article),
    [id^="message-accessories-"]:has([class^="inlineMediaEmbed_"]) {
        display: flex; flex-wrap: wrap;
    } [id^="message-accessories-"] [class^="inlineMediaEmbed_"] { flex: 1 1 0vw; align-self: center; }
    [id^="message-accessories-"] article {
        display: block; flex: 1 1 25%; align-self: unset; overflow: scroll;
        min-width: 256px; max-width: unset !important; margin: 8px;
        border-radius: var(--Flashcord-UI_Border-Radius);
    }
    [class^="mediaAttachmentsContainer_"] {
        width: auto; height: auto; justify-content: center;
        margin-top: auto; margin-bottom: auto;
    } [class^="visualMediaItemContainer_"] { align-self: center; }
    [class^="gridContainer_"] { max-width: unset; }
    [id^="message-accessories-"]:has(article, [class^="inlineMediaEmbed_"]) .reactions_da5b2a { /* [!] */
        position: absolute; bottom: 0; translate: 0 1.75rem;
    } [id^="message-accessories-"]:has(article, [class^="inlineMediaEmbed_"]):has([class^="reactions_"]) { margin-bottom: 2rem; }
}/* Major/Other_Base contains all other major modifications that are located under Discord's BaseLayer */

[class^="peopleList_"] { container-name: var(--Flashcord-Module_Friends, FCM-FlexGrid); }
#rp-plugins-tab, #rp-themes-tab { container-name: var(--Flashcord-Module_Replugged-Addons, FCM-FlexGrid); }
[class^="userPopoutOverlayBackground-"]:has([class^="role_"]) { container-name: var(--Flashcord-Module_Role-Grid, FCM-FlexGrid); }
[class^="peopleList_"], #rp-plugins-tab, #rp-themes-tab, [class^="userPopoutOverlayBackground-"]:has([class^="role_"]) { container-type: inline-size;}
@container FCM-FlexGrid (min-width: 0) {
    [class^="peopleList_"] > div,
    [class="replugged-addon-cards"],
    [class^="section_"]:nth-child(4) {
        display: flex; flex-wrap: wrap; align-content: center; flex-direction: row; justify-content: center;
        align-items: center;width: 95%; margin: auto;
    }
    [class^="role_"],
    [class^="peopleListItem_"],
    [class="replugged-addon-card"] {
        min-width: 386px; min-height: 64px;
        margin: 0; padding: 8px;
        flex-grow: 1; flex-basis: 1px;
        transition-property: scale; transition-duration: var(--Flashcord-Transition_Normal);
        scale: 0.95; border-radius: var(--Flashcord-UI_Border-Radius);
      }
    [class^="role_"]:hover,
    [class^="peopleListItem_"]:hover,
    [class="replugged-addon-card"]:hover {
        margin: 0 !important; padding: 8px !important;
        scale: 1.05; border-radius: var(--Flashcord-UI_Border-Radius);
    }
    [class^="role_"] {
        min-width: fit-content !important; min-height: 24px !important;
        scale: 1 !important; border-radius: 0px !important;
    } h2 { width: 100%; }
}/* Major/Other_Base contains all other major modifications that NOT are located under Discord's BaseLayer (pop-ups) */

/* The container below is a bitch. Fuck you. Hours of my life wasted just for something to look slightly nicer.
There's an insanely rare bug that I can't seem to reproduce when I want to fix it when you look at your own
profile popup modal. I can't be fucked fixing it right now though.
I'M DYING. I. NEED. A MEDIC BAG!
- I think I fixed all the bugs now? // SiriusBYT 231221 */
[class^="layer_"]:has([class^="userProfileModalOuter_"]) {
    container-name: var(--Flashcord-Module_User-Profile, FCM-User-Profile);
    container-type: inline-size; contain: paint; /* <- TF this do??? -bSID-DEV_240422 */
} @container FCM-User-Profile (min-width: 0) {
    [class^="focusLock_"] { border-radius: var(--Flashcord-UI_Border-Radius) }
    [class^="userProfileModalOuter_"] { width: 70vw; height: 70vh; }
    mask { display: none; }
    [class^="topSection_"] {
        width: 70vw; height: 16vh; max-width: 70vw; max-height: 16vh; min-width: 70vw !important; min-height: 16vh !important;
        margin: 0 auto; overflow: hidden;
    } [class^="header_"] { position: fixed; top: 50%; }
    [class^="userProfileModalOverlayBackground_"] { height: 55vh; margin: 16px; }
    header {
        max-width: 100%; max-height: 16vh;
        width: fit-content; height: 16vh;
        contain: paint;
    } [class^="body_"] { min-height: 51vh; margin-top: 2vw; }
    [class^="headerTop_"] {
        position: absolute; left: 160px; top: 20px;
        display: flex; justify-content: flex-start;
        width: max-content;
    } [class^="bannerSVGWrapper_"]:has([class^="premiumIconWrapper_"]) { min-height: 130% !important; }
    [class^="bannerSVGWrapper_"] { min-width: 70vw !important; min-height: 100% !important; }
}

[id^="popout_"]:nth-child(2):has([class^="roleCircle_"]) {
    container-name: var(--Flashcord-Module_User-Role-List, FCM-User-Role-List);
    container-type: inline-size;
} @container FCM-User-Role-List (min-width: 0) {
    [role="dialog"], [role="list"] { width: 20vw; height: 70vh !important; max-height: unset !important; }
}

[class^="layerContainer_"]:has([class^="menu_"]) {
    container-name: var(--Flashcord-Module_Popup-Menu, FCM-Popup-Menu);
    container-type: inline-size;
    contain: paint;
} @container FCM-Popup-Menu (min-width: 0) {
    .theme-light, .theme-dark { animation: SNDL-Fade_In var(--Flashcord-Animation_Fast) ease-in-out;}
    [class^="scroller_"] { padding: 4px !important; }
    [class*="menu"] { border-radius: var(--Flashcord-UI_Border-Radius); min-width: 0;}
    [class^="item_"] {border-radius: var(--Flashcord-UI_Border-Radius); transition-property: background-color; transition-duration: var(--Flashcord-Transition_Fast); }
}/* Minor/Base contains minor modifications which are located in Discord's BaseLayer */

/* update your fucking client nerd, and then cry cause replugged unplugged itself cuz discord bad >:( */
[class^="updateIconForeground_"] { fill: red !important; animation: SNDL-Shake calc(100ms * var(--Flashcord-Animations, 1)) infinite; }

/* Real men don't need help. */
[href="https://support.discord.com"] { display: none; }
[class^="recentsIcon_"] { width: 38px; } /* This is required to fix alignment issues due to removing the help button */

/* @ Before Usernames */
[class^="userTagUsernameBase_"]:before, [class^="usernameInnerRow_"]:before { content: "@" }

/* Icon Hover Response */
[class^="icon_"] { transition-property: scale; transition-duration: var(--Flashcord-Transition_Fast) !important; }
[class^="icon_"]:hover { scale: 1.1; }
[class^="icon_"]:active { scale: 0.9; }

/* Shadowed Images Core [Container-less] */
[class^="mediaAttachmentsContainer_"], [class^="clickableSticker_"], [class^="inlineMediaEmbed_"], [class^="emojiContainer_"] .emoji {
    filter: drop-shadow(0px 0px var(--Flashcord-Shadow_Size) var(--Flashcord-Text));  
}/* Minor/Pop contains minor modifications which are NOT located in Discord's BaseLayer */

/* Fixes an annoying bug regarding pop up menus*/
[class^="submenuPaddingContainer_"] { margin: 4px; padding: 0; }

/* Better Tooltips */
[class^="tooltip_"] { border-radius: var(--Flashcord-UI_Border-Radius); }
[class^="tooltipPointer_"] { display: none; }

/* Control Panel: Fixes emojis not being able to get removed // bSID-DEV_240422: Shouldn't this be in the Control Panel Module? */
[class^="emojiRow_"]::before {
    left: 0; right: 0; bottom: 0;width: 90%;
    background: black; border-radius: var(--Flashcord-UI_Border-Radius);
} [class^="emojiRow_"] > [class^="button_"] { top: 16px; right: 16px; } [class^="emojiColumn_"] { margin-left: 16px; }
/* Minor/DeNitrofy attempts to remove the flashy and annoying nature of Discord Nitro stuff */

[class^="appAsidePanelWrapper_"] {
    container-name: var(--Flashcord-Module_DeNitrofy, FCM-DeNitrofy);
    container-type: inline-size;
} @container FCM-DeNitrofy (min-width: 0) {
    /* DMs: Remove junk tabs */
    [class^="channel_"]:has([href="/store"], [href="/shop"]) { display: none; }

    /* Remove Gift Button from Chat Bar, except it's currently broken and I'm completely out of time to fix this module */

    /* Straight to the point Nitro Tab */
    #discord-nitro-tab :is([class*="settingsHero_"], [class*="premiumFeatureBannerBackground_"], [class^="perksContainer_"], [class^="planComparisonTableContainer_"], [class^="wrapper_"], [class^="imageWrapper_"], [class^="footerSpacing_"]) { display: none; }
    #discord-nitro-tab [class^="premiumTierCardsContainerSettings_"] { margin: 0;max-width: unset; }
    #discord-nitro-tab { display: flex; justify-content: center; align-items: center; }

    /* Straight to the point User Settings Server Boost Tab */
    #nitro-server-boost-tab [class^="content_"] :is([class^="wrapper_"]:first-of-type, [class^="wrapper_"]:nth-last-of-type(2) ) { display: none; }
    #nitro-server-boost-tab [class^="sparkle_"] { display: none; }

    /* Straight to the point Guild Server Boost Status */
    #guild_premium-tab > :is([class^="divider_"], [class^="wrapper_"], [class^="tier0Container_"]) { display: none; }

    /* Nitro Nukers: May accidentally remove unintended things */
    [class*="premiumFeatureBannerBackground_"] { display: none; }
}/* Effects/Core handles Flashcord Chat Effects' Code */

[class^="messageListItem_"]:nth-last-child(-n + 9 ):has([href^="http://flashcord/"], [class="replugged-greentext"]) { container-name: var(--Flashcord-Module_Effects, FCM-Effects_Animated); container-type: inline-size; }
[class^="messageListItem_"]:nth-last-child(-n + 9 ):has([href^="http://flashcord/"]):has([class*="isSending_"]) { container-name: var(--Flashcord-Module_Effects, unset) !important; }
@container FCM-Effects_Animated (min-width: 0) {
    [href="http://flashcord/small"],
    [href="http://flashcord/wide"],
    [href="http://flashcord/shake"],
    [href="http://flashcord/dramatic"],
    [href="http://flashcord/fade-bottom"],
    [href="http://flashcord/system/level-up"],
    [href="http://flashcord/4chan"] { display: none; }

    [class^="message_"]:has([href="http://flashcord/shake"]) { animation: SNDL-Shake 100ms linear infinite; --Amplitude-X: 12; --Amplitude-Y: 8; --Amplitude-R: 0.1;}
    [class^="message_"]:has([href="http://flashcord/fade-bottom"]) { animation: SNDL-Translate_Custom 2s; --Initial: 0 10vh; }
    [class^="message_"]:has([href="http://flashcord/wide"]) {
        width: 50%; scale: 1.5 1;
        transform-origin: left center;
        animation: FCME-Wide 1s;
    }
    [class^="message_"]:has([href="http://flashcord/small"]) {
        animation: FCME-Small 1s;
        scale: 0.8; transform-origin: left center;
    }
    [class^="message_"]:has([href="http://flashcord/dramatic"]) {
        animation: FCME-Dramatic 8s ease-out;
        transform-origin: left center;
    }
    
    [class^="message_"]:has([href="http://flashcord/system/level-up"]) {
        position: absolute; top: 2rem; right: 2rem;
        width: 100%; opacity: 0; margin: 0; padding: 0;
        background: none !important; justify-content: flex-end;
        animation: FCME-LevelUp 8s ease-in-out;
        container-name: FCM-Effects_Level; container-type: inline-size;
    } [class^="message_"]:has([href="http://flashcord/system/level-up"])::before { display: none;}
    @container FCM-Effects_Level (min-width: 0) {
        [id^="message-content-"] {
            position: absolute; right: 0;
            font-size: 90%; width: fit-content; padding: 0; 
        } h3, [class^="avatar_"] { display: none !important;}
    }

    /* Green Text */
    [class^="message_"]:has([href="http://flashcord/4chan"], [class="replugged-greentext"]) {
        display: flex !important;
        background: var(--Flashcord-4Chan-Background) !important;
        container-name: FCM-Effects_4Chan !important;
        container-type: inline-size !important;
    }
    @container FCM-Effects_4Chan (min-width: 0) { /* This is entirely fucked with replies, needs fixing */
        [class^="contents_"] { margin-left: 16px !important; order: 1; }

        [class^="contents_"] [id^="message-content-"] { margin-top: 1.2rem; }
        [class^="username_"] { color: #117743 !important; }
        span { color: #d00; }
        [class^="timestamp_"] { color: #800 !important; }
        .replugged-greentext > span { color: #789922 !important; }

        [class^="avatar_"], /* WTF Does this do? // Brother can't read - Sirius 03/12/23 */
        [class^="replyAvatar_"],
        [class^="avatarDecoration_"],
        span[role="button"]:has(svg) {  display: none; }
        [id^="message-reply-context-"]::before { display: none !important; }
        [class^="contents_"] [class^="header-"] { margin-bottom: 1rem; }
        [class^="mediaAttachmentsContainer"] { width: 100% !important;}

        [id^="message-reply-context-"] {
            display: -webkit-box !important; top: 1.3rem; font-size: 1rem;
            container-name: FCM-Effects_4Chan-L1 !important; container-type: inline-size !important;
        }
        @container FCM-Effects_4Chan-L1 (min-width: 0) {
            img, svg, span:has(.stafftag) { display: none; }
            [class^="username_"]::before { content: ">>"; color: #d00 !important; margin-left: 1rem; }
            [class^="username_"] { color: #d00 !important; margin-top: 10px; }
            [class^="repliedTextPreview_"] { margin-top: 0px; opacity: 0.5; }
        }
    }
}

@container FCM-Effects_Text (min-width: 0) {
    [href="http://flashcord/small"],
    [href="http://flashcord/wide"],
    [href="http://flashcord/shake"],
    [href="http://flashcord/dramatic"],
    [href="http://flashcord/fade-bottom"], 
    [href="http://flashcord/4chan"]{ display: none; }
    [id^="message-content-"]:has([href^="http://flashcord/"])::after {
        white-space: pre;
        color: var(--Flashcord-Text);
        font-size: small;
    }
    [id^="message-content-"]:has([href="http://flashcord/small"])::after { content: var(--FCL-Effect_Small); }
    [id^="message-content-"]:has([href="http://flashcord/wide"])::after { content: var(--FCL-Effect_Wide); }
    [id^="message-content-"]:has([href="http://flashcord/shake"])::after { content: var(--FCL-Effect_Shaking); }
    [id^="message-content-"]:has([href="http://flashcord/dramatic"])::after { content: var(--FCL-Effect_Dramatic); }
    [id^="message-content-"]:has([href="http://flashcord/fade-bottom"])::after { content: var(--FCL-Effect_Fade-Bottom); }
    [id^="message-content-"]:has([href="http://flashcord/4chan"])::after { content: var(--FCL-Effect_4Chan); }
}/* Effects/Keyframes handles Flashcord Chat Effects' Animations */

@keyframes FCME-Small {
    0% { scale: 1;}
    100% { scale: 0.8;}
}
@keyframes FCME-Wide {
    0% { scale: 1 1;}
    100% { scale: 1.5 1;}
}
@keyframes FCME-Dramatic {
    0% { scale: 0; opacity: 0;}
    25% { opacity: 1;}
    100% { scale: 1; opacity: 1;}
}
@keyframes FCME-LevelUp {
    0% { translate: 0 0rem; opacity: 0; display: flex;}
    10% { translate: 0 -2.25rem; opacity: 0.8;}
    90% { opacity: 0.8; translate: 0 -2.25rem;}
    100% { opacity: 0; translate: 0 0; display: flex;}
}/* Adaptability/Replugged_Patches-Plugins handles modifying Flashcord to better look with some Replugged Plugins */

/* dev.albertp.RoleDividers.asar */
.role-divider-collapse {
    min-height: 16px !important;
    padding: 0;
}/* Adaptability/Replugged_Patches-Themes handles modifying Flashcord to better look with some Replugged Themes */

html:has([href*="net.saltssaumure.Squared.asar"]),
html:has([href*="net.saltssaumure.piOS.asar"]) {
    --Flashcord-UI_Border-Radius: 0px;
}/* Adaptability/Replugged_Repository-Plugins modifies the Replugged Plugins Addon List to provide information about their compatibility with Flashcord */

/* NOTE: THE COMPATIBILITY LIST INSIDE THE FLASHCORD CLIENT IS NOW **DEPRECATED**!! IT WILL BE REPLACED WITH THE FLASHCORD STORE */

/* [End] = Flashcord Beta == Replugged Plugin Compatibility List CSS = *//* Adaptability/Replugged_Repository-Themes modifies the Replugged Themes Addon List to provide information about their compatibility with Flashcord */

/* NOTE: THE COMPATIBILITY LIST INSIDE THE FLASHCORD CLIENT IS NOW **DEPRECATED**!! IT WILL BE REPLACED WITH THE FLASHCORD STORE */
#rp-themes-tab::before,
#rp-quickcss-tab::before {
    content: var(--FCL-Addon_Welcome);
    white-space: pre;
    font-weight: 900;
    color: var(--Flashcord-Text);
}/* Language/Language is a collection of strings used in Flashcord */

#app-mount { container-name: var(--Flashcord-Language, English); container-type: inline-size; }

#app-mount > div {
    --FCL-Warning_Basic: var(--Flashcord-Warnings, var(--FCL-Warning_Beta) "  ");
    --FCL-Warning_Iridescent: var(--Flashcord-Warnings, var(--FCL-Warning_Beta) var(--FCL-Theme_Iridescent) var(--FCL-Warning_Unfinished));
    --FCL-Warning_CBM-Light: var(--Flashcord-Warnings, var(--FCL-Warning_Beta) var(--FCL-Theme_CBM-Light) var(--FCL-Warning_Unfinished));
    --FCL-Warning_CBM-Dark: var(--Flashcord-Warnings, var(--FCL-Warning_Beta) var(--FCL-Theme_CBM-Dark) var(--FCL-Warning_Unfinished));
    --FCL-Warning_Transparent: var(--Flashcord-Warnings, var(--FCL-Warning_Beta) var(--FCL-Theme_Transparent) var(--FCL-Warning_Unfinished));
} /* These should automatically set themselves correctly if you've set the variables correctly. */

/* Translator's Guide:
Copy this file and paste it elsewhere with your translated language's name in english (ex: french.css)
Due to CSS limitations, if you want to have text "in double quotes like so", you must do the following transformation:

The "quick" brown fox hasn't jumped over the lazy dog yet
would turn into
--FCL-Variable: "The " var(--Q)"quick"var(--Q) " brown fox hasn't jumped over the lazy dog yet"

--FCL-[Something] represents a CSS variable AND SHOULD NOT BE TRANSLATED, only the part AFTER the ":" should be.
Translations should be accurate but if you can pick the funny option, go ahead, this is a silly theme, not nuclear launch codes.
"\A" Represents a line break. There may be variables inside the strings, don't touch them!
Last Base Language Update: bSID-DEV_240423*/

@container English (min-width: 0) {
    /* bSID-DEV_240420: THIS PILE OF SHIT DOESNT FUCKING PARSE --FCL-WINDOWS NO MATTER WHAT THE FUCK I DO, I HAVE TO HARDCODE THIS SHIT, WHY??? ITS UGLY TOO THIS SHOULD BELONG TO KERNEL/RING3 NOT HERE GOD DAMN IT */
    .platform-win [class^="notAppAsidePanel_"]::before { content: "🪟 " var(--FlashCore-Branch) " " var(--FlashCore-Channel) "-" var(--FlashCore-Version)" | Report bugs in #🐞sgn-issues-reports on the SGN Discord Server." }

    #app-mount > div {
        --FCL-Crash_Header: "Oh dear. Your Discord Client has Crashed.";
        --FCL-Crash_Paragraph: "You may try the reload button below, however this button may lock you up in a crash loop. \A I'd suggest closing entirely Discord and relaunching it for better chances of recovery.";
    
        --FCL-Blackout_Android: "⚠️ You are having connection problems.";

        --FCL-Theme_Light: " ☀️ Light Mode";
        --FCL-Theme_Dark: " 🌙 Dark Mode";
        --FCL-Theme_Sync: " 🕒 Sync Mode";
        --FCL-Theme_CBM-Light: " 🖼️ Light Custom Background Mode";
        --FCL-Theme_CBM-Dark: " 🖼️ Dark Custom Background Mode";
        --FCL-Theme_Iridescent:  " 💥 Iridescent Mode";
        --FCL-Theme_Terminal:  " 💾 Terminal Mode";
        --FCL-Theme_Transparent: " 👻 Transparent Mode";

        --FCL-Warning_Beta: "  ⚠️ Flashcord is in Beta.";
        --FCL-Warning_Unfinished: " is unfinished.  ";
        --FCL-Warning_Deprecated: "  ⛔ Custom Background Mode without ThemeHooker is no longer supported.  ";
    
        --FCL-AT_Basic: "📷 Flashcord Basic Themes";
        --FCL-AT_Advanced: "📸 Flashcord Advanced Themes";
        --FCL-AT_Wiki: "📖 Refer yourself to the Flashcord Wiki for more information.";
        --FCL-AT_Notice: "Please note that " var(--Q)"Advanced Themes"var(--Q) " are not to be confused with Flashcord modules.\A" var(--FCL-AT_Wiki);
        --FCL-AT_Requirements: "⚠️ Advanced Themes require " var(--Q) "LegalDiscordBypasses" var(--Q) " or Discord Nitro to enable them. \A";
        --FCL-AT_ThemeHooker: var(--FCL-AT_Requirements) "✅ " var(--Q) "ThemeHooker" var(--Q) " is present and has enabled new themes.";
        --FCL-AT_No-ThemeHooker: var(--FCL-AT_Requirements) "⛔ " var(--Q) "ThemeHooker" var(--Q) " is missing. This is no longer supported and you WILL run into issues!";

        --FCL-AT_CBM: var(--Q)"CBM"var(--Q)" is a transparent looking Theme where you can set your own image!";
        --FCL-AT_CBM-Light: var(--FCL-AT_CBM) " This is the light variant of this theme, it may come at some visibility issues however.\A" var(--FCL-AT_Wiki);
        --FCL-AT_CBM-Dark: var(--FCL-AT_CBM) " This is the ideal variant of " var(--Q)"CBM"var(--Q)" to use!\A" var(--FCL-AT_Wiki);
        --FCL-AT_Iridescent: "This is" var(--FCL-Theme_Iridescent)". The most ressource heavy mode of Flashcord. \A If you wanted a pure shot of eye candy, you've come to the right place. ⛔ PLEASE USE ON HIGH-END SYSTEMS ONLY.\A";
        --FCL-AT_Iridescent-Light: var(--FCL-AT_Iridescent) "This is the light variant and recommended way to use" var(--FCL-Theme_Iridescent)".";
        --FCL-AT_Iridescent-Dark: var(--FCL-AT_Iridescent) "This is the dark variant, but isn't recommended due to visibility issues.";
        --FCL-AT_Terminal: "Terminal Mode is a Theme that tries to mimic the style of a Retro GNU/Linux TTY.";
        --FCL-AT_Transparent: "Transparent Mode is currently not working. It will in future versions of Replugged and Flashcord.";

        --FCL-Effect: "\A 🎉 Flashcord Effect:";
        --FCL-Effect_Small:  var(--FCL-Effect) " Small";
        --FCL-Effect_Shaking: var(--FCL-Effect) " Shaking";
        --FCL-Effect_Dramatic: var(--FCL-Effect) " Dramatic";
        --FCL-Effect_Fade-Bottom: var(--FCL-Effect) " Fading from the Bottom";
        --FCL-Effect_4Chan: var(--FCL-Effect) " 4Chan";
        --FCL-Effect_Wide:  var(--FCL-Effect) " Wide";

        --FCL-Addon_Welcome: "\A\A📸 Welcome to " var(--FlashCore-Branch) " ! You are using the " var(--FlashCore-Channel) " Channel of Flashcord.\A\A";

        --FCL-Credits_About: "\A About Flashcord";

        --FCL-Credits_SNDL: "Flashcord is a personal project maintained with love by SiriusBYT, it takes the design language of " var(--Q) "SNWE/SNDL" var(--Q) " and applies it to Discord. \A";
        --FCL-Credits_Help: "Support is held on The Sirio Network Discord Server (https://sirio-network.com/redirect/discord). \A\A";
        --FCL-Credits_Alpha: "Please give a thanks to these amazing people who helped with the Closed Alpha of Flashcord 💖 \A";
        --FCL-Credits_Suppoters: "Of course, thanks to you, Flashcord Supporters 💸! \A";
        --FCL-Credits_Translators: "🌐 Flashcord can be used anywhere around the world thanks to these people: \A";
        --FCL-Credits_SGN: "Thanks to those who joined the SGN Discord Server for Flashcord 🗣️ ! \A";
        --FCL-Credits_GitHub: "And finally, thanks for those who stared the Flashcord GitHub Repo ✨ ! \A";
        --FCL-Credits_Special: "🌠 Special Thanks: \A";
        --FCL-Credits_Evelyn: "- Evelyn: Created " var(--Q) "Magnificent" var(--Q) " and was ok being bullied by me to fix specific bugs that were found when using Flashcord \A";
        --FCL-Credits_Tharki: "- Tharki-God: Person to have given me the idea (accidentally) to create the Plugins section of the Flashcord Store \A";
        --FCL-Credits_East-Arctica: "- East_Arctica: Posted a plugin to the Flashcord Store, also is just in general a super cool person \A\A";

        /* Insert your quote here in the format:
        --FCL-Credits_Translator-Quote: "      🗨️ [Translator Quote] NameHere: " var(--Q) "Actual Quote here" var(--Q)" \A\A ";
        */
        --FCL-Credits_Translator-Quote: "";
    }
}

@container GangChat (min-width: 0) { /* Alright you sussy wankers */
    .platform-win [class^="notAppAsidePanel_"]::before { content: "🪟 "var(--FlashCore-Branch) " " var(--FlashCore-Channel) "-" var(--FlashCore-Version)" | Report Sirius's stupidity in #🐞sgn-issues-reports on the SGN Discord Server." }

    #app-mount > div {
        --FCL-Crash_Header: "YOU MAY HAVE SEEN A BUCKET";
        --FCL-Crash_Paragraph: "BUT YOU'VE NEVER SEEN ME FUCK IT";
    
        --FCL-Blackout_Android: "⚠️ use ethernet you fuf";

        --FCL-Theme_Light: " ☀️ HERE COMES THE SUN-";
        --FCL-Theme_Dark: " 🌙 week -minos prime";
        --FCL-Theme_Sync: " 🕒 based mode";
        --FCL-Theme_CBM-Light: " 🖼️ LOOK AT THIS PHOTOGRAPH-";
        --FCL-Theme_CBM-Dark: " 🖼️ weeb mode but for the weak";
        --FCL-Theme_Iridescent:  " 💥 my main goal is to blow up";
        --FCL-Theme_Terminal:  " 💾 arch linux is cringe";
        --FCL-Theme_Transparent: " 👻 i dont feel so good-";

        --FCL-Warning_Beta: "  ⚠️ Flashcord is IN **BETA** YOU FU-.";
        --FCL-Warning_Unfinished: " this mode will never be finished lol.  ";
        --FCL-Warning_Deprecated: "  ⛔ USE THEMEHOOKER GOD DAMN IT-  ";
    
        --FCL-AT_Basic: "📷 Flashcord's Unbloated Themes";
        --FCL-AT_Advanced: "📸 Flashcord's Bloatfest Themes";
        --FCL-AT_Notice: "📖 read the fucking manual";
        --FCL-AT_Requirements: "⚠️ pay for nitro or use sussy plugin \A ";
        --FCL-AT_ThemeHooker: var(--FCL-AT_Requirements) "✅ you are a certified sussy wanker";
        --FCL-AT_No-ThemeHooker: var(--FCL-AT_Requirements) "⛔ you are not a certified sussy wanker";

        --FCL-AT_CBM-Light: "i can't fucking believe they put yeah miku as the first flashcord custom background background";
        --FCL-AT_CBM-Dark: "hey look, sirius' cringe channel banner.";
        --FCL-AT_Iridescent: "BUT CAN IT RUN FLASHCORD'S IRIDESCENT MODE?";
        --FCL-AT_Iridescent-Light: var(--FCL-AT_Iridescent) " (flashbang edition)";
        --FCL-AT_Iridescent-Dark: var(--FCL-AT_Iridescent) " (boring edition)";
        --FCL-AT_Terminal: "debian sid > arch linux :trolley:";
        --FCL-AT_Transparent: "I CANT SEE SHIT";

        --FCL-Effect: "\A 🎉 Flashcord Benchmark:";
        --FCL-Effect_Small:  var(--FCL-Effect) " your dong's size";
        --FCL-Effect_Shaking: var(--FCL-Effect) " your mom walking to your room";
        --FCL-Effect_Dramatic: var(--FCL-Effect) " tetrio banner looking mf";
        --FCL-Effect_Fade-Bottom: var(--FCL-Effect) " reverse, loop it, and it does a funny";
        --FCL-Effect_4Chan: var(--FCL-Effect) " gangchat but worse";
        --FCL-Effect_Wide:  var(--FCL-Effect) " DAMN BOII HE THICC";

        --FCL-Addon_Welcome: "\A\A📸 u using " var(--FlashCore-Branch) " on the " var(--FlashCore-Channel) " branch of cringecord.\A\A";

        --FCL-Credits_About: "\A Flashcord Lore";

        --FCL-Credits_SNDL: "Flashcord comes from the inner depths of hell. \A";
        --FCL-Credits_Help: "Support is held on Sirius's half baked Discord Server. \A\A";
        --FCL-Credits_Alpha: "these nerds got access to flashcord early ⤵️\A";
        --FCL-Credits_Suppoters: "smh these people wasted their 💸 \A";
        --FCL-Credits_Translators: "🌐 these people participated in the additional 50kb in size of flashcord ⤵️ \A";
        --FCL-Credits_SGN: "These poor souls keep getting pinged for no reason ⤵️\A";
        --FCL-Credits_GitHub: "they stared a broken ass theme ⤵️\A";
        --FCL-Credits_Special: "🌠 Special " var(--Q) "Go Screw Yourself" var(--Q) ": \A";
        --FCL-Credits_Evelyn: "- Evelyn: Created " var(--Q) "Magnificent" var(--Q) " and broke every time. \A";
        --FCL-Credits_Tharki: "- Tharki-God: This nerd make an objectively better version of ThemeHooker and i'm mad >:( \A";
        --FCL-Credits_East-Arctica: "- East_Arctica: Another nerd >:( Wanted to write the back-end of my website to help me when all I wanted was suffering \A\A";

        --FCL-Credits_Translator-Quote: "      🗨️ [Sussy Wanker Quote] SiriusBYT: " var(--Q) "GangChat will rule over the world." var(--Q)" \A\A ";
    }
}/* Overlay/Overlay handles code to modify the Discord Overlay *//* Splash/Splash handles customizing the Discord Updater/Splash */
:root { --FlashCore-Build_Date: "15:31:03 - 19/06/2024"; }