.newsite dialog.modal {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  box-shadow: none;
  box-sizing: border-box;
  background-color: transparent;
  position: fixed;
  inset: 0;
}
.newsite dialog.modal::backdrop {
  background: transparent;
}
.newsite dialog.modal .modal__inner {
  position: fixed;
  inset: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.newsite dialog.modal .modal__inner.is-active {
  opacity: 1;
}
.newsite dialog.modal .modal__inner .modal__overlay {
  position: absolute;
  inset: 0;
}
.newsite dialog.modal .modal__inner .modal__wrapper {
  margin: auto;
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: calc(100vw - 1.875rem);
}
@media screen and (min-width: 768px) {
  .newsite dialog.modal .modal__inner .modal__wrapper {
    max-width: min(100vw - 4.875rem, 82.625rem);
  }
}
.newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn {
  background-color: #363434;
  border-radius: 0.75rem;
}
@media screen and (max-width: 767px) {
  .newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__closeWrapper {
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: flex-end;
    padding: 2rem 2rem 0 0;
  }
}
.newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__closeWrapper .modal__closeBtn {
  position: relative;
  z-index: 10;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__closeWrapper .modal__closeBtn {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease-in-out;
    border-radius: 0.25rem;
  }
  .newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__closeWrapper .modal__closeBtn:hover {
    background-color: #9ea3a6;
  }
}
.newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__closeWrapper .modal__closeBtn svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
@media screen and (min-width: 768px) {
  .newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__closeWrapper .modal__closeBtn svg {
    width: 1.75rem;
    height: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  .newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__slideWrapper {
    width: 100%;
    height: 5.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6.875rem;
  }
}
.newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__slideWrapper .modal__slideBtn {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 100%;
  background-color: #ffffff;
  color: #363434;
  border: 1px solid #363434;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__slideWrapper .modal__slideBtn {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 20;
    bottom: 1.25rem;
    transition:
      background-color 0.2s ease-in-out,
      border-color 0.2s ease-in-out,
      color 0.2s ease-in-out;
  }
  .newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__slideWrapper .modal__slideBtn:hover {
    background-color: #595757;
    color: #ffffff;
    border-color: #ffffff;
  }
}
.newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__slideWrapper .modal__slideBtn svg {
  display: block;
  width: 1.5rem;
  height: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .newsite
    dialog.modal
    .modal__inner
    .modal__wrapper
    .modal__ctn
    .modal__slideWrapper
    .modal__slideBtn.modal__slideBtn--next {
    right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .newsite
    dialog.modal
    .modal__inner
    .modal__wrapper
    .modal__ctn
    .modal__slideWrapper
    .modal__slideBtn.modal__slideBtn--prev {
    left: 2.5rem;
  }
}
.newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__container {
  position: relative;
  overflow: auto;
  max-height: calc(100svh - 12.75rem);
}
@media screen and (min-width: 768px) {
  .newsite dialog.modal .modal__inner .modal__wrapper .modal__ctn .modal__container {
    max-height: calc(100svh - 5rem);
  }
}

.modelSlide[aria-hidden='true'] {
  display: none;
}