:root {
  --dim-opacity: 0.3;
}

body {
  transition: opacity var(--transition-duration) var(--transition-easing);
}

html.dim body {
  /* dimming.1 */
  opacity: var(--dim-opacity);
}

html.dim {
  /* dimming.2 */
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}

html.dim,
html.dim * {
  /* dimming.5 */
  -webkit-user-select: none;
  user-select: none;
  /* dimming.3 */
  pointer-events: none !important;
}