.container {
  max-width: 1632px;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto;
}
.container.--sm {
  max-width: 856px;
  padding-left: 16px;
  padding-right: 16px;
}
.container.--md {
  max-width: 1068px;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 1800px) {
  .container.--md {
    max-width: 1356px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .container.--sm {
    max-width: 580px;
  }
}
@media screen and (max-width: 1791px) {
  .container {
    max-width: 100%;
    padding-left: 96px;
    padding-right: 96px;
  }
}
@media screen and (max-width: 1439px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.section {
  padding: 40px 0;
}
.section.--mini {
  padding: 20px 0;
}
.section.--medium {
  padding: 24px 0;
}
.section.--100-vw {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.--pt-80 {
  padding-top: 80px;
}
.--pb-80 {
  padding-bottom: 80px;
}
.--pt-0 {
  padding-top: 0 !important;
}
.--pb-0 {
  padding-bottom: 0 !important;
}
.--pl-0 {
  padding-left: 0;
}
.--pr-0 {
  padding-right: 0;
}
.--db {
  display: block;
}
.--df {
  display: flex;
}
.--jcsb {
  justify-content: space-between;
}
.--jcc {
  justify-content: center;
}
.--aic {
  align-items: center;
}
.--aife {
  align-items: flex-end;
}
.--fw{
  flex-wrap: wrap;
}
.--fg1{
  flex-grow: 1;
}
.--dg {
  display: grid;
}
.--gtc-2 {
  grid-template-columns: repeat(2, 1fr);
}
.--gtc-3 {
  grid-template-columns: repeat(3, 1fr);
}
.--gtc-4 {
  grid-template-columns: repeat(4, 1fr);
}
.--gtc-5 {
  grid-template-columns: repeat(5, 1fr);
}
.--mt-2 {
  margin-top: 2px;
}
.--mt-4 {
  margin-top: 4px;
}
.--mt-6 {
  margin-top: 6px;
}
.--mt-8 {
  margin-top: 8px;
}
.--mt-12 {
  margin-top: 12px;
}
.--mt-16 {
  margin-top: 16px;
}
.--mt-24 {
  margin-top: 24px;
}
.--mt-32 {
  margin-top: 32px;
}
.--mt-40 {
  margin-top: 40px;
}

.--gap-2 {
  gap: 2px;
}
.--gap-4 {
  gap: 4px;
}
.--gap-6 {
  gap: 6px;
}
.--gap-8 {
  gap: 8px;
}
.--gap-12 {
  gap: 12px;
}
.--gap-16 {
  gap: 16px;
}
.--gap-24 {
  gap: 24px;
}
.--gap-32 {
  gap: 32px;
}
.--gap-40 {
  gap: 40px;
}

.--h-40 {
  height: 40px;
}
