.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.hidden {
  display: none;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-no-grow {
  flex-grow: 0;
}

.flex-grow {
  flex-grow: 1;
}

.flex-no-shrink {
  flex-shrink: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-basis-auto {
  flex-basis: auto;
}

.flex-no-basis {
  flex-basis: 0;
}

.grid-column-1 {
  grid-column: span 1/span 1;
}

.grid-column-2 {
  grid-column: span 2/span 2;
}

.grid-column-3 {
  grid-column: span 3/span 3;
}

.grid-column-4 {
  grid-column: span 4/span 4;
}

.grid-column-5 {
  grid-column: span 5/span 5;
}

.grid-column-6 {
  grid-column: span 6/span 6;
}

.grid-column-7 {
  grid-column: span 7/span 7;
}

.grid-column-8 {
  grid-column: span 8/span 8;
}

.grid-column-9 {
  grid-column: span 9/span 9;
}

.grid-column-10 {
  grid-column: span 10/span 10;
}

.grid-column-11 {
  grid-column: span 11/span 11;
}

.grid-column-12 {
  grid-column: span 12/span 12;
}

.grid-column-start-1 {
  grid-column-start: 1;
}

.grid-column-start-2 {
  grid-column-start: 2;
}

.grid-column-start-3 {
  grid-column-start: 3;
}

.grid-column-start-4 {
  grid-column-start: 4;
}

.grid-column-start-5 {
  grid-column-start: 5;
}

.grid-column-start-6 {
  grid-column-start: 6;
}

.grid-column-start-7 {
  grid-column-start: 7;
}

.grid-column-start-8 {
  grid-column-start: 8;
}

.grid-column-start-9 {
  grid-column-start: 9;
}

.grid-column-start-10 {
  grid-column-start: 10;
}

.grid-column-start-11 {
  grid-column-start: 11;
}

.grid-column-start-12 {
  grid-column-start: 12;
}

.grid-column-gap-0 {
  grid-column-gap: 0;
}

.grid-column-gap-1 {
  grid-column-gap: 0.25rem;
}

.grid-column-gap-2 {
  grid-column-gap: 0.5rem;
}

.grid-column-gap-3 {
  grid-column-gap: 1rem;
}

.grid-column-gap-4 {
  grid-column-gap: 2rem;
}

.grid-column-gap-5 {
  grid-column-gap: 3rem;
}

.grid-column-gap-6 {
  grid-column-gap: 4rem;
}

.grid-column-gap-7 {
  grid-column-gap: 5rem;
}

.grid-row-gap-0 {
  grid-row-gap: 0;
}

.grid-row-gap-1 {
  grid-row-gap: 0.25rem;
}

.grid-row-gap-2 {
  grid-row-gap: 0.5rem;
}

.grid-row-gap-3 {
  grid-row-gap: 1rem;
}

.grid-row-gap-4 {
  grid-row-gap: 2rem;
}

.grid-row-gap-5 {
  grid-row-gap: 3rem;
}

.grid-row-gap-6 {
  grid-row-gap: 4rem;
}

.grid-row-gap-7 {
  grid-row-gap: 5rem;
}

.grid-gap-0 {
  grid-gap: 0;
}

.grid-gap-1 {
  grid-gap: 0.25rem;
}

.grid-gap-2 {
  grid-gap: 0.5rem;
}

.grid-gap-3 {
  grid-gap: 1rem;
}

.grid-gap-4 {
  grid-gap: 2rem;
}

.grid-gap-5 {
  grid-gap: 3rem;
}

.grid-gap-6 {
  grid-gap: 4rem;
}

.grid-gap-7 {
  grid-gap: 5rem;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.static {
  position: static;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-full {
  top: 100%;
}

.right-full {
  right: 100%;
}

.bottom-full {
  bottom: 100%;
}

.left-full {
  left: 100%;
}

.stretch {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.center-x {
  left: 50%;
  transform: translateX(-50%);
}

.center-y {
  top: 50%;
  transform: translateY(-50%);
}

.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.max-width-full {
  max-width: 100%;
}

.width-half {
  width: 50%;
}

.max-width-full-view {
  max-width: 100vw;
}

.min-width-full {
  min-width: 100%;
}

.min-width-full-view {
  min-width: 100vw;
}

.min-width-none {
  min-width: 0;
}

.width-full {
  width: 100%;
}

.width-auto {
  width: auto;
}

.width-0-25 {
  width: 0.25rem;
}

.width-0-5 {
  width: 0.5rem;
}

.width-0-75 {
  width: 0.75rem;
}

.width-1 {
  width: 1rem;
}

.width-1-25 {
  width: 1.25rem;
}

.width-1-5 {
  width: 1.5rem;
}

.width-1-75 {
  width: 1.75rem;
}

.width-2 {
  width: 2rem;
}

.width-2-25 {
  width: 2.25rem;
}

.width-2-5 {
  width: 2.5rem;
}

.width-2-75 {
  width: 2.75rem;
}

.width-3 {
  width: 3rem;
}

.width-3-25 {
  width: 3.25rem;
}

.width-3-5 {
  width: 3.5rem;
}

.width-3-75 {
  width: 3.75rem;
}

.width-4 {
  width: 4rem;
}

.width-4-25 {
  width: 4.25rem;
}

.width-4-5 {
  width: 4.5rem;
}

.width-4-75 {
  width: 4.75rem;
}

.width-5 {
  width: 5rem;
}

.width-6 {
  width: 6rem;
}

.width-7 {
  width: 7rem;
}

.width-8 {
  width: 8rem;
}

.width-9 {
  width: 9rem;
}

.width-10 {
  width: 10rem;
}

.max-height-full {
  max-height: 100%;
}

.max-height-full-view {
  max-height: 100vh;
}

.min-height-full {
  min-height: 100%;
}

.min-height-full-view {
  min-height: 100vh;
}

.height-full-view {
  height: 100vh;
}

.height-full {
  height: 100%;
}

.height-auto {
  height: auto;
}

.height-0-25 {
  height: 0.25rem;
}

.height-0-5 {
  height: 0.5rem;
}

.height-0-75 {
  height: 0.75rem;
}

.height-1 {
  height: 1rem;
}

.height-1-25 {
  height: 1.25rem;
}

.height-1-5 {
  height: 1.5rem;
}

.height-1-75 {
  height: 1.75rem;
}

.height-2 {
  height: 2rem;
}

.height-2-25 {
  height: 2.25rem;
}

.height-2-5 {
  height: 2.5rem;
}

.height-2-75 {
  height: 2.75rem;
}

.height-3 {
  height: 3rem;
}

.height-3-25 {
  height: 3.25rem;
}

.height-3-5 {
  height: 3.5rem;
}

.height-3-75 {
  height: 3.75rem;
}

.height-4 {
  height: 4rem;
}

.height-4-25 {
  height: 4.25rem;
}

.height-4-5 {
  height: 4.5rem;
}

.height-4-75 {
  height: 4.75rem;
}

.height-5 {
  height: 5rem;
}

.height-6 {
  height: 6rem;
}

.height-7 {
  height: 7rem;
}

.height-8 {
  height: 8rem;
}

.height-9 {
  height: 9rem;
}

.height-10 {
  height: 10rem;
}

.margin-top-0,
.margin-y-0,
.margin-0 {
  margin-top: 0;
}

.margin-top-1,
.margin-y-1,
.margin-1 {
  margin-top: 0.25rem;
}

.margin-top-2,
.margin-y-2,
.margin-2 {
  margin-top: 0.5rem;
}

.margin-top-3,
.margin-y-3,
.margin-3 {
  margin-top: 1rem;
}

.margin-top-4,
.margin-y-4,
.margin-4 {
  margin-top: 2rem;
}

.margin-top-5,
.margin-y-5,
.margin-5 {
  margin-top: 4rem;
}

.margin-top-6,
.margin-y-6,
.margin-6 {
  margin-top: 8rem;
}

.margin-right-0,
.margin-x-0,
.margin-0 {
  margin-right: 0;
}

.margin-right-1,
.margin-x-1,
.margin-1 {
  margin-right: 0.25rem;
}

.margin-right-2,
.margin-x-2,
.margin-2 {
  margin-right: 0.5rem;
}

.margin-right-3,
.margin-x-3,
.margin-3 {
  margin-right: 1rem;
}

.margin-right-4,
.margin-x-4,
.margin-4 {
  margin-right: 2rem;
}

.margin-right-5,
.margin-x-5,
.margin-5 {
  margin-right: 4rem;
}

.margin-right-6,
.margin-x-6,
.margin-6 {
  margin-right: 8rem;
}

.margin-bottom-0,
.margin-y-0,
.margin-0 {
  margin-bottom: 0;
}

.margin-bottom-1,
.margin-y-1,
.margin-1 {
  margin-bottom: 0.25rem;
}

.margin-bottom-2,
.margin-y-2,
.margin-2 {
  margin-bottom: 0.5rem;
}

.margin-bottom-3,
.margin-y-3,
.margin-3 {
  margin-bottom: 1rem;
}

.margin-bottom-4,
.margin-y-4,
.margin-4 {
  margin-bottom: 2rem;
}

.margin-bottom-5,
.margin-y-5,
.margin-5 {
  margin-bottom: 4rem;
}

.margin-bottom-6,
.margin-y-6,
.margin-6 {
  margin-bottom: 8rem;
}

.margin-left-0,
.margin-x-0,
.margin-0 {
  margin-left: 0;
}

.margin-left-1,
.margin-x-1,
.margin-1 {
  margin-left: 0.25rem;
}

.margin-left-2,
.margin-x-2,
.margin-2 {
  margin-left: 0.5rem;
}

.margin-left-3,
.margin-x-3,
.margin-3 {
  margin-left: 1rem;
}

.margin-left-4,
.margin-x-4,
.margin-4 {
  margin-left: 2rem;
}

.margin-left-5,
.margin-x-5,
.margin-5 {
  margin-left: 4rem;
}

.margin-left-6,
.margin-x-6,
.margin-6 {
  margin-left: 8rem;
}

.margin-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.padding-top-0,
.padding-y-0,
.padding-0 {
  padding-top: 0;
}

.padding-top-1,
.padding-y-1,
.padding-1 {
  padding-top: 0.25rem;
}

.padding-top-2,
.padding-y-2,
.padding-2 {
  padding-top: 0.5rem;
}

.padding-top-3,
.padding-y-3,
.padding-3 {
  padding-top: 1rem;
}

.padding-top-4,
.padding-y-4,
.padding-4 {
  padding-top: 2rem;
}

.padding-top-5,
.padding-y-5,
.padding-5 {
  padding-top: 4rem;
}

.padding-top-6,
.padding-y-6,
.padding-6 {
  padding-top: 8rem;
}

.padding-right-0,
.padding-x-0,
.padding-0 {
  padding-right: 0;
}

.padding-right-1,
.padding-x-1,
.padding-1 {
  padding-right: 0.25rem;
}

.padding-right-2,
.padding-x-2,
.padding-2 {
  padding-right: 0.5rem;
}

.padding-right-3,
.padding-x-3,
.padding-3 {
  padding-right: 1rem;
}

.padding-right-4,
.padding-x-4,
.padding-4 {
  padding-right: 2rem;
}

.padding-right-5,
.padding-x-5,
.padding-5 {
  padding-right: 4rem;
}

.padding-right-6,
.padding-x-6,
.padding-6 {
  padding-right: 8rem;
}

.padding-bottom-0,
.padding-y-0,
.padding-0 {
  padding-bottom: 0;
}

.padding-bottom-1,
.padding-y-1,
.padding-1 {
  padding-bottom: 0.25rem;
}

.padding-bottom-2,
.padding-y-2,
.padding-2 {
  padding-bottom: 0.5rem;
}

.padding-bottom-3,
.padding-y-3,
.padding-3 {
  padding-bottom: 1rem;
}

.padding-bottom-4,
.padding-y-4,
.padding-4 {
  padding-bottom: 2rem;
}

.padding-bottom-5,
.padding-y-5,
.padding-5 {
  padding-bottom: 4rem;
}

.padding-bottom-6,
.padding-y-6,
.padding-6 {
  padding-bottom: 8rem;
}

.padding-left-0,
.padding-x-0,
.padding-0 {
  padding-left: 0;
}

.padding-left-1,
.padding-x-1,
.padding-1 {
  padding-left: 0.25rem;
}

.padding-left-2,
.padding-x-2,
.padding-2 {
  padding-left: 0.5rem;
}

.padding-left-3,
.padding-x-3,
.padding-3 {
  padding-left: 1rem;
}

.padding-left-4,
.padding-x-4,
.padding-4 {
  padding-left: 2rem;
}

.padding-left-5,
.padding-x-5,
.padding-5 {
  padding-left: 4rem;
}

.padding-left-6,
.padding-x-6,
.padding-6 {
  padding-left: 8rem;
}

.border-round {
  border-radius: 100%;
}

.border-rounded-1 {
  border-radius: 0.125rem;
}

.border-rounded-2 {
  border-radius: 0.25rem;
}

.border-rounded-3 {
  border-radius: 0.5rem;
}

.border-rounded-4 {
  border-radius: 0.75rem;
}

.border-rounded-5 {
  border-radius: 1rem;
}

.border-rounded-6 {
  border-radius: 1.5rem;
}

.border-rounded-7 {
  border-radius: 2rem;
}

.border-rounded-max {
  border-radius: 9999px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-1 {
  border-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-current {
  border-color: currentColor;
}

.border-primary {
  border-color: var(--color-primary);
}

.border-gray {
  border-color: var(--color-gray);
}

.border-accent {
  border-color: var(--color-accent);
}

.border-alt {
  border-color: var(--color-alt);
}

.border-red {
  border-color: var(--color-red);
}

.border-green {
  border-color: var(--color-green);
}

.border-blue {
  border-color: var(--color-blue);
}

.bg-center {
  background-position: center center;
}

.bg-top {
  background-position: center top;
}

.bg-right {
  background-position: right center;
}

.bg-bottom {
  background-position: center bottom;
}

.bg-left {
  background-position: left center;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-width-full {
  background-size: 100% auto;
}

.bg-height-full {
  background-size: auto 100%;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-white {
  background-color: white;
}

.transparent {
  opacity: 0;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-2 {
  opacity: 0.2;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.opacity-9 {
  opacity: 0.9;
}

.opaque {
  opacity: 1;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-progress {
  cursor: progress;
}

.cursor-not {
  cursor: not-allowed;
}

.cursor-help {
  cursor: help;
}

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.trans-color {
  transition-property: color;
}

.trans-bg {
  transition-property: background-color;
}

.trans-transform {
  transition-property: transform;
}

.trans-filter {
  transition-property: filter;
}

.trans-border {
  transition-property: border;
}

.trans-opacity {
  transition-property: opacity;
}

.trans-all {
  transition-property: all;
}

.trans-shadow {
  transition-property: box-shadow;
}

.trans-0-1 {
  transition-duration: 0.1s;
}

.trans-0-2 {
  transition-duration: 0.2s;
}

.trans-0-3 {
  transition-duration: 0.3s;
}

.trans-0-4 {
  transition-duration: 0.4s;
}

.trans-0-5 {
  transition-duration: 0.5s;
}

.trans-0-6 {
  transition-duration: 0.6s;
}

.trans-0-7 {
  transition-duration: 0.7s;
}

.trans-0-8 {
  transition-duration: 0.8s;
}

.trans-0-9 {
  transition-duration: 0.9s;
}

.trans-1 {
  transition-duration: 1s;
}

.trans-linear {
  transition-timing-function: linear;
}

.trans-ease-in {
  transition-timing-function: ease-in;
}

.trans-ease-out {
  transition-timing-function: ease-out;
}

.trans-ease-in-out {
  transition-timing-function: ease-in-out;
}

.font-xs {
  font-size: 0.75rem;
}

.font-sm {
  font-size: 0.875rem;
}

.font-nl {
  font-size: 1rem;
}

.font-lg {
  font-size: 1.25rem;
}

.font-xl {
  font-size: 1.5rem;
}

.font-2xl {
  font-size: 1.875rem;
}

.font-3xl {
  font-size: 2.25rem;
}

.font-4xl {
  font-size: 3rem;
}

.font-5xl {
  font-size: 4rem;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: normal;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: bold;
}

.font-black {
  font-weight: 900;
}

.font-italic {
  font-style: italic;
}

.font-sans-serif {
  font-family: sans-serif;
}

.font-serif {
  font-family: serif;
}

.font-mono {
  font-family: monospace;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-top {
  vertical-align: top;
}

.text-middle {
  vertical-align: middle;
}

.text-bottom {
  vertical-align: bottom;
}

.text-nowrap {
  white-space: nowrap;
}

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

.text-break {
  word-break: break-all;
}

.text-dots {
  text-overflow: ellipsis;
}

.text-tightest {
  line-height: 1;
}

.text-tight {
  line-height: 1.25;
}

.text-average {
  line-height: 1.5;
}

.text-wide {
  line-height: 1.75;
}

.text-loose {
  line-height: 2;
}

.text-upper {
  text-transform: uppercase;
}

.text-lower {
  text-transform: lowercase;
}

.no-list {
  list-style: none;
}

.no-leading {
  line-height: 0;
}

.color-default {
  color: var(--color-default);
}

.color-primary {
  color: var(--color-primary);
}

.color-accent {
  color: var(--color-accent);
}

.color-alt {
  color: var(--color-alt);
}

.color-gray {
  color: var(--color-gray);
}

.color-red {
  color: var(--color-red);
}

.color-green {
  color: var(--color-green);
}

.color-blue {
  color: var(--color-blue);
}

.color-white {
  color: white;
}

.color-black {
  color: black;
}

.fill-current-color,
.fill-current-color path {
  fill: currentColor;
}

.fill-default,
.fill-default path {
  fill: var(--color-default);
}

.fill-primary,
.fill-primary path {
  fill: var(--color-primary);
}

.fill-accent,
.fill-accent path {
  fill: var(--color-accent);
}

.fill-alt,
.fill-alt path {
  fill: var(--color-alt);
}

.fill-gray,
.fill-gray path {
  fill: var(--color-gray);
}

.fill-red,
.fill-red path {
  fill: var(--color-red);
}

.fill-green,
.fill-green path {
  fill: var(--color-green);
}

.fill-blue,
.fill-blue path {
  fill: var(--color-blue);
}

.fill-white,
.fill-white path {
  fill: white;
}

.fill-black,
.fill-black path {
  fill: black;
}

.hover-trigger:hover .hover-content,
.hover-trigger:focus .hover-content {
  display: block;
}

.hover-highlight-1:hover,
.hover-highlight-1:focus {
  filter: brightness(1.05);
}

.hover-highlight-2:hover,
.hover-highlight-2:focus {
  filter: brightness(1.1);
}

.hover-highlight-3:hover,
.hover-highlight-3:focus {
  filter: brightness(1.15);
}

.hover-darken-1:hover,
.hover-darken-1:focus {
  filter: brightness(0.98);
}

.hover-darken-2:hover,
.hover-darken-2:focus {
  filter: brightness(0.95);
}

.hover-darken-3:hover,
.hover-darken-3:focus {
  filter: brightness(0.92);
}

.hover-shade:hover,
.hover-shade:focus {
  opacity: 0.75;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.flip-vertical {
  transform: scaleX(-1);
}

.flip-horizontal {
  transform: scaleY(-1);
}

.no-outline {
  outline: none;
}

.letter-wide {
  letter-spacing: 0.05rem;
}

@media screen and (min-width: 576px) {
  .block--sm {
    display: block;
  }

  .inline-block--sm {
    display: inline-block;
  }

  .inline--sm {
    display: inline;
  }

  .flex--sm {
    display: flex;
  }

  .inline-flex--sm {
    display: inline-flex;
  }

  .grid--sm {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }

  .hidden--sm {
    display: none;
  }

  .justify-start--sm {
    justify-content: flex-start;
  }

  .justify-end--sm {
    justify-content: flex-end;
  }

  .justify-center--sm {
    justify-content: center;
  }

  .justify-between--sm {
    justify-content: space-between;
  }

  .justify-around--sm {
    justify-content: space-around;
  }

  .items-start--sm {
    align-items: flex-start;
  }

  .items-end--sm {
    align-items: flex-end;
  }

  .items-center--sm {
    align-items: center;
  }

  .items-baseline--sm {
    align-items: baseline;
  }

  .items-stretch--sm {
    align-items: stretch;
  }

  .flex-column--sm {
    flex-direction: column;
  }

  .flex-row--sm {
    flex-direction: row;
  }

  .flex-wrap--sm {
    flex-wrap: wrap;
  }

  .flex-nowrap--sm {
    flex-wrap: nowrap;
  }

  .flex-no-grow--sm {
    flex-grow: 0;
  }

  .flex-grow--sm {
    flex-grow: 1;
  }

  .flex-no-shrink--sm {
    flex-shrink: 0;
  }

  .flex-shrink--sm {
    flex-shrink: 1;
  }

  .flex-basis-auto--sm {
    flex-basis: auto;
  }

  .flex-no-basis--sm {
    flex-basis: 0;
  }

  .grid-column-1--sm {
    grid-column: span 1/span 1;
  }

  .grid-column-2--sm {
    grid-column: span 2/span 2;
  }

  .grid-column-3--sm {
    grid-column: span 3/span 3;
  }

  .grid-column-4--sm {
    grid-column: span 4/span 4;
  }

  .grid-column-5--sm {
    grid-column: span 5/span 5;
  }

  .grid-column-6--sm {
    grid-column: span 6/span 6;
  }

  .grid-column-7--sm {
    grid-column: span 7/span 7;
  }

  .grid-column-8--sm {
    grid-column: span 8/span 8;
  }

  .grid-column-9--sm {
    grid-column: span 9/span 9;
  }

  .grid-column-10--sm {
    grid-column: span 10/span 10;
  }

  .grid-column-11--sm {
    grid-column: span 11/span 11;
  }

  .grid-column-12--sm {
    grid-column: span 12/span 12;
  }

  .grid-column-start-1--sm {
    grid-column-start: 1;
  }

  .grid-column-start-2--sm {
    grid-column-start: 2;
  }

  .grid-column-start-3--sm {
    grid-column-start: 3;
  }

  .grid-column-start-4--sm {
    grid-column-start: 4;
  }

  .grid-column-start-5--sm {
    grid-column-start: 5;
  }

  .grid-column-start-6--sm {
    grid-column-start: 6;
  }

  .grid-column-start-7--sm {
    grid-column-start: 7;
  }

  .grid-column-start-8--sm {
    grid-column-start: 8;
  }

  .grid-column-start-9--sm {
    grid-column-start: 9;
  }

  .grid-column-start-10--sm {
    grid-column-start: 10;
  }

  .grid-column-start-11--sm {
    grid-column-start: 11;
  }

  .grid-column-start-12--sm {
    grid-column-start: 12;
  }

  .grid-column-gap-0--sm {
    grid-column-gap: 0;
  }

  .grid-column-gap-1--sm {
    grid-column-gap: 0.25rem;
  }

  .grid-column-gap-2--sm {
    grid-column-gap: 0.5rem;
  }

  .grid-column-gap-3--sm {
    grid-column-gap: 1rem;
  }

  .grid-column-gap-4--sm {
    grid-column-gap: 2rem;
  }

  .grid-column-gap-5--sm {
    grid-column-gap: 3rem;
  }

  .grid-column-gap-6--sm {
    grid-column-gap: 4rem;
  }

  .grid-column-gap-7--sm {
    grid-column-gap: 5rem;
  }

  .grid-row-gap-0--sm {
    grid-row-gap: 0;
  }

  .grid-row-gap-1--sm {
    grid-row-gap: 0.25rem;
  }

  .grid-row-gap-2--sm {
    grid-row-gap: 0.5rem;
  }

  .grid-row-gap-3--sm {
    grid-row-gap: 1rem;
  }

  .grid-row-gap-4--sm {
    grid-row-gap: 2rem;
  }

  .grid-row-gap-5--sm {
    grid-row-gap: 3rem;
  }

  .grid-row-gap-6--sm {
    grid-row-gap: 4rem;
  }

  .grid-row-gap-7--sm {
    grid-row-gap: 5rem;
  }

  .grid-gap-0--sm {
    grid-gap: 0;
  }

  .grid-gap-1--sm {
    grid-gap: 0.25rem;
  }

  .grid-gap-2--sm {
    grid-gap: 0.5rem;
  }

  .grid-gap-3--sm {
    grid-gap: 1rem;
  }

  .grid-gap-4--sm {
    grid-gap: 2rem;
  }

  .grid-gap-5--sm {
    grid-gap: 3rem;
  }

  .grid-gap-6--sm {
    grid-gap: 4rem;
  }

  .grid-gap-7--sm {
    grid-gap: 5rem;
  }

  .overflow-hidden--sm {
    overflow: hidden;
  }

  .overflow-auto--sm {
    overflow: auto;
  }

  .static--sm {
    position: static;
  }

  .relative--sm {
    position: relative;
  }

  .absolute--sm {
    position: absolute;
  }

  .fixed--sm {
    position: fixed;
  }

  .sticky--sm {
    position: sticky;
  }

  .max-width-full--sm {
    max-width: 100%;
  }

  .max-width-full-view--sm {
    max-width: 100vw;
  }

  .min-width-full--sm {
    min-width: 100%;
  }

  .min-width-full-view--sm {
    min-width: 100vw;
  }

  .width-full--sm {
    width: 100%;
  }

  .width-half--sm {
    width: 50%;
  }

  .width-auto--sm {
    width: auto;
  }

  .max-height-full--sm {
    max-height: 100%;
  }

  .max-height-full-view--sm {
    max-height: 100vh;
  }

  .min-height-full--sm {
    min-height: 100%;
  }

  .min-height-full-view--sm {
    min-height: 100vh;
  }

  .height-full-view--sm {
    height: 100vh;
  }

  .height-full--sm {
    height: 100%;
  }

  .height-auto--sm {
    height: auto;
  }

  .margin-top-0--sm,
  .margin-y-0--sm,
  .margin-0--sm {
    margin-top: 0;
  }

  .margin-top-1--sm,
  .margin-y-1--sm,
  .margin-1--sm {
    margin-top: 0.25rem;
  }

  .margin-top-2--sm,
  .margin-y-2--sm,
  .margin-2--sm {
    margin-top: 0.5rem;
  }

  .margin-top-3--sm,
  .margin-y-3--sm,
  .margin-3--sm {
    margin-top: 1rem;
  }

  .margin-top-4--sm,
  .margin-y-4--sm,
  .margin-4--sm {
    margin-top: 2rem;
  }

  .margin-top-5--sm,
  .margin-y-5--sm,
  .margin-5--sm {
    margin-top: 4rem;
  }

  .margin-top-6--sm,
  .margin-y-6--sm,
  .margin-6--sm {
    margin-top: 8rem;
  }

  .margin-right-0--sm,
  .margin-x-0--sm,
  .margin-0--sm {
    margin-right: 0;
  }

  .margin-right-1--sm,
  .margin-x-1--sm,
  .margin-1--sm {
    margin-right: 0.25rem;
  }

  .margin-right-2--sm,
  .margin-x-2--sm,
  .margin-2--sm {
    margin-right: 0.5rem;
  }

  .margin-right-3--sm,
  .margin-x-3--sm,
  .margin-3--sm {
    margin-right: 1rem;
  }

  .margin-right-4--sm,
  .margin-x-4--sm,
  .margin-4--sm {
    margin-right: 2rem;
  }

  .margin-right-5--sm,
  .margin-x-5--sm,
  .margin-5--sm {
    margin-right: 4rem;
  }

  .margin-right-6--sm,
  .margin-x-6--sm,
  .margin-6--sm {
    margin-right: 8rem;
  }

  .margin-bottom-0--sm,
  .margin-y-0--sm,
  .margin-0--sm {
    margin-bottom: 0;
  }

  .margin-bottom-1--sm,
  .margin-y-1--sm,
  .margin-1--sm {
    margin-bottom: 0.25rem;
  }

  .margin-bottom-2--sm,
  .margin-y-2--sm,
  .margin-2--sm {
    margin-bottom: 0.5rem;
  }

  .margin-bottom-3--sm,
  .margin-y-3--sm,
  .margin-3--sm {
    margin-bottom: 1rem;
  }

  .margin-bottom-4--sm,
  .margin-y-4--sm,
  .margin-4--sm {
    margin-bottom: 2rem;
  }

  .margin-bottom-5--sm,
  .margin-y-5--sm,
  .margin-5--sm {
    margin-bottom: 4rem;
  }

  .margin-bottom-6--sm,
  .margin-y-6--sm,
  .margin-6--sm {
    margin-bottom: 8rem;
  }

  .margin-left-0--sm,
  .margin-x-0--sm,
  .margin-0--sm {
    margin-left: 0;
  }

  .margin-left-1--sm,
  .margin-x-1--sm,
  .margin-1--sm {
    margin-left: 0.25rem;
  }

  .margin-left-2--sm,
  .margin-x-2--sm,
  .margin-2--sm {
    margin-left: 0.5rem;
  }

  .margin-left-3--sm,
  .margin-x-3--sm,
  .margin-3--sm {
    margin-left: 1rem;
  }

  .margin-left-4--sm,
  .margin-x-4--sm,
  .margin-4--sm {
    margin-left: 2rem;
  }

  .margin-left-5--sm,
  .margin-x-5--sm,
  .margin-5--sm {
    margin-left: 4rem;
  }

  .margin-left-6--sm,
  .margin-x-6--sm,
  .margin-6--sm {
    margin-left: 8rem;
  }

  .margin-x-auto--sm {
    margin-left: auto;
    margin-right: auto;
  }

  .margin-y-auto--sm {
    margin-top: auto;
    margin-bottom: auto;
  }

  .padding-top-0--sm,
  .padding-y-0--sm,
  .padding-0--sm {
    padding-top: 0;
  }

  .padding-top-1--sm,
  .padding-y-1--sm,
  .padding-1--sm {
    padding-top: 0.25rem;
  }

  .padding-top-2--sm,
  .padding-y-2--sm,
  .padding-2--sm {
    padding-top: 0.5rem;
  }

  .padding-top-3--sm,
  .padding-y-3--sm,
  .padding-3--sm {
    padding-top: 1rem;
  }

  .padding-top-4--sm,
  .padding-y-4--sm,
  .padding-4--sm {
    padding-top: 2rem;
  }

  .padding-top-5--sm,
  .padding-y-5--sm,
  .padding-5--sm {
    padding-top: 4rem;
  }

  .padding-top-6--sm,
  .padding-y-6--sm,
  .padding-6--sm {
    padding-top: 8rem;
  }

  .padding-right-0--sm,
  .padding-x-0--sm,
  .padding-0--sm {
    padding-right: 0;
  }

  .padding-right-1--sm,
  .padding-x-1--sm,
  .padding-1--sm {
    padding-right: 0.25rem;
  }

  .padding-right-2--sm,
  .padding-x-2--sm,
  .padding-2--sm {
    padding-right: 0.5rem;
  }

  .padding-right-3--sm,
  .padding-x-3--sm,
  .padding-3--sm {
    padding-right: 1rem;
  }

  .padding-right-4--sm,
  .padding-x-4--sm,
  .padding-4--sm {
    padding-right: 2rem;
  }

  .padding-right-5--sm,
  .padding-x-5--sm,
  .padding-5--sm {
    padding-right: 4rem;
  }

  .padding-right-6--sm,
  .padding-x-6--sm,
  .padding-6--sm {
    padding-right: 8rem;
  }

  .padding-bottom-0--sm,
  .padding-y-0--sm,
  .padding-0--sm {
    padding-bottom: 0;
  }

  .padding-bottom-1--sm,
  .padding-y-1--sm,
  .padding-1--sm {
    padding-bottom: 0.25rem;
  }

  .padding-bottom-2--sm,
  .padding-y-2--sm,
  .padding-2--sm {
    padding-bottom: 0.5rem;
  }

  .padding-bottom-3--sm,
  .padding-y-3--sm,
  .padding-3--sm {
    padding-bottom: 1rem;
  }

  .padding-bottom-4--sm,
  .padding-y-4--sm,
  .padding-4--sm {
    padding-bottom: 2rem;
  }

  .padding-bottom-5--sm,
  .padding-y-5--sm,
  .padding-5--sm {
    padding-bottom: 4rem;
  }

  .padding-bottom-6--sm,
  .padding-y-6--sm,
  .padding-6--sm {
    padding-bottom: 8rem;
  }

  .padding-left-0--sm,
  .padding-x-0--sm,
  .padding-0--sm {
    padding-left: 0;
  }

  .padding-left-1--sm,
  .padding-x-1--sm,
  .padding-1--sm {
    padding-left: 0.25rem;
  }

  .padding-left-2--sm,
  .padding-x-2--sm,
  .padding-2--sm {
    padding-left: 0.5rem;
  }

  .padding-left-3--sm,
  .padding-x-3--sm,
  .padding-3--sm {
    padding-left: 1rem;
  }

  .padding-left-4--sm,
  .padding-x-4--sm,
  .padding-4--sm {
    padding-left: 2rem;
  }

  .padding-left-5--sm,
  .padding-x-5--sm,
  .padding-5--sm {
    padding-left: 4rem;
  }

  .padding-left-6--sm,
  .padding-x-6--sm,
  .padding-6--sm {
    padding-left: 8rem;
  }

  .transparent--sm {
    opacity: 0;
  }

  .opaque--sm {
    opacity: 1;
  }

  .font-xs--sm {
    font-size: 0.75rem;
  }

  .font-sm--sm {
    font-size: 0.875rem;
  }

  .font-nl--sm {
    font-size: 1rem;
  }

  .font-lg--sm {
    font-size: 1.25rem;
  }

  .font-xl--sm {
    font-size: 1.5rem;
  }

  .font-2xl--sm {
    font-size: 1.875rem;
  }

  .font-3xl--sm {
    font-size: 2.25rem;
  }

  .font-4xl--sm {
    font-size: 3rem;
  }

  .font-5xl--sm {
    font-size: 4rem;
  }

  .text-center--sm {
    text-align: center;
  }

  .text-left--sm {
    text-align: left;
  }

  .text-right--sm {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .block--md {
    display: block;
  }

  .inline-block--md {
    display: inline-block;
  }

  .inline--md {
    display: inline;
  }

  .flex--md {
    display: flex;
  }

  .inline-flex--md {
    display: inline-flex;
  }

  .grid--md {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }

  .hidden--md {
    display: none;
  }

  .justify-start--md {
    justify-content: flex-start;
  }

  .justify-end--md {
    justify-content: flex-end;
  }

  .justify-center--md {
    justify-content: center;
  }

  .justify-between--md {
    justify-content: space-between;
  }

  .justify-around--md {
    justify-content: space-around;
  }

  .items-start--md {
    align-items: flex-start;
  }

  .items-end--md {
    align-items: flex-end;
  }

  .items-center--md {
    align-items: center;
  }

  .items-baseline--md {
    align-items: baseline;
  }

  .items-stretch--md {
    align-items: stretch;
  }

  .flex-column--md {
    flex-direction: column;
  }

  .flex-row--md {
    flex-direction: row;
  }

  .flex-wrap--md {
    flex-wrap: wrap;
  }

  .flex-nowrap--md {
    flex-wrap: nowrap;
  }

  .flex-no-grow--md {
    flex-grow: 0;
  }

  .flex-grow--md {
    flex-grow: 1;
  }

  .flex-no-shrink--md {
    flex-shrink: 0;
  }

  .flex-shrink--md {
    flex-shrink: 1;
  }

  .flex-basis-auto--md {
    flex-basis: auto;
  }

  .flex-no-basis--md {
    flex-basis: 0;
  }

  .grid-column-1--md {
    grid-column: span 1/span 1;
  }

  .grid-column-2--md {
    grid-column: span 2/span 2;
  }

  .grid-column-3--md {
    grid-column: span 3/span 3;
  }

  .grid-column-4--md {
    grid-column: span 4/span 4;
  }

  .grid-column-5--md {
    grid-column: span 5/span 5;
  }

  .grid-column-6--md {
    grid-column: span 6/span 6;
  }

  .grid-column-7--md {
    grid-column: span 7/span 7;
  }

  .grid-column-8--md {
    grid-column: span 8/span 8;
  }

  .grid-column-9--md {
    grid-column: span 9/span 9;
  }

  .grid-column-10--md {
    grid-column: span 10/span 10;
  }

  .grid-column-11--md {
    grid-column: span 11/span 11;
  }

  .grid-column-12--md {
    grid-column: span 12/span 12;
  }

  .grid-column-start-1--md {
    grid-column-start: 1;
  }

  .grid-column-start-2--md {
    grid-column-start: 2;
  }

  .grid-column-start-3--md {
    grid-column-start: 3;
  }

  .grid-column-start-4--md {
    grid-column-start: 4;
  }

  .grid-column-start-5--md {
    grid-column-start: 5;
  }

  .grid-column-start-6--md {
    grid-column-start: 6;
  }

  .grid-column-start-7--md {
    grid-column-start: 7;
  }

  .grid-column-start-8--md {
    grid-column-start: 8;
  }

  .grid-column-start-9--md {
    grid-column-start: 9;
  }

  .grid-column-start-10--md {
    grid-column-start: 10;
  }

  .grid-column-start-11--md {
    grid-column-start: 11;
  }

  .grid-column-start-12--md {
    grid-column-start: 12;
  }

  .grid-column-gap-0--md {
    grid-column-gap: 0;
  }

  .grid-column-gap-1--md {
    grid-column-gap: 0.25rem;
  }

  .grid-column-gap-2--md {
    grid-column-gap: 0.5rem;
  }

  .grid-column-gap-3--md {
    grid-column-gap: 1rem;
  }

  .grid-column-gap-4--md {
    grid-column-gap: 2rem;
  }

  .grid-column-gap-5--md {
    grid-column-gap: 3rem;
  }

  .grid-column-gap-6--md {
    grid-column-gap: 4rem;
  }

  .grid-column-gap-7--md {
    grid-column-gap: 5rem;
  }

  .grid-row-gap-0--md {
    grid-row-gap: 0;
  }

  .grid-row-gap-1--md {
    grid-row-gap: 0.25rem;
  }

  .grid-row-gap-2--md {
    grid-row-gap: 0.5rem;
  }

  .grid-row-gap-3--md {
    grid-row-gap: 1rem;
  }

  .grid-row-gap-4--md {
    grid-row-gap: 2rem;
  }

  .grid-row-gap-5--md {
    grid-row-gap: 3rem;
  }

  .grid-row-gap-6--md {
    grid-row-gap: 4rem;
  }

  .grid-row-gap-7--md {
    grid-row-gap: 5rem;
  }

  .grid-gap-0--md {
    grid-gap: 0;
  }

  .grid-gap-1--md {
    grid-gap: 0.25rem;
  }

  .grid-gap-2--md {
    grid-gap: 0.5rem;
  }

  .grid-gap-3--md {
    grid-gap: 1rem;
  }

  .grid-gap-4--md {
    grid-gap: 2rem;
  }

  .grid-gap-5--md {
    grid-gap: 3rem;
  }

  .grid-gap-6--md {
    grid-gap: 4rem;
  }

  .grid-gap-7--md {
    grid-gap: 5rem;
  }

  .overflow-hidden--md {
    overflow: hidden;
  }

  .overflow-auto--md {
    overflow: auto;
  }

  .static--md {
    position: static;
  }

  .relative--md {
    position: relative;
  }

  .absolute--md {
    position: absolute;
  }

  .fixed--md {
    position: fixed;
  }

  .sticky--md {
    position: sticky;
  }

  .max-width-full--md {
    max-width: 100%;
  }

  .max-width-full-view--md {
    max-width: 100vw;
  }

  .min-width-full--md {
    min-width: 100%;
  }

  .min-width-full-view--md {
    min-width: 100vw;
  }

  .width-full--md {
    width: 100%;
  }

  .width-half--md {
    width: 50%;
  }

  .width-auto--md {
    width: auto;
  }

  .max-height-full--md {
    max-height: 100%;
  }

  .max-height-full-view--md {
    max-height: 100vh;
  }

  .min-height-full--md {
    min-height: 100%;
  }

  .min-height-full-view--md {
    min-height: 100vh;
  }

  .height-full-view--md {
    height: 100vh;
  }

  .height-full--md {
    height: 100%;
  }

  .height-auto--md {
    height: auto;
  }

  .margin-top-0--md,
  .margin-y-0--md,
  .margin-0--md {
    margin-top: 0;
  }

  .margin-top-1--md,
  .margin-y-1--md,
  .margin-1--md {
    margin-top: 0.25rem;
  }

  .margin-top-2--md,
  .margin-y-2--md,
  .margin-2--md {
    margin-top: 0.5rem;
  }

  .margin-top-3--md,
  .margin-y-3--md,
  .margin-3--md {
    margin-top: 1rem;
  }

  .margin-top-4--md,
  .margin-y-4--md,
  .margin-4--md {
    margin-top: 2rem;
  }

  .margin-top-5--md,
  .margin-y-5--md,
  .margin-5--md {
    margin-top: 4rem;
  }

  .margin-top-6--md,
  .margin-y-6--md,
  .margin-6--md {
    margin-top: 8rem;
  }

  .margin-right-0--md,
  .margin-x-0--md,
  .margin-0--md {
    margin-right: 0;
  }

  .margin-right-1--md,
  .margin-x-1--md,
  .margin-1--md {
    margin-right: 0.25rem;
  }

  .margin-right-2--md,
  .margin-x-2--md,
  .margin-2--md {
    margin-right: 0.5rem;
  }

  .margin-right-3--md,
  .margin-x-3--md,
  .margin-3--md {
    margin-right: 1rem;
  }

  .margin-right-4--md,
  .margin-x-4--md,
  .margin-4--md {
    margin-right: 2rem;
  }

  .margin-right-5--md,
  .margin-x-5--md,
  .margin-5--md {
    margin-right: 4rem;
  }

  .margin-right-6--md,
  .margin-x-6--md,
  .margin-6--md {
    margin-right: 8rem;
  }

  .margin-bottom-0--md,
  .margin-y-0--md,
  .margin-0--md {
    margin-bottom: 0;
  }

  .margin-bottom-1--md,
  .margin-y-1--md,
  .margin-1--md {
    margin-bottom: 0.25rem;
  }

  .margin-bottom-2--md,
  .margin-y-2--md,
  .margin-2--md {
    margin-bottom: 0.5rem;
  }

  .margin-bottom-3--md,
  .margin-y-3--md,
  .margin-3--md {
    margin-bottom: 1rem;
  }

  .margin-bottom-4--md,
  .margin-y-4--md,
  .margin-4--md {
    margin-bottom: 2rem;
  }

  .margin-bottom-5--md,
  .margin-y-5--md,
  .margin-5--md {
    margin-bottom: 4rem;
  }

  .margin-bottom-6--md,
  .margin-y-6--md,
  .margin-6--md {
    margin-bottom: 8rem;
  }

  .margin-left-0--md,
  .margin-x-0--md,
  .margin-0--md {
    margin-left: 0;
  }

  .margin-left-1--md,
  .margin-x-1--md,
  .margin-1--md {
    margin-left: 0.25rem;
  }

  .margin-left-2--md,
  .margin-x-2--md,
  .margin-2--md {
    margin-left: 0.5rem;
  }

  .margin-left-3--md,
  .margin-x-3--md,
  .margin-3--md {
    margin-left: 1rem;
  }

  .margin-left-4--md,
  .margin-x-4--md,
  .margin-4--md {
    margin-left: 2rem;
  }

  .margin-left-5--md,
  .margin-x-5--md,
  .margin-5--md {
    margin-left: 4rem;
  }

  .margin-left-6--md,
  .margin-x-6--md,
  .margin-6--md {
    margin-left: 8rem;
  }

  .margin-x-auto--md {
    margin-left: auto;
    margin-right: auto;
  }

  .margin-y-auto--md {
    margin-top: auto;
    margin-bottom: auto;
  }

  .padding-top-0--md,
  .padding-y-0--md,
  .padding-0--md {
    padding-top: 0;
  }

  .padding-top-1--md,
  .padding-y-1--md,
  .padding-1--md {
    padding-top: 0.25rem;
  }

  .padding-top-2--md,
  .padding-y-2--md,
  .padding-2--md {
    padding-top: 0.5rem;
  }

  .padding-top-3--md,
  .padding-y-3--md,
  .padding-3--md {
    padding-top: 1rem;
  }

  .padding-top-4--md,
  .padding-y-4--md,
  .padding-4--md {
    padding-top: 2rem;
  }

  .padding-top-5--md,
  .padding-y-5--md,
  .padding-5--md {
    padding-top: 4rem;
  }

  .padding-top-6--md,
  .padding-y-6--md,
  .padding-6--md {
    padding-top: 8rem;
  }

  .padding-right-0--md,
  .padding-x-0--md,
  .padding-0--md {
    padding-right: 0;
  }

  .padding-right-1--md,
  .padding-x-1--md,
  .padding-1--md {
    padding-right: 0.25rem;
  }

  .padding-right-2--md,
  .padding-x-2--md,
  .padding-2--md {
    padding-right: 0.5rem;
  }

  .padding-right-3--md,
  .padding-x-3--md,
  .padding-3--md {
    padding-right: 1rem;
  }

  .padding-right-4--md,
  .padding-x-4--md,
  .padding-4--md {
    padding-right: 2rem;
  }

  .padding-right-5--md,
  .padding-x-5--md,
  .padding-5--md {
    padding-right: 4rem;
  }

  .padding-right-6--md,
  .padding-x-6--md,
  .padding-6--md {
    padding-right: 8rem;
  }

  .padding-bottom-0--md,
  .padding-y-0--md,
  .padding-0--md {
    padding-bottom: 0;
  }

  .padding-bottom-1--md,
  .padding-y-1--md,
  .padding-1--md {
    padding-bottom: 0.25rem;
  }

  .padding-bottom-2--md,
  .padding-y-2--md,
  .padding-2--md {
    padding-bottom: 0.5rem;
  }

  .padding-bottom-3--md,
  .padding-y-3--md,
  .padding-3--md {
    padding-bottom: 1rem;
  }

  .padding-bottom-4--md,
  .padding-y-4--md,
  .padding-4--md {
    padding-bottom: 2rem;
  }

  .padding-bottom-5--md,
  .padding-y-5--md,
  .padding-5--md {
    padding-bottom: 4rem;
  }

  .padding-bottom-6--md,
  .padding-y-6--md,
  .padding-6--md {
    padding-bottom: 8rem;
  }

  .padding-left-0--md,
  .padding-x-0--md,
  .padding-0--md {
    padding-left: 0;
  }

  .padding-left-1--md,
  .padding-x-1--md,
  .padding-1--md {
    padding-left: 0.25rem;
  }

  .padding-left-2--md,
  .padding-x-2--md,
  .padding-2--md {
    padding-left: 0.5rem;
  }

  .padding-left-3--md,
  .padding-x-3--md,
  .padding-3--md {
    padding-left: 1rem;
  }

  .padding-left-4--md,
  .padding-x-4--md,
  .padding-4--md {
    padding-left: 2rem;
  }

  .padding-left-5--md,
  .padding-x-5--md,
  .padding-5--md {
    padding-left: 4rem;
  }

  .padding-left-6--md,
  .padding-x-6--md,
  .padding-6--md {
    padding-left: 8rem;
  }

  .transparent--md {
    opacity: 0;
  }

  .opaque--md {
    opacity: 1;
  }

  .font-xs--md {
    font-size: 0.75rem;
  }

  .font-sm--md {
    font-size: 0.875rem;
  }

  .font-nl--md {
    font-size: 1rem;
  }

  .font-lg--md {
    font-size: 1.25rem;
  }

  .font-xl--md {
    font-size: 1.5rem;
  }

  .font-2xl--md {
    font-size: 1.875rem;
  }

  .font-3xl--md {
    font-size: 2.25rem;
  }

  .font-4xl--md {
    font-size: 3rem;
  }

  .font-5xl--md {
    font-size: 4rem;
  }

  .text-center--md {
    text-align: center;
  }

  .text-left--md {
    text-align: left;
  }

  .text-right--md {
    text-align: right;
  }
}

@media screen and (min-width: 992px) {
  .block--lg {
    display: block;
  }

  .inline-block--lg {
    display: inline-block;
  }

  .inline--lg {
    display: inline;
  }

  .flex--lg {
    display: flex;
  }

  .inline-flex--lg {
    display: inline-flex;
  }

  .grid--lg {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }

  .hidden--lg {
    display: none;
  }

  .justify-start--lg {
    justify-content: flex-start;
  }

  .justify-end--lg {
    justify-content: flex-end;
  }

  .justify-center--lg {
    justify-content: center;
  }

  .justify-between--lg {
    justify-content: space-between;
  }

  .justify-around--lg {
    justify-content: space-around;
  }

  .items-start--lg {
    align-items: flex-start;
  }

  .items-end--lg {
    align-items: flex-end;
  }

  .items-center--lg {
    align-items: center;
  }

  .items-baseline--lg {
    align-items: baseline;
  }

  .items-stretch--lg {
    align-items: stretch;
  }

  .flex-column--lg {
    flex-direction: column;
  }

  .flex-row--lg {
    flex-direction: row;
  }

  .flex-wrap--lg {
    flex-wrap: wrap;
  }

  .flex-nowrap--lg {
    flex-wrap: nowrap;
  }

  .flex-no-grow--lg {
    flex-grow: 0;
  }

  .flex-grow--lg {
    flex-grow: 1;
  }

  .flex-no-shrink--lg {
    flex-shrink: 0;
  }

  .flex-shrink--lg {
    flex-shrink: 1;
  }

  .flex-basis-auto--lg {
    flex-basis: auto;
  }

  .flex-no-basis--lg {
    flex-basis: 0;
  }

  .grid-column-1--lg {
    grid-column: span 1/span 1;
  }

  .grid-column-2--lg {
    grid-column: span 2/span 2;
  }

  .grid-column-3--lg {
    grid-column: span 3/span 3;
  }

  .grid-column-4--lg {
    grid-column: span 4/span 4;
  }

  .grid-column-5--lg {
    grid-column: span 5/span 5;
  }

  .grid-column-6--lg {
    grid-column: span 6/span 6;
  }

  .grid-column-7--lg {
    grid-column: span 7/span 7;
  }

  .grid-column-8--lg {
    grid-column: span 8/span 8;
  }

  .grid-column-9--lg {
    grid-column: span 9/span 9;
  }

  .grid-column-10--lg {
    grid-column: span 10/span 10;
  }

  .grid-column-11--lg {
    grid-column: span 11/span 11;
  }

  .grid-column-12--lg {
    grid-column: span 12/span 12;
  }

  .grid-column-start-1--lg {
    grid-column-start: 1;
  }

  .grid-column-start-2--lg {
    grid-column-start: 2;
  }

  .grid-column-start-3--lg {
    grid-column-start: 3;
  }

  .grid-column-start-4--lg {
    grid-column-start: 4;
  }

  .grid-column-start-5--lg {
    grid-column-start: 5;
  }

  .grid-column-start-6--lg {
    grid-column-start: 6;
  }

  .grid-column-start-7--lg {
    grid-column-start: 7;
  }

  .grid-column-start-8--lg {
    grid-column-start: 8;
  }

  .grid-column-start-9--lg {
    grid-column-start: 9;
  }

  .grid-column-start-10--lg {
    grid-column-start: 10;
  }

  .grid-column-start-11--lg {
    grid-column-start: 11;
  }

  .grid-column-start-12--lg {
    grid-column-start: 12;
  }

  .grid-column-gap-0--lg {
    grid-column-gap: 0;
  }

  .grid-column-gap-1--lg {
    grid-column-gap: 0.25rem;
  }

  .grid-column-gap-2--lg {
    grid-column-gap: 0.5rem;
  }

  .grid-column-gap-3--lg {
    grid-column-gap: 1rem;
  }

  .grid-column-gap-4--lg {
    grid-column-gap: 2rem;
  }

  .grid-column-gap-5--lg {
    grid-column-gap: 3rem;
  }

  .grid-column-gap-6--lg {
    grid-column-gap: 4rem;
  }

  .grid-column-gap-7--lg {
    grid-column-gap: 5rem;
  }

  .grid-row-gap-0--lg {
    grid-row-gap: 0;
  }

  .grid-row-gap-1--lg {
    grid-row-gap: 0.25rem;
  }

  .grid-row-gap-2--lg {
    grid-row-gap: 0.5rem;
  }

  .grid-row-gap-3--lg {
    grid-row-gap: 1rem;
  }

  .grid-row-gap-4--lg {
    grid-row-gap: 2rem;
  }

  .grid-row-gap-5--lg {
    grid-row-gap: 3rem;
  }

  .grid-row-gap-6--lg {
    grid-row-gap: 4rem;
  }

  .grid-row-gap-7--lg {
    grid-row-gap: 5rem;
  }

  .grid-gap-0--lg {
    grid-gap: 0;
  }

  .grid-gap-1--lg {
    grid-gap: 0.25rem;
  }

  .grid-gap-2--lg {
    grid-gap: 0.5rem;
  }

  .grid-gap-3--lg {
    grid-gap: 1rem;
  }

  .grid-gap-4--lg {
    grid-gap: 2rem;
  }

  .grid-gap-5--lg {
    grid-gap: 3rem;
  }

  .grid-gap-6--lg {
    grid-gap: 4rem;
  }

  .grid-gap-7--lg {
    grid-gap: 5rem;
  }

  .overflow-hidden--lg {
    overflow: hidden;
  }

  .overflow-auto--lg {
    overflow: auto;
  }

  .static--lg {
    position: static;
  }

  .relative--lg {
    position: relative;
  }

  .absolute--lg {
    position: absolute;
  }

  .fixed--lg {
    position: fixed;
  }

  .sticky--lg {
    position: sticky;
  }

  .max-width-full--lg {
    max-width: 100%;
  }

  .max-width-full-view--lg {
    max-width: 100vw;
  }

  .min-width-full--lg {
    min-width: 100%;
  }

  .min-width-full-view--lg {
    min-width: 100vw;
  }

  .width-full--lg {
    width: 100%;
  }

  .width-half--lg {
    width: 50%;
  }

  .width-auto--lg {
    width: auto;
  }

  .max-height-full--lg {
    max-height: 100%;
  }

  .max-height-full-view--lg {
    max-height: 100vh;
  }

  .min-height-full--lg {
    min-height: 100%;
  }

  .min-height-full-view--lg {
    min-height: 100vh;
  }

  .height-full-view--lg {
    height: 100vh;
  }

  .height-full--lg {
    height: 100%;
  }

  .height-auto--lg {
    height: auto;
  }

  .margin-top-0--lg,
  .margin-y-0--lg,
  .margin-0--lg {
    margin-top: 0;
  }

  .margin-top-1--lg,
  .margin-y-1--lg,
  .margin-1--lg {
    margin-top: 0.25rem;
  }

  .margin-top-2--lg,
  .margin-y-2--lg,
  .margin-2--lg {
    margin-top: 0.5rem;
  }

  .margin-top-3--lg,
  .margin-y-3--lg,
  .margin-3--lg {
    margin-top: 1rem;
  }

  .margin-top-4--lg,
  .margin-y-4--lg,
  .margin-4--lg {
    margin-top: 2rem;
  }

  .margin-top-5--lg,
  .margin-y-5--lg,
  .margin-5--lg {
    margin-top: 4rem;
  }

  .margin-top-6--lg,
  .margin-y-6--lg,
  .margin-6--lg {
    margin-top: 8rem;
  }

  .margin-right-0--lg,
  .margin-x-0--lg,
  .margin-0--lg {
    margin-right: 0;
  }

  .margin-right-1--lg,
  .margin-x-1--lg,
  .margin-1--lg {
    margin-right: 0.25rem;
  }

  .margin-right-2--lg,
  .margin-x-2--lg,
  .margin-2--lg {
    margin-right: 0.5rem;
  }

  .margin-right-3--lg,
  .margin-x-3--lg,
  .margin-3--lg {
    margin-right: 1rem;
  }

  .margin-right-4--lg,
  .margin-x-4--lg,
  .margin-4--lg {
    margin-right: 2rem;
  }

  .margin-right-5--lg,
  .margin-x-5--lg,
  .margin-5--lg {
    margin-right: 4rem;
  }

  .margin-right-6--lg,
  .margin-x-6--lg,
  .margin-6--lg {
    margin-right: 8rem;
  }

  .margin-bottom-0--lg,
  .margin-y-0--lg,
  .margin-0--lg {
    margin-bottom: 0;
  }

  .margin-bottom-1--lg,
  .margin-y-1--lg,
  .margin-1--lg {
    margin-bottom: 0.25rem;
  }

  .margin-bottom-2--lg,
  .margin-y-2--lg,
  .margin-2--lg {
    margin-bottom: 0.5rem;
  }

  .margin-bottom-3--lg,
  .margin-y-3--lg,
  .margin-3--lg {
    margin-bottom: 1rem;
  }

  .margin-bottom-4--lg,
  .margin-y-4--lg,
  .margin-4--lg {
    margin-bottom: 2rem;
  }

  .margin-bottom-5--lg,
  .margin-y-5--lg,
  .margin-5--lg {
    margin-bottom: 4rem;
  }

  .margin-bottom-6--lg,
  .margin-y-6--lg,
  .margin-6--lg {
    margin-bottom: 8rem;
  }

  .margin-left-0--lg,
  .margin-x-0--lg,
  .margin-0--lg {
    margin-left: 0;
  }

  .margin-left-1--lg,
  .margin-x-1--lg,
  .margin-1--lg {
    margin-left: 0.25rem;
  }

  .margin-left-2--lg,
  .margin-x-2--lg,
  .margin-2--lg {
    margin-left: 0.5rem;
  }

  .margin-left-3--lg,
  .margin-x-3--lg,
  .margin-3--lg {
    margin-left: 1rem;
  }

  .margin-left-4--lg,
  .margin-x-4--lg,
  .margin-4--lg {
    margin-left: 2rem;
  }

  .margin-left-5--lg,
  .margin-x-5--lg,
  .margin-5--lg {
    margin-left: 4rem;
  }

  .margin-left-6--lg,
  .margin-x-6--lg,
  .margin-6--lg {
    margin-left: 8rem;
  }

  .margin-x-auto--lg {
    margin-left: auto;
    margin-right: auto;
  }

  .margin-y-auto--lg {
    margin-top: auto;
    margin-bottom: auto;
  }

  .padding-top-0--lg,
  .padding-y-0--lg,
  .padding-0--lg {
    padding-top: 0;
  }

  .padding-top-1--lg,
  .padding-y-1--lg,
  .padding-1--lg {
    padding-top: 0.25rem;
  }

  .padding-top-2--lg,
  .padding-y-2--lg,
  .padding-2--lg {
    padding-top: 0.5rem;
  }

  .padding-top-3--lg,
  .padding-y-3--lg,
  .padding-3--lg {
    padding-top: 1rem;
  }

  .padding-top-4--lg,
  .padding-y-4--lg,
  .padding-4--lg {
    padding-top: 2rem;
  }

  .padding-top-5--lg,
  .padding-y-5--lg,
  .padding-5--lg {
    padding-top: 4rem;
  }

  .padding-top-6--lg,
  .padding-y-6--lg,
  .padding-6--lg {
    padding-top: 8rem;
  }

  .padding-right-0--lg,
  .padding-x-0--lg,
  .padding-0--lg {
    padding-right: 0;
  }

  .padding-right-1--lg,
  .padding-x-1--lg,
  .padding-1--lg {
    padding-right: 0.25rem;
  }

  .padding-right-2--lg,
  .padding-x-2--lg,
  .padding-2--lg {
    padding-right: 0.5rem;
  }

  .padding-right-3--lg,
  .padding-x-3--lg,
  .padding-3--lg {
    padding-right: 1rem;
  }

  .padding-right-4--lg,
  .padding-x-4--lg,
  .padding-4--lg {
    padding-right: 2rem;
  }

  .padding-right-5--lg,
  .padding-x-5--lg,
  .padding-5--lg {
    padding-right: 4rem;
  }

  .padding-right-6--lg,
  .padding-x-6--lg,
  .padding-6--lg {
    padding-right: 8rem;
  }

  .padding-bottom-0--lg,
  .padding-y-0--lg,
  .padding-0--lg {
    padding-bottom: 0;
  }

  .padding-bottom-1--lg,
  .padding-y-1--lg,
  .padding-1--lg {
    padding-bottom: 0.25rem;
  }

  .padding-bottom-2--lg,
  .padding-y-2--lg,
  .padding-2--lg {
    padding-bottom: 0.5rem;
  }

  .padding-bottom-3--lg,
  .padding-y-3--lg,
  .padding-3--lg {
    padding-bottom: 1rem;
  }

  .padding-bottom-4--lg,
  .padding-y-4--lg,
  .padding-4--lg {
    padding-bottom: 2rem;
  }

  .padding-bottom-5--lg,
  .padding-y-5--lg,
  .padding-5--lg {
    padding-bottom: 4rem;
  }

  .padding-bottom-6--lg,
  .padding-y-6--lg,
  .padding-6--lg {
    padding-bottom: 8rem;
  }

  .padding-left-0--lg,
  .padding-x-0--lg,
  .padding-0--lg {
    padding-left: 0;
  }

  .padding-left-1--lg,
  .padding-x-1--lg,
  .padding-1--lg {
    padding-left: 0.25rem;
  }

  .padding-left-2--lg,
  .padding-x-2--lg,
  .padding-2--lg {
    padding-left: 0.5rem;
  }

  .padding-left-3--lg,
  .padding-x-3--lg,
  .padding-3--lg {
    padding-left: 1rem;
  }

  .padding-left-4--lg,
  .padding-x-4--lg,
  .padding-4--lg {
    padding-left: 2rem;
  }

  .padding-left-5--lg,
  .padding-x-5--lg,
  .padding-5--lg {
    padding-left: 4rem;
  }

  .padding-left-6--lg,
  .padding-x-6--lg,
  .padding-6--lg {
    padding-left: 8rem;
  }

  .transparent--lg {
    opacity: 0;
  }

  .opaque--lg {
    opacity: 1;
  }

  .font-xs--lg {
    font-size: 0.75rem;
  }

  .font-sm--lg {
    font-size: 0.875rem;
  }

  .font-nl--lg {
    font-size: 1rem;
  }

  .font-lg--lg {
    font-size: 1.25rem;
  }

  .font-xl--lg {
    font-size: 1.5rem;
  }

  .font-2xl--lg {
    font-size: 1.875rem;
  }

  .font-3xl--lg {
    font-size: 2.25rem;
  }

  .font-4xl--lg {
    font-size: 3rem;
  }

  .font-5xl--lg {
    font-size: 4rem;
  }

  .text-center--lg {
    text-align: center;
  }

  .text-left--lg {
    text-align: left;
  }

  .text-right--lg {
    text-align: right;
  }
}

@media screen and (min-width: 1200px) {
  .block--xl {
    display: block;
  }

  .inline-block--xl {
    display: inline-block;
  }

  .inline--xl {
    display: inline;
  }

  .flex--xl {
    display: flex;
  }

  .inline-flex--xl {
    display: inline-flex;
  }

  .grid--xl {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }

  .hidden--xl {
    display: none;
  }

  .justify-start--xl {
    justify-content: flex-start;
  }

  .justify-end--xl {
    justify-content: flex-end;
  }

  .justify-center--xl {
    justify-content: center;
  }

  .justify-between--xl {
    justify-content: space-between;
  }

  .justify-around--xl {
    justify-content: space-around;
  }

  .items-start--xl {
    align-items: flex-start;
  }

  .items-end--xl {
    align-items: flex-end;
  }

  .items-center--xl {
    align-items: center;
  }

  .items-baseline--xl {
    align-items: baseline;
  }

  .items-stretch--xl {
    align-items: stretch;
  }

  .flex-column--xl {
    flex-direction: column;
  }

  .flex-row--xl {
    flex-direction: row;
  }

  .flex-wrap--xl {
    flex-wrap: wrap;
  }

  .flex-nowrap--xl {
    flex-wrap: nowrap;
  }

  .flex-no-grow--xl {
    flex-grow: 0;
  }

  .flex-grow--xl {
    flex-grow: 1;
  }

  .flex-no-shrink--xl {
    flex-shrink: 0;
  }

  .flex-shrink--xl {
    flex-shrink: 1;
  }

  .flex-basis-auto--xl {
    flex-basis: auto;
  }

  .flex-no-basis--xl {
    flex-basis: 0;
  }

  .grid-column-1--xl {
    grid-column: span 1/span 1;
  }

  .grid-column-2--xl {
    grid-column: span 2/span 2;
  }

  .grid-column-3--xl {
    grid-column: span 3/span 3;
  }

  .grid-column-4--xl {
    grid-column: span 4/span 4;
  }

  .grid-column-5--xl {
    grid-column: span 5/span 5;
  }

  .grid-column-6--xl {
    grid-column: span 6/span 6;
  }

  .grid-column-7--xl {
    grid-column: span 7/span 7;
  }

  .grid-column-8--xl {
    grid-column: span 8/span 8;
  }

  .grid-column-9--xl {
    grid-column: span 9/span 9;
  }

  .grid-column-10--xl {
    grid-column: span 10/span 10;
  }

  .grid-column-11--xl {
    grid-column: span 11/span 11;
  }

  .grid-column-12--xl {
    grid-column: span 12/span 12;
  }

  .grid-column-start-1--xl {
    grid-column-start: 1;
  }

  .grid-column-start-2--xl {
    grid-column-start: 2;
  }

  .grid-column-start-3--xl {
    grid-column-start: 3;
  }

  .grid-column-start-4--xl {
    grid-column-start: 4;
  }

  .grid-column-start-5--xl {
    grid-column-start: 5;
  }

  .grid-column-start-6--xl {
    grid-column-start: 6;
  }

  .grid-column-start-7--xl {
    grid-column-start: 7;
  }

  .grid-column-start-8--xl {
    grid-column-start: 8;
  }

  .grid-column-start-9--xl {
    grid-column-start: 9;
  }

  .grid-column-start-10--xl {
    grid-column-start: 10;
  }

  .grid-column-start-11--xl {
    grid-column-start: 11;
  }

  .grid-column-start-12--xl {
    grid-column-start: 12;
  }

  .grid-column-gap-0--xl {
    grid-column-gap: 0;
  }

  .grid-column-gap-1--xl {
    grid-column-gap: 0.25rem;
  }

  .grid-column-gap-2--xl {
    grid-column-gap: 0.5rem;
  }

  .grid-column-gap-3--xl {
    grid-column-gap: 1rem;
  }

  .grid-column-gap-4--xl {
    grid-column-gap: 2rem;
  }

  .grid-column-gap-5--xl {
    grid-column-gap: 3rem;
  }

  .grid-column-gap-6--xl {
    grid-column-gap: 4rem;
  }

  .grid-column-gap-7--xl {
    grid-column-gap: 5rem;
  }

  .grid-row-gap-0--xl {
    grid-row-gap: 0;
  }

  .grid-row-gap-1--xl {
    grid-row-gap: 0.25rem;
  }

  .grid-row-gap-2--xl {
    grid-row-gap: 0.5rem;
  }

  .grid-row-gap-3--xl {
    grid-row-gap: 1rem;
  }

  .grid-row-gap-4--xl {
    grid-row-gap: 2rem;
  }

  .grid-row-gap-5--xl {
    grid-row-gap: 3rem;
  }

  .grid-row-gap-6--xl {
    grid-row-gap: 4rem;
  }

  .grid-row-gap-7--xl {
    grid-row-gap: 5rem;
  }

  .grid-gap-0--xl {
    grid-gap: 0;
  }

  .grid-gap-1--xl {
    grid-gap: 0.25rem;
  }

  .grid-gap-2--xl {
    grid-gap: 0.5rem;
  }

  .grid-gap-3--xl {
    grid-gap: 1rem;
  }

  .grid-gap-4--xl {
    grid-gap: 2rem;
  }

  .grid-gap-5--xl {
    grid-gap: 3rem;
  }

  .grid-gap-6--xl {
    grid-gap: 4rem;
  }

  .grid-gap-7--xl {
    grid-gap: 5rem;
  }

  .overflow-hidden--xl {
    overflow: hidden;
  }

  .overflow-auto--xl {
    overflow: auto;
  }

  .static--xl {
    position: static;
  }

  .relative--xl {
    position: relative;
  }

  .absolute--xl {
    position: absolute;
  }

  .fixed--xl {
    position: fixed;
  }

  .sticky--xl {
    position: sticky;
  }

  .max-width-full--xl {
    max-width: 100%;
  }

  .max-width-full-view--xl {
    max-width: 100vw;
  }

  .min-width-full--xl {
    min-width: 100%;
  }

  .min-width-full-view--xl {
    min-width: 100vw;
  }

  .width-full--xl {
    width: 100%;
  }

  .width-half--xl {
    width: 50%;
  }

  .width-auto--xl {
    width: auto;
  }

  .max-height-full--xl {
    max-height: 100%;
  }

  .max-height-full-view--xl {
    max-height: 100vh;
  }

  .min-height-full--xl {
    min-height: 100%;
  }

  .min-height-full-view--xl {
    min-height: 100vh;
  }

  .height-full-view--xl {
    height: 100vh;
  }

  .height-full--xl {
    height: 100%;
  }

  .height-auto--xl {
    height: auto;
  }

  .margin-top-0--xl,
  .margin-y-0--xl,
  .margin-0--xl {
    margin-top: 0;
  }

  .margin-top-1--xl,
  .margin-y-1--xl,
  .margin-1--xl {
    margin-top: 0.25rem;
  }

  .margin-top-2--xl,
  .margin-y-2--xl,
  .margin-2--xl {
    margin-top: 0.5rem;
  }

  .margin-top-3--xl,
  .margin-y-3--xl,
  .margin-3--xl {
    margin-top: 1rem;
  }

  .margin-top-4--xl,
  .margin-y-4--xl,
  .margin-4--xl {
    margin-top: 2rem;
  }

  .margin-top-5--xl,
  .margin-y-5--xl,
  .margin-5--xl {
    margin-top: 4rem;
  }

  .margin-top-6--xl,
  .margin-y-6--xl,
  .margin-6--xl {
    margin-top: 8rem;
  }

  .margin-right-0--xl,
  .margin-x-0--xl,
  .margin-0--xl {
    margin-right: 0;
  }

  .margin-right-1--xl,
  .margin-x-1--xl,
  .margin-1--xl {
    margin-right: 0.25rem;
  }

  .margin-right-2--xl,
  .margin-x-2--xl,
  .margin-2--xl {
    margin-right: 0.5rem;
  }

  .margin-right-3--xl,
  .margin-x-3--xl,
  .margin-3--xl {
    margin-right: 1rem;
  }

  .margin-right-4--xl,
  .margin-x-4--xl,
  .margin-4--xl {
    margin-right: 2rem;
  }

  .margin-right-5--xl,
  .margin-x-5--xl,
  .margin-5--xl {
    margin-right: 4rem;
  }

  .margin-right-6--xl,
  .margin-x-6--xl,
  .margin-6--xl {
    margin-right: 8rem;
  }

  .margin-bottom-0--xl,
  .margin-y-0--xl,
  .margin-0--xl {
    margin-bottom: 0;
  }

  .margin-bottom-1--xl,
  .margin-y-1--xl,
  .margin-1--xl {
    margin-bottom: 0.25rem;
  }

  .margin-bottom-2--xl,
  .margin-y-2--xl,
  .margin-2--xl {
    margin-bottom: 0.5rem;
  }

  .margin-bottom-3--xl,
  .margin-y-3--xl,
  .margin-3--xl {
    margin-bottom: 1rem;
  }

  .margin-bottom-4--xl,
  .margin-y-4--xl,
  .margin-4--xl {
    margin-bottom: 2rem;
  }

  .margin-bottom-5--xl,
  .margin-y-5--xl,
  .margin-5--xl {
    margin-bottom: 4rem;
  }

  .margin-bottom-6--xl,
  .margin-y-6--xl,
  .margin-6--xl {
    margin-bottom: 8rem;
  }

  .margin-left-0--xl,
  .margin-x-0--xl,
  .margin-0--xl {
    margin-left: 0;
  }

  .margin-left-1--xl,
  .margin-x-1--xl,
  .margin-1--xl {
    margin-left: 0.25rem;
  }

  .margin-left-2--xl,
  .margin-x-2--xl,
  .margin-2--xl {
    margin-left: 0.5rem;
  }

  .margin-left-3--xl,
  .margin-x-3--xl,
  .margin-3--xl {
    margin-left: 1rem;
  }

  .margin-left-4--xl,
  .margin-x-4--xl,
  .margin-4--xl {
    margin-left: 2rem;
  }

  .margin-left-5--xl,
  .margin-x-5--xl,
  .margin-5--xl {
    margin-left: 4rem;
  }

  .margin-left-6--xl,
  .margin-x-6--xl,
  .margin-6--xl {
    margin-left: 8rem;
  }

  .margin-x-auto--xl {
    margin-left: auto;
    margin-right: auto;
  }

  .margin-y-auto--xl {
    margin-top: auto;
    margin-bottom: auto;
  }

  .padding-top-0--xl,
  .padding-y-0--xl,
  .padding-0--xl {
    padding-top: 0;
  }

  .padding-top-1--xl,
  .padding-y-1--xl,
  .padding-1--xl {
    padding-top: 0.25rem;
  }

  .padding-top-2--xl,
  .padding-y-2--xl,
  .padding-2--xl {
    padding-top: 0.5rem;
  }

  .padding-top-3--xl,
  .padding-y-3--xl,
  .padding-3--xl {
    padding-top: 1rem;
  }

  .padding-top-4--xl,
  .padding-y-4--xl,
  .padding-4--xl {
    padding-top: 2rem;
  }

  .padding-top-5--xl,
  .padding-y-5--xl,
  .padding-5--xl {
    padding-top: 4rem;
  }

  .padding-top-6--xl,
  .padding-y-6--xl,
  .padding-6--xl {
    padding-top: 8rem;
  }

  .padding-right-0--xl,
  .padding-x-0--xl,
  .padding-0--xl {
    padding-right: 0;
  }

  .padding-right-1--xl,
  .padding-x-1--xl,
  .padding-1--xl {
    padding-right: 0.25rem;
  }

  .padding-right-2--xl,
  .padding-x-2--xl,
  .padding-2--xl {
    padding-right: 0.5rem;
  }

  .padding-right-3--xl,
  .padding-x-3--xl,
  .padding-3--xl {
    padding-right: 1rem;
  }

  .padding-right-4--xl,
  .padding-x-4--xl,
  .padding-4--xl {
    padding-right: 2rem;
  }

  .padding-right-5--xl,
  .padding-x-5--xl,
  .padding-5--xl {
    padding-right: 4rem;
  }

  .padding-right-6--xl,
  .padding-x-6--xl,
  .padding-6--xl {
    padding-right: 8rem;
  }

  .padding-bottom-0--xl,
  .padding-y-0--xl,
  .padding-0--xl {
    padding-bottom: 0;
  }

  .padding-bottom-1--xl,
  .padding-y-1--xl,
  .padding-1--xl {
    padding-bottom: 0.25rem;
  }

  .padding-bottom-2--xl,
  .padding-y-2--xl,
  .padding-2--xl {
    padding-bottom: 0.5rem;
  }

  .padding-bottom-3--xl,
  .padding-y-3--xl,
  .padding-3--xl {
    padding-bottom: 1rem;
  }

  .padding-bottom-4--xl,
  .padding-y-4--xl,
  .padding-4--xl {
    padding-bottom: 2rem;
  }

  .padding-bottom-5--xl,
  .padding-y-5--xl,
  .padding-5--xl {
    padding-bottom: 4rem;
  }

  .padding-bottom-6--xl,
  .padding-y-6--xl,
  .padding-6--xl {
    padding-bottom: 8rem;
  }

  .padding-left-0--xl,
  .padding-x-0--xl,
  .padding-0--xl {
    padding-left: 0;
  }

  .padding-left-1--xl,
  .padding-x-1--xl,
  .padding-1--xl {
    padding-left: 0.25rem;
  }

  .padding-left-2--xl,
  .padding-x-2--xl,
  .padding-2--xl {
    padding-left: 0.5rem;
  }

  .padding-left-3--xl,
  .padding-x-3--xl,
  .padding-3--xl {
    padding-left: 1rem;
  }

  .padding-left-4--xl,
  .padding-x-4--xl,
  .padding-4--xl {
    padding-left: 2rem;
  }

  .padding-left-5--xl,
  .padding-x-5--xl,
  .padding-5--xl {
    padding-left: 4rem;
  }

  .padding-left-6--xl,
  .padding-x-6--xl,
  .padding-6--xl {
    padding-left: 8rem;
  }

  .transparent--xl {
    opacity: 0;
  }

  .opaque--xl {
    opacity: 1;
  }

  .font-xs--xl {
    font-size: 0.75rem;
  }

  .font-sm--xl {
    font-size: 0.875rem;
  }

  .font-nl--xl {
    font-size: 1rem;
  }

  .font-lg--xl {
    font-size: 1.25rem;
  }

  .font-xl--xl {
    font-size: 1.5rem;
  }

  .font-2xl--xl {
    font-size: 1.875rem;
  }

  .font-3xl--xl {
    font-size: 2.25rem;
  }

  .font-4xl--xl {
    font-size: 3rem;
  }

  .font-5xl--xl {
    font-size: 4rem;
  }

  .text-center--xl {
    text-align: center;
  }

  .text-left--xl {
    text-align: left;
  }

  .text-right--xl {
    text-align: right;
  }
}

@media screen and (min-width: 1600px) {
  .block--xxl {
    display: block;
  }

  .inline-block--xxl {
    display: inline-block;
  }

  .inline--xxl {
    display: inline;
  }

  .flex--xxl {
    display: flex;
  }

  .inline-flex--xxl {
    display: inline-flex;
  }

  .grid--xxl {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }

  .hidden--xxl {
    display: none;
  }

  .justify-start--xxl {
    justify-content: flex-start;
  }

  .justify-end--xxl {
    justify-content: flex-end;
  }

  .justify-center--xxl {
    justify-content: center;
  }

  .justify-between--xxl {
    justify-content: space-between;
  }

  .justify-around--xxl {
    justify-content: space-around;
  }

  .items-start--xxl {
    align-items: flex-start;
  }

  .items-end--xxl {
    align-items: flex-end;
  }

  .items-center--xxl {
    align-items: center;
  }

  .items-baseline--xxl {
    align-items: baseline;
  }

  .items-stretch--xxl {
    align-items: stretch;
  }

  .flex-column--xxl {
    flex-direction: column;
  }

  .flex-row--xxl {
    flex-direction: row;
  }

  .flex-wrap--xxl {
    flex-wrap: wrap;
  }

  .flex-nowrap--xxl {
    flex-wrap: nowrap;
  }

  .flex-no-grow--xxl {
    flex-grow: 0;
  }

  .flex-grow--xxl {
    flex-grow: 1;
  }

  .flex-no-shrink--xxl {
    flex-shrink: 0;
  }

  .flex-shrink--xxl {
    flex-shrink: 1;
  }

  .flex-basis-auto--xxl {
    flex-basis: auto;
  }

  .flex-no-basis--xxl {
    flex-basis: 0;
  }

  .grid-column-1--xxl {
    grid-column: span 1/span 1;
  }

  .grid-column-2--xxl {
    grid-column: span 2/span 2;
  }

  .grid-column-3--xxl {
    grid-column: span 3/span 3;
  }

  .grid-column-4--xxl {
    grid-column: span 4/span 4;
  }

  .grid-column-5--xxl {
    grid-column: span 5/span 5;
  }

  .grid-column-6--xxl {
    grid-column: span 6/span 6;
  }

  .grid-column-7--xxl {
    grid-column: span 7/span 7;
  }

  .grid-column-8--xxl {
    grid-column: span 8/span 8;
  }

  .grid-column-9--xxl {
    grid-column: span 9/span 9;
  }

  .grid-column-10--xxl {
    grid-column: span 10/span 10;
  }

  .grid-column-11--xxl {
    grid-column: span 11/span 11;
  }

  .grid-column-12--xxl {
    grid-column: span 12/span 12;
  }

  .grid-column-start-1--xxl {
    grid-column-start: 1;
  }

  .grid-column-start-2--xxl {
    grid-column-start: 2;
  }

  .grid-column-start-3--xxl {
    grid-column-start: 3;
  }

  .grid-column-start-4--xxl {
    grid-column-start: 4;
  }

  .grid-column-start-5--xxl {
    grid-column-start: 5;
  }

  .grid-column-start-6--xxl {
    grid-column-start: 6;
  }

  .grid-column-start-7--xxl {
    grid-column-start: 7;
  }

  .grid-column-start-8--xxl {
    grid-column-start: 8;
  }

  .grid-column-start-9--xxl {
    grid-column-start: 9;
  }

  .grid-column-start-10--xxl {
    grid-column-start: 10;
  }

  .grid-column-start-11--xxl {
    grid-column-start: 11;
  }

  .grid-column-start-12--xxl {
    grid-column-start: 12;
  }

  .grid-column-gap-0--xxl {
    grid-column-gap: 0;
  }

  .grid-column-gap-1--xxl {
    grid-column-gap: 0.25rem;
  }

  .grid-column-gap-2--xxl {
    grid-column-gap: 0.5rem;
  }

  .grid-column-gap-3--xxl {
    grid-column-gap: 1rem;
  }

  .grid-column-gap-4--xxl {
    grid-column-gap: 2rem;
  }

  .grid-column-gap-5--xxl {
    grid-column-gap: 3rem;
  }

  .grid-column-gap-6--xxl {
    grid-column-gap: 4rem;
  }

  .grid-column-gap-7--xxl {
    grid-column-gap: 5rem;
  }

  .grid-row-gap-0--xxl {
    grid-row-gap: 0;
  }

  .grid-row-gap-1--xxl {
    grid-row-gap: 0.25rem;
  }

  .grid-row-gap-2--xxl {
    grid-row-gap: 0.5rem;
  }

  .grid-row-gap-3--xxl {
    grid-row-gap: 1rem;
  }

  .grid-row-gap-4--xxl {
    grid-row-gap: 2rem;
  }

  .grid-row-gap-5--xxl {
    grid-row-gap: 3rem;
  }

  .grid-row-gap-6--xxl {
    grid-row-gap: 4rem;
  }

  .grid-row-gap-7--xxl {
    grid-row-gap: 5rem;
  }

  .grid-gap-0--xxl {
    grid-gap: 0;
  }

  .grid-gap-1--xxl {
    grid-gap: 0.25rem;
  }

  .grid-gap-2--xxl {
    grid-gap: 0.5rem;
  }

  .grid-gap-3--xxl {
    grid-gap: 1rem;
  }

  .grid-gap-4--xxl {
    grid-gap: 2rem;
  }

  .grid-gap-5--xxl {
    grid-gap: 3rem;
  }

  .grid-gap-6--xxl {
    grid-gap: 4rem;
  }

  .grid-gap-7--xxl {
    grid-gap: 5rem;
  }

  .overflow-hidden--xxl {
    overflow: hidden;
  }

  .overflow-auto--xxl {
    overflow: auto;
  }

  .static--xxl {
    position: static;
  }

  .relative--xxl {
    position: relative;
  }

  .absolute--xxl {
    position: absolute;
  }

  .fixed--xxl {
    position: fixed;
  }

  .sticky--xxl {
    position: sticky;
  }

  .max-width-full--xxl {
    max-width: 100%;
  }

  .max-width-full-view--xxl {
    max-width: 100vw;
  }

  .min-width-full--xxl {
    min-width: 100%;
  }

  .min-width-full-view--xxl {
    min-width: 100vw;
  }

  .width-full--xxl {
    width: 100%;
  }

  .width-half--xxl {
    width: 50%;
  }

  .width-auto--xxl {
    width: auto;
  }

  .max-height-full--xxl {
    max-height: 100%;
  }

  .max-height-full-view--xxl {
    max-height: 100vh;
  }

  .min-height-full--xxl {
    min-height: 100%;
  }

  .min-height-full-view--xxl {
    min-height: 100vh;
  }

  .height-full-view--xxl {
    height: 100vh;
  }

  .height-full--xxl {
    height: 100%;
  }

  .height-auto--xxl {
    height: auto;
  }

  .margin-top-0--xxl,
  .margin-y-0--xxl,
  .margin-0--xxl {
    margin-top: 0;
  }

  .margin-top-1--xxl,
  .margin-y-1--xxl,
  .margin-1--xxl {
    margin-top: 0.25rem;
  }

  .margin-top-2--xxl,
  .margin-y-2--xxl,
  .margin-2--xxl {
    margin-top: 0.5rem;
  }

  .margin-top-3--xxl,
  .margin-y-3--xxl,
  .margin-3--xxl {
    margin-top: 1rem;
  }

  .margin-top-4--xxl,
  .margin-y-4--xxl,
  .margin-4--xxl {
    margin-top: 2rem;
  }

  .margin-top-5--xxl,
  .margin-y-5--xxl,
  .margin-5--xxl {
    margin-top: 4rem;
  }

  .margin-top-6--xxl,
  .margin-y-6--xxl,
  .margin-6--xxl {
    margin-top: 8rem;
  }

  .margin-right-0--xxl,
  .margin-x-0--xxl,
  .margin-0--xxl {
    margin-right: 0;
  }

  .margin-right-1--xxl,
  .margin-x-1--xxl,
  .margin-1--xxl {
    margin-right: 0.25rem;
  }

  .margin-right-2--xxl,
  .margin-x-2--xxl,
  .margin-2--xxl {
    margin-right: 0.5rem;
  }

  .margin-right-3--xxl,
  .margin-x-3--xxl,
  .margin-3--xxl {
    margin-right: 1rem;
  }

  .margin-right-4--xxl,
  .margin-x-4--xxl,
  .margin-4--xxl {
    margin-right: 2rem;
  }

  .margin-right-5--xxl,
  .margin-x-5--xxl,
  .margin-5--xxl {
    margin-right: 4rem;
  }

  .margin-right-6--xxl,
  .margin-x-6--xxl,
  .margin-6--xxl {
    margin-right: 8rem;
  }

  .margin-bottom-0--xxl,
  .margin-y-0--xxl,
  .margin-0--xxl {
    margin-bottom: 0;
  }

  .margin-bottom-1--xxl,
  .margin-y-1--xxl,
  .margin-1--xxl {
    margin-bottom: 0.25rem;
  }

  .margin-bottom-2--xxl,
  .margin-y-2--xxl,
  .margin-2--xxl {
    margin-bottom: 0.5rem;
  }

  .margin-bottom-3--xxl,
  .margin-y-3--xxl,
  .margin-3--xxl {
    margin-bottom: 1rem;
  }

  .margin-bottom-4--xxl,
  .margin-y-4--xxl,
  .margin-4--xxl {
    margin-bottom: 2rem;
  }

  .margin-bottom-5--xxl,
  .margin-y-5--xxl,
  .margin-5--xxl {
    margin-bottom: 4rem;
  }

  .margin-bottom-6--xxl,
  .margin-y-6--xxl,
  .margin-6--xxl {
    margin-bottom: 8rem;
  }

  .margin-left-0--xxl,
  .margin-x-0--xxl,
  .margin-0--xxl {
    margin-left: 0;
  }

  .margin-left-1--xxl,
  .margin-x-1--xxl,
  .margin-1--xxl {
    margin-left: 0.25rem;
  }

  .margin-left-2--xxl,
  .margin-x-2--xxl,
  .margin-2--xxl {
    margin-left: 0.5rem;
  }

  .margin-left-3--xxl,
  .margin-x-3--xxl,
  .margin-3--xxl {
    margin-left: 1rem;
  }

  .margin-left-4--xxl,
  .margin-x-4--xxl,
  .margin-4--xxl {
    margin-left: 2rem;
  }

  .margin-left-5--xxl,
  .margin-x-5--xxl,
  .margin-5--xxl {
    margin-left: 4rem;
  }

  .margin-left-6--xxl,
  .margin-x-6--xxl,
  .margin-6--xxl {
    margin-left: 8rem;
  }

  .margin-x-auto--xxl {
    margin-left: auto;
    margin-right: auto;
  }

  .margin-y-auto--xxl {
    margin-top: auto;
    margin-bottom: auto;
  }

  .padding-top-0--xxl,
  .padding-y-0--xxl,
  .padding-0--xxl {
    padding-top: 0;
  }

  .padding-top-1--xxl,
  .padding-y-1--xxl,
  .padding-1--xxl {
    padding-top: 0.25rem;
  }

  .padding-top-2--xxl,
  .padding-y-2--xxl,
  .padding-2--xxl {
    padding-top: 0.5rem;
  }

  .padding-top-3--xxl,
  .padding-y-3--xxl,
  .padding-3--xxl {
    padding-top: 1rem;
  }

  .padding-top-4--xxl,
  .padding-y-4--xxl,
  .padding-4--xxl {
    padding-top: 2rem;
  }

  .padding-top-5--xxl,
  .padding-y-5--xxl,
  .padding-5--xxl {
    padding-top: 4rem;
  }

  .padding-top-6--xxl,
  .padding-y-6--xxl,
  .padding-6--xxl {
    padding-top: 8rem;
  }

  .padding-right-0--xxl,
  .padding-x-0--xxl,
  .padding-0--xxl {
    padding-right: 0;
  }

  .padding-right-1--xxl,
  .padding-x-1--xxl,
  .padding-1--xxl {
    padding-right: 0.25rem;
  }

  .padding-right-2--xxl,
  .padding-x-2--xxl,
  .padding-2--xxl {
    padding-right: 0.5rem;
  }

  .padding-right-3--xxl,
  .padding-x-3--xxl,
  .padding-3--xxl {
    padding-right: 1rem;
  }

  .padding-right-4--xxl,
  .padding-x-4--xxl,
  .padding-4--xxl {
    padding-right: 2rem;
  }

  .padding-right-5--xxl,
  .padding-x-5--xxl,
  .padding-5--xxl {
    padding-right: 4rem;
  }

  .padding-right-6--xxl,
  .padding-x-6--xxl,
  .padding-6--xxl {
    padding-right: 8rem;
  }

  .padding-bottom-0--xxl,
  .padding-y-0--xxl,
  .padding-0--xxl {
    padding-bottom: 0;
  }

  .padding-bottom-1--xxl,
  .padding-y-1--xxl,
  .padding-1--xxl {
    padding-bottom: 0.25rem;
  }

  .padding-bottom-2--xxl,
  .padding-y-2--xxl,
  .padding-2--xxl {
    padding-bottom: 0.5rem;
  }

  .padding-bottom-3--xxl,
  .padding-y-3--xxl,
  .padding-3--xxl {
    padding-bottom: 1rem;
  }

  .padding-bottom-4--xxl,
  .padding-y-4--xxl,
  .padding-4--xxl {
    padding-bottom: 2rem;
  }

  .padding-bottom-5--xxl,
  .padding-y-5--xxl,
  .padding-5--xxl {
    padding-bottom: 4rem;
  }

  .padding-bottom-6--xxl,
  .padding-y-6--xxl,
  .padding-6--xxl {
    padding-bottom: 8rem;
  }

  .padding-left-0--xxl,
  .padding-x-0--xxl,
  .padding-0--xxl {
    padding-left: 0;
  }

  .padding-left-1--xxl,
  .padding-x-1--xxl,
  .padding-1--xxl {
    padding-left: 0.25rem;
  }

  .padding-left-2--xxl,
  .padding-x-2--xxl,
  .padding-2--xxl {
    padding-left: 0.5rem;
  }

  .padding-left-3--xxl,
  .padding-x-3--xxl,
  .padding-3--xxl {
    padding-left: 1rem;
  }

  .padding-left-4--xxl,
  .padding-x-4--xxl,
  .padding-4--xxl {
    padding-left: 2rem;
  }

  .padding-left-5--xxl,
  .padding-x-5--xxl,
  .padding-5--xxl {
    padding-left: 4rem;
  }

  .padding-left-6--xxl,
  .padding-x-6--xxl,
  .padding-6--xxl {
    padding-left: 8rem;
  }

  .transparent--xxl {
    opacity: 0;
  }

  .opaque--xxl {
    opacity: 1;
  }

  .font-xs--xxl {
    font-size: 0.75rem;
  }

  .font-sm--xxl {
    font-size: 0.875rem;
  }

  .font-nl--xxl {
    font-size: 1rem;
  }

  .font-lg--xxl {
    font-size: 1.25rem;
  }

  .font-xl--xxl {
    font-size: 1.5rem;
  }

  .font-2xl--xxl {
    font-size: 1.875rem;
  }

  .font-3xl--xxl {
    font-size: 2.25rem;
  }

  .font-4xl--xxl {
    font-size: 3rem;
  }

  .font-5xl--xxl {
    font-size: 4rem;
  }

  .text-center--xxl {
    text-align: center;
  }

  .text-left--xxl {
    text-align: left;
  }

  .text-right--xxl {
    text-align: right;
  }
}