.uc-modal {
  @apply uc-fixed;
  @apply uc-top-0;
  @apply uc-left-0;
  @apply uc-bottom-0;
  @apply uc-right-0;
  @apply uc-h-screen;
  @apply uc-w-screen;
  @apply uc-overflow-auto;
  @apply uc-flex;
  @apply uc-justify-center;
  @apply uc-items-center;
}

.uc-modal--overlay {
  background-color: rgba(244, 243, 242, 80%);
}

.uc-modal__content {
  @apply uc-p-4;
  @apply uc-rounded-md;
  @apply uc-shadow-md;
  @apply uc-bg-white;
  width: calc(100% - 32px);
  max-width: 320px;
}

.uc-settings-modal__footer {
  box-shadow: 0px 0px 20px 16px #f9f9f9;
}

body.ReactModal__Body--open {
  overflow: hidden;
}