:host {
  @apply block relative mx-auto box-border w-full bg-white py-4 rounded-card;
  max-width: calc(100vw - 2rem);
}

::ng-deep .cdk-overlay-pane.modal-overflow ui-modal {
  @apply overflow-x-hidden overflow-y-hidden;
}

.modal-content {
  @apply block overflow-y-hidden overflow-x-hidden px-4;
  max-height: calc(100vh - 8rem);
}

.scrollX {
  @apply overflow-x-auto;
}

.scrollY {
  @apply overflow-y-auto;
}

.modal-close-btn {
  @apply absolute top-4 right-4 text-ucla-blue border-none bg-transparent;
  z-index: 10;
}

.modal-title {
  @apply text-card-sub font-bold text-center py-5 whitespace-pre-wrap;
}

::ng-deep .branch ui-modal .modal-close-btn {
  @apply text-inactive-branch;
}
