/**
 * @name Frosted Glass Jay Edit
 * @author Gibbu#1211
 * @version 2.0.0
 * @description Display your picture of choice with adjustable blur and brightness. Dark theme is required.
 * @invite ZHthyCw
 * @donate https://paypal.me/IanRGibson
 * @authorId 174868361040232448
 * @source https://github.com/DiscordStyles/FrostedGlass
 * @website https://gibbu.me/
*/

@import url("https://discordstyles.github.io/FrostedGlass/dist/FrostedGlass.css");

/* BlackBox tags */
@import url('https://monstrousdev.github.io/themes/addons/user-tags.css');

@import url('https://nyri4.github.io/Discolored/main.css');

/* Old Windows titlebar - remove this @import if you wish to use default titlebar
@import url("https://gibbu.github.io/BetterDiscord-Themes/addons/windows-titlebar.css");
*/

/** font **/
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');


:root {
  /*
    Visit https://fonts.google.com and select one to your liking.
    Now just follow this tutorial: https://imgur.com/a/CNbw7xC
  */
  --font: 'Quicksand';

  /* Background image variables */
  --background-image: url('https://cdna.artstation.com/p/assets/images/images/004/187/762/large/alena-aenami-7p-m-1k.jpg'); /* Main background image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) | DEFAULT: https://i.imgur.com/kYW2H5C.jpg*/
  --background-image-blur: 3px; /* Blur intensity of --background-image | Must end in px | DEFAULT: 5px */
  --background-image-size: cover; /* Size of the background image | DEFAUT: cover | OPTIONS: cover, contain */
  --background-image-position: center; /* Position of background image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */

  /* Popout & Modal variables */
  --popout-modal-image: var(--background-image); /* Background image for popouts and modals | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
  --popout-modal-blur: 5px; /* Blur intensity of --popout-modal-image | Must end in px | DEFAULT: 5px */
  --popout-modal-size: cover; /* Size of the popout/modal image | DEFAUT: cover | OPTIONS: cover, contain */
  --popout-modal-position: center; /* Position of popout/modal image | DEAFULT: center | OPTIONS: top, right, bottom, left, center */

  /* Home image variables */
  --home-button-image: url('https://i.imgur.com/dbhgNrG.png'); /* Home button image | URL MUST BE A DIRECT LINK (ending in .jpg, .jpeg, .png, .gif) */
  --home-button-size: cover; /* Size of the home button image | DEFAUT: cover */
  --home-button-position: center; /* Position of home button image | DEAFULT: center */

  /* Brightness variables */
  --serverlist-brightness: 0.5; /* Brightness for serverlist | 0 - 1 (decimals allowed) | DEFAULT: 0.8 */
  --left-brightness: 0.5; /* Channels and DM list brightness | 0 - 1 (decimals allowed) | DEFAULT: 0.8 */
  --middle-brightness: 0.5; /* Chat brightness | 0 - 1 (decimals allowed) | DEFAULT: 0.6 */
  --right-brightness: 0.5; /* Members and Now Playing brightness | 0 - 1 (decimals allowed) | DEFAULT: 0 */
  --popout-modal-brightness: 0.5; /* Brightness for popouts and modals | 0 - 1 (decimals allowed) | DEFAULT: 0.75 */

  /* Gradient variables */
  --gradient-primary: 106, 89, 217; /* DEFAULT: 103,58,183 */
  --gradient-secondary: 159, 102, 217; /* DEFAULT: 63,81,181 */
  --gradient-direction: 60deg; /* DEFAULT: 320deg */
  
  --gradient-primary-hex: #6a59d9;
  --gradient-secondary-hex: #9f66d9;

  /* Tint variables */
  --tint-colour: 21, 27, 64; /* Colour of tint | DEAFULT: 255,51,159 */
  --tint-brightness: .25; /* Brightness of --tint-colour | 0 - 1 (decimals allowed) | DEFAULT: 0 */

  /* Other variables */
  --window-padding: 20px; /* Spacing around the Discord window | DEFAULT: 20px */
  --window-roundness: 10px; /* Roundness of Discord | DEFAULT: 10px */
  --scrollbar-colour: rgba(255,255,255,0.05); /* DEFAULT: rgba(255,255,255,0.05) */
  --link-colour: #00b0f4; /* DEFAULT: #00b0f4 */



  /* Do not touch */
  --update-notice-1: none;

  --TB-header-padding: 125px;
}

/* ---------------------------- vvv CUSTOM CSS vvv ---------------------------- */



/* Re-round Spotify Status Images */
.assetsLargeImageSpotify-17ME3M{border-radius:8px;}

/* change unread pill on guilds and channels */
.item-2LIpTv, .unread-36eUEm {
  background-color: rgba(255, 255, 255, 0.75);
}

/* change talking color */
.border-2BJQjd.speaking-3RWJBr {
  box-shadow: inset 0 0 0 3px var(--gradient-primary-hex),
  inset 0 0 0 3px var(--gradient-primary-hex) !important;
}

