html {
  font-family: var(--groupui-vwag-font-family);
  font-size: 1rem;
  line-height: 150%;
  letter-spacing: 0.0375rem;
  color: var(--groupui-sys-color-action-basic-disabled);
  background: var(--groupui-sys-color-background-canvas);
}

body {
  margin: 0;
  background-color: var(--groupui-sys-color-background-canvas);
  min-width: 100vw;
  min-height: 100vh;
  padding-bottom: 64px;
}

#content,
#content-with-top-margin {
  background-color: var(--groupui-vwgroup-color-pure-white);
  padding: 24px;
}

#content-with-top-margin {
  margin-top: 24px;
}

#logo {
  height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}

nav {
  height: 64px;
  background-color: var(--groupui-sys-color-background-inform);
}

.text {
  white-space: pre-wrap;
}

groupui-12-icon {
  vertical-align: middle;
}

groupui-12-card {
  margin: 24px 0;
}
@media screen and (max-width: 767px) {
  groupui-12-card {
    width: calc(4.1666666667vw * 24);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  groupui-12-card {
    width: calc(4.1666666667vw * 22);
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  groupui-12-card {
    margin-left: calc(4.1666666667vw * 1);
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  groupui-12-card {
    width: calc(4.1666666667vw * 20);
  }
}
@media screen and (min-width: 992px) and (max-width: 1279px) {
  groupui-12-card {
    margin-left: calc(4.1666666667vw * 2);
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  groupui-12-card {
    width: calc(4.1666666667vw * 16);
  }
}
@media screen and (min-width: 1280px) and (max-width: 1599px) {
  groupui-12-card {
    margin-left: calc(4.1666666667vw * 4);
  }
}
@media screen and (min-width: 1600px) {
  groupui-12-card {
    width: calc(4.1666666667vw * 14);
  }
}
@media screen and (min-width: 1600px) {
  groupui-12-card {
    margin-left: calc(4.1666666667vw * 5);
  }
}

/*# sourceMappingURL=style.css.map */