.dashboard-evaluation-notice {
  align-items: center;
  background: color-mix(
    in srgb,
    var(--frontend-color-24sea-light-blue) 16%,
    transparent
  );
  border: 1px solid
    color-mix(in srgb, var(--frontend-color-24sea-blue) 50%, transparent);
  border-radius: var(--frontend-radius-md);
  display: flex;
  flex-wrap: wrap;
  gap: var(--frontend-space-3);
  padding: var(--frontend-space-3) var(--frontend-space-4);
  position: relative;
  z-index: 41;
}

.dashboard-evaluation-notice__icon {
  color: var(--frontend-color-24sea-blue);
  flex: 0 0 auto;
  height: 1.25rem;
  width: 1.25rem;
}

.dashboard-evaluation-notice__copy {
  flex: 1 1 24rem;
}

.dashboard-evaluation-notice__copy h2 {
  font-size: var(--frontend-font-size-sm);
  font-weight: 700;
  margin: 0;
}

.dashboard-evaluation-notice__copy p {
  font-size: var(--frontend-font-size-xs);
  margin: var(--frontend-space-1) 0 0;
}

.dashboard-evaluation-watermark {
  align-items: center;
  color: color-mix(in srgb, currentColor 9%, transparent);
  display: flex;
  flex-direction: column;
  font-size: clamp(1.5rem, 5vw, 4rem);
  inset: 50% auto auto 50%;
  letter-spacing: 0.12em;
  line-height: 1;
  pointer-events: none;
  position: fixed;
  text-align: center;
  text-transform: uppercase;
  transform: translate(-50%, -50%) rotate(-18deg);
  user-select: none;
  white-space: nowrap;
  z-index: 40;
}

.dashboard-evaluation-watermark span {
  font-size: 0.38em;
  letter-spacing: 0.08em;
  margin-top: var(--frontend-space-2);
}

@media print {
  .dashboard-evaluation-watermark {
    color: rgb(24 55 106 / 0.12);
  }
}