.modal {
  transition: all 0.5s;
}
.modal.is-big-xl .modal-content {
  width: 100%;
  max-width: 1200px;
}
.modal.is-big-xl .modal-content .modal-card {
  width: 100%;
}
.modal.is-big .modal-content {
  width: 100%;
  max-width: 840px;
}
.modal.is-big .modal-content .modal-card {
  width: 100%;
}
.modal.is-large .modal-content {
  width: 100%;
  max-width: 720px;
}
.modal.is-large .modal-content .modal-card {
  width: 100%;
}
.modal.is-medium .modal-content {
  width: 100%;
  max-width: 640px;
}
.modal.is-medium .modal-content .modal-card {
  width: 100%;
}
.modal.is-small .modal-content {
  width: 100%;
  max-width: 420px;
}
.modal.is-small .modal-content .modal-card {
  width: 100%;
}
.modal .modal-content {
  transition: all 0.4s;
}
.v-modal.is-active {
  z-index: 200 !important;
}
.v-modal.is-active .v-modal-close {
  cursor: pointer;
}
.v-modal .v-modal-card {
  width: 100%;
  background: var(--white);
  border: 1px solid var(--fade-grey);
  border-radius: 8px;
  padding: 40px;
}
.v-modal .modal-background {
  background-color: hsl(var(--dark-sidebar-h) var(--dark-sidebar-s) var(--dark-sidebar-l)/80%);
}
.v-modal .modal-content {
  transform: scale(1) !important;
  opacity: 1 !important;
  max-width: 540px;
  overflow-x: hidden;
  animation: fadeInDown 0.5s;
  margin: 0;
  padding: 0 10px;
}
.v-modal .modal-content .modal-card {
  max-width: 100%;
  margin: 0 auto;
}
.v-modal .modal-content .modal-card.is-rounded {
  border-radius: 12px;
}
.v-modal .modal-content .modal-card .modal-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: var(--white);
  border-bottom-color: var(--fade-grey-dark-3);
}
.v-modal .modal-content .modal-card .modal-card-head.no-border {
  border-bottom-color: transparent;
}
.v-modal .modal-content .modal-card .modal-card-head h3 {
  font-family: var(--font-alt);
  color: var(--dark-text);
  font-weight: 600;
  font-size: 1rem;
}
.v-modal .modal-content .modal-card .modal-card-head .v-modal-close {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border-color: transparent;
  width: 22px;
  height: 22px;
  padding: 0;
}
.v-modal .modal-content .modal-card .modal-card-head .v-modal-close:hover svg, .v-modal .modal-content .modal-card .modal-card-head .v-modal-close:focus svg {
  color: var(--primary);
}
.v-modal .modal-content .modal-card .modal-card-head .v-modal-close:focus-visible {
  outline-offset: var(--accessibility-focus-outline-offset);
  outline-width: var(--accessibility-focus-outline-width);
  outline-style: var(--accessibility-focus-outline-style);
  outline-color: var(--accessibility-focus-outline-color);
}
.v-modal .modal-content .modal-card .modal-card-head .v-modal-close svg {
  width: 22px;
  height: 22px;
  color: var(--muted-grey);
}
.v-modal .modal-content .modal-card .modal-card-body .modal-form {
  padding: 10px 0 20px;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs {
  padding: 0;
  overflow-x: hidden;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs .tabs {
  overflow-x: auto;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs .tabs::-webkit-scrollbar {
  height: 5px !important;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs .tabs::-webkit-scrollbar-thumb {
  border-radius: 10px !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.v-modal .modal-content .modal-card .modal-card-body.has-tabs .tabs a {
  padding: 0.75em 1em;
}
.v-modal .modal-content .modal-card .modal-card-foot {
  background-color: var(--white);
  padding: 15px 20px;
  border-top: 1px solid var(--fade-grey-dark-3);
}
.v-modal .modal-content .modal-card .modal-card-foot.no-border {
  border-top-color: transparent;
}
.v-modal .modal-content .modal-card .modal-card-foot.is-start {
  justify-content: flex-start !important;
}
.v-modal .modal-content .modal-card .modal-card-foot.is-centered {
  justify-content: center !important;
}
.v-modal .modal-content .modal-card .modal-card-foot.is-end {
  justify-content: flex-end !important;
}
.v-modal .modal-content .modal-card .modal-card-foot .v-button {
  min-width: 110px;
}
.is-dark .v-modal .modal-background {
  background: rgba(101, 101, 104, 0.8) !important;
}
.is-dark .v-modal .modal-content .modal-card .modal-card-head {
  background: var(--dark-sidebar-light-6) !important;
  border-color: var(--dark-sidebar-light-12);
}
.is-dark .v-modal .modal-content .modal-card .modal-card-head h3 {
  color: var(--dark-dark-text);
}
.is-dark .v-modal .modal-content .modal-card .modal-card-head .v-modal-close:hover svg {
  color: var(--primary);
}
.is-dark .v-modal .modal-content .modal-card .modal-card-body {
  background: var(--dark-sidebar-light-6) !important;
}
.is-dark .v-modal .modal-content .modal-card .modal-card-foot {
  background: var(--dark-sidebar-light-6) !important;
  border-color: var(--dark-sidebar-light-12);
}
@media screen and (min-width: 769px) {
.modal.modal-lg .modal-card,
.modal.modal-lg .modal-content {
    width: 800px !important;
}
.modal.modal-sm .modal-card,
.modal.modal-sm .modal-content {
    width: 400px !important;
}
}