@define-color bg #0f0b15;
@define-color bg-secondary #1d202f;
@define-color fg #ffffff;
@define-color fg_alt #bf8a9f;
@define-color fg_dim #807c9f;
@define-color bg #0f0b15;
@define-color bg_secondary #1d202f;
@define-color grey #807c9f;
@define-color grey_bright #807c9f;
@define-color red #f47359;
@define-color red_bright #ff6a7a;
@define-color red_subtle_bg #67182f;
@define-color green #29a444;
@define-color green_bright #00a392;
@define-color green_subtle_bg #10452f;
@define-color yellow #b58a52;
@define-color yellow_bright #df9080;
@define-color yellow_brighter #FCC1B6;
@define-color yellow_subtle_bg #54362a;
@define-color blue #3f95f6;
@define-color blue_bright #029fff;
@define-color blue_subtle_bg #2a346e;
@define-color blue_subtle_dark_bg #003045;
@define-color magenta #d369af;
@define-color magenta_bright #af85ea;
@define-color magenta_brighter #c57faf;
@define-color magenta_subtle_bg #572454;
@define-color magenta_subtle_bg_darker #331531;
@define-color cyan #4fbaef;
@define-color cyan_bright #35afbf;
@define-color cyan_subtle_bg #133d56;
@define-color silver #b8c6d5;
@define-color silver_bright #ffffff;

.control-center {
  border-radius: 0;
  background: @bg;
  color: @fg;
}

.control-center-list-placeholder {
  opacity: 0;
}

.control-center-list {
  background: transparent;
}

.control-center-list>.notification {
  box-shadow: none;
}

.notification-group {
  background: transparent;
}

.notification-group>.notification {
  border: 1px solid $cyan_subtle_bg;
}

.close-button {
  background: @magenta_subtle_bg_darker;
  color: @magenta_brighter;
  text-shadow: none;
  border-radius: 100%;
}

.close-button:hover {
  background: @red_subtle_bg;
  color: @red_bright;
  box-shadow: none;
}