.case-review-modal {
  width: calc(100% - 32px);
  max-width: 980px;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 28px;
  background: var(--white);
  color: var(--black);
  -webkit-box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2509803922);
}
.case-review-modal[open] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-animation: case-review-open 0.2s ease both;
          animation: case-review-open 0.2s ease both;
}
.case-review-modal::-ms-backdrop {
  background: rgba(16, 17, 20, 0.8117647059);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.case-review-modal::backdrop {
  background: rgba(16, 17, 20, 0.8117647059);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.case-review-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  padding: 28px 32px 20px;
}
.case-review-modal__heading {
  min-width: 0;
}
.case-review-modal__label {
  margin: 0 0 8px;
  color: #73777d;
  font: 500 12px/1.4 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.case-review-modal__title {
  margin: 0;
  font: 600 clamp(26px, 3vw, 38px)/1.1 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.05em;
  overflow-wrap: anywhere;
}
.case-review-modal__date {
  margin: 10px 0 0;
  color: #73777d;
  font: 400 14px/1.4 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.case-review-modal__close {
  display: grid;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 44px;
          flex: 0 0 44px;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f0f4f2;
  color: var(--black);
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.case-review-modal__close:hover {
  background: #e2ebe8;
}
.case-review-modal__tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 0 32px 16px;
  border-bottom: 1px solid rgba(20, 21, 24, 0.0784313725);
}
.case-review-modal__zoom, .case-review-modal__original {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  min-height: 44px;
  border: 0;
  border-radius: 20px;
  color: var(--black);
  font: 500 14px/1.3 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-decoration: none;
}
.case-review-modal__zoom {
  padding: 10px 16px;
  background: var(--green);
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.case-review-modal__zoom:hover {
  background: #d0ef10;
}
.case-review-modal__zoom:disabled {
  opacity: 0.45;
  cursor: default;
}
.case-review-modal__original {
  padding: 8px 0 8px 12px;
}
.case-review-modal__original span {
  font-size: 20px;
}
.case-review-modal__viewport {
  min-height: 0;
  padding: 24px;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  background: #eceef0;
  scrollbar-color: #9cafaa transparent;
  scrollbar-width: thin;
}
.case-review-modal__status {
  margin: 20px 0;
  color: #73777d;
  font: 400 16px/1.5 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-align: center;
}
.case-review-modal__document {
  display: grid;
  gap: 24px;
  width: 100%;
  max-width: 740px;
  margin-inline: auto;
}
.case-review-modal__document[hidden] {
  display: none;
}
.case-review-modal__page {
  margin: 0;
}
.case-review-modal__page img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: var(--white);
  -webkit-box-shadow: 0 4px 24px rgba(20, 21, 24, 0.0705882353);
          box-shadow: 0 4px 24px rgba(20, 21, 24, 0.0705882353);
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.case-review-modal__page figcaption {
  margin-top: 12px;
  color: #73777d;
  font: 400 12px/1.4 "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-align: center;
}
.case-review-modal.is-zoomed .case-review-modal__document {
  width: max(100%, 1100px);
  max-width: none;
}
.case-review-modal.is-zoomed .case-review-modal__page img {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.case-review-modal :is(a, button, [tabindex]):focus-visible {
  outline: 2px solid #8f9c1a;
  outline-offset: -3px;
}

@media (max-width: 767px) {
  .case-review-modal {
    width: calc(100% - 16px);
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 24px;
  }
  .case-review-modal__header {
    gap: 12px;
    padding: 20px 20px 16px;
  }
  .case-review-modal__tools {
    padding: 0 20px 12px;
  }
  .case-review-modal__viewport {
    padding: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .case-review-modal[open] {
    -webkit-animation: none;
            animation: none;
  }
  .case-review-modal :is(button, a) {
    -webkit-transition: none;
    transition: none;
  }
}
@-webkit-keyframes case-review-open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes case-review-open {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}