@layer overscan {
ov-scope {
  position: relative;
  display: block;
  block-size: var(--ov-scope-height, 130px);
  overflow: hidden;
  border: var(--ov-rule) solid var(--ov-line);
}
ov-scope canvas {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}
ov-scope .ov-scope__note {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  padding: 3px 6px;
  font-size: var(--ov-size-1);
  letter-spacing: 0.6px;
  color: var(--ov-dim);
  background: color-mix(in srgb, var(--ov-field) 78%, transparent);
  pointer-events: none;
}
ov-scope[data-ov-refusal] .ov-scope__note {
  color: var(--ov-alarm);
  text-transform: uppercase;
}
ov-waterfall {
  position: relative;
  display: block;
  block-size: var(--ov-waterfall-height, 160px);
  overflow: hidden;
  border: var(--ov-rule) solid var(--ov-line);
}
ov-waterfall canvas {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}
ov-waterfall .ov-waterfall__note {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  padding: 3px 6px;
  font-size: var(--ov-size-1);
  letter-spacing: 0.6px;
  color: var(--ov-dim);
  background: color-mix(in srgb, var(--ov-field) 78%, transparent);
  pointer-events: none;
}
ov-waterfall[data-ov-refusal] .ov-waterfall__note {
  color: var(--ov-alarm);
  text-transform: uppercase;
}
}