.u-outer-spaces-helper {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  overflow: hidden;

  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background-color: $g-color-gray-light-v5;
    background-position: center;
    background-repeat: repeat;

    .g-dark-theme & {
      background-color: $g-color-black;
    }

    [class*="g-bgi-v"] & {
      background-color: transparent;
    }
  }

  .u-outer-space-v1 &,
  .u-outer-space-v2 & {
    display: block;
  }

  .u-outer-space-v1 & {
    height: 20px;
  }

  .u-outer-space-v2 & {
    height: 40px;
  }
}
