/**
 * @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"); */

:root {
  /* 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: 5px; /* 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: 159, 102, 217; /* DEFAULT: 103,58,183 */
  --gradient-secondary: 106, 89, 217; /* DEFAULT: 63,81,181 */
  --gradient-direction: 320deg; /* DEFAULT: 320deg */

  /* 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 */

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

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

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


/** Highlight text **/
::selection {
  background: #6A59D9;
  color: var(--text-normal);
}

/** Replace discord watermark text **/

.wordmark-2u86JB > svg {
  display: none
}
.wordmark-2u86JB:after {
  content: 'jay\'s myspace';
  display: flex;
  align-items: center;
  padding: 0 6px;
  height: calc(100% + 4px);
  top: -1px;
  width: fit-content;
  font-size: 13px;
  left: 8px;
  position: relative;
  color: rgba(255, 255, 255, 0.75);
  font-family: 'Ginto Nord';
  word-spacing: 3px;
  letter-spacing: 1px;
}

/** 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 {
  right: unset;
  left: 0;
}
.winButtonClose-3Q8ZH5:hover {
    background-color: #4c4a86 !important;
}

/** 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;
}