/**
 * @name SoftX
 * @author Gibbu#1211
 * @version 1.0.0
 * @invite ZHthyCw
 * @description A soft and comfy feel for Discord.
 * @source https://github.com/DiscordStyles/SoftX
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');
/*@import url("https://discordstyles.github.io/SoftX/SoftX.css");*/
@import url("https://discordstyles.github.io/SoftX/RadialGlow.css");
/*@import url("https://discordstyles.github.io/Addons/windows-titlebar.css");*/
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');


:root {
    /* SoftX variables */
    --background-image: url('https://mocah.org/thumbs/4512654-night-sky-stars-clouds-water-anime-naruto-shippuuden.jpg'); /* Background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
    --background-blur: 5px; /* Blur intensity of --background-image | Must end in px | Default: 0px */

    --accent: 255 , 68 , 0 ; /* Colour used around the app. | Values are in R,G,B format. | Default: 0, 231, 169 */

    /* text-decoration-color:rgb(255, 68, 0); */

         /* text-emphasis-color:#ffffff; */
    --channels-width: 250px; /* Width of the channels list. | Default: 300px */
    --guilds-width: 80px; /* Width of the server list. | Default: 105px */
    --members-width: 250px; /* Width of the members list. | Default: 280px */

    --server-size:  50px; /* Size of the servers inside the server list. | Default: 50px */
    --chat-avatar-size: 32px; /* Size of the chat avatars. | Default: 32px */

    --glow-intensity: 0; /* Intensity of the glow used around the app. | Set to 0 to disable the glow. | Decimals allowed | Default: 1 */

    --opacity: .5; /* Opacity of overall app. | Default: .85 */

    --font:  'Comic Neue'; /* Custom font | Default: 'Inter' */

    /*-webkit-text-fill-color: #51ff00;*/

    /* RadialStatus veriables */ 
    --rs-small-spacing: 2px; /* Spacing between profile image and outer ring on small icons (e.g. member list) | Default: 2px */
    --rs-medium-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout) | Default: 4px */
    --rs-large-spacing: 4px; /* Spacing between profile image and outer ring on medium icons (e.g. user popout fullscreen) | Default: 4px */

    --rs-small-width: 1.5px; /* Ring width (follows same sizing as above) | Default: 1.5px */
    --rs-medium-width: 2px; /* Default: 2px */
    --rs-large-width: 2px; /* Default: 2px */

    --rs-avatar-shape: 50%; /* Border-radius for profile image | Default: 50% */

    /* Customizable colors */
    --rs-online-color: #43b581; /* Default: #43b581 */
    --rs-idle-color: #faa61a; /* Default: #faa61a */
    --rs-dnd-color: #f04747; /* Default: #f04747 */
    --rs-offline-color: #636b75; /* Default: #636b75 */
    --rs-streaming-color: #643da7; /* Default: #643da7 */
    --rs-invisible-color: #747f8d; /* Default: #747f8d */
    --rs-phone-color: var(--rs-online-color); /* Color of the phone for mobile users | Default: var(--rs-online-color) */

    --rs-phone-visible: block; /* Visibility of the phone for mobile users | Default: block */
}

:root {
  --softx-version: "1.0.2";
  --hue: 0deg;
  --saturation: 0%;
  --lightness: 10%;
  --transition: .15s ease;
  --chat-glow-intensity: var(--glow-intensity);
  --channel-glow-intensity: var(--glow-intensity);
  --members-glow-intensity: var(--glow-intensity);
  --input-glow-intensity: var(--glow-intensity);
  --talking-bar: rgb(var(--accent));
  --talking-glow: rgb(var(--accent));
  --blur: 10px;
  --TB-height: calc(var(--toolbar-height) - 1px);
  --TB-width: 52px;
  --TB-header-padding: 155px;
  --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);
  --shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 10px 10px -5px rgb(0 0 0 / 0.04);
  --border: hsl(var(--hue) var(--saturation) calc(var(--lightness) / 2) / .6);
  --bg-primary: hsl(var(--hue) var(--saturation) var(--lightness) / calc(var(--opacity) + .05));
  --bg-secondary: hsl(var(--hue) var(--saturation) var(--lightness) / calc(var(--opacity) + .1));
  --bg-tertiary: hsl(var(--hue) var(--saturation) var(--lightness) / calc(var(--opacity) + .15));
  --chat-bubble-bg: rgba(255, 255, 255, 0.03);
  --chat-bubble-bg-self: rgb(var(--accent), 0.15);
  --chat-bubble-padding: 10px 14px;
  --chat-bubble-display: inline-block;
  --chat-bubble-outline-color: 00 , 00 , 00;
  --chat-bubble-border-color: 00 , 00 , 00;
  --user-area: 0px;
  --toolbar-height: 60px;
  --server-spacing: 16px;
  --guild-scrollbar: none;
  --unread-colour: 255 255 255;
  --backdrop-background: var(--bg-primary);
  --backdrop-blur: 10px;
  --scrollbar-background: rgb(255 255 255 / .05);... (72 KB left) }

.message-2qnXI6,
.markup-2BOw-j,
.channelName-2YrOjO {
    background-image: linear-gradient(to left,rgb(51, 255, 0), rgb(255, 230, 0), red, rgb(234, 0, 255), rgb(0, 140, 255), rgb(51, 255, 0));
    animation: gradient-border 4s linear infinite;
    background-size: 400% 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    z-index: 1;
}
@keyframes gradient-border {
from {
  background-position: 0 0;
}
to {
  background-position: 100% 0;
}
}

    background-image: linear-gradient(to left,rgb(51, 255, 0), rgb(255, 230, 0), red, rgb(234, 0, 255), rgb(0, 140, 255), rgb(51, 255, 0));
    animation: gradient-border 4s linear infinite;
    background-size: 400% 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    z-index: 1;
}
@keyframes gradient-border {
from {
  background-position: 0 0;
}
to {
  background-position: 100% 0;
}
}