@charset "UTF-8";

/*********************
 * App Notifications *
 *********************/

.app-notification,
.app-notification.frame {
  @extend %osd;
  padding: 10px;
  border-top-width: 0px;
  border-radius: 0px 0px 3px 3px;
  &:backdrop {
    background-image: none;
  }
  button {
    @include button(normal);
    &.flat {
      @extend %undecorated_button;
      -gtk-icon-shadow: none;
      text-shadow: none;
      &:hover {
        @extend %undecorated_button;
        color: gtk("@theme_button_decoration_hover");
      }
      &:active {
        @extend %undecorated_button;
        color: gtk("@theme_button_decoration_focus");
      }
      &:backdrop,
      &:disabled,
      &:backdrop:disabled {
        @extend %undecorated_button;
      }
    }
    &:hover {
      @include button(hover);
    }
    &:active,
    &:checked,
    &:backdrop:active,
    &:backdrop:checked {
      @include button(active);
    }
    &:disabled,
    &:backdrop:disabled {
      @include button(insensitive);
    }
    &:backdrop {
      @include button(backdrop);
    }
  }
  border {
    border: none;
  }
}
