.full-width-color {
  --full-width-color: var(--surface-action-1);
  box-shadow: -50vw 0 0 var(--full-width-color), 50vw 0 0 var(--full-width-color);
}

.full-width-color--gray {
  --full-width-color: var(--surface-secondary);
  box-shadow: -50vw 0 0 var(--full-width-color), 50vw 0 0 var(--full-width-color);
}

.full-width-color--half {
  --full-width-color: var(--surface-action-1);
  position: relative;
  box-shadow: none;
}
.full-width-color--half:before {
  box-shadow: -50vw 0 0 var(--full-width-color), 50vw 0 0 var(--full-width-color);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 50%;
  content: "";
}