@layer base {
  .redSurface {
    background: #5a2b1c;
    box-shadow:
      0px 2px 0px 0px #8a392d inset,
      -1px 0px 0px 0px #00000059 inset,
      1px 0px 0px 0px #00000059 inset,
      0px -1px 0px 0px #00000059 inset;
    border-radius: 14px;
    padding: 4px 8px;
    color: #fbccbe;
  }

  .redSurfaceContent {
    background: #2f1e0099;
    box-shadow:
      0px 2px 3px 1px #00000040 inset,
      0px -1px 0px 0px #a15746 inset;
    padding: 4px;
    border-radius: 9999px;
  }
}
