.layout-base[data-v-a0dba5ce] {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 1fr 460px;
  width: 100%;
  min-height: 100vh;
  padding: 96px 1.5rem 0;
}
.layout-base .left-view[data-v-a0dba5ce] {
  position: sticky;
  top: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 24px);
  height: calc(100vh - 96px);
  margin-left: -24px;
  overflow: hidden;
}
.layout-base .right-view[data-v-a0dba5ce] {
  position: relative;
  width: 100%;
  height: 100%;
  justify-self: end;
  align-self: flex-end;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.25) 4px 4px 32px 0px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  background: #fff;
}
@media (max-width: 960px) {
.layout-base[data-v-a0dba5ce] {
    padding-top: 80px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.layout-base .left-view[data-v-a0dba5ce] {
    position: relative;
    top: auto;
    width: calc(100% + 48px);
    height: calc(100vh - 200px);
}
.layout-base.launch .left-view[data-v-a0dba5ce] {
    height: 40vh;
}
.layout-base.launch .left-view .left-main[data-v-a0dba5ce] {
    bottom: 0;
    background-position: 50% 80%;
}
}
@media (max-width: 500px) {
.layout-base[data-v-a0dba5ce] {
    padding-left: 0;
    padding-right: 0;
}
.layout-base.launch .left-view[data-v-a0dba5ce] {
    width: 100%;
    margin: 0;
}
}
@media (max-width: 400px) {
.layout-base[data-v-a0dba5ce] {
    padding-left: 8px;
    padding-right: 8px;
}
}