:root {
  --gap-10: calc((10 / 18) * 1rem);
  --gap-20: calc((20 / 18) * 1rem);
  --gap-30: calc((30 / 18) * 1rem);
  --gap-40: calc((40 / 18) * 1rem);
  --gap-50: calc((50 / 18) * 1rem);
  --gap-60: calc((60 / 18) * 1rem);
  --gap-70: calc((70 / 18) * 1rem);
  --gap-80: calc((80 / 18) * 1rem);
  --gap-90: calc((90 / 18) * 1rem);
  --gap-100: calc((100 / 18) * 1rem);
  --gap-125: calc((125 / 18) * 1rem);
  --gap-150: calc((150 / 18) * 1rem);
  --gap-180: calc((180 / 18) * 1rem);
  --gap-200: calc((200 / 18) * 1rem);
  --gap-230: calc((230 / 18) * 1rem);
  --gap-250: calc((250 / 18) * 1rem);
  --gap-330: calc((330 / 18) * 1rem);
  --gap-370: calc((370 / 18) * 1rem);
  --gap-430: calc((430 / 18) * 1rem);
  --gap-470: calc((470 / 18) * 1rem);
  --gap-530: calc((530 / 18) * 1rem);
}
.frame-space-before-10 {
  margin-top: var(--gap-10);
}
.frame-space-after-10 {
  margin-bottom: var(--gap-10);
}
.frame-space-inline-before-10 {
  padding-top: var(--gap-10);
}
.frame-space-inline-after-10 {
  padding-bottom: var(--gap-10);
}
.frame-space-before-20 {
  margin-top: var(--gap-20);
}
.frame-space-after-20 {
  margin-bottom: var(--gap-20);
}
.frame-space-inline-before-20 {
  padding-top: var(--gap-20);
}
.frame-space-inline-after-20 {
  padding-bottom: var(--gap-20);
}
.frame-space-before-30 {
  margin-top: var(--gap-30);
}
.frame-space-after-30 {
  margin-bottom: var(--gap-30);
}
.frame-space-inline-before-30 {
  padding-top: var(--gap-30);
}
.frame-space-inline-after-30 {
  padding-bottom: var(--gap-30);
}
.frame-space-before-40 {
  margin-top: var(--gap-40);
}
.frame-space-after-40 {
  margin-bottom: var(--gap-40);
}
.frame-space-inline-before-40 {
  padding-top: var(--gap-40);
}
.frame-space-inline-after-40 {
  padding-bottom: var(--gap-40);
}
.frame-space-before-50 {
  margin-top: var(--gap-50);
}
.frame-space-after-50 {
  margin-bottom: var(--gap-50);
}
.frame-space-inline-before-50 {
  padding-top: var(--gap-50);
}
.frame-space-inline-after-50 {
  padding-bottom: var(--gap-50);
}
.frame-space-before-60 {
  margin-top: var(--gap-60);
}
.frame-space-after-60 {
  margin-bottom: var(--gap-60);
}
.frame-space-inline-before-60 {
  padding-top: var(--gap-60);
}
.frame-space-inline-after-60 {
  padding-bottom: var(--gap-60);
}
.frame-space-before-70 {
  margin-top: var(--gap-70);
}
.frame-space-after-70 {
  margin-bottom: var(--gap-70);
}
.frame-space-inline-before-70 {
  padding-top: var(--gap-70);
}
.frame-space-inline-after-70 {
  padding-bottom: var(--gap-70);
}
.frame-space-before-80 {
  margin-top: var(--gap-80);
}
.frame-space-after-80 {
  margin-bottom: var(--gap-80);
}
.frame-space-inline-before-80 {
  padding-top: var(--gap-80);
}
.frame-space-inline-after-80 {
  padding-bottom: var(--gap-80);
}
.frame-space-before-90 {
  margin-top: var(--gap-90);
}
.frame-space-after-90 {
  margin-bottom: var(--gap-90);
}
.frame-space-inline-before-90 {
  padding-top: var(--gap-90);
}
.frame-space-inline-after-90 {
  padding-bottom: var(--gap-90);
}
.frame-space-before-100 {
  margin-top: var(--gap-100);
}
.frame-space-after-100 {
  margin-bottom: var(--gap-100);
}
.frame-space-inline-before-100 {
  padding-top: var(--gap-100);
}
.frame-space-inline-after-100 {
  padding-bottom: var(--gap-100);
}
.frame-space-before-125 {
  margin-top: var(--gap-125);
}
.frame-space-after-125 {
  margin-bottom: var(--gap-125);
}
.frame-space-inline-before-125 {
  padding-top: var(--gap-125);
}
.frame-space-inline-after-125 {
  padding-bottom: var(--gap-125);
}
.frame-space-before-150 {
  margin-top: var(--gap-150);
}
.frame-space-after-150 {
  margin-bottom: var(--gap-150);
}
.frame-space-inline-before-150 {
  padding-top: var(--gap-150);
}
.frame-space-inline-after-150 {
  padding-bottom: var(--gap-150);
}
.frame-space-before-180 {
  margin-top: var(--gap-180);
}
.frame-space-after-180 {
  margin-bottom: var(--gap-180);
}
.frame-space-inline-before-180 {
  padding-top: var(--gap-180);
}
.frame-space-inline-after-180 {
  padding-bottom: var(--gap-180);
}
.frame-space-before-200 {
  margin-top: var(--gap-200);
}
.frame-space-after-200 {
  margin-bottom: var(--gap-200);
}
.frame-space-inline-before-200 {
  padding-top: var(--gap-200);
}
.frame-space-inline-after-200 {
  padding-bottom: var(--gap-200);
}
.frame-space-before-230 {
  margin-top: var(--gap-230);
}
.frame-space-after-230 {
  margin-bottom: var(--gap-230);
}
.frame-space-inline-before-230 {
  padding-top: var(--gap-230);
}
.frame-space-inline-after-230 {
  padding-bottom: var(--gap-230);
}
.frame-space-before-250 {
  margin-top: var(--gap-250);
}
.frame-space-after-250 {
  margin-bottom: var(--gap-250);
}
.frame-space-inline-before-250 {
  padding-top: var(--gap-250);
}
.frame-space-inline-after-250 {
  padding-bottom: var(--gap-250);
}
.frame-space-before-330 {
  margin-top: var(--gap-330);
}
.frame-space-after-330 {
  margin-bottom: var(--gap-330);
}
.frame-space-inline-before-330 {
  padding-top: var(--gap-330);
}
.frame-space-inline-after-330 {
  padding-bottom: var(--gap-330);
}
.frame-space-before-370 {
  margin-top: var(--gap-370);
}
.frame-space-after-370 {
  margin-bottom: var(--gap-370);
}
.frame-space-inline-before-370 {
  padding-top: var(--gap-370);
}
.frame-space-inline-after-370 {
  padding-bottom: var(--gap-370);
}
.frame-space-before-430 {
  margin-top: var(--gap-430);
}
.frame-space-after-430 {
  margin-bottom: var(--gap-430);
}
.frame-space-inline-before-430 {
  padding-top: var(--gap-430);
}
.frame-space-inline-after-430 {
  padding-bottom: var(--gap-430);
}
.frame-space-before-470 {
  margin-top: var(--gap-470);
}
.frame-space-after-470 {
  margin-bottom: var(--gap-470);
}
.frame-space-inline-before-470 {
  padding-top: var(--gap-470);
}
.frame-space-inline-after-470 {
  padding-bottom: var(--gap-470);
}
.frame-space-before-530 {
  margin-top: var(--gap-530);
}
.frame-space-after-530 {
  margin-bottom: var(--gap-530);
}
.frame-space-inline-before-530 {
  padding-top: var(--gap-530);
}
.frame-space-inline-after-530 {
  padding-bottom: var(--gap-530);
}