.flex[data-gutter="--spacing-3s"] {
  margin: -10px
}

.flex[data-gutter="--spacing-3s"]>.flex__item {
  border-width: 10px
}

.flex[data-gutter="--spacing-xxs"] {
  margin: -12px
}

.flex[data-gutter="--spacing-xxs"]>.flex__item {
  border-width: 12px
}

.flex[data-gutter="--spacing-xs"] {
  margin: -16px
}

.flex[data-gutter="--spacing-xs"]>.flex__item {
  border-width: 16px
}

.flex[data-gutter="--spacing-s"] {
  margin: -24px
}

.flex[data-gutter="--spacing-s"]>.flex__item {
  border-width: 24px
}

.flex[data-gutter="--spacing-md"] {
  margin: -32px
}

.flex[data-gutter="--spacing-md"]>.flex__item {
  border-width: 32px
}

.flex[data-gutter="--spacing-lg"] {
  margin: -40px
}

.flex[data-gutter="--spacing-lg"]>.flex__item {
  border-width: 40px
}

.flex[data-gutter="--spacing-xl"] {
  margin: -48px
}

.flex[data-gutter="--spacing-xl"]>.flex__item {
  border-width: 48px
}

.flex[data-gutter="--spacing-2l"] {
  margin: -56px
}

.flex[data-gutter="--spacing-2l"]>.flex__item {
  border-width: 56px
}

.flex[data-gutter="--spacing-3l"] {
  margin: -72px
}

.flex[data-gutter="--spacing-3l"]>.flex__item {
  border-width: 72px
}

.flex[data-gutter="--spacing-4l"] {
  margin: -80px
}

.flex[data-gutter="--spacing-4l"]>.flex__item {
  border-width: 80px
}

.flex[data-gutter="--spacing-5l"] {
  margin: -96px
}

.flex[data-gutter="--spacing-5l"]>.flex__item {
  border-width: 96px
}

.flex[data-gutter="--spacing-6l"] {
  margin: -120px
}

.flex[data-gutter="--spacing-6l"]>.flex__item {
  border-width: 120px
}

.flex[data-gutter="--spacing-7l"] {
  margin: -160px
}

.flex[data-gutter="--spacing-7l"]>.flex__item {
  border-width: 160px
}

[data-height="--80"] {
  height: 5.714vh
}

[data-height="--216"] {
  height: 216px
}

[data-height="--250"] {
  height: 250px
}

[data-height="--516"] {
  height: 516px
}

[data-height="--300"] {
  height: 300px
}

[data-gap="--10"] {
  gap: 10px
}

[data-gap="--24"] {
  gap: 24px
}

[data-gap="--32"] {
  gap: 32px
}

[data-gap="--40"] {
  gap: 40px
}

[data-gap="--120"] {
  gap: 120px
}

[data-spacing-b="--10"] {
  margin-bottom: 10px
}

[data-spacing-b="--12"] {
  margin-bottom: 12px
}

[data-spacing-b="--16"] {
  margin-bottom: 16px
}

[data-spacing-b="--24"] {
  margin-bottom: 24px
}

[data-spacing-b="--32"] {
  margin-bottom: 32px
}

[data-spacing-b="--40"] {
  margin-bottom: 40px
}

[data-spacing-b="--48"] {
  margin-bottom: 48px
}

[data-spacing-b="--56"] {
  margin-bottom: 56px
}

[data-spacing-b="--72"] {
  margin-bottom: 72px
}

[data-spacing-b="--80"] {
  margin-bottom: 80px
}

[data-spacing-b="--96"] {
  margin-bottom: 96px
}

[data-spacing-b="--120"] {
  margin-bottom: 120px
}

[data-spacing-b="--160"] {
  margin-bottom: 160px
}

[data-spacing-b="--200"] {
  margin-bottom: 200px
}

[data-spacing-b="--240"] {
  margin-bottom: 240px
}

[data-spacing-b="--280"] {
  margin-bottom: 280px
}

