.components-tab-inactive {
  &:hover {
    color: var(--bs-white);
    background-color: var(--bs-secondary);
  }
}

.modal-upper {
  &.modal-dialog {
    padding-top: 10px;
  }
}

.modal-content-blur {
  filter: saturate(50%) blur(12px);
}

@include media-breakpoint-up(lg) {
  .modal-lg.modal-upper {
    max-width: $modal-lg + 10;
  }
}

@include media-breakpoint-up(xl) {
  .modal-xl.modal-upper {
    max-width: $modal-xl + 10;
  }
}
