.alerts {
  position: absolute;
  background: white;
  border-radius: 5px;
  right: 0;
  display: none;
  width: 415px;
  border: 1px solid var(--dark-color);
  z-index: 3; }
  .alerts .title {
    padding: 10px 20px 0px 20px;
    justify-content: space-between;
    display: flex;
    align-items: center; }
    .alerts .title h3 {
      margin: 0; }
    .alerts .title img {
      width: 20px;
      height: 20px; }
  .alerts .alert-elem {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin: 10px 0px;
    gap: 10px; }
    .alerts .alert-elem .status {
      width: 15px;
      height: 15px; }
    .alerts .alert-elem .date {
      color: #969696; }
    .alerts .alert-elem .trash {
      height: 20px;
      cursor: pointer; }
    .alerts .alert-elem .main {
      display: flex;
      align-items: start;
      gap: 15px; }
  .alerts .content {
    display: flex;
    padding: 0px 20px;
    flex-direction: column-reverse; }
  .alerts .bottom {
    padding: 0px 20px 10px 20px; }
    .alerts .bottom a {
      margin: 0;
      cursor: pointer;
      color: #8282fa; }

/*# sourceMappingURL=alerts.css.map */