[data-spacing-b="--320"] {
  margin-bottom: 320px
}

[data-spacing-t="--10"] {
  margin-top: 10px
}

[data-spacing-t="--12"] {
  margin-top: 12px
}

[data-spacing-t="--16"] {
  margin-top: 16px
}

[data-spacing-t="--24"] {
  margin-top: 24px
}

[data-spacing-t="--32"] {
  margin-top: 32px
}

[data-spacing-t="--40"] {
  margin-top: 40px
}

[data-spacing-t="--48"] {
  margin-top: 48px
}

[data-spacing-t="--56"] {
  margin-top: 56px
}

[data-spacing-t="--72"] {
  margin-top: 72px
}

[data-spacing-t="--80"] {
  margin-top: 80px
}

[data-spacing-t="--96"] {
  margin-top: 96px
}

[data-spacing-t="--120"] {
  margin-top: 120px
}

[data-spacing-t="--160"] {
  margin-top: 160px
}

[data-spacing-t="--200"] {
  margin-top: 200px
}

[data-spacing-t="--240"] {
  margin-top: 240px
}

[data-spacing-t="--280"] {
  margin-top: 280px
}

[data-spacing-t="--320"] {
  margin-top: 320px
}

[data-spacing-r="--10"] {
  margin-right: 10px
}

[data-spacing-r="--12"] {
  margin-right: 12px
}

[data-spacing-r="--16"] {
  margin-right: 16px
}

[data-spacing-r="--24"] {
  margin-right: 24px
}

[data-spacing-r="--40"] {
  margin-right: 40px
}

[data-spacing-r="--48"] {
  margin-right: 48px
}

[data-spacing-r="--56"] {
  margin-right: 56px
}

[data-spacing-r="--72"] {
  margin-right: 72px
}

[data-spacing-r="--80"] {
  margin-right: 80px
}

[data-spacing-r="--96"] {
  margin-right: 96px
}

[data-spacing-r="--120"] {
  margin-right: 120px
}

[data-spacing-r="--160"] {
  margin-right: 160px
}

[data-spacing-r="--200"] {
  margin-right: 200px
}

[data-spacing-r="--240"] {
  margin-right: 240px
}

[data-spacing-r="--280"] {
  margin-right: 280px
}

[data-spacing-r="--320"] {
  margin-right: 320px
}

[data-spacing-l="--10"] {
  margin-left: 10px
}

[data-spacing-l="--12"] {
  margin-left: 12px
}

[data-spacing-l="--16"] {
  margin-left: 16px
}

[data-spacing-l="--24"] {
  margin-left: 24px
}

[data-spacing-l="--32"] {
  margin-left: 32px
}

[data-spacing-l="--40"] {
  margin-left: 40px
}

[data-spacing-l="--48"] {
  margin-left: 48px
}

[data-spacing-l="--56"] {
  margin-left: 56px
}

[data-spacing-l="--72"] {
  margin-left: 72px
}

[data-spacing-l="--80"] {
  margin-left: 80px
}

[data-spacing-l="--96"] {
  margin-left: 96px
}

[data-spacing-l="--120"] {
  margin-left: 120px
}

[data-spacing-l="--160"] {
  margin-left: 160px
}

[data-spacing-l="--200"] {
  margin-left: 200px
}

[data-spacing-l="--240"] {
  margin-left: 240px
}

[data-spacing-l="--280"] {
  margin-left: 280px
}

[data-spacing-l="--320"] {
  margin-left: 320px
}

[data-padding-b="--10"] {
  padding-bottom: 10px
}

[data-padding-b="--12"] {
  padding-bottom: 12px
}

[data-padding-b="--16"] {
  padding-bottom: 16px
}

[data-padding-b="--24"] {
  padding-bottom: 24px
}

[data-padding-b="--32"] {
  padding-bottom: 32px
}

[data-padding-b="--40"] {
  padding-bottom: 40px
}

[data-padding-b="--48"] {
  padding-bottom: 48px
}

[data-padding-b="--56"] {
  margin-bottom: 56px
}

