@use '~@moda/om';

.ModalOverlay {
  background: rgba(255, 255, 255, 0.9);
  padding: om.spacing(8, 6);

  @include om.breakpoint(sm, $prop: max-width) {
    padding: om.spacing(8, 4);
  }

  @include om.breakpoint(xs, $prop: max-width) {
    padding: om.spacing(8, 2);
  }

  &__content {
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  }
}