/**
* @name FVUI
* @author feorev
* @description Blur is the New Black
* @version 2.0.0
* @authorId 489785940546551831
* @invite baEMQkgswT
* @source https://github.com/FeoreV/Themes/tree/main/Discord/FVUI
*/
/* ! DO NOT TOUCH ! */
@import url(https://feorev.github.io/Themes/Discord/FVUI/Cores/preload.css);
@import url(https://feorev.github.io/Themes/Discord/FVUI/assets/Versions/v2.css);

/*=============================================
=                     Info                    =
==============================================*
	DiscordServer: https://discord.com/invite/baEMQkgswT
	DM - feorev
	Site - https://feorev.github.io/
	ThemeEditor - https://bdeditor.dev/theme/FVUI

	Due to the inability to update the theme file frequently, many new additions to the theme will be posted on the discord server.
	The FVUI theme extends not only to discord, but also to other sites and areas. You can find a complete list of themes on the discord server.



/*=============================================
=                    FAQ                      =
==============================================*

/*----------  How to enable another subtheme?  ----------*
	
	IT IS RECOMMENDED TO USE AN EDITOR ( https://bdeditor.dev/theme/FVUI )

	Select import and press ctrl+/

	Enabled - @import url(...)
	Disabled - /*@import url(...)*/

	
/*----------  I want ...  ----------
	Make the background a picture - enable WIN11
	Make discord transparent - enable Mica
	Change background picture - Change the settings of the win11 subtheme - the --dark/light BG variable

/*----------  Any other questions?  ----------
	Join the discord server c:
	https://discord.com/invite/baEMQkgswT


	
/*=============================================
=             Subthemes to choose             =
=============================================*/

/*----------  Default  ----------*/
	/* Default */
@import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/Default.css);
	/* Lite */
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/Default_lite.css); */

/*----------  CustomBackground  ----------*/
	/* WIN11 */ 
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/CustomBackground.css); */
	/* Lite11 */
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/CustomBackground_lite.css); */

/*----------  Other  ----------*/
	/*MICA (Required "Mica For Everyone" and enabling transparency (Settings=>BD=>Settings=>Window preferences=>Enable transparency)*/
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/assets/SubThemes/Mica.css); */



/*=============================================
=                   Addons                   =
=============================================*/

	/* Events (Any events and decorations for the holidays. For example, snow and New Year's attributes for the new year.) */
@import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/Events/Events.css);

	/* ServerRings */
@import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/ServerRings.css); 

	/* RadialStatus */
@import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/RadialStatus.css);

	/* MaterialYou (The theme color scheme adjusts to the accent color) */
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/MaterialYou.css); */

	/* ModularDesign (Adds outline to main sections) */
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/ModularDesign.css); */

	/* TopUserPanel (Moves the userpanel to the top corner) */
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/TopUserPanel.css); */

	/* HorizontalServerList (Moves serverlist to the top or bottom corner. For FVUI, it is recommended to use this version of HSL, and not the official one.) */
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/HSL/HSL_top.css); */
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/HSL/HSL_bottom.css); */

	/* TitleIsland */
/* @import url(https://feorev.github.io/Themes/Discord/FVUI/Addons/TitleIsland.css); */



/*=============================================
=             SubThemes Settings              =
=============================================*/

	/* Theme editor - https://bdeditor.dev/theme/FVUI */

	/*----------  General  ----------*/
:root{
	--cursor  : url('https://feorev.github.io/Themes/Discord/FVUI/assets/Cursor.cur');         /* Link to cursor / unset - to set standard */
	--font    : "Comfortaa";                                                                   /* The font must be pre-installed or imported */
	--homeicon: url("https://feorev.github.io/Themes/Discord/FVUI/assets/HomeIcon/Icon.png");  /* Link to image */
}

:root{
    --ColorOpacity  : 1;  /* Opacity multiplier / Default=1 (0.1-...) */
    --DisableOpacity: 0;  /* Disable Opacity / Default=0 (0 or 1) */
}