[data-padding-b="--72"] {
  margin-bottom: 72px
}

[data-padding-b="--80"] {
  margin-bottom: 80px
}

[data-padding-b="--96"] {
  margin-bottom: 96px
}

[data-padding-b="--120"] {
  margin-bottom: 120px
}

[data-padding-b="--160"] {
  margin-bottom: 160px
}

[data-padding-b="--200"] {
  margin-bottom: 200px
}

[data-padding-b="--240"] {
  margin-bottom: 240px
}

[data-padding-b="--280"] {
  margin-bottom: 280px
}

[data-padding-b="--320"] {
  margin-bottom: 320px
}

[data-padding-t="--10"] {
  margin-top: 10px
}

[data-padding-t="--12"] {
  margin-top: 12px
}

[data-padding-t="--16"] {
  margin-top: 16px
}

[data-padding-t="--24"] {
  margin-top: 24px
}

[data-padding-t="--32"] {
  margin-top: 32px
}

[data-padding-t="--40"] {
  margin-top: 40px
}

[data-padding-t="--48"] {
  margin-top: 48px
}

[data-padding-t="--56"] {
  margin-top: 56px
}

[data-padding-t="--72"] {
  margin-top: 72px
}

[data-padding-t="--80"] {
  margin-top: 80px
}

[data-padding-t="--96"] {
  margin-top: 96px
}

[data-padding-t="--120"] {
  margin-top: 120px
}

[data-padding-t="--160"] {
  margin-top: 160px
}

[data-padding-t="--200"] {
  margin-top: 200px
}

[data-padding-t="--240"] {
  margin-top: 240px
}

[data-padding-t="--280"] {
  margin-top: 280px
}

[data-padding-t="--320"] {
  margin-top: 320px
}

[data-padding-r="--10"] {
  margin-right: 10px
}

[data-padding-r="--12"] {
  margin-right: 12px
}

[data-padding-r="--16"] {
  margin-right: 16px
}

[data-padding-r="--24"] {
  margin-right: 24px
}

[data-spacing-r="--32"] {
  margin-right: 32px
}

[data-padding-r="--40"] {
  margin-right: 40px
}

[data-padding-r="--48"] {
  margin-right: 48px
}

[data-padding-r="--56"] {
  margin-right: 56px
}

[data-padding-r="--72"] {
  margin-right: 72px
}

[data-padding-r="--80"] {
  margin-right: 80px
}

[data-padding-r="--96"] {
  margin-right: 96px
}

[data-padding-r="--120"] {
  margin-right: 120px
}

[data-padding-r="--160"] {
  margin-right: 160px
}

[data-padding-r="--200"] {
  margin-right: 200px
}

[data-padding-r="--240"] {
  margin-right: 240px
}

[data-padding-r="--280"] {
  margin-right: 280px
}

[data-padding-r="--320"] {
  margin-right: 320px
}

[data-padding-l="--10"] {
  margin-left: 10px
}

[data-padding-l="--12"] {
  margin-left: 12px
}

[data-padding-l="--16"] {
  margin-left: 16px
}

[data-padding-l="--24"] {
  margin-left: 24px
}

[data-padding-l="--32"] {
  margin-left: 32px
}

[data-padding-l="--40"] {
  margin-left: 40px
}

[data-padding-l="--48"] {
  margin-left: 48px
}

[data-padding-l="--56"] {
  margin-left: 56px
}

[data-padding-l="--72"] {
  margin-left: 72px
}

[data-padding-l="--80"] {
  margin-left: 80px
}

[data-padding-l="--96"] {
  margin-left: 96px
}

[data-padding-l="--120"] {
  margin-left: 120px
}

[data-padding-l="--160"] {
  margin-left: 160px
}

[data-padding-l="--200"] {
  margin-left: 200px
}

[data-padding-l="--240"] {
  margin-left: 240px
}

[data-padding-l="--280"] {
  margin-left: 280px
}

[data-padding-l="--320"] {
  margin-left: 320px
}