#panel.review-panel {
  position:fixed;
  inset:96px 18px auto auto;
  margin:0;
  width:min(430px,calc(100vw - 24px));
  max-height:calc(100dvh - 120px);
  padding:0;
  overflow:hidden;
  z-index:20;
  display:flex;
  flex-direction:column;
  box-shadow:0 12px 45px #12344d38;
  resize:horizontal;
  min-width:min(330px,calc(100vw - 24px));
  max-width:calc(100vw - 24px)
}
#panel.review-panel:not([open]) {
  display:none
}
.review-panel .dialog-head {
  margin:0;
  padding:15px 18px;
  border-bottom:1px solid #d7e1e8;
  background:#f4f8fb;
  cursor:move;
  touch-action:none;
  user-select:none;
  flex-shrink:0
}
.review-panel .dialog-head h2 {
  font-size:22px
}
.review-panel .dialog-head .close {
  cursor:pointer;
  flex-shrink:0
}
.review-panel #panel-body {
  overflow:auto;
  padding:0 18px 18px;
  overscroll-behavior:contain
}
.review-panel .quiz-stat {
  gap:7px
}
.review-panel .quiz-stat div {
  padding:10px
}
.review-panel .quiz-stat strong {
  font-size:21px
}
.review-panel p {
  font-size:13px
}
.review-panel .check-row>div {
  min-width:0;
  flex:1
}
.review-instructions {
  background:#edf5f9;
  border-radius:8px;
  padding:12px;
  font-size:13px
}
.review-instructions p {
  margin:6px 0 10px;
  line-height:1.5
}
.review-instructions small {
  display:block;
  color:#60788b;
  margin-top:7px
}
.review-key {
  display:inline-block;
  font-size:11px;
  margin:0 12px 4px 0
}
.review-key:before {
  content:'';
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:50%;
  margin-right:5px
}
.review-key.missing:before {
  background:#ef3434
}
.review-key.existing:before {
  background:#00b8df
}
.review-status {
  font-size:12px!important;
  color:#405e73;
  line-height:1.5!important;
  border-left:3px solid #d2a92c;
  padding-left:9px
}
.review-error {
  display:block;
  width:100%;
  text-align:left;
  border:1px solid #e0e8ed;
  border-radius:7px;
  background:#f9fbfc;
  padding:9px 10px;
  margin-top:8px;
  font-size:12px;
  line-height:1.5;
  overflow-wrap:anywhere
}
.review-error span {
  display:block;
  color:#607c91;
  font-size:11px;
  margin-top:4px
}
.review-error[aria-pressed=true] {
  border-color:#df5b4a;
  background:#fff1ed;
  box-shadow:0 0 0 1px #df5b4a
}
.review-error[aria-pressed=true] span {
  color:#9b4132
}
#review-clear {
  font-size:12px;
  padding:6px 9px
}
@media(max-width:800px) {
  #panel.review-panel {
    top:130px;
    max-height:calc(100dvh - 145px);
    width:min(390px,calc(100vw - 24px))
  }
}
