@charset "Shift_JIS";

.dokuji-report-loader.is-loading {
  animation: loading 1.1s infinite linear;
  border: 1.1em solid rgb(181 182 182 / 0.2);
  border-left: 1.1em solid var(--color-gray02);
  border-radius: 50%;
  font-size: 10px;
  height: 10em;
  margin-inline: auto;
  position: relative;
  transform: translateZ(0);
  width: 10em;
}
.dokuji-report-loader[hidden] {
  display: none;
}

.dokuji-report-list {
  margin-top: var(--spacing-48);
}
@media all and (min-width: 768px), print {
  .dokuji-report-list {
    margin-inline: auto;
    margin-top: var(--spacing-56);
    max-width: var(--content-main-width);
    width: 100%;
  }
}
:where(.dokuji-report-nodata, .dokuji-report-error)[hidden] {
  display: none;
}
@media all and (min-width: 768px), print {
  :where(.dokuji-report-nodata, .dokuji-report-error) {
    margin-inline: auto;
    max-width: var(--content-main-width);
    width: 100%;
  }
}
:where(.dokuji-report-nodata__text, .dokuji-report-error__text) {
  color: var(--color-mufg-gray);
  font-size: var(--text-x-large);
  font-weight: 700;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}