.l-cs-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
@media screen and (min-width: 813px) {
  .l-cs-wrapper {
    background-image: var(--cs-bg-image, none);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    background-attachment: fixed;
  }
}

.l-cs-inner {
  flex-grow: 1;
  width: 100%;
  max-width: var(--cs-max-width, 450px);
  margin: 0 auto;
  background-color: var(--cs-bg-color, #ffffff);
  box-shadow: var(--cs-shadow, 0px 0px 20px 0px rgba(0, 0, 0, 0.15));
  font-size: 10px;
  padding-top: var(--spHeaderHeight);
  position: relative;
  z-index: 101;
}
@media screen and (max-width: 812px) {
  .l-cs-inner {
    font-size: var(--cs-responsive-font, 2.2222222222vw);
  }
}
@media screen and (min-width: 813px) {
  .l-cs-inner {
    padding-top: var(--pcHeaderHeight);
  }
}

.l-cs-gutter {
  display: none;
}
@media screen and (min-width: 991px) {
  .l-cs-gutter {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc((100% - var(--cs-max-width, 450px)) / 2);
    z-index: 100;
    font-size: 10px;
  }
}

@media screen and (min-width: 991px) {
  .l-cs-gutter--right {
    left: auto;
    right: 0;
  }
}