@import "./mpris.scss";

.control-center {
  /* The Control Center which contains the old notifications + widgets */
  background: $background;
  color: $foreground;
  border-radius: $border-radius;
  border-left: 1px solid $color2;
  box-shadow: $box-shadow-inner-less;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: .3rem;
  margin-right: 8px;

  .collapsed {
    .notification-row:not(:only-child) {
      .notification {
        background-color: rgba(0,0,0, 0.3);
      }
    }
  }

  .notification {
    box-shadow: none;
  }

  button {

    box-shadow: $box-shadow-inner-less;
    color: $foreground;
    border: 1px solid $border-color;
    border-radius: $border-radius;
    background: $background;

    &:hover {
      background: transparent;
      border: 1px solid $foreground;
    }
  }



  switch {
    font-size: initial;
    border-radius: $border-radius;
    background: transparent;
    border: 1px solid $foreground;
    box-shadow: none;

    &:checked {
      background: $color2;
    }

    slider {
      background: $foreground;
      border-radius: $border-radius;
    }
  }
}