body {
  --gap-biggest: 48px;
  --gap-big: 32px;
  --gap-middle: 22px;
  --gap-small: 8px;
  --sidebar-width: 265px;
  --top-row-height: 96px;
  --corner-extra-small: 2px;
  --Corner-none: 0px;
}

.mb-big {
  margin-bottom: var(--gap-big);
}

.qm-8 {
  margin: 8px;
}

.qmx-8 {
  margin-block: 8px;
}

.qmy-8 {
  margin-inline: 8px;
}

.qml-8 {
  margin-left: 8px;
}

.qmr-8 {
  margin-right: 8px;
}

.qmt-8 {
  margin-top: 8px;
}

.qmb-8 {
  margin-bottom: 8px;
}

.qp-8 {
  padding: 8px;
}

.qpx-8 {
  padding-block: 8px;
}

.qpy-8 {
  padding-inline: 8px;
}

.qpl-8 {
  padding-left: 8px;
}

.qpr-8 {
  padding-right: 8px;
}

.qpt-8 {
  padding-top: 8px;
}

.qpb-8 {
  padding-bottom: 8px;
}

.qm-10 {
  margin: 10px;
}

.qmx-10 {
  margin-block: 10px;
}

.qmy-10 {
  margin-inline: 10px;
}

.qml-10 {
  margin-left: 10px;
}

.qmr-10 {
  margin-right: 10px;
}

.qmt-10 {
  margin-top: 10px;
}

.qmb-10 {
  margin-bottom: 10px;
}

.qp-10 {
  padding: 10px;
}

.qpx-10 {
  padding-block: 10px;
}

.qpy-10 {
  padding-inline: 10px;
}

.qpl-10 {
  padding-left: 10px;
}

.qpr-10 {
  padding-right: 10px;
}

.qpt-10 {
  padding-top: 10px;
}

.qpb-10 {
  padding-bottom: 10px;
}

.qm-22 {
  margin: 22px;
}

.qmx-22 {
  margin-block: 22px;
}

.qmy-22 {
  margin-inline: 22px;
}

.qml-22 {
  margin-left: 22px;
}

.qmr-22 {
  margin-right: 22px;
}

.qmt-22 {
  margin-top: 22px;
}

.qmb-22 {
  margin-bottom: 22px;
}

.qp-22 {
  padding: 22px;
}

.qpx-22 {
  padding-block: 22px;
}

.qpy-22 {
  padding-inline: 22px;
}

.qpl-22 {
  padding-left: 22px;
}

.qpr-22 {
  padding-right: 22px;
}

.qpt-22 {
  padding-top: 22px;
}

.qpb-22 {
  padding-bottom: 22px;
}

.qm-32 {
  margin: 32px;
}

.qmx-32 {
  margin-block: 32px;
}

.qmy-32 {
  margin-inline: 32px;
}

.qml-32 {
  margin-left: 32px;
}

.qmr-32 {
  margin-right: 32px;
}

.qmt-32 {
  margin-top: 32px;
}

.qmb-32 {
  margin-bottom: 32px;
}

.qp-32 {
  padding: 32px;
}

.qpx-32 {
  padding-block: 32px;
}

.qpy-32 {
  padding-inline: 32px;
}

.qpl-32 {
  padding-left: 32px;
}

.qpr-32 {
  padding-right: 32px;
}

.qpt-32 {
  padding-top: 32px;
}

.qpb-32 {
  padding-bottom: 32px;
}

.qm-48 {
  margin: 48px;
}

.qmx-48 {
  margin-block: 48px;
}

.qmy-48 {
  margin-inline: 48px;
}

.qml-48 {
  margin-left: 48px;
}

.qmr-48 {
  margin-right: 48px;
}

.qmt-48 {
  margin-top: 48px;
}

.qmb-48 {
  margin-bottom: 48px;
}

.qp-48 {
  padding: 48px;
}

.qpx-48 {
  padding-block: 48px;
}

.qpy-48 {
  padding-inline: 48px;
}

.qpl-48 {
  padding-left: 48px;
}

.qpr-48 {
  padding-right: 48px;
}

.qpt-48 {
  padding-top: 48px;
}

.qpb-48 {
  padding-bottom: 48px;
}

.qr-12 {
  border-radius: 12px;
}

.qr-18 {
  border-radius: 18px;
}

.qr-24 {
  border-radius: 24px;
}