.avatarSpeaking-2pCGrZ {
  box-shadow: inset 0 0 0 2px var(--gradient-primary-hex) !important;
}

.avatarSpeaking-33RRJU {
  box-shadow: inset 0 0 0 0px var(--gradient-secondary-hex) !important;
  color: var(--gradient-primary-hex);
  background-color: var(--gradient-primary-hex);opacity: 0.5;
}

.border-2Vy6FN.speaking-7QZEkv {
  -webkit-box-shadow: inset 0 0 0 2px var(--gradient-secondary-hex),inset 0 0 0 3px #000;
  box-shadow: inset 0 0 0 2px var(--gradient-secondary-hex),inset 0 0 0 3px #000;
}

/** Highlight text **/
::selection {
  background: var(--gradient-primary-hex);
  color: var(--text-normal);
}
 
/** Replace discord watermark text **/
.wordmarkWindows-2dq6rw svg {
display:none;
}

.wordmarkWindows-2dq6rw::after {
content: 'jay\'s forum';
font-family: var(--main-font);
font-size: 13px;
font-weight: 700;
color: rgba(255, 255, 255, 0.75);
display: flex;
align-items: center;
padding: 0 6px;
height: calc(100% + 4px);
width: fit-content;
top:-1px;
left: 13px;
word-spacing: 3px;
letter-spacing: 3px;
position: relative;
}

/** Buttons and stuff **/

.winButton-3UMjdg {
  transition: 0.5s ease;
  color: white;
}
.winButton-3UMjdg:hover {
  transition: 0.5s ease;
  color: white;
}
.platform-win .typeWindows-2-g3UY {
  height: 9px;
  margin-top: 0;
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  background: transparent;
}
.platform-win .winButton-3UMjdg {
  position: relative;
  top: calc(var(--TB-position-top, 0px) - 1px);
  right: var(--TB-position-right, 0px);
  height: var(--TB-height, 48px);
  width: var(--TB-width, 40px);
  color: white;
}
.platform-win .winButton-3UMjdg:not(.winButtonClose-3Q8ZH5):hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.platform-win .container-ZMc96U {
  padding-right: var(--TB-header-padding);
}
.platform-win #app-mount.bd-detached-editor .winButton-3UMjdg {
  right: 30%;
}
.platform-win .closeButton-30b1gR {
  border-radius: 0px 10px 0px 0px;
  right: unset;
  left: 0;
}

.winButtonClose-3Q8ZH5 {
	border-radius: 0px 10px 0px 0px;
}
.winButtonClose-3Q8ZH5:hover {
    background-color: var(--gradient-primary-hex) !important;
	border-radius: 0px 10px 0px 0px;
}

/** transition stuff **/

.item-1OdjEX , .interactive-1vLZ_I, .peopleListItem-u6dGxF,.item-3mHhwr, .item-3XjbnG, .winButtonClose-3Q8ZH5, .winButtonMinMax-3RsPUg, .layout-1qmrhw, .itemCard-3Etziu, .title-17SveM, .avatar-1EWyVD, .popout-1KHNAq, .container-x8Y1ix,.closeButton-PCZcma, .option-ayUoaq  {
    transition: 0.5s ease-in-out;
}
.item-1OdjEX {
    border-radius: 5px;
}
.item-1OdjEX:hover{
    background-color: #4c4a86;
}

/* bolds channel names */
.selected-2TbFuo .channelName-3KPsGw{
	transition: 0.1s linear;
    font-weight: 700 !important;
}

/* bolds usernames */
.username-h_Y3Us, 
.name-3Vmqxm, 
.usernameContainer-3PPkWq, 
.interactive-1vLZ_I  
.overflow-1wOqNV, 
.mention   {
    font-weight: 700 !important;
}

/* fixes status picker and some icons */
#status-picker .item-1OdjEX:hover, .colorDefault-CDqZdO.focused-3qFvc8 {
    background-color: rgba(255,255,255,0.1);
}

[style="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"],
[style="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"], 
[style="background-color: hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%);"],
[style="background-color: hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%);"] {
    background-color: var(--gradient-primary-hex) !important;
}

/*rounded corners*/
body {
  background-color: transparent;
}

#app-mount {
  border-radius: 10px;
}

.backdrop-2ByYRN {
  border-radius: 12px;
}

/* change ping color */
.numberBadge-37OJ3S {
  background-color: var(--gradient-primary-hex) !important;
  color: white !important;
}

.unreadMentionsBar-ZXXoOH, .unreadBar-elBRZx {
  background-color: var(--gradient-primary-hex) !important;
  color: white !important;
}

/* reply bracket color */
.repliedMessage-3Z6XBG:before {
    border-color: var(--gradient-primary-hex);
}

/* changes embed color */
.embedFull-1HGV2Sm, .embedWrapper-1MtIDg {
	border-color: var(--gradient-primary-hex) !important;
}

.embedTitleLink-1QbYA-, .embedLink-1TLNja, .embedTitle-2n1pEb {
  color: var(--gradient-primary-hex) !important;
}

.markup-eYLPri a {
  color: var(--gradient-primary-hex) !important;
}