web/src/layout/controlPanel/repositories/Modal.module.css
.modal {
  max-width: 90%;
  width: 620px !important;
  height: 1013px;
}

.allowPrivateModal {
  height: 1151px;
}

.label {
  font-size: 0.875rem;
}

.animatedWarning {
  color: var(--bs-orange);
  animation: bounce 1s both;
  transform-origin: center bottom;
}

.btnInline {
  font-size: 0.8rem;
  top: -1px;
}

.code {
  background-color: var(--code-bg-md);
  border: 1px solid var(--color-1-20);
  padding: 0 0.15rem;
  color: var(--color-font);
}

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0) scaleY(1.1);
    transform: translate3d(0, -20px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0) scaleY(1.05);
    transform: translate3d(0, -10px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

@media only screen and (max-width: 767.98px) {
  .title {
    font-size: 1.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .animatedWarning {
    animation: none;
  }
}
