.s-safe-area-inset {
  &--top {
    height: var(--safe-area-inset-top);
  }

  &--bottom {
    height: var(--safe-area-inset-bottom);
  }

  &--left {
    width: var(--safe-area-inset-left);
  }

  &--right {
    width: var(--safe-area-inset-right);
  }
}