:root.theme-dark {
	--color1: 30, 40,  50;   /* Additional BG / Default= | 30, 40, 50 | (any raw rgb value) */
	--color2: 9,  18,  24;   /* Background / Default= | 9, 18, 24 | (any raw rgb value) */
	--color3: 35, 120, 200;  /* Additional Color / Default= | 35, 120, 200 | (any raw rgb value) */
	--color4: 63, 43,  150;  /* Gradient Color / Default= | 63, 43, 150 | (any raw rgb value) */
}
:root.theme-light {
	--color1: 211, 204, 227;  /* Additional BG / Default= | 211, 204, 227 | (any raw rgb value) */
	--color2: 219, 219, 219;  /* Background / Default= | 219, 219, 219 | (any raw rgb value) */
	--color3: 96,  205, 255;  /* Additional Color / Default= | 96,205,255 | (any raw rgb value) */
	--color4: 63,  43,  150;  /* Gradient Color / Default= | 63, 43, 150 | (any raw rgb value)  */
}

	/*----------  CustomBackground  ----------*/
:root{
	--DarkBG   : url(https://feorev.github.io/Themes/Discord/FVUI/assets/Wallpapers/dark.avif);   /* Link to background image / Default= url(https://feorev.github.io/Themes/Discord/assets/Wallpapers/dark.avif) ( url(link) ) */
	--LightBG  : url(https://feorev.github.io/Themes/Discord/FVUI/assets/Wallpapers/light.avif);  /* Link to background image / Default= url(https://feorev.github.io/Themes/Discord/assets/Wallpapers/light.avif) ( url(link) ) */
	--OpacityBG: 60%;                                                                             /* Background image transparency / Default=100% (0%-100%) */
	--BlurBG   : 0px;                                                                             /* Background image blur / Default=0px (any value in px) */
}


	/*----------  Mica  ----------*/
:root{
	--BGopacity: 30%;            /* Background image transparency / Default=30% (0%-100%) */
	--BGcolor  : var(--color2);  /* Сolor in RGB / Example = rgb(255,255,255) ( any value in RGB (like example) ) */
}



/*=============================================
=               Addons Settings               =
=============================================*/

	/*----------  MaterialYou  ----------*/
:root.theme-dark{ /* First 2 HSL values / Default= | 210, 68% | https://g.co/kgs/83i83K */
	--accentcolor-HUE: 210;
	--accentcolor-SATURATION: 68%;
}
:root.theme-light{ /* First 2 HSL values / Default= | 199, 100% | https://g.co/kgs/83i83K */
	--accentcolor-HUE: 199;
	--accentcolor-SATURATION: 100%;
}

	/*----------  ModularDesign  ----------*/
:root{ /*MainModules*/
	--outline    : 3px;                     /* outline size / Default=3px (any value in px) */
	--outlineCLR : var(--color03);          /* outline color / Example = rgb(255,255,255) ( any value in RGB (like example) ) */
	--outlineBR  : 16px;                    /* outline rounding / Default=16px (any value in px) */
	--outlineMG  : 2rem;                    /* outline margin / Default=2rem (any value in px/rem/...) */
	--outlineBS  : 15px;                    /* outline glow / Default = 15px */
	--outlineBG  : unset;                   /* outline content background color / Example = rgb(255,255,255) ( any value in RGB (like example) */
	--outlineBLUR: 0;                       /* (ONLY WIN11) backdrop blur / Default=0 ( any value in px */
}

:root{ /*AdditionalModules*/
	--outline2    : 0;                  /* outline size / Default=0px (disabled) (any value in px) */
	--outlineCLR2 : var(--outlineCLR);  /* outline color / Example = rgb(255,255,255) ( any value in RGB (like example) ) */
	--outlineBR2  : var(--outlineBR);   /* outline rounding / (any value in px) */
	--outlineMG2  : var(--outlineMG);   /* outline margin / (any value in px/rem/...) */
	--outlineBS2  : 0;                  /* outline glow / Default = 0 */
	--outlineBG2  : unset;              /* outline content background color / Example = rgb(255,255,255) ( any value in RGB (like example) */
	--outlineBLUR2: 0                   /* (ONLY WIN11) (Not recommended - bad performance) backdrop blur / Default=0 ( any value in px ) */
}

	/*----------  Have you tuned the theme well?   ----------*/
/* You can share your vision of the world in the channel of the Discord server by sending the settings: https://discord.gg/baEMQkgswT */

/*=============================================
=                   Credits                   =
= 	   gibbu - RadialStatus / ServerRings     =
=============================================*/