*,
::before,
::after,
::backdrop,
::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

html {
  text-size-adjust: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  text-rendering: optimizespeed;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
button,
input,
label {
  line-height: 1.1;
}

img,
picture,
video,
canvas,
svg,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

img,
picture,
video,
svg {
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
  cursor: pointer;
}
input:disabled,
button:disabled,
textarea:disabled,
select:disabled {
  cursor: not-allowed;
}

ul[role=list],
ol[role=list] {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-inline-start: 0;
  margin-block: 0;
}
ul[role=list] > li,
ol[role=list] > li {
  margin: 0;
  padding: 0;
  margin-block: 0;
}

a {
  text-decoration-skip-ink: auto;
  text-decoration: none;
  color: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  --font-family-base: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

html {
  font-size: 16px;
}

body {
  font-family: var(--font-family-base);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-default);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
  font-family: var(--font-family-base);
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-bottom: 1rem;
}

small {
  font-size: 0.875rem;
}

button {
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 0.25rem;
  font-family: var(--font-family-base);
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
button:focus {
  outline: none;
}
button:disabled {
  background-color: #e0e0e0;
  color: #a0a0a0;
  cursor: not-allowed;
}
button:not([class*=bg-]) {
  background-color: var(--button-bg-color, #007bff);
  color: var(--button-text-color, #fff);
}
button:not([class*=bg-]):hover {
  background-color: var(--button-bg-color-hover, #0056b3);
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=search],
textarea {
  padding: 0.5rem;
  border: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
  border-radius: 0.25rem;
  width: 100%;
  font-family: var(--font-family-base);
  transition: border 0.2s ease-in-out;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
textarea:focus {
  border-color: var(--link-color);
  outline: none;
}

input[type=checkbox],
input[type=radio] {
  margin-right: 0.5rem;
}

select {
  padding: 0.5rem;
  border: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
  border-radius: 0.25rem;
  width: 100%;
  font-family: var(--font-family-base);
  transition: border 0.2s ease-in-out;
}
select:focus {
  border-color: var(--link-color);
  outline: none;
}

blockquote {
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  border-left: var(--border-size, 4px) var(--border-style, solid) var(--border-color, var(--secondary));
  font-style: italic;
}

hr {
  border: none;
  border-top: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--secondary));
  margin: 1rem 0;
}

img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 1rem 0;
}

figcaption {
  font-size: 0.875rem;
  color: var(--text-muted, #666);
}

a {
  transition: color 0.2s ease-in-out;
}
a:not([class*=text-]) {
  color: var(--link-color);
}
a:not([class*=text-]):hover {
  color: var(--link-hover-color);
}

label[for] {
  cursor: pointer;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

code {
  font-family: "Courier New", Courier, monospace;
  background-color: #f8f8f8;
  color: #d63384;
  padding: 2px 6px;
  border-radius: 3px;
  white-space: nowrap;
}
[data-theme=dark] code {
  background-color: #333;
  color: #f8f8f2;
}
@media (prefers-color-scheme: dark) {
  [data-theme=system] code {
    background-color: #333;
    color: #f8f8f2;
  }
}

.flex.row, .flex\@xs.row, .flex\@sm.row, .flex\@md.row, .flex\@lg.row, .flex\@xl.row, .flex\@2xl.row {
  flex-direction: row;
}
.flex.row-reverse, .flex\@xs.row-reverse, .flex\@sm.row-reverse, .flex\@md.row-reverse, .flex\@lg.row-reverse, .flex\@xl.row-reverse, .flex\@2xl.row-reverse {
  flex-direction: row-reverse;
}
.flex.col, .flex\@xs.col, .flex\@sm.col, .flex\@md.col, .flex\@lg.col, .flex\@xl.col, .flex\@2xl.col {
  flex-direction: column;
}
.flex.col-reverse, .flex\@xs.col-reverse, .flex\@sm.col-reverse, .flex\@md.col-reverse, .flex\@lg.col-reverse, .flex\@xl.col-reverse, .flex\@2xl.col-reverse {
  flex-direction: column-reverse;
}
.flex.wrap, .flex\@xs.wrap, .flex\@sm.wrap, .flex\@md.wrap, .flex\@lg.wrap, .flex\@xl.wrap, .flex\@2xl.wrap {
  flex-wrap: wrap;
}
.flex.nowrap, .flex\@xs.nowrap, .flex\@sm.nowrap, .flex\@md.nowrap, .flex\@lg.nowrap, .flex\@xl.nowrap, .flex\@2xl.nowrap {
  flex-wrap: nowrap;
}
.flex.wrap-reverse, .flex\@xs.wrap-reverse, .flex\@sm.wrap-reverse, .flex\@md.wrap-reverse, .flex\@lg.wrap-reverse, .flex\@xl.wrap-reverse, .flex\@2xl.wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex.start, .flex\@xs.start, .flex\@sm.start, .flex\@md.start, .flex\@lg.start, .flex\@xl.start, .flex\@2xl.start {
  justify-content: flex-start;
}
.flex.end, .flex\@xs.end, .flex\@sm.end, .flex\@md.end, .flex\@lg.end, .flex\@xl.end, .flex\@2xl.end {
  justify-content: flex-end;
}
.flex.center, .flex\@xs.center, .flex\@sm.center, .flex\@md.center, .flex\@lg.center, .flex\@xl.center, .flex\@2xl.center {
  justify-content: center;
}
.flex.stretch, .flex\@xs.stretch, .flex\@sm.stretch, .flex\@md.stretch, .flex\@lg.stretch, .flex\@xl.stretch, .flex\@2xl.stretch {
  justify-content: stretch;
}
.flex.between, .flex\@xs.between, .flex\@sm.between, .flex\@md.between, .flex\@lg.between, .flex\@xl.between, .flex\@2xl.between {
  justify-content: space-between;
}
.flex.around, .flex\@xs.around, .flex\@sm.around, .flex\@md.around, .flex\@lg.around, .flex\@xl.around, .flex\@2xl.around {
  justify-content: space-around;
}
.flex.evenly, .flex\@xs.evenly, .flex\@sm.evenly, .flex\@md.evenly, .flex\@lg.evenly, .flex\@xl.evenly, .flex\@2xl.evenly {
  justify-content: space-evenly;
}
.flex.x-start, .flex\@xs.x-start, .flex\@sm.x-start, .flex\@md.x-start, .flex\@lg.x-start, .flex\@xl.x-start, .flex\@2xl.x-start {
  align-items: flex-start;
}
.flex.x-end, .flex\@xs.x-end, .flex\@sm.x-end, .flex\@md.x-end, .flex\@lg.x-end, .flex\@xl.x-end, .flex\@2xl.x-end {
  align-items: flex-end;
}
.flex.x-center, .flex\@xs.x-center, .flex\@sm.x-center, .flex\@md.x-center, .flex\@lg.x-center, .flex\@xl.x-center, .flex\@2xl.x-center {
  align-items: center;
}
.flex.x-baseline, .flex\@xs.x-baseline, .flex\@sm.x-baseline, .flex\@md.x-baseline, .flex\@lg.x-baseline, .flex\@xl.x-baseline, .flex\@2xl.x-baseline {
  align-items: baseline;
}
.flex.x-stretch, .flex\@xs.x-stretch, .flex\@sm.x-stretch, .flex\@md.x-stretch, .flex\@lg.x-stretch, .flex\@xl.x-stretch, .flex\@2xl.x-stretch {
  align-items: stretch;
}
.flex.x-content-start, .flex\@xs.x-content-start, .flex\@sm.x-content-start, .flex\@md.x-content-start, .flex\@lg.x-content-start, .flex\@xl.x-content-start, .flex\@2xl.x-content-start {
  align-content: flex-start;
}
.flex.x-content-end, .flex\@xs.x-content-end, .flex\@sm.x-content-end, .flex\@md.x-content-end, .flex\@lg.x-content-end, .flex\@xl.x-content-end, .flex\@2xl.x-content-end {
  align-content: flex-end;
}
.flex.x-content-center, .flex\@xs.x-content-center, .flex\@sm.x-content-center, .flex\@md.x-content-center, .flex\@lg.x-content-center, .flex\@xl.x-content-center, .flex\@2xl.x-content-center {
  align-content: center;
}
.flex.x-content-between, .flex\@xs.x-content-between, .flex\@sm.x-content-between, .flex\@md.x-content-between, .flex\@lg.x-content-between, .flex\@xl.x-content-between, .flex\@2xl.x-content-between {
  align-content: space-between;
}
.flex.x-content-around, .flex\@xs.x-content-around, .flex\@sm.x-content-around, .flex\@md.x-content-around, .flex\@lg.x-content-around, .flex\@xl.x-content-around, .flex\@2xl.x-content-around {
  align-content: space-around;
}
.flex.x-content-evenly, .flex\@xs.x-content-evenly, .flex\@sm.x-content-evenly, .flex\@md.x-content-evenly, .flex\@lg.x-content-evenly, .flex\@xl.x-content-evenly, .flex\@2xl.x-content-evenly {
  align-content: space-evenly;
}
.flex.x-content-stretch, .flex\@xs.x-content-stretch, .flex\@sm.x-content-stretch, .flex\@md.x-content-stretch, .flex\@lg.x-content-stretch, .flex\@xl.x-content-stretch, .flex\@2xl.x-content-stretch {
  align-content: stretch;
}
.flex > .fill-auto, .flex\@xs > .fill-auto, .flex\@sm > .fill-auto, .flex\@md > .fill-auto, .flex\@lg > .fill-auto, .flex\@xl > .fill-auto, .flex\@2xl > .fill-auto {
  flex: 1 1 auto;
}
.flex > .fill-full, .flex\@xs > .fill-full, .flex\@sm > .fill-full, .flex\@md > .fill-full, .flex\@lg > .fill-full, .flex\@xl > .fill-full, .flex\@2xl > .fill-full {
  flex: 0 0 100%;
}
.flex > .grow, .flex\@xs > .grow, .flex\@sm > .grow, .flex\@md > .grow, .flex\@lg > .grow, .flex\@xl > .grow, .flex\@2xl > .grow {
  flex: 1 1 0%;
}
.flex > .no-grow, .flex\@xs > .no-grow, .flex\@sm > .no-grow, .flex\@md > .no-grow, .flex\@lg > .no-grow, .flex\@xl > .no-grow, .flex\@2xl > .no-grow {
  flex: none;
}
.flex > .order-first, .flex\@xs > .order-first, .flex\@sm > .order-first, .flex\@md > .order-first, .flex\@lg > .order-first, .flex\@xl > .order-first, .flex\@2xl > .order-first {
  order: -1;
}
.flex > .order-last, .flex\@xs > .order-last, .flex\@sm > .order-last, .flex\@md > .order-last, .flex\@lg > .order-last, .flex\@xl > .order-last, .flex\@2xl > .order-last {
  order: 9999;
}
.flex > .order-none, .flex\@xs > .order-none, .flex\@sm > .order-none, .flex\@md > .order-none, .flex\@lg > .order-none, .flex\@xl > .order-none, .flex\@2xl > .order-none {
  order: 0;
}
.flex > .shrink, .flex\@xs > .shrink, .flex\@sm > .shrink, .flex\@md > .shrink, .flex\@lg > .shrink, .flex\@xl > .shrink, .flex\@2xl > .shrink {
  flex-shrink: 1;
}
.flex > .no-shrink, .flex\@xs > .no-shrink, .flex\@sm > .no-shrink, .flex\@md > .no-shrink, .flex\@lg > .no-shrink, .flex\@xl > .no-shrink, .flex\@2xl > .no-shrink {
  flex-shrink: 0;
}
.flex > .shrink-twice, .flex\@xs > .shrink-twice, .flex\@sm > .shrink-twice, .flex\@md > .shrink-twice, .flex\@lg > .shrink-twice, .flex\@xl > .shrink-twice, .flex\@2xl > .shrink-twice {
  flex-shrink: 2;
}
.flex > .self-end, .flex\@xs > .self-end, .flex\@sm > .self-end, .flex\@md > .self-end, .flex\@lg > .self-end, .flex\@xl > .self-end, .flex\@2xl > .self-end {
  align-self: flex-end;
}
.flex > .self-start, .flex\@xs > .self-start, .flex\@sm > .self-start, .flex\@md > .self-start, .flex\@lg > .self-start, .flex\@xl > .self-start, .flex\@2xl > .self-start {
  align-self: flex-start;
}
.flex > .self-center, .flex\@xs > .self-center, .flex\@sm > .self-center, .flex\@md > .self-center, .flex\@lg > .self-center, .flex\@xl > .self-center, .flex\@2xl > .self-center {
  align-self: center;
}
.flex > .self-stretch, .flex\@xs > .self-stretch, .flex\@sm > .self-stretch, .flex\@md > .self-stretch, .flex\@lg > .self-stretch, .flex\@xl > .self-stretch, .flex\@2xl > .self-stretch {
  align-self: stretch;
}
.flex > .self-baseline, .flex\@xs > .self-baseline, .flex\@sm > .self-baseline, .flex\@md > .self-baseline, .flex\@lg > .self-baseline, .flex\@xl > .self-baseline, .flex\@2xl > .self-baseline {
  align-self: baseline;
}
.flex > .self-auto, .flex\@xs > .self-auto, .flex\@sm > .self-auto, .flex\@md > .self-auto, .flex\@lg > .self-auto, .flex\@xl > .self-auto, .flex\@2xl > .self-auto {
  align-self: auto;
}
.flex > .fill-1, .flex\@xs > .fill-1, .flex\@sm > .fill-1, .flex\@md > .fill-1, .flex\@lg > .fill-1, .flex\@xl > .fill-1, .flex\@2xl > .fill-1 {
  flex: 0 0 calc(8.3333333333% - calc(var(--flex-gap, 0px) * 11 / 12));
}
.flex > .order-1, .flex\@xs > .order-1, .flex\@sm > .order-1, .flex\@md > .order-1, .flex\@lg > .order-1, .flex\@xl > .order-1, .flex\@2xl > .order-1 {
  order: 1;
}
.flex > .fill-2, .flex\@xs > .fill-2, .flex\@sm > .fill-2, .flex\@md > .fill-2, .flex\@lg > .fill-2, .flex\@xl > .fill-2, .flex\@2xl > .fill-2 {
  flex: 0 0 calc(16.6666666667% - calc(var(--flex-gap, 0px) * 5 / 6));
}
.flex > .order-2, .flex\@xs > .order-2, .flex\@sm > .order-2, .flex\@md > .order-2, .flex\@lg > .order-2, .flex\@xl > .order-2, .flex\@2xl > .order-2 {
  order: 2;
}
.flex > .fill-3, .flex\@xs > .fill-3, .flex\@sm > .fill-3, .flex\@md > .fill-3, .flex\@lg > .fill-3, .flex\@xl > .fill-3, .flex\@2xl > .fill-3 {
  flex: 0 0 calc(25% - calc(var(--flex-gap, 0px) * 3 / 4));
}
.flex > .order-3, .flex\@xs > .order-3, .flex\@sm > .order-3, .flex\@md > .order-3, .flex\@lg > .order-3, .flex\@xl > .order-3, .flex\@2xl > .order-3 {
  order: 3;
}
.flex > .fill-4, .flex\@xs > .fill-4, .flex\@sm > .fill-4, .flex\@md > .fill-4, .flex\@lg > .fill-4, .flex\@xl > .fill-4, .flex\@2xl > .fill-4 {
  flex: 0 0 calc(33.3333333333% - calc(var(--flex-gap, 0px) * 2 / 3));
}
.flex > .order-4, .flex\@xs > .order-4, .flex\@sm > .order-4, .flex\@md > .order-4, .flex\@lg > .order-4, .flex\@xl > .order-4, .flex\@2xl > .order-4 {
  order: 4;
}
.flex > .fill-5, .flex\@xs > .fill-5, .flex\@sm > .fill-5, .flex\@md > .fill-5, .flex\@lg > .fill-5, .flex\@xl > .fill-5, .flex\@2xl > .fill-5 {
  flex: 0 0 calc(41.6666666667% - calc(var(--flex-gap, 0px) * 1.4 / 2.4));
}
.flex > .order-5, .flex\@xs > .order-5, .flex\@sm > .order-5, .flex\@md > .order-5, .flex\@lg > .order-5, .flex\@xl > .order-5, .flex\@2xl > .order-5 {
  order: 5;
}
.flex > .fill-6, .flex\@xs > .fill-6, .flex\@sm > .fill-6, .flex\@md > .fill-6, .flex\@lg > .fill-6, .flex\@xl > .fill-6, .flex\@2xl > .fill-6 {
  flex: 0 0 calc(50% - calc(var(--flex-gap, 0px) * 1 / 2));
}
.flex > .order-6, .flex\@xs > .order-6, .flex\@sm > .order-6, .flex\@md > .order-6, .flex\@lg > .order-6, .flex\@xl > .order-6, .flex\@2xl > .order-6 {
  order: 6;
}
.flex > .fill-7, .flex\@xs > .fill-7, .flex\@sm > .fill-7, .flex\@md > .fill-7, .flex\@lg > .fill-7, .flex\@xl > .fill-7, .flex\@2xl > .fill-7 {
  flex: 0 0 calc(58.3333333333% - calc(var(--flex-gap, 0px) * 0.7142857143 / 1.7142857143));
}
.flex > .order-7, .flex\@xs > .order-7, .flex\@sm > .order-7, .flex\@md > .order-7, .flex\@lg > .order-7, .flex\@xl > .order-7, .flex\@2xl > .order-7 {
  order: 7;
}
.flex > .fill-8, .flex\@xs > .fill-8, .flex\@sm > .fill-8, .flex\@md > .fill-8, .flex\@lg > .fill-8, .flex\@xl > .fill-8, .flex\@2xl > .fill-8 {
  flex: 0 0 calc(66.6666666667% - calc(var(--flex-gap, 0px) * 0.5 / 1.5));
}
.flex > .order-8, .flex\@xs > .order-8, .flex\@sm > .order-8, .flex\@md > .order-8, .flex\@lg > .order-8, .flex\@xl > .order-8, .flex\@2xl > .order-8 {
  order: 8;
}
.flex > .fill-9, .flex\@xs > .fill-9, .flex\@sm > .fill-9, .flex\@md > .fill-9, .flex\@lg > .fill-9, .flex\@xl > .fill-9, .flex\@2xl > .fill-9 {
  flex: 0 0 calc(75% - calc(var(--flex-gap, 0px) * 0.3333333333 / 1.3333333333));
}
.flex > .order-9, .flex\@xs > .order-9, .flex\@sm > .order-9, .flex\@md > .order-9, .flex\@lg > .order-9, .flex\@xl > .order-9, .flex\@2xl > .order-9 {
  order: 9;
}
.flex > .fill-10, .flex\@xs > .fill-10, .flex\@sm > .fill-10, .flex\@md > .fill-10, .flex\@lg > .fill-10, .flex\@xl > .fill-10, .flex\@2xl > .fill-10 {
  flex: 0 0 calc(83.3333333333% - calc(var(--flex-gap, 0px) * 0.2 / 1.2));
}
.flex > .order-10, .flex\@xs > .order-10, .flex\@sm > .order-10, .flex\@md > .order-10, .flex\@lg > .order-10, .flex\@xl > .order-10, .flex\@2xl > .order-10 {
  order: 10;
}
.flex > .fill-11, .flex\@xs > .fill-11, .flex\@sm > .fill-11, .flex\@md > .fill-11, .flex\@lg > .fill-11, .flex\@xl > .fill-11, .flex\@2xl > .fill-11 {
  flex: 0 0 calc(91.6666666667% - calc(var(--flex-gap, 0px) * 0.0909090909 / 1.0909090909));
}
.flex > .order-11, .flex\@xs > .order-11, .flex\@sm > .order-11, .flex\@md > .order-11, .flex\@lg > .order-11, .flex\@xl > .order-11, .flex\@2xl > .order-11 {
  order: 11;
}
.flex > .fill-12, .flex\@xs > .fill-12, .flex\@sm > .fill-12, .flex\@md > .fill-12, .flex\@lg > .fill-12, .flex\@xl > .fill-12, .flex\@2xl > .fill-12 {
  flex: 0 0 calc(100% - calc(var(--flex-gap, 0px) * 0 / 1));
}
.flex > .order-12, .flex\@xs > .order-12, .flex\@sm > .order-12, .flex\@md > .order-12, .flex\@lg > .order-12, .flex\@xl > .order-12, .flex\@2xl > .order-12 {
  order: 12;
}

@media (min-width: 480px) {
  .flex.row\@xs, .flex\@xs.row\@xs, .flex\@sm.row\@xs, .flex\@md.row\@xs, .flex\@lg.row\@xs, .flex\@xl.row\@xs, .flex\@2xl.row\@xs {
    flex-direction: row;
  }
  .flex.row-reverse\@xs, .flex\@xs.row-reverse\@xs, .flex\@sm.row-reverse\@xs, .flex\@md.row-reverse\@xs, .flex\@lg.row-reverse\@xs, .flex\@xl.row-reverse\@xs, .flex\@2xl.row-reverse\@xs {
    flex-direction: row-reverse;
  }
  .flex.col\@xs, .flex\@xs.col\@xs, .flex\@sm.col\@xs, .flex\@md.col\@xs, .flex\@lg.col\@xs, .flex\@xl.col\@xs, .flex\@2xl.col\@xs {
    flex-direction: column;
  }
  .flex.col-reverse\@xs, .flex\@xs.col-reverse\@xs, .flex\@sm.col-reverse\@xs, .flex\@md.col-reverse\@xs, .flex\@lg.col-reverse\@xs, .flex\@xl.col-reverse\@xs, .flex\@2xl.col-reverse\@xs {
    flex-direction: column-reverse;
  }
  .flex.wrap\@xs, .flex\@xs.wrap\@xs, .flex\@sm.wrap\@xs, .flex\@md.wrap\@xs, .flex\@lg.wrap\@xs, .flex\@xl.wrap\@xs, .flex\@2xl.wrap\@xs {
    flex-wrap: wrap;
  }
  .flex.nowrap\@xs, .flex\@xs.nowrap\@xs, .flex\@sm.nowrap\@xs, .flex\@md.nowrap\@xs, .flex\@lg.nowrap\@xs, .flex\@xl.nowrap\@xs, .flex\@2xl.nowrap\@xs {
    flex-wrap: nowrap;
  }
  .flex.wrap-reverse\@xs, .flex\@xs.wrap-reverse\@xs, .flex\@sm.wrap-reverse\@xs, .flex\@md.wrap-reverse\@xs, .flex\@lg.wrap-reverse\@xs, .flex\@xl.wrap-reverse\@xs, .flex\@2xl.wrap-reverse\@xs {
    flex-wrap: wrap-reverse;
  }
  .flex.start\@xs, .flex\@xs.start\@xs, .flex\@sm.start\@xs, .flex\@md.start\@xs, .flex\@lg.start\@xs, .flex\@xl.start\@xs, .flex\@2xl.start\@xs {
    justify-content: flex-start;
  }
  .flex.end\@xs, .flex\@xs.end\@xs, .flex\@sm.end\@xs, .flex\@md.end\@xs, .flex\@lg.end\@xs, .flex\@xl.end\@xs, .flex\@2xl.end\@xs {
    justify-content: flex-end;
  }
  .flex.center\@xs, .flex\@xs.center\@xs, .flex\@sm.center\@xs, .flex\@md.center\@xs, .flex\@lg.center\@xs, .flex\@xl.center\@xs, .flex\@2xl.center\@xs {
    justify-content: center;
  }
  .flex.stretch\@xs, .flex\@xs.stretch\@xs, .flex\@sm.stretch\@xs, .flex\@md.stretch\@xs, .flex\@lg.stretch\@xs, .flex\@xl.stretch\@xs, .flex\@2xl.stretch\@xs {
    justify-content: stretch;
  }
  .flex.between\@xs, .flex\@xs.between\@xs, .flex\@sm.between\@xs, .flex\@md.between\@xs, .flex\@lg.between\@xs, .flex\@xl.between\@xs, .flex\@2xl.between\@xs {
    justify-content: space-between;
  }
  .flex.around\@xs, .flex\@xs.around\@xs, .flex\@sm.around\@xs, .flex\@md.around\@xs, .flex\@lg.around\@xs, .flex\@xl.around\@xs, .flex\@2xl.around\@xs {
    justify-content: space-around;
  }
  .flex.evenly\@xs, .flex\@xs.evenly\@xs, .flex\@sm.evenly\@xs, .flex\@md.evenly\@xs, .flex\@lg.evenly\@xs, .flex\@xl.evenly\@xs, .flex\@2xl.evenly\@xs {
    justify-content: space-evenly;
  }
  .flex.x-start\@xs, .flex\@xs.x-start\@xs, .flex\@sm.x-start\@xs, .flex\@md.x-start\@xs, .flex\@lg.x-start\@xs, .flex\@xl.x-start\@xs, .flex\@2xl.x-start\@xs {
    align-items: flex-start;
  }
  .flex.x-end\@xs, .flex\@xs.x-end\@xs, .flex\@sm.x-end\@xs, .flex\@md.x-end\@xs, .flex\@lg.x-end\@xs, .flex\@xl.x-end\@xs, .flex\@2xl.x-end\@xs {
    align-items: flex-end;
  }
  .flex.x-center\@xs, .flex\@xs.x-center\@xs, .flex\@sm.x-center\@xs, .flex\@md.x-center\@xs, .flex\@lg.x-center\@xs, .flex\@xl.x-center\@xs, .flex\@2xl.x-center\@xs {
    align-items: center;
  }
  .flex.x-baseline\@xs, .flex\@xs.x-baseline\@xs, .flex\@sm.x-baseline\@xs, .flex\@md.x-baseline\@xs, .flex\@lg.x-baseline\@xs, .flex\@xl.x-baseline\@xs, .flex\@2xl.x-baseline\@xs {
    align-items: baseline;
  }
  .flex.x-stretch\@xs, .flex\@xs.x-stretch\@xs, .flex\@sm.x-stretch\@xs, .flex\@md.x-stretch\@xs, .flex\@lg.x-stretch\@xs, .flex\@xl.x-stretch\@xs, .flex\@2xl.x-stretch\@xs {
    align-items: stretch;
  }
  .flex.x-content-start\@xs, .flex\@xs.x-content-start\@xs, .flex\@sm.x-content-start\@xs, .flex\@md.x-content-start\@xs, .flex\@lg.x-content-start\@xs, .flex\@xl.x-content-start\@xs, .flex\@2xl.x-content-start\@xs {
    align-content: flex-start;
  }
  .flex.x-content-end\@xs, .flex\@xs.x-content-end\@xs, .flex\@sm.x-content-end\@xs, .flex\@md.x-content-end\@xs, .flex\@lg.x-content-end\@xs, .flex\@xl.x-content-end\@xs, .flex\@2xl.x-content-end\@xs {
    align-content: flex-end;
  }
  .flex.x-content-center\@xs, .flex\@xs.x-content-center\@xs, .flex\@sm.x-content-center\@xs, .flex\@md.x-content-center\@xs, .flex\@lg.x-content-center\@xs, .flex\@xl.x-content-center\@xs, .flex\@2xl.x-content-center\@xs {
    align-content: center;
  }
  .flex.x-content-between\@xs, .flex\@xs.x-content-between\@xs, .flex\@sm.x-content-between\@xs, .flex\@md.x-content-between\@xs, .flex\@lg.x-content-between\@xs, .flex\@xl.x-content-between\@xs, .flex\@2xl.x-content-between\@xs {
    align-content: space-between;
  }
  .flex.x-content-around\@xs, .flex\@xs.x-content-around\@xs, .flex\@sm.x-content-around\@xs, .flex\@md.x-content-around\@xs, .flex\@lg.x-content-around\@xs, .flex\@xl.x-content-around\@xs, .flex\@2xl.x-content-around\@xs {
    align-content: space-around;
  }
  .flex.x-content-evenly\@xs, .flex\@xs.x-content-evenly\@xs, .flex\@sm.x-content-evenly\@xs, .flex\@md.x-content-evenly\@xs, .flex\@lg.x-content-evenly\@xs, .flex\@xl.x-content-evenly\@xs, .flex\@2xl.x-content-evenly\@xs {
    align-content: space-evenly;
  }
  .flex.x-content-stretch\@xs, .flex\@xs.x-content-stretch\@xs, .flex\@sm.x-content-stretch\@xs, .flex\@md.x-content-stretch\@xs, .flex\@lg.x-content-stretch\@xs, .flex\@xl.x-content-stretch\@xs, .flex\@2xl.x-content-stretch\@xs {
    align-content: stretch;
  }
  .flex > .fill-auto\@xs, .flex\@xs > .fill-auto\@xs, .flex\@sm > .fill-auto\@xs, .flex\@md > .fill-auto\@xs, .flex\@lg > .fill-auto\@xs, .flex\@xl > .fill-auto\@xs, .flex\@2xl > .fill-auto\@xs {
    flex: 1 1 auto;
  }
  .flex > .fill-full\@xs, .flex\@xs > .fill-full\@xs, .flex\@sm > .fill-full\@xs, .flex\@md > .fill-full\@xs, .flex\@lg > .fill-full\@xs, .flex\@xl > .fill-full\@xs, .flex\@2xl > .fill-full\@xs {
    flex: 0 0 100%;
  }
  .flex > .grow\@xs, .flex\@xs > .grow\@xs, .flex\@sm > .grow\@xs, .flex\@md > .grow\@xs, .flex\@lg > .grow\@xs, .flex\@xl > .grow\@xs, .flex\@2xl > .grow\@xs {
    flex: 1 1 0%;
  }
  .flex > .no-grow\@xs, .flex\@xs > .no-grow\@xs, .flex\@sm > .no-grow\@xs, .flex\@md > .no-grow\@xs, .flex\@lg > .no-grow\@xs, .flex\@xl > .no-grow\@xs, .flex\@2xl > .no-grow\@xs {
    flex: none;
  }
  .flex > .order-first\@xs, .flex\@xs > .order-first\@xs, .flex\@sm > .order-first\@xs, .flex\@md > .order-first\@xs, .flex\@lg > .order-first\@xs, .flex\@xl > .order-first\@xs, .flex\@2xl > .order-first\@xs {
    order: -1;
  }
  .flex > .order-last\@xs, .flex\@xs > .order-last\@xs, .flex\@sm > .order-last\@xs, .flex\@md > .order-last\@xs, .flex\@lg > .order-last\@xs, .flex\@xl > .order-last\@xs, .flex\@2xl > .order-last\@xs {
    order: 9999;
  }
  .flex > .order-none\@xs, .flex\@xs > .order-none\@xs, .flex\@sm > .order-none\@xs, .flex\@md > .order-none\@xs, .flex\@lg > .order-none\@xs, .flex\@xl > .order-none\@xs, .flex\@2xl > .order-none\@xs {
    order: 0;
  }
  .flex > .shrink\@xs, .flex\@xs > .shrink\@xs, .flex\@sm > .shrink\@xs, .flex\@md > .shrink\@xs, .flex\@lg > .shrink\@xs, .flex\@xl > .shrink\@xs, .flex\@2xl > .shrink\@xs {
    flex-shrink: 1;
  }
  .flex > .no-shrink\@xs, .flex\@xs > .no-shrink\@xs, .flex\@sm > .no-shrink\@xs, .flex\@md > .no-shrink\@xs, .flex\@lg > .no-shrink\@xs, .flex\@xl > .no-shrink\@xs, .flex\@2xl > .no-shrink\@xs {
    flex-shrink: 0;
  }
  .flex > .shrink-twice\@xs, .flex\@xs > .shrink-twice\@xs, .flex\@sm > .shrink-twice\@xs, .flex\@md > .shrink-twice\@xs, .flex\@lg > .shrink-twice\@xs, .flex\@xl > .shrink-twice\@xs, .flex\@2xl > .shrink-twice\@xs {
    flex-shrink: 2;
  }
  .flex > .self-end\@xs, .flex\@xs > .self-end\@xs, .flex\@sm > .self-end\@xs, .flex\@md > .self-end\@xs, .flex\@lg > .self-end\@xs, .flex\@xl > .self-end\@xs, .flex\@2xl > .self-end\@xs {
    align-self: flex-end;
  }
  .flex > .self-start\@xs, .flex\@xs > .self-start\@xs, .flex\@sm > .self-start\@xs, .flex\@md > .self-start\@xs, .flex\@lg > .self-start\@xs, .flex\@xl > .self-start\@xs, .flex\@2xl > .self-start\@xs {
    align-self: flex-start;
  }
  .flex > .self-center\@xs, .flex\@xs > .self-center\@xs, .flex\@sm > .self-center\@xs, .flex\@md > .self-center\@xs, .flex\@lg > .self-center\@xs, .flex\@xl > .self-center\@xs, .flex\@2xl > .self-center\@xs {
    align-self: center;
  }
  .flex > .self-stretch\@xs, .flex\@xs > .self-stretch\@xs, .flex\@sm > .self-stretch\@xs, .flex\@md > .self-stretch\@xs, .flex\@lg > .self-stretch\@xs, .flex\@xl > .self-stretch\@xs, .flex\@2xl > .self-stretch\@xs {
    align-self: stretch;
  }
  .flex > .self-baseline\@xs, .flex\@xs > .self-baseline\@xs, .flex\@sm > .self-baseline\@xs, .flex\@md > .self-baseline\@xs, .flex\@lg > .self-baseline\@xs, .flex\@xl > .self-baseline\@xs, .flex\@2xl > .self-baseline\@xs {
    align-self: baseline;
  }
  .flex > .self-auto\@xs, .flex\@xs > .self-auto\@xs, .flex\@sm > .self-auto\@xs, .flex\@md > .self-auto\@xs, .flex\@lg > .self-auto\@xs, .flex\@xl > .self-auto\@xs, .flex\@2xl > .self-auto\@xs {
    align-self: auto;
  }
  .flex > .fill-1\@xs, .flex\@xs > .fill-1\@xs, .flex\@sm > .fill-1\@xs, .flex\@md > .fill-1\@xs, .flex\@lg > .fill-1\@xs, .flex\@xl > .fill-1\@xs, .flex\@2xl > .fill-1\@xs {
    flex: 0 0 calc(8.3333333333% - calc(var(--flex-gap, 0px) * 11 / 12));
  }
  .flex > .order-1\@xs, .flex\@xs > .order-1\@xs, .flex\@sm > .order-1\@xs, .flex\@md > .order-1\@xs, .flex\@lg > .order-1\@xs, .flex\@xl > .order-1\@xs, .flex\@2xl > .order-1\@xs {
    order: 1;
  }
  .flex > .fill-2\@xs, .flex\@xs > .fill-2\@xs, .flex\@sm > .fill-2\@xs, .flex\@md > .fill-2\@xs, .flex\@lg > .fill-2\@xs, .flex\@xl > .fill-2\@xs, .flex\@2xl > .fill-2\@xs {
    flex: 0 0 calc(16.6666666667% - calc(var(--flex-gap, 0px) * 5 / 6));
  }
  .flex > .order-2\@xs, .flex\@xs > .order-2\@xs, .flex\@sm > .order-2\@xs, .flex\@md > .order-2\@xs, .flex\@lg > .order-2\@xs, .flex\@xl > .order-2\@xs, .flex\@2xl > .order-2\@xs {
    order: 2;
  }
  .flex > .fill-3\@xs, .flex\@xs > .fill-3\@xs, .flex\@sm > .fill-3\@xs, .flex\@md > .fill-3\@xs, .flex\@lg > .fill-3\@xs, .flex\@xl > .fill-3\@xs, .flex\@2xl > .fill-3\@xs {
    flex: 0 0 calc(25% - calc(var(--flex-gap, 0px) * 3 / 4));
  }
  .flex > .order-3\@xs, .flex\@xs > .order-3\@xs, .flex\@sm > .order-3\@xs, .flex\@md > .order-3\@xs, .flex\@lg > .order-3\@xs, .flex\@xl > .order-3\@xs, .flex\@2xl > .order-3\@xs {
    order: 3;
  }
  .flex > .fill-4\@xs, .flex\@xs > .fill-4\@xs, .flex\@sm > .fill-4\@xs, .flex\@md > .fill-4\@xs, .flex\@lg > .fill-4\@xs, .flex\@xl > .fill-4\@xs, .flex\@2xl > .fill-4\@xs {
    flex: 0 0 calc(33.3333333333% - calc(var(--flex-gap, 0px) * 2 / 3));
  }
  .flex > .order-4\@xs, .flex\@xs > .order-4\@xs, .flex\@sm > .order-4\@xs, .flex\@md > .order-4\@xs, .flex\@lg > .order-4\@xs, .flex\@xl > .order-4\@xs, .flex\@2xl > .order-4\@xs {
    order: 4;
  }
  .flex > .fill-5\@xs, .flex\@xs > .fill-5\@xs, .flex\@sm > .fill-5\@xs, .flex\@md > .fill-5\@xs, .flex\@lg > .fill-5\@xs, .flex\@xl > .fill-5\@xs, .flex\@2xl > .fill-5\@xs {
    flex: 0 0 calc(41.6666666667% - calc(var(--flex-gap, 0px) * 1.4 / 2.4));
  }
  .flex > .order-5\@xs, .flex\@xs > .order-5\@xs, .flex\@sm > .order-5\@xs, .flex\@md > .order-5\@xs, .flex\@lg > .order-5\@xs, .flex\@xl > .order-5\@xs, .flex\@2xl > .order-5\@xs {
    order: 5;
  }
  .flex > .fill-6\@xs, .flex\@xs > .fill-6\@xs, .flex\@sm > .fill-6\@xs, .flex\@md > .fill-6\@xs, .flex\@lg > .fill-6\@xs, .flex\@xl > .fill-6\@xs, .flex\@2xl > .fill-6\@xs {
    flex: 0 0 calc(50% - calc(var(--flex-gap, 0px) * 1 / 2));
  }
  .flex > .order-6\@xs, .flex\@xs > .order-6\@xs, .flex\@sm > .order-6\@xs, .flex\@md > .order-6\@xs, .flex\@lg > .order-6\@xs, .flex\@xl > .order-6\@xs, .flex\@2xl > .order-6\@xs {
    order: 6;
  }
  .flex > .fill-7\@xs, .flex\@xs > .fill-7\@xs, .flex\@sm > .fill-7\@xs, .flex\@md > .fill-7\@xs, .flex\@lg > .fill-7\@xs, .flex\@xl > .fill-7\@xs, .flex\@2xl > .fill-7\@xs {
    flex: 0 0 calc(58.3333333333% - calc(var(--flex-gap, 0px) * 0.7142857143 / 1.7142857143));
  }
  .flex > .order-7\@xs, .flex\@xs > .order-7\@xs, .flex\@sm > .order-7\@xs, .flex\@md > .order-7\@xs, .flex\@lg > .order-7\@xs, .flex\@xl > .order-7\@xs, .flex\@2xl > .order-7\@xs {
    order: 7;
  }
  .flex > .fill-8\@xs, .flex\@xs > .fill-8\@xs, .flex\@sm > .fill-8\@xs, .flex\@md > .fill-8\@xs, .flex\@lg > .fill-8\@xs, .flex\@xl > .fill-8\@xs, .flex\@2xl > .fill-8\@xs {
    flex: 0 0 calc(66.6666666667% - calc(var(--flex-gap, 0px) * 0.5 / 1.5));
  }
  .flex > .order-8\@xs, .flex\@xs > .order-8\@xs, .flex\@sm > .order-8\@xs, .flex\@md > .order-8\@xs, .flex\@lg > .order-8\@xs, .flex\@xl > .order-8\@xs, .flex\@2xl > .order-8\@xs {
    order: 8;
  }
  .flex > .fill-9\@xs, .flex\@xs > .fill-9\@xs, .flex\@sm > .fill-9\@xs, .flex\@md > .fill-9\@xs, .flex\@lg > .fill-9\@xs, .flex\@xl > .fill-9\@xs, .flex\@2xl > .fill-9\@xs {
    flex: 0 0 calc(75% - calc(var(--flex-gap, 0px) * 0.3333333333 / 1.3333333333));
  }
  .flex > .order-9\@xs, .flex\@xs > .order-9\@xs, .flex\@sm > .order-9\@xs, .flex\@md > .order-9\@xs, .flex\@lg > .order-9\@xs, .flex\@xl > .order-9\@xs, .flex\@2xl > .order-9\@xs {
    order: 9;
  }
  .flex > .fill-10\@xs, .flex\@xs > .fill-10\@xs, .flex\@sm > .fill-10\@xs, .flex\@md > .fill-10\@xs, .flex\@lg > .fill-10\@xs, .flex\@xl > .fill-10\@xs, .flex\@2xl > .fill-10\@xs {
    flex: 0 0 calc(83.3333333333% - calc(var(--flex-gap, 0px) * 0.2 / 1.2));
  }
  .flex > .order-10\@xs, .flex\@xs > .order-10\@xs, .flex\@sm > .order-10\@xs, .flex\@md > .order-10\@xs, .flex\@lg > .order-10\@xs, .flex\@xl > .order-10\@xs, .flex\@2xl > .order-10\@xs {
    order: 10;
  }
  .flex > .fill-11\@xs, .flex\@xs > .fill-11\@xs, .flex\@sm > .fill-11\@xs, .flex\@md > .fill-11\@xs, .flex\@lg > .fill-11\@xs, .flex\@xl > .fill-11\@xs, .flex\@2xl > .fill-11\@xs {
    flex: 0 0 calc(91.6666666667% - calc(var(--flex-gap, 0px) * 0.0909090909 / 1.0909090909));
  }
  .flex > .order-11\@xs, .flex\@xs > .order-11\@xs, .flex\@sm > .order-11\@xs, .flex\@md > .order-11\@xs, .flex\@lg > .order-11\@xs, .flex\@xl > .order-11\@xs, .flex\@2xl > .order-11\@xs {
    order: 11;
  }
  .flex > .fill-12\@xs, .flex\@xs > .fill-12\@xs, .flex\@sm > .fill-12\@xs, .flex\@md > .fill-12\@xs, .flex\@lg > .fill-12\@xs, .flex\@xl > .fill-12\@xs, .flex\@2xl > .fill-12\@xs {
    flex: 0 0 calc(100% - calc(var(--flex-gap, 0px) * 0 / 1));
  }
  .flex > .order-12\@xs, .flex\@xs > .order-12\@xs, .flex\@sm > .order-12\@xs, .flex\@md > .order-12\@xs, .flex\@lg > .order-12\@xs, .flex\@xl > .order-12\@xs, .flex\@2xl > .order-12\@xs {
    order: 12;
  }
}
@media (min-width: 640px) {
  .flex.row\@sm, .flex\@xs.row\@sm, .flex\@sm.row\@sm, .flex\@md.row\@sm, .flex\@lg.row\@sm, .flex\@xl.row\@sm, .flex\@2xl.row\@sm {
    flex-direction: row;
  }
  .flex.row-reverse\@sm, .flex\@xs.row-reverse\@sm, .flex\@sm.row-reverse\@sm, .flex\@md.row-reverse\@sm, .flex\@lg.row-reverse\@sm, .flex\@xl.row-reverse\@sm, .flex\@2xl.row-reverse\@sm {
    flex-direction: row-reverse;
  }
  .flex.col\@sm, .flex\@xs.col\@sm, .flex\@sm.col\@sm, .flex\@md.col\@sm, .flex\@lg.col\@sm, .flex\@xl.col\@sm, .flex\@2xl.col\@sm {
    flex-direction: column;
  }
  .flex.col-reverse\@sm, .flex\@xs.col-reverse\@sm, .flex\@sm.col-reverse\@sm, .flex\@md.col-reverse\@sm, .flex\@lg.col-reverse\@sm, .flex\@xl.col-reverse\@sm, .flex\@2xl.col-reverse\@sm {
    flex-direction: column-reverse;
  }
  .flex.wrap\@sm, .flex\@xs.wrap\@sm, .flex\@sm.wrap\@sm, .flex\@md.wrap\@sm, .flex\@lg.wrap\@sm, .flex\@xl.wrap\@sm, .flex\@2xl.wrap\@sm {
    flex-wrap: wrap;
  }
  .flex.nowrap\@sm, .flex\@xs.nowrap\@sm, .flex\@sm.nowrap\@sm, .flex\@md.nowrap\@sm, .flex\@lg.nowrap\@sm, .flex\@xl.nowrap\@sm, .flex\@2xl.nowrap\@sm {
    flex-wrap: nowrap;
  }
  .flex.wrap-reverse\@sm, .flex\@xs.wrap-reverse\@sm, .flex\@sm.wrap-reverse\@sm, .flex\@md.wrap-reverse\@sm, .flex\@lg.wrap-reverse\@sm, .flex\@xl.wrap-reverse\@sm, .flex\@2xl.wrap-reverse\@sm {
    flex-wrap: wrap-reverse;
  }
  .flex.start\@sm, .flex\@xs.start\@sm, .flex\@sm.start\@sm, .flex\@md.start\@sm, .flex\@lg.start\@sm, .flex\@xl.start\@sm, .flex\@2xl.start\@sm {
    justify-content: flex-start;
  }
  .flex.end\@sm, .flex\@xs.end\@sm, .flex\@sm.end\@sm, .flex\@md.end\@sm, .flex\@lg.end\@sm, .flex\@xl.end\@sm, .flex\@2xl.end\@sm {
    justify-content: flex-end;
  }
  .flex.center\@sm, .flex\@xs.center\@sm, .flex\@sm.center\@sm, .flex\@md.center\@sm, .flex\@lg.center\@sm, .flex\@xl.center\@sm, .flex\@2xl.center\@sm {
    justify-content: center;
  }
  .flex.stretch\@sm, .flex\@xs.stretch\@sm, .flex\@sm.stretch\@sm, .flex\@md.stretch\@sm, .flex\@lg.stretch\@sm, .flex\@xl.stretch\@sm, .flex\@2xl.stretch\@sm {
    justify-content: stretch;
  }
  .flex.between\@sm, .flex\@xs.between\@sm, .flex\@sm.between\@sm, .flex\@md.between\@sm, .flex\@lg.between\@sm, .flex\@xl.between\@sm, .flex\@2xl.between\@sm {
    justify-content: space-between;
  }
  .flex.around\@sm, .flex\@xs.around\@sm, .flex\@sm.around\@sm, .flex\@md.around\@sm, .flex\@lg.around\@sm, .flex\@xl.around\@sm, .flex\@2xl.around\@sm {
    justify-content: space-around;
  }
  .flex.evenly\@sm, .flex\@xs.evenly\@sm, .flex\@sm.evenly\@sm, .flex\@md.evenly\@sm, .flex\@lg.evenly\@sm, .flex\@xl.evenly\@sm, .flex\@2xl.evenly\@sm {
    justify-content: space-evenly;
  }
  .flex.x-start\@sm, .flex\@xs.x-start\@sm, .flex\@sm.x-start\@sm, .flex\@md.x-start\@sm, .flex\@lg.x-start\@sm, .flex\@xl.x-start\@sm, .flex\@2xl.x-start\@sm {
    align-items: flex-start;
  }
  .flex.x-end\@sm, .flex\@xs.x-end\@sm, .flex\@sm.x-end\@sm, .flex\@md.x-end\@sm, .flex\@lg.x-end\@sm, .flex\@xl.x-end\@sm, .flex\@2xl.x-end\@sm {
    align-items: flex-end;
  }
  .flex.x-center\@sm, .flex\@xs.x-center\@sm, .flex\@sm.x-center\@sm, .flex\@md.x-center\@sm, .flex\@lg.x-center\@sm, .flex\@xl.x-center\@sm, .flex\@2xl.x-center\@sm {
    align-items: center;
  }
  .flex.x-baseline\@sm, .flex\@xs.x-baseline\@sm, .flex\@sm.x-baseline\@sm, .flex\@md.x-baseline\@sm, .flex\@lg.x-baseline\@sm, .flex\@xl.x-baseline\@sm, .flex\@2xl.x-baseline\@sm {
    align-items: baseline;
  }
  .flex.x-stretch\@sm, .flex\@xs.x-stretch\@sm, .flex\@sm.x-stretch\@sm, .flex\@md.x-stretch\@sm, .flex\@lg.x-stretch\@sm, .flex\@xl.x-stretch\@sm, .flex\@2xl.x-stretch\@sm {
    align-items: stretch;
  }
  .flex.x-content-start\@sm, .flex\@xs.x-content-start\@sm, .flex\@sm.x-content-start\@sm, .flex\@md.x-content-start\@sm, .flex\@lg.x-content-start\@sm, .flex\@xl.x-content-start\@sm, .flex\@2xl.x-content-start\@sm {
    align-content: flex-start;
  }
  .flex.x-content-end\@sm, .flex\@xs.x-content-end\@sm, .flex\@sm.x-content-end\@sm, .flex\@md.x-content-end\@sm, .flex\@lg.x-content-end\@sm, .flex\@xl.x-content-end\@sm, .flex\@2xl.x-content-end\@sm {
    align-content: flex-end;
  }
  .flex.x-content-center\@sm, .flex\@xs.x-content-center\@sm, .flex\@sm.x-content-center\@sm, .flex\@md.x-content-center\@sm, .flex\@lg.x-content-center\@sm, .flex\@xl.x-content-center\@sm, .flex\@2xl.x-content-center\@sm {
    align-content: center;
  }
  .flex.x-content-between\@sm, .flex\@xs.x-content-between\@sm, .flex\@sm.x-content-between\@sm, .flex\@md.x-content-between\@sm, .flex\@lg.x-content-between\@sm, .flex\@xl.x-content-between\@sm, .flex\@2xl.x-content-between\@sm {
    align-content: space-between;
  }
  .flex.x-content-around\@sm, .flex\@xs.x-content-around\@sm, .flex\@sm.x-content-around\@sm, .flex\@md.x-content-around\@sm, .flex\@lg.x-content-around\@sm, .flex\@xl.x-content-around\@sm, .flex\@2xl.x-content-around\@sm {
    align-content: space-around;
  }
  .flex.x-content-evenly\@sm, .flex\@xs.x-content-evenly\@sm, .flex\@sm.x-content-evenly\@sm, .flex\@md.x-content-evenly\@sm, .flex\@lg.x-content-evenly\@sm, .flex\@xl.x-content-evenly\@sm, .flex\@2xl.x-content-evenly\@sm {
    align-content: space-evenly;
  }
  .flex.x-content-stretch\@sm, .flex\@xs.x-content-stretch\@sm, .flex\@sm.x-content-stretch\@sm, .flex\@md.x-content-stretch\@sm, .flex\@lg.x-content-stretch\@sm, .flex\@xl.x-content-stretch\@sm, .flex\@2xl.x-content-stretch\@sm {
    align-content: stretch;
  }
  .flex > .fill-auto\@sm, .flex\@xs > .fill-auto\@sm, .flex\@sm > .fill-auto\@sm, .flex\@md > .fill-auto\@sm, .flex\@lg > .fill-auto\@sm, .flex\@xl > .fill-auto\@sm, .flex\@2xl > .fill-auto\@sm {
    flex: 1 1 auto;
  }
  .flex > .fill-full\@sm, .flex\@xs > .fill-full\@sm, .flex\@sm > .fill-full\@sm, .flex\@md > .fill-full\@sm, .flex\@lg > .fill-full\@sm, .flex\@xl > .fill-full\@sm, .flex\@2xl > .fill-full\@sm {
    flex: 0 0 100%;
  }
  .flex > .grow\@sm, .flex\@xs > .grow\@sm, .flex\@sm > .grow\@sm, .flex\@md > .grow\@sm, .flex\@lg > .grow\@sm, .flex\@xl > .grow\@sm, .flex\@2xl > .grow\@sm {
    flex: 1 1 0%;
  }
  .flex > .no-grow\@sm, .flex\@xs > .no-grow\@sm, .flex\@sm > .no-grow\@sm, .flex\@md > .no-grow\@sm, .flex\@lg > .no-grow\@sm, .flex\@xl > .no-grow\@sm, .flex\@2xl > .no-grow\@sm {
    flex: none;
  }
  .flex > .order-first\@sm, .flex\@xs > .order-first\@sm, .flex\@sm > .order-first\@sm, .flex\@md > .order-first\@sm, .flex\@lg > .order-first\@sm, .flex\@xl > .order-first\@sm, .flex\@2xl > .order-first\@sm {
    order: -1;
  }
  .flex > .order-last\@sm, .flex\@xs > .order-last\@sm, .flex\@sm > .order-last\@sm, .flex\@md > .order-last\@sm, .flex\@lg > .order-last\@sm, .flex\@xl > .order-last\@sm, .flex\@2xl > .order-last\@sm {
    order: 9999;
  }
  .flex > .order-none\@sm, .flex\@xs > .order-none\@sm, .flex\@sm > .order-none\@sm, .flex\@md > .order-none\@sm, .flex\@lg > .order-none\@sm, .flex\@xl > .order-none\@sm, .flex\@2xl > .order-none\@sm {
    order: 0;
  }
  .flex > .shrink\@sm, .flex\@xs > .shrink\@sm, .flex\@sm > .shrink\@sm, .flex\@md > .shrink\@sm, .flex\@lg > .shrink\@sm, .flex\@xl > .shrink\@sm, .flex\@2xl > .shrink\@sm {
    flex-shrink: 1;
  }
  .flex > .no-shrink\@sm, .flex\@xs > .no-shrink\@sm, .flex\@sm > .no-shrink\@sm, .flex\@md > .no-shrink\@sm, .flex\@lg > .no-shrink\@sm, .flex\@xl > .no-shrink\@sm, .flex\@2xl > .no-shrink\@sm {
    flex-shrink: 0;
  }
  .flex > .shrink-twice\@sm, .flex\@xs > .shrink-twice\@sm, .flex\@sm > .shrink-twice\@sm, .flex\@md > .shrink-twice\@sm, .flex\@lg > .shrink-twice\@sm, .flex\@xl > .shrink-twice\@sm, .flex\@2xl > .shrink-twice\@sm {
    flex-shrink: 2;
  }
  .flex > .self-end\@sm, .flex\@xs > .self-end\@sm, .flex\@sm > .self-end\@sm, .flex\@md > .self-end\@sm, .flex\@lg > .self-end\@sm, .flex\@xl > .self-end\@sm, .flex\@2xl > .self-end\@sm {
    align-self: flex-end;
  }
  .flex > .self-start\@sm, .flex\@xs > .self-start\@sm, .flex\@sm > .self-start\@sm, .flex\@md > .self-start\@sm, .flex\@lg > .self-start\@sm, .flex\@xl > .self-start\@sm, .flex\@2xl > .self-start\@sm {
    align-self: flex-start;
  }
  .flex > .self-center\@sm, .flex\@xs > .self-center\@sm, .flex\@sm > .self-center\@sm, .flex\@md > .self-center\@sm, .flex\@lg > .self-center\@sm, .flex\@xl > .self-center\@sm, .flex\@2xl > .self-center\@sm {
    align-self: center;
  }
  .flex > .self-stretch\@sm, .flex\@xs > .self-stretch\@sm, .flex\@sm > .self-stretch\@sm, .flex\@md > .self-stretch\@sm, .flex\@lg > .self-stretch\@sm, .flex\@xl > .self-stretch\@sm, .flex\@2xl > .self-stretch\@sm {
    align-self: stretch;
  }
  .flex > .self-baseline\@sm, .flex\@xs > .self-baseline\@sm, .flex\@sm > .self-baseline\@sm, .flex\@md > .self-baseline\@sm, .flex\@lg > .self-baseline\@sm, .flex\@xl > .self-baseline\@sm, .flex\@2xl > .self-baseline\@sm {
    align-self: baseline;
  }
  .flex > .self-auto\@sm, .flex\@xs > .self-auto\@sm, .flex\@sm > .self-auto\@sm, .flex\@md > .self-auto\@sm, .flex\@lg > .self-auto\@sm, .flex\@xl > .self-auto\@sm, .flex\@2xl > .self-auto\@sm {
    align-self: auto;
  }
  .flex > .fill-1\@sm, .flex\@xs > .fill-1\@sm, .flex\@sm > .fill-1\@sm, .flex\@md > .fill-1\@sm, .flex\@lg > .fill-1\@sm, .flex\@xl > .fill-1\@sm, .flex\@2xl > .fill-1\@sm {
    flex: 0 0 calc(8.3333333333% - calc(var(--flex-gap, 0px) * 11 / 12));
  }
  .flex > .order-1\@sm, .flex\@xs > .order-1\@sm, .flex\@sm > .order-1\@sm, .flex\@md > .order-1\@sm, .flex\@lg > .order-1\@sm, .flex\@xl > .order-1\@sm, .flex\@2xl > .order-1\@sm {
    order: 1;
  }
  .flex > .fill-2\@sm, .flex\@xs > .fill-2\@sm, .flex\@sm > .fill-2\@sm, .flex\@md > .fill-2\@sm, .flex\@lg > .fill-2\@sm, .flex\@xl > .fill-2\@sm, .flex\@2xl > .fill-2\@sm {
    flex: 0 0 calc(16.6666666667% - calc(var(--flex-gap, 0px) * 5 / 6));
  }
  .flex > .order-2\@sm, .flex\@xs > .order-2\@sm, .flex\@sm > .order-2\@sm, .flex\@md > .order-2\@sm, .flex\@lg > .order-2\@sm, .flex\@xl > .order-2\@sm, .flex\@2xl > .order-2\@sm {
    order: 2;
  }
  .flex > .fill-3\@sm, .flex\@xs > .fill-3\@sm, .flex\@sm > .fill-3\@sm, .flex\@md > .fill-3\@sm, .flex\@lg > .fill-3\@sm, .flex\@xl > .fill-3\@sm, .flex\@2xl > .fill-3\@sm {
    flex: 0 0 calc(25% - calc(var(--flex-gap, 0px) * 3 / 4));
  }
  .flex > .order-3\@sm, .flex\@xs > .order-3\@sm, .flex\@sm > .order-3\@sm, .flex\@md > .order-3\@sm, .flex\@lg > .order-3\@sm, .flex\@xl > .order-3\@sm, .flex\@2xl > .order-3\@sm {
    order: 3;
  }
  .flex > .fill-4\@sm, .flex\@xs > .fill-4\@sm, .flex\@sm > .fill-4\@sm, .flex\@md > .fill-4\@sm, .flex\@lg > .fill-4\@sm, .flex\@xl > .fill-4\@sm, .flex\@2xl > .fill-4\@sm {
    flex: 0 0 calc(33.3333333333% - calc(var(--flex-gap, 0px) * 2 / 3));
  }
  .flex > .order-4\@sm, .flex\@xs > .order-4\@sm, .flex\@sm > .order-4\@sm, .flex\@md > .order-4\@sm, .flex\@lg > .order-4\@sm, .flex\@xl > .order-4\@sm, .flex\@2xl > .order-4\@sm {
    order: 4;
  }
  .flex > .fill-5\@sm, .flex\@xs > .fill-5\@sm, .flex\@sm > .fill-5\@sm, .flex\@md > .fill-5\@sm, .flex\@lg > .fill-5\@sm, .flex\@xl > .fill-5\@sm, .flex\@2xl > .fill-5\@sm {
    flex: 0 0 calc(41.6666666667% - calc(var(--flex-gap, 0px) * 1.4 / 2.4));
  }
  .flex > .order-5\@sm, .flex\@xs > .order-5\@sm, .flex\@sm > .order-5\@sm, .flex\@md > .order-5\@sm, .flex\@lg > .order-5\@sm, .flex\@xl > .order-5\@sm, .flex\@2xl > .order-5\@sm {
    order: 5;
  }
  .flex > .fill-6\@sm, .flex\@xs > .fill-6\@sm, .flex\@sm > .fill-6\@sm, .flex\@md > .fill-6\@sm, .flex\@lg > .fill-6\@sm, .flex\@xl > .fill-6\@sm, .flex\@2xl > .fill-6\@sm {
    flex: 0 0 calc(50% - calc(var(--flex-gap, 0px) * 1 / 2));
  }
  .flex > .order-6\@sm, .flex\@xs > .order-6\@sm, .flex\@sm > .order-6\@sm, .flex\@md > .order-6\@sm, .flex\@lg > .order-6\@sm, .flex\@xl > .order-6\@sm, .flex\@2xl > .order-6\@sm {
    order: 6;
  }
  .flex > .fill-7\@sm, .flex\@xs > .fill-7\@sm, .flex\@sm > .fill-7\@sm, .flex\@md > .fill-7\@sm, .flex\@lg > .fill-7\@sm, .flex\@xl > .fill-7\@sm, .flex\@2xl > .fill-7\@sm {
    flex: 0 0 calc(58.3333333333% - calc(var(--flex-gap, 0px) * 0.7142857143 / 1.7142857143));
  }
  .flex > .order-7\@sm, .flex\@xs > .order-7\@sm, .flex\@sm > .order-7\@sm, .flex\@md > .order-7\@sm, .flex\@lg > .order-7\@sm, .flex\@xl > .order-7\@sm, .flex\@2xl > .order-7\@sm {
    order: 7;
  }
  .flex > .fill-8\@sm, .flex\@xs > .fill-8\@sm, .flex\@sm > .fill-8\@sm, .flex\@md > .fill-8\@sm, .flex\@lg > .fill-8\@sm, .flex\@xl > .fill-8\@sm, .flex\@2xl > .fill-8\@sm {
    flex: 0 0 calc(66.6666666667% - calc(var(--flex-gap, 0px) * 0.5 / 1.5));
  }
  .flex > .order-8\@sm, .flex\@xs > .order-8\@sm, .flex\@sm > .order-8\@sm, .flex\@md > .order-8\@sm, .flex\@lg > .order-8\@sm, .flex\@xl > .order-8\@sm, .flex\@2xl > .order-8\@sm {
    order: 8;
  }
  .flex > .fill-9\@sm, .flex\@xs > .fill-9\@sm, .flex\@sm > .fill-9\@sm, .flex\@md > .fill-9\@sm, .flex\@lg > .fill-9\@sm, .flex\@xl > .fill-9\@sm, .flex\@2xl > .fill-9\@sm {
    flex: 0 0 calc(75% - calc(var(--flex-gap, 0px) * 0.3333333333 / 1.3333333333));
  }
  .flex > .order-9\@sm, .flex\@xs > .order-9\@sm, .flex\@sm > .order-9\@sm, .flex\@md > .order-9\@sm, .flex\@lg > .order-9\@sm, .flex\@xl > .order-9\@sm, .flex\@2xl > .order-9\@sm {
    order: 9;
  }
  .flex > .fill-10\@sm, .flex\@xs > .fill-10\@sm, .flex\@sm > .fill-10\@sm, .flex\@md > .fill-10\@sm, .flex\@lg > .fill-10\@sm, .flex\@xl > .fill-10\@sm, .flex\@2xl > .fill-10\@sm {
    flex: 0 0 calc(83.3333333333% - calc(var(--flex-gap, 0px) * 0.2 / 1.2));
  }
  .flex > .order-10\@sm, .flex\@xs > .order-10\@sm, .flex\@sm > .order-10\@sm, .flex\@md > .order-10\@sm, .flex\@lg > .order-10\@sm, .flex\@xl > .order-10\@sm, .flex\@2xl > .order-10\@sm {
    order: 10;
  }
  .flex > .fill-11\@sm, .flex\@xs > .fill-11\@sm, .flex\@sm > .fill-11\@sm, .flex\@md > .fill-11\@sm, .flex\@lg > .fill-11\@sm, .flex\@xl > .fill-11\@sm, .flex\@2xl > .fill-11\@sm {
    flex: 0 0 calc(91.6666666667% - calc(var(--flex-gap, 0px) * 0.0909090909 / 1.0909090909));
  }
  .flex > .order-11\@sm, .flex\@xs > .order-11\@sm, .flex\@sm > .order-11\@sm, .flex\@md > .order-11\@sm, .flex\@lg > .order-11\@sm, .flex\@xl > .order-11\@sm, .flex\@2xl > .order-11\@sm {
    order: 11;
  }
  .flex > .fill-12\@sm, .flex\@xs > .fill-12\@sm, .flex\@sm > .fill-12\@sm, .flex\@md > .fill-12\@sm, .flex\@lg > .fill-12\@sm, .flex\@xl > .fill-12\@sm, .flex\@2xl > .fill-12\@sm {
    flex: 0 0 calc(100% - calc(var(--flex-gap, 0px) * 0 / 1));
  }
  .flex > .order-12\@sm, .flex\@xs > .order-12\@sm, .flex\@sm > .order-12\@sm, .flex\@md > .order-12\@sm, .flex\@lg > .order-12\@sm, .flex\@xl > .order-12\@sm, .flex\@2xl > .order-12\@sm {
    order: 12;
  }
}
@media (min-width: 768px) {
  .flex.row\@md, .flex\@xs.row\@md, .flex\@sm.row\@md, .flex\@md.row\@md, .flex\@lg.row\@md, .flex\@xl.row\@md, .flex\@2xl.row\@md {
    flex-direction: row;
  }
  .flex.row-reverse\@md, .flex\@xs.row-reverse\@md, .flex\@sm.row-reverse\@md, .flex\@md.row-reverse\@md, .flex\@lg.row-reverse\@md, .flex\@xl.row-reverse\@md, .flex\@2xl.row-reverse\@md {
    flex-direction: row-reverse;
  }
  .flex.col\@md, .flex\@xs.col\@md, .flex\@sm.col\@md, .flex\@md.col\@md, .flex\@lg.col\@md, .flex\@xl.col\@md, .flex\@2xl.col\@md {
    flex-direction: column;
  }
  .flex.col-reverse\@md, .flex\@xs.col-reverse\@md, .flex\@sm.col-reverse\@md, .flex\@md.col-reverse\@md, .flex\@lg.col-reverse\@md, .flex\@xl.col-reverse\@md, .flex\@2xl.col-reverse\@md {
    flex-direction: column-reverse;
  }
  .flex.wrap\@md, .flex\@xs.wrap\@md, .flex\@sm.wrap\@md, .flex\@md.wrap\@md, .flex\@lg.wrap\@md, .flex\@xl.wrap\@md, .flex\@2xl.wrap\@md {
    flex-wrap: wrap;
  }
  .flex.nowrap\@md, .flex\@xs.nowrap\@md, .flex\@sm.nowrap\@md, .flex\@md.nowrap\@md, .flex\@lg.nowrap\@md, .flex\@xl.nowrap\@md, .flex\@2xl.nowrap\@md {
    flex-wrap: nowrap;
  }
  .flex.wrap-reverse\@md, .flex\@xs.wrap-reverse\@md, .flex\@sm.wrap-reverse\@md, .flex\@md.wrap-reverse\@md, .flex\@lg.wrap-reverse\@md, .flex\@xl.wrap-reverse\@md, .flex\@2xl.wrap-reverse\@md {
    flex-wrap: wrap-reverse;
  }
  .flex.start\@md, .flex\@xs.start\@md, .flex\@sm.start\@md, .flex\@md.start\@md, .flex\@lg.start\@md, .flex\@xl.start\@md, .flex\@2xl.start\@md {
    justify-content: flex-start;
  }
  .flex.end\@md, .flex\@xs.end\@md, .flex\@sm.end\@md, .flex\@md.end\@md, .flex\@lg.end\@md, .flex\@xl.end\@md, .flex\@2xl.end\@md {
    justify-content: flex-end;
  }
  .flex.center\@md, .flex\@xs.center\@md, .flex\@sm.center\@md, .flex\@md.center\@md, .flex\@lg.center\@md, .flex\@xl.center\@md, .flex\@2xl.center\@md {
    justify-content: center;
  }
  .flex.stretch\@md, .flex\@xs.stretch\@md, .flex\@sm.stretch\@md, .flex\@md.stretch\@md, .flex\@lg.stretch\@md, .flex\@xl.stretch\@md, .flex\@2xl.stretch\@md {
    justify-content: stretch;
  }
  .flex.between\@md, .flex\@xs.between\@md, .flex\@sm.between\@md, .flex\@md.between\@md, .flex\@lg.between\@md, .flex\@xl.between\@md, .flex\@2xl.between\@md {
    justify-content: space-between;
  }
  .flex.around\@md, .flex\@xs.around\@md, .flex\@sm.around\@md, .flex\@md.around\@md, .flex\@lg.around\@md, .flex\@xl.around\@md, .flex\@2xl.around\@md {
    justify-content: space-around;
  }
  .flex.evenly\@md, .flex\@xs.evenly\@md, .flex\@sm.evenly\@md, .flex\@md.evenly\@md, .flex\@lg.evenly\@md, .flex\@xl.evenly\@md, .flex\@2xl.evenly\@md {
    justify-content: space-evenly;
  }
  .flex.x-start\@md, .flex\@xs.x-start\@md, .flex\@sm.x-start\@md, .flex\@md.x-start\@md, .flex\@lg.x-start\@md, .flex\@xl.x-start\@md, .flex\@2xl.x-start\@md {
    align-items: flex-start;
  }
  .flex.x-end\@md, .flex\@xs.x-end\@md, .flex\@sm.x-end\@md, .flex\@md.x-end\@md, .flex\@lg.x-end\@md, .flex\@xl.x-end\@md, .flex\@2xl.x-end\@md {
    align-items: flex-end;
  }
  .flex.x-center\@md, .flex\@xs.x-center\@md, .flex\@sm.x-center\@md, .flex\@md.x-center\@md, .flex\@lg.x-center\@md, .flex\@xl.x-center\@md, .flex\@2xl.x-center\@md {
    align-items: center;
  }
  .flex.x-baseline\@md, .flex\@xs.x-baseline\@md, .flex\@sm.x-baseline\@md, .flex\@md.x-baseline\@md, .flex\@lg.x-baseline\@md, .flex\@xl.x-baseline\@md, .flex\@2xl.x-baseline\@md {
    align-items: baseline;
  }
  .flex.x-stretch\@md, .flex\@xs.x-stretch\@md, .flex\@sm.x-stretch\@md, .flex\@md.x-stretch\@md, .flex\@lg.x-stretch\@md, .flex\@xl.x-stretch\@md, .flex\@2xl.x-stretch\@md {
    align-items: stretch;
  }
  .flex.x-content-start\@md, .flex\@xs.x-content-start\@md, .flex\@sm.x-content-start\@md, .flex\@md.x-content-start\@md, .flex\@lg.x-content-start\@md, .flex\@xl.x-content-start\@md, .flex\@2xl.x-content-start\@md {
    align-content: flex-start;
  }
  .flex.x-content-end\@md, .flex\@xs.x-content-end\@md, .flex\@sm.x-content-end\@md, .flex\@md.x-content-end\@md, .flex\@lg.x-content-end\@md, .flex\@xl.x-content-end\@md, .flex\@2xl.x-content-end\@md {
    align-content: flex-end;
  }
  .flex.x-content-center\@md, .flex\@xs.x-content-center\@md, .flex\@sm.x-content-center\@md, .flex\@md.x-content-center\@md, .flex\@lg.x-content-center\@md, .flex\@xl.x-content-center\@md, .flex\@2xl.x-content-center\@md {
    align-content: center;
  }
  .flex.x-content-between\@md, .flex\@xs.x-content-between\@md, .flex\@sm.x-content-between\@md, .flex\@md.x-content-between\@md, .flex\@lg.x-content-between\@md, .flex\@xl.x-content-between\@md, .flex\@2xl.x-content-between\@md {
    align-content: space-between;
  }
  .flex.x-content-around\@md, .flex\@xs.x-content-around\@md, .flex\@sm.x-content-around\@md, .flex\@md.x-content-around\@md, .flex\@lg.x-content-around\@md, .flex\@xl.x-content-around\@md, .flex\@2xl.x-content-around\@md {
    align-content: space-around;
  }
  .flex.x-content-evenly\@md, .flex\@xs.x-content-evenly\@md, .flex\@sm.x-content-evenly\@md, .flex\@md.x-content-evenly\@md, .flex\@lg.x-content-evenly\@md, .flex\@xl.x-content-evenly\@md, .flex\@2xl.x-content-evenly\@md {
    align-content: space-evenly;
  }
  .flex.x-content-stretch\@md, .flex\@xs.x-content-stretch\@md, .flex\@sm.x-content-stretch\@md, .flex\@md.x-content-stretch\@md, .flex\@lg.x-content-stretch\@md, .flex\@xl.x-content-stretch\@md, .flex\@2xl.x-content-stretch\@md {
    align-content: stretch;
  }
  .flex > .fill-auto\@md, .flex\@xs > .fill-auto\@md, .flex\@sm > .fill-auto\@md, .flex\@md > .fill-auto\@md, .flex\@lg > .fill-auto\@md, .flex\@xl > .fill-auto\@md, .flex\@2xl > .fill-auto\@md {
    flex: 1 1 auto;
  }
  .flex > .fill-full\@md, .flex\@xs > .fill-full\@md, .flex\@sm > .fill-full\@md, .flex\@md > .fill-full\@md, .flex\@lg > .fill-full\@md, .flex\@xl > .fill-full\@md, .flex\@2xl > .fill-full\@md {
    flex: 0 0 100%;
  }
  .flex > .grow\@md, .flex\@xs > .grow\@md, .flex\@sm > .grow\@md, .flex\@md > .grow\@md, .flex\@lg > .grow\@md, .flex\@xl > .grow\@md, .flex\@2xl > .grow\@md {
    flex: 1 1 0%;
  }
  .flex > .no-grow\@md, .flex\@xs > .no-grow\@md, .flex\@sm > .no-grow\@md, .flex\@md > .no-grow\@md, .flex\@lg > .no-grow\@md, .flex\@xl > .no-grow\@md, .flex\@2xl > .no-grow\@md {
    flex: none;
  }
  .flex > .order-first\@md, .flex\@xs > .order-first\@md, .flex\@sm > .order-first\@md, .flex\@md > .order-first\@md, .flex\@lg > .order-first\@md, .flex\@xl > .order-first\@md, .flex\@2xl > .order-first\@md {
    order: -1;
  }
  .flex > .order-last\@md, .flex\@xs > .order-last\@md, .flex\@sm > .order-last\@md, .flex\@md > .order-last\@md, .flex\@lg > .order-last\@md, .flex\@xl > .order-last\@md, .flex\@2xl > .order-last\@md {
    order: 9999;
  }
  .flex > .order-none\@md, .flex\@xs > .order-none\@md, .flex\@sm > .order-none\@md, .flex\@md > .order-none\@md, .flex\@lg > .order-none\@md, .flex\@xl > .order-none\@md, .flex\@2xl > .order-none\@md {
    order: 0;
  }
  .flex > .shrink\@md, .flex\@xs > .shrink\@md, .flex\@sm > .shrink\@md, .flex\@md > .shrink\@md, .flex\@lg > .shrink\@md, .flex\@xl > .shrink\@md, .flex\@2xl > .shrink\@md {
    flex-shrink: 1;
  }
  .flex > .no-shrink\@md, .flex\@xs > .no-shrink\@md, .flex\@sm > .no-shrink\@md, .flex\@md > .no-shrink\@md, .flex\@lg > .no-shrink\@md, .flex\@xl > .no-shrink\@md, .flex\@2xl > .no-shrink\@md {
    flex-shrink: 0;
  }
  .flex > .shrink-twice\@md, .flex\@xs > .shrink-twice\@md, .flex\@sm > .shrink-twice\@md, .flex\@md > .shrink-twice\@md, .flex\@lg > .shrink-twice\@md, .flex\@xl > .shrink-twice\@md, .flex\@2xl > .shrink-twice\@md {
    flex-shrink: 2;
  }
  .flex > .self-end\@md, .flex\@xs > .self-end\@md, .flex\@sm > .self-end\@md, .flex\@md > .self-end\@md, .flex\@lg > .self-end\@md, .flex\@xl > .self-end\@md, .flex\@2xl > .self-end\@md {
    align-self: flex-end;
  }
  .flex > .self-start\@md, .flex\@xs > .self-start\@md, .flex\@sm > .self-start\@md, .flex\@md > .self-start\@md, .flex\@lg > .self-start\@md, .flex\@xl > .self-start\@md, .flex\@2xl > .self-start\@md {
    align-self: flex-start;
  }
  .flex > .self-center\@md, .flex\@xs > .self-center\@md, .flex\@sm > .self-center\@md, .flex\@md > .self-center\@md, .flex\@lg > .self-center\@md, .flex\@xl > .self-center\@md, .flex\@2xl > .self-center\@md {
    align-self: center;
  }
  .flex > .self-stretch\@md, .flex\@xs > .self-stretch\@md, .flex\@sm > .self-stretch\@md, .flex\@md > .self-stretch\@md, .flex\@lg > .self-stretch\@md, .flex\@xl > .self-stretch\@md, .flex\@2xl > .self-stretch\@md {
    align-self: stretch;
  }
  .flex > .self-baseline\@md, .flex\@xs > .self-baseline\@md, .flex\@sm > .self-baseline\@md, .flex\@md > .self-baseline\@md, .flex\@lg > .self-baseline\@md, .flex\@xl > .self-baseline\@md, .flex\@2xl > .self-baseline\@md {
    align-self: baseline;
  }
  .flex > .self-auto\@md, .flex\@xs > .self-auto\@md, .flex\@sm > .self-auto\@md, .flex\@md > .self-auto\@md, .flex\@lg > .self-auto\@md, .flex\@xl > .self-auto\@md, .flex\@2xl > .self-auto\@md {
    align-self: auto;
  }
  .flex > .fill-1\@md, .flex\@xs > .fill-1\@md, .flex\@sm > .fill-1\@md, .flex\@md > .fill-1\@md, .flex\@lg > .fill-1\@md, .flex\@xl > .fill-1\@md, .flex\@2xl > .fill-1\@md {
    flex: 0 0 calc(8.3333333333% - calc(var(--flex-gap, 0px) * 11 / 12));
  }
  .flex > .order-1\@md, .flex\@xs > .order-1\@md, .flex\@sm > .order-1\@md, .flex\@md > .order-1\@md, .flex\@lg > .order-1\@md, .flex\@xl > .order-1\@md, .flex\@2xl > .order-1\@md {
    order: 1;
  }
  .flex > .fill-2\@md, .flex\@xs > .fill-2\@md, .flex\@sm > .fill-2\@md, .flex\@md > .fill-2\@md, .flex\@lg > .fill-2\@md, .flex\@xl > .fill-2\@md, .flex\@2xl > .fill-2\@md {
    flex: 0 0 calc(16.6666666667% - calc(var(--flex-gap, 0px) * 5 / 6));
  }
  .flex > .order-2\@md, .flex\@xs > .order-2\@md, .flex\@sm > .order-2\@md, .flex\@md > .order-2\@md, .flex\@lg > .order-2\@md, .flex\@xl > .order-2\@md, .flex\@2xl > .order-2\@md {
    order: 2;
  }
  .flex > .fill-3\@md, .flex\@xs > .fill-3\@md, .flex\@sm > .fill-3\@md, .flex\@md > .fill-3\@md, .flex\@lg > .fill-3\@md, .flex\@xl > .fill-3\@md, .flex\@2xl > .fill-3\@md {
    flex: 0 0 calc(25% - calc(var(--flex-gap, 0px) * 3 / 4));
  }
  .flex > .order-3\@md, .flex\@xs > .order-3\@md, .flex\@sm > .order-3\@md, .flex\@md > .order-3\@md, .flex\@lg > .order-3\@md, .flex\@xl > .order-3\@md, .flex\@2xl > .order-3\@md {
    order: 3;
  }
  .flex > .fill-4\@md, .flex\@xs > .fill-4\@md, .flex\@sm > .fill-4\@md, .flex\@md > .fill-4\@md, .flex\@lg > .fill-4\@md, .flex\@xl > .fill-4\@md, .flex\@2xl > .fill-4\@md {
    flex: 0 0 calc(33.3333333333% - calc(var(--flex-gap, 0px) * 2 / 3));
  }
  .flex > .order-4\@md, .flex\@xs > .order-4\@md, .flex\@sm > .order-4\@md, .flex\@md > .order-4\@md, .flex\@lg > .order-4\@md, .flex\@xl > .order-4\@md, .flex\@2xl > .order-4\@md {
    order: 4;
  }
  .flex > .fill-5\@md, .flex\@xs > .fill-5\@md, .flex\@sm > .fill-5\@md, .flex\@md > .fill-5\@md, .flex\@lg > .fill-5\@md, .flex\@xl > .fill-5\@md, .flex\@2xl > .fill-5\@md {
    flex: 0 0 calc(41.6666666667% - calc(var(--flex-gap, 0px) * 1.4 / 2.4));
  }
  .flex > .order-5\@md, .flex\@xs > .order-5\@md, .flex\@sm > .order-5\@md, .flex\@md > .order-5\@md, .flex\@lg > .order-5\@md, .flex\@xl > .order-5\@md, .flex\@2xl > .order-5\@md {
    order: 5;
  }
  .flex > .fill-6\@md, .flex\@xs > .fill-6\@md, .flex\@sm > .fill-6\@md, .flex\@md > .fill-6\@md, .flex\@lg > .fill-6\@md, .flex\@xl > .fill-6\@md, .flex\@2xl > .fill-6\@md {
    flex: 0 0 calc(50% - calc(var(--flex-gap, 0px) * 1 / 2));
  }
  .flex > .order-6\@md, .flex\@xs > .order-6\@md, .flex\@sm > .order-6\@md, .flex\@md > .order-6\@md, .flex\@lg > .order-6\@md, .flex\@xl > .order-6\@md, .flex\@2xl > .order-6\@md {
    order: 6;
  }
  .flex > .fill-7\@md, .flex\@xs > .fill-7\@md, .flex\@sm > .fill-7\@md, .flex\@md > .fill-7\@md, .flex\@lg > .fill-7\@md, .flex\@xl > .fill-7\@md, .flex\@2xl > .fill-7\@md {
    flex: 0 0 calc(58.3333333333% - calc(var(--flex-gap, 0px) * 0.7142857143 / 1.7142857143));
  }
  .flex > .order-7\@md, .flex\@xs > .order-7\@md, .flex\@sm > .order-7\@md, .flex\@md > .order-7\@md, .flex\@lg > .order-7\@md, .flex\@xl > .order-7\@md, .flex\@2xl > .order-7\@md {
    order: 7;
  }
  .flex > .fill-8\@md, .flex\@xs > .fill-8\@md, .flex\@sm > .fill-8\@md, .flex\@md > .fill-8\@md, .flex\@lg > .fill-8\@md, .flex\@xl > .fill-8\@md, .flex\@2xl > .fill-8\@md {
    flex: 0 0 calc(66.6666666667% - calc(var(--flex-gap, 0px) * 0.5 / 1.5));
  }
  .flex > .order-8\@md, .flex\@xs > .order-8\@md, .flex\@sm > .order-8\@md, .flex\@md > .order-8\@md, .flex\@lg > .order-8\@md, .flex\@xl > .order-8\@md, .flex\@2xl > .order-8\@md {
    order: 8;
  }
  .flex > .fill-9\@md, .flex\@xs > .fill-9\@md, .flex\@sm > .fill-9\@md, .flex\@md > .fill-9\@md, .flex\@lg > .fill-9\@md, .flex\@xl > .fill-9\@md, .flex\@2xl > .fill-9\@md {
    flex: 0 0 calc(75% - calc(var(--flex-gap, 0px) * 0.3333333333 / 1.3333333333));
  }
  .flex > .order-9\@md, .flex\@xs > .order-9\@md, .flex\@sm > .order-9\@md, .flex\@md > .order-9\@md, .flex\@lg > .order-9\@md, .flex\@xl > .order-9\@md, .flex\@2xl > .order-9\@md {
    order: 9;
  }
  .flex > .fill-10\@md, .flex\@xs > .fill-10\@md, .flex\@sm > .fill-10\@md, .flex\@md > .fill-10\@md, .flex\@lg > .fill-10\@md, .flex\@xl > .fill-10\@md, .flex\@2xl > .fill-10\@md {
    flex: 0 0 calc(83.3333333333% - calc(var(--flex-gap, 0px) * 0.2 / 1.2));
  }
  .flex > .order-10\@md, .flex\@xs > .order-10\@md, .flex\@sm > .order-10\@md, .flex\@md > .order-10\@md, .flex\@lg > .order-10\@md, .flex\@xl > .order-10\@md, .flex\@2xl > .order-10\@md {
    order: 10;
  }
  .flex > .fill-11\@md, .flex\@xs > .fill-11\@md, .flex\@sm > .fill-11\@md, .flex\@md > .fill-11\@md, .flex\@lg > .fill-11\@md, .flex\@xl > .fill-11\@md, .flex\@2xl > .fill-11\@md {
    flex: 0 0 calc(91.6666666667% - calc(var(--flex-gap, 0px) * 0.0909090909 / 1.0909090909));
  }
  .flex > .order-11\@md, .flex\@xs > .order-11\@md, .flex\@sm > .order-11\@md, .flex\@md > .order-11\@md, .flex\@lg > .order-11\@md, .flex\@xl > .order-11\@md, .flex\@2xl > .order-11\@md {
    order: 11;
  }
  .flex > .fill-12\@md, .flex\@xs > .fill-12\@md, .flex\@sm > .fill-12\@md, .flex\@md > .fill-12\@md, .flex\@lg > .fill-12\@md, .flex\@xl > .fill-12\@md, .flex\@2xl > .fill-12\@md {
    flex: 0 0 calc(100% - calc(var(--flex-gap, 0px) * 0 / 1));
  }
  .flex > .order-12\@md, .flex\@xs > .order-12\@md, .flex\@sm > .order-12\@md, .flex\@md > .order-12\@md, .flex\@lg > .order-12\@md, .flex\@xl > .order-12\@md, .flex\@2xl > .order-12\@md {
    order: 12;
  }
}
@media (min-width: 1024px) {
  .flex.row\@lg, .flex\@xs.row\@lg, .flex\@sm.row\@lg, .flex\@md.row\@lg, .flex\@lg.row\@lg, .flex\@xl.row\@lg, .flex\@2xl.row\@lg {
    flex-direction: row;
  }
  .flex.row-reverse\@lg, .flex\@xs.row-reverse\@lg, .flex\@sm.row-reverse\@lg, .flex\@md.row-reverse\@lg, .flex\@lg.row-reverse\@lg, .flex\@xl.row-reverse\@lg, .flex\@2xl.row-reverse\@lg {
    flex-direction: row-reverse;
  }
  .flex.col\@lg, .flex\@xs.col\@lg, .flex\@sm.col\@lg, .flex\@md.col\@lg, .flex\@lg.col\@lg, .flex\@xl.col\@lg, .flex\@2xl.col\@lg {
    flex-direction: column;
  }
  .flex.col-reverse\@lg, .flex\@xs.col-reverse\@lg, .flex\@sm.col-reverse\@lg, .flex\@md.col-reverse\@lg, .flex\@lg.col-reverse\@lg, .flex\@xl.col-reverse\@lg, .flex\@2xl.col-reverse\@lg {
    flex-direction: column-reverse;
  }
  .flex.wrap\@lg, .flex\@xs.wrap\@lg, .flex\@sm.wrap\@lg, .flex\@md.wrap\@lg, .flex\@lg.wrap\@lg, .flex\@xl.wrap\@lg, .flex\@2xl.wrap\@lg {
    flex-wrap: wrap;
  }
  .flex.nowrap\@lg, .flex\@xs.nowrap\@lg, .flex\@sm.nowrap\@lg, .flex\@md.nowrap\@lg, .flex\@lg.nowrap\@lg, .flex\@xl.nowrap\@lg, .flex\@2xl.nowrap\@lg {
    flex-wrap: nowrap;
  }
  .flex.wrap-reverse\@lg, .flex\@xs.wrap-reverse\@lg, .flex\@sm.wrap-reverse\@lg, .flex\@md.wrap-reverse\@lg, .flex\@lg.wrap-reverse\@lg, .flex\@xl.wrap-reverse\@lg, .flex\@2xl.wrap-reverse\@lg {
    flex-wrap: wrap-reverse;
  }
  .flex.start\@lg, .flex\@xs.start\@lg, .flex\@sm.start\@lg, .flex\@md.start\@lg, .flex\@lg.start\@lg, .flex\@xl.start\@lg, .flex\@2xl.start\@lg {
    justify-content: flex-start;
  }
  .flex.end\@lg, .flex\@xs.end\@lg, .flex\@sm.end\@lg, .flex\@md.end\@lg, .flex\@lg.end\@lg, .flex\@xl.end\@lg, .flex\@2xl.end\@lg {
    justify-content: flex-end;
  }
  .flex.center\@lg, .flex\@xs.center\@lg, .flex\@sm.center\@lg, .flex\@md.center\@lg, .flex\@lg.center\@lg, .flex\@xl.center\@lg, .flex\@2xl.center\@lg {
    justify-content: center;
  }
  .flex.stretch\@lg, .flex\@xs.stretch\@lg, .flex\@sm.stretch\@lg, .flex\@md.stretch\@lg, .flex\@lg.stretch\@lg, .flex\@xl.stretch\@lg, .flex\@2xl.stretch\@lg {
    justify-content: stretch;
  }
  .flex.between\@lg, .flex\@xs.between\@lg, .flex\@sm.between\@lg, .flex\@md.between\@lg, .flex\@lg.between\@lg, .flex\@xl.between\@lg, .flex\@2xl.between\@lg {
    justify-content: space-between;
  }
  .flex.around\@lg, .flex\@xs.around\@lg, .flex\@sm.around\@lg, .flex\@md.around\@lg, .flex\@lg.around\@lg, .flex\@xl.around\@lg, .flex\@2xl.around\@lg {
    justify-content: space-around;
  }
  .flex.evenly\@lg, .flex\@xs.evenly\@lg, .flex\@sm.evenly\@lg, .flex\@md.evenly\@lg, .flex\@lg.evenly\@lg, .flex\@xl.evenly\@lg, .flex\@2xl.evenly\@lg {
    justify-content: space-evenly;
  }
  .flex.x-start\@lg, .flex\@xs.x-start\@lg, .flex\@sm.x-start\@lg, .flex\@md.x-start\@lg, .flex\@lg.x-start\@lg, .flex\@xl.x-start\@lg, .flex\@2xl.x-start\@lg {
    align-items: flex-start;
  }
  .flex.x-end\@lg, .flex\@xs.x-end\@lg, .flex\@sm.x-end\@lg, .flex\@md.x-end\@lg, .flex\@lg.x-end\@lg, .flex\@xl.x-end\@lg, .flex\@2xl.x-end\@lg {
    align-items: flex-end;
  }
  .flex.x-center\@lg, .flex\@xs.x-center\@lg, .flex\@sm.x-center\@lg, .flex\@md.x-center\@lg, .flex\@lg.x-center\@lg, .flex\@xl.x-center\@lg, .flex\@2xl.x-center\@lg {
    align-items: center;
  }
  .flex.x-baseline\@lg, .flex\@xs.x-baseline\@lg, .flex\@sm.x-baseline\@lg, .flex\@md.x-baseline\@lg, .flex\@lg.x-baseline\@lg, .flex\@xl.x-baseline\@lg, .flex\@2xl.x-baseline\@lg {
    align-items: baseline;
  }
  .flex.x-stretch\@lg, .flex\@xs.x-stretch\@lg, .flex\@sm.x-stretch\@lg, .flex\@md.x-stretch\@lg, .flex\@lg.x-stretch\@lg, .flex\@xl.x-stretch\@lg, .flex\@2xl.x-stretch\@lg {
    align-items: stretch;
  }
  .flex.x-content-start\@lg, .flex\@xs.x-content-start\@lg, .flex\@sm.x-content-start\@lg, .flex\@md.x-content-start\@lg, .flex\@lg.x-content-start\@lg, .flex\@xl.x-content-start\@lg, .flex\@2xl.x-content-start\@lg {
    align-content: flex-start;
  }
  .flex.x-content-end\@lg, .flex\@xs.x-content-end\@lg, .flex\@sm.x-content-end\@lg, .flex\@md.x-content-end\@lg, .flex\@lg.x-content-end\@lg, .flex\@xl.x-content-end\@lg, .flex\@2xl.x-content-end\@lg {
    align-content: flex-end;
  }
  .flex.x-content-center\@lg, .flex\@xs.x-content-center\@lg, .flex\@sm.x-content-center\@lg, .flex\@md.x-content-center\@lg, .flex\@lg.x-content-center\@lg, .flex\@xl.x-content-center\@lg, .flex\@2xl.x-content-center\@lg {
    align-content: center;
  }
  .flex.x-content-between\@lg, .flex\@xs.x-content-between\@lg, .flex\@sm.x-content-between\@lg, .flex\@md.x-content-between\@lg, .flex\@lg.x-content-between\@lg, .flex\@xl.x-content-between\@lg, .flex\@2xl.x-content-between\@lg {
    align-content: space-between;
  }
  .flex.x-content-around\@lg, .flex\@xs.x-content-around\@lg, .flex\@sm.x-content-around\@lg, .flex\@md.x-content-around\@lg, .flex\@lg.x-content-around\@lg, .flex\@xl.x-content-around\@lg, .flex\@2xl.x-content-around\@lg {
    align-content: space-around;
  }
  .flex.x-content-evenly\@lg, .flex\@xs.x-content-evenly\@lg, .flex\@sm.x-content-evenly\@lg, .flex\@md.x-content-evenly\@lg, .flex\@lg.x-content-evenly\@lg, .flex\@xl.x-content-evenly\@lg, .flex\@2xl.x-content-evenly\@lg {
    align-content: space-evenly;
  }
  .flex.x-content-stretch\@lg, .flex\@xs.x-content-stretch\@lg, .flex\@sm.x-content-stretch\@lg, .flex\@md.x-content-stretch\@lg, .flex\@lg.x-content-stretch\@lg, .flex\@xl.x-content-stretch\@lg, .flex\@2xl.x-content-stretch\@lg {
    align-content: stretch;
  }
  .flex > .fill-auto\@lg, .flex\@xs > .fill-auto\@lg, .flex\@sm > .fill-auto\@lg, .flex\@md > .fill-auto\@lg, .flex\@lg > .fill-auto\@lg, .flex\@xl > .fill-auto\@lg, .flex\@2xl > .fill-auto\@lg {
    flex: 1 1 auto;
  }
  .flex > .fill-full\@lg, .flex\@xs > .fill-full\@lg, .flex\@sm > .fill-full\@lg, .flex\@md > .fill-full\@lg, .flex\@lg > .fill-full\@lg, .flex\@xl > .fill-full\@lg, .flex\@2xl > .fill-full\@lg {
    flex: 0 0 100%;
  }
  .flex > .grow\@lg, .flex\@xs > .grow\@lg, .flex\@sm > .grow\@lg, .flex\@md > .grow\@lg, .flex\@lg > .grow\@lg, .flex\@xl > .grow\@lg, .flex\@2xl > .grow\@lg {
    flex: 1 1 0%;
  }
  .flex > .no-grow\@lg, .flex\@xs > .no-grow\@lg, .flex\@sm > .no-grow\@lg, .flex\@md > .no-grow\@lg, .flex\@lg > .no-grow\@lg, .flex\@xl > .no-grow\@lg, .flex\@2xl > .no-grow\@lg {
    flex: none;
  }
  .flex > .order-first\@lg, .flex\@xs > .order-first\@lg, .flex\@sm > .order-first\@lg, .flex\@md > .order-first\@lg, .flex\@lg > .order-first\@lg, .flex\@xl > .order-first\@lg, .flex\@2xl > .order-first\@lg {
    order: -1;
  }
  .flex > .order-last\@lg, .flex\@xs > .order-last\@lg, .flex\@sm > .order-last\@lg, .flex\@md > .order-last\@lg, .flex\@lg > .order-last\@lg, .flex\@xl > .order-last\@lg, .flex\@2xl > .order-last\@lg {
    order: 9999;
  }
  .flex > .order-none\@lg, .flex\@xs > .order-none\@lg, .flex\@sm > .order-none\@lg, .flex\@md > .order-none\@lg, .flex\@lg > .order-none\@lg, .flex\@xl > .order-none\@lg, .flex\@2xl > .order-none\@lg {
    order: 0;
  }
  .flex > .shrink\@lg, .flex\@xs > .shrink\@lg, .flex\@sm > .shrink\@lg, .flex\@md > .shrink\@lg, .flex\@lg > .shrink\@lg, .flex\@xl > .shrink\@lg, .flex\@2xl > .shrink\@lg {
    flex-shrink: 1;
  }
  .flex > .no-shrink\@lg, .flex\@xs > .no-shrink\@lg, .flex\@sm > .no-shrink\@lg, .flex\@md > .no-shrink\@lg, .flex\@lg > .no-shrink\@lg, .flex\@xl > .no-shrink\@lg, .flex\@2xl > .no-shrink\@lg {
    flex-shrink: 0;
  }
  .flex > .shrink-twice\@lg, .flex\@xs > .shrink-twice\@lg, .flex\@sm > .shrink-twice\@lg, .flex\@md > .shrink-twice\@lg, .flex\@lg > .shrink-twice\@lg, .flex\@xl > .shrink-twice\@lg, .flex\@2xl > .shrink-twice\@lg {
    flex-shrink: 2;
  }
  .flex > .self-end\@lg, .flex\@xs > .self-end\@lg, .flex\@sm > .self-end\@lg, .flex\@md > .self-end\@lg, .flex\@lg > .self-end\@lg, .flex\@xl > .self-end\@lg, .flex\@2xl > .self-end\@lg {
    align-self: flex-end;
  }
  .flex > .self-start\@lg, .flex\@xs > .self-start\@lg, .flex\@sm > .self-start\@lg, .flex\@md > .self-start\@lg, .flex\@lg > .self-start\@lg, .flex\@xl > .self-start\@lg, .flex\@2xl > .self-start\@lg {
    align-self: flex-start;
  }
  .flex > .self-center\@lg, .flex\@xs > .self-center\@lg, .flex\@sm > .self-center\@lg, .flex\@md > .self-center\@lg, .flex\@lg > .self-center\@lg, .flex\@xl > .self-center\@lg, .flex\@2xl > .self-center\@lg {
    align-self: center;
  }
  .flex > .self-stretch\@lg, .flex\@xs > .self-stretch\@lg, .flex\@sm > .self-stretch\@lg, .flex\@md > .self-stretch\@lg, .flex\@lg > .self-stretch\@lg, .flex\@xl > .self-stretch\@lg, .flex\@2xl > .self-stretch\@lg {
    align-self: stretch;
  }
  .flex > .self-baseline\@lg, .flex\@xs > .self-baseline\@lg, .flex\@sm > .self-baseline\@lg, .flex\@md > .self-baseline\@lg, .flex\@lg > .self-baseline\@lg, .flex\@xl > .self-baseline\@lg, .flex\@2xl > .self-baseline\@lg {
    align-self: baseline;
  }
  .flex > .self-auto\@lg, .flex\@xs > .self-auto\@lg, .flex\@sm > .self-auto\@lg, .flex\@md > .self-auto\@lg, .flex\@lg > .self-auto\@lg, .flex\@xl > .self-auto\@lg, .flex\@2xl > .self-auto\@lg {
    align-self: auto;
  }
  .flex > .fill-1\@lg, .flex\@xs > .fill-1\@lg, .flex\@sm > .fill-1\@lg, .flex\@md > .fill-1\@lg, .flex\@lg > .fill-1\@lg, .flex\@xl > .fill-1\@lg, .flex\@2xl > .fill-1\@lg {
    flex: 0 0 calc(8.3333333333% - calc(var(--flex-gap, 0px) * 11 / 12));
  }
  .flex > .order-1\@lg, .flex\@xs > .order-1\@lg, .flex\@sm > .order-1\@lg, .flex\@md > .order-1\@lg, .flex\@lg > .order-1\@lg, .flex\@xl > .order-1\@lg, .flex\@2xl > .order-1\@lg {
    order: 1;
  }
  .flex > .fill-2\@lg, .flex\@xs > .fill-2\@lg, .flex\@sm > .fill-2\@lg, .flex\@md > .fill-2\@lg, .flex\@lg > .fill-2\@lg, .flex\@xl > .fill-2\@lg, .flex\@2xl > .fill-2\@lg {
    flex: 0 0 calc(16.6666666667% - calc(var(--flex-gap, 0px) * 5 / 6));
  }
  .flex > .order-2\@lg, .flex\@xs > .order-2\@lg, .flex\@sm > .order-2\@lg, .flex\@md > .order-2\@lg, .flex\@lg > .order-2\@lg, .flex\@xl > .order-2\@lg, .flex\@2xl > .order-2\@lg {
    order: 2;
  }
  .flex > .fill-3\@lg, .flex\@xs > .fill-3\@lg, .flex\@sm > .fill-3\@lg, .flex\@md > .fill-3\@lg, .flex\@lg > .fill-3\@lg, .flex\@xl > .fill-3\@lg, .flex\@2xl > .fill-3\@lg {
    flex: 0 0 calc(25% - calc(var(--flex-gap, 0px) * 3 / 4));
  }
  .flex > .order-3\@lg, .flex\@xs > .order-3\@lg, .flex\@sm > .order-3\@lg, .flex\@md > .order-3\@lg, .flex\@lg > .order-3\@lg, .flex\@xl > .order-3\@lg, .flex\@2xl > .order-3\@lg {
    order: 3;
  }
  .flex > .fill-4\@lg, .flex\@xs > .fill-4\@lg, .flex\@sm > .fill-4\@lg, .flex\@md > .fill-4\@lg, .flex\@lg > .fill-4\@lg, .flex\@xl > .fill-4\@lg, .flex\@2xl > .fill-4\@lg {
    flex: 0 0 calc(33.3333333333% - calc(var(--flex-gap, 0px) * 2 / 3));
  }
  .flex > .order-4\@lg, .flex\@xs > .order-4\@lg, .flex\@sm > .order-4\@lg, .flex\@md > .order-4\@lg, .flex\@lg > .order-4\@lg, .flex\@xl > .order-4\@lg, .flex\@2xl > .order-4\@lg {
    order: 4;
  }
  .flex > .fill-5\@lg, .flex\@xs > .fill-5\@lg, .flex\@sm > .fill-5\@lg, .flex\@md > .fill-5\@lg, .flex\@lg > .fill-5\@lg, .flex\@xl > .fill-5\@lg, .flex\@2xl > .fill-5\@lg {
    flex: 0 0 calc(41.6666666667% - calc(var(--flex-gap, 0px) * 1.4 / 2.4));
  }
  .flex > .order-5\@lg, .flex\@xs > .order-5\@lg, .flex\@sm > .order-5\@lg, .flex\@md > .order-5\@lg, .flex\@lg > .order-5\@lg, .flex\@xl > .order-5\@lg, .flex\@2xl > .order-5\@lg {
    order: 5;
  }
  .flex > .fill-6\@lg, .flex\@xs > .fill-6\@lg, .flex\@sm > .fill-6\@lg, .flex\@md > .fill-6\@lg, .flex\@lg > .fill-6\@lg, .flex\@xl > .fill-6\@lg, .flex\@2xl > .fill-6\@lg {
    flex: 0 0 calc(50% - calc(var(--flex-gap, 0px) * 1 / 2));
  }
  .flex > .order-6\@lg, .flex\@xs > .order-6\@lg, .flex\@sm > .order-6\@lg, .flex\@md > .order-6\@lg, .flex\@lg > .order-6\@lg, .flex\@xl > .order-6\@lg, .flex\@2xl > .order-6\@lg {
    order: 6;
  }
  .flex > .fill-7\@lg, .flex\@xs > .fill-7\@lg, .flex\@sm > .fill-7\@lg, .flex\@md > .fill-7\@lg, .flex\@lg > .fill-7\@lg, .flex\@xl > .fill-7\@lg, .flex\@2xl > .fill-7\@lg {
    flex: 0 0 calc(58.3333333333% - calc(var(--flex-gap, 0px) * 0.7142857143 / 1.7142857143));
  }
  .flex > .order-7\@lg, .flex\@xs > .order-7\@lg, .flex\@sm > .order-7\@lg, .flex\@md > .order-7\@lg, .flex\@lg > .order-7\@lg, .flex\@xl > .order-7\@lg, .flex\@2xl > .order-7\@lg {
    order: 7;
  }
  .flex > .fill-8\@lg, .flex\@xs > .fill-8\@lg, .flex\@sm > .fill-8\@lg, .flex\@md > .fill-8\@lg, .flex\@lg > .fill-8\@lg, .flex\@xl > .fill-8\@lg, .flex\@2xl > .fill-8\@lg {
    flex: 0 0 calc(66.6666666667% - calc(var(--flex-gap, 0px) * 0.5 / 1.5));
  }
  .flex > .order-8\@lg, .flex\@xs > .order-8\@lg, .flex\@sm > .order-8\@lg, .flex\@md > .order-8\@lg, .flex\@lg > .order-8\@lg, .flex\@xl > .order-8\@lg, .flex\@2xl > .order-8\@lg {
    order: 8;
  }
  .flex > .fill-9\@lg, .flex\@xs > .fill-9\@lg, .flex\@sm > .fill-9\@lg, .flex\@md > .fill-9\@lg, .flex\@lg > .fill-9\@lg, .flex\@xl > .fill-9\@lg, .flex\@2xl > .fill-9\@lg {
    flex: 0 0 calc(75% - calc(var(--flex-gap, 0px) * 0.3333333333 / 1.3333333333));
  }
  .flex > .order-9\@lg, .flex\@xs > .order-9\@lg, .flex\@sm > .order-9\@lg, .flex\@md > .order-9\@lg, .flex\@lg > .order-9\@lg, .flex\@xl > .order-9\@lg, .flex\@2xl > .order-9\@lg {
    order: 9;
  }
  .flex > .fill-10\@lg, .flex\@xs > .fill-10\@lg, .flex\@sm > .fill-10\@lg, .flex\@md > .fill-10\@lg, .flex\@lg > .fill-10\@lg, .flex\@xl > .fill-10\@lg, .flex\@2xl > .fill-10\@lg {
    flex: 0 0 calc(83.3333333333% - calc(var(--flex-gap, 0px) * 0.2 / 1.2));
  }
  .flex > .order-10\@lg, .flex\@xs > .order-10\@lg, .flex\@sm > .order-10\@lg, .flex\@md > .order-10\@lg, .flex\@lg > .order-10\@lg, .flex\@xl > .order-10\@lg, .flex\@2xl > .order-10\@lg {
    order: 10;
  }
  .flex > .fill-11\@lg, .flex\@xs > .fill-11\@lg, .flex\@sm > .fill-11\@lg, .flex\@md > .fill-11\@lg, .flex\@lg > .fill-11\@lg, .flex\@xl > .fill-11\@lg, .flex\@2xl > .fill-11\@lg {
    flex: 0 0 calc(91.6666666667% - calc(var(--flex-gap, 0px) * 0.0909090909 / 1.0909090909));
  }
  .flex > .order-11\@lg, .flex\@xs > .order-11\@lg, .flex\@sm > .order-11\@lg, .flex\@md > .order-11\@lg, .flex\@lg > .order-11\@lg, .flex\@xl > .order-11\@lg, .flex\@2xl > .order-11\@lg {
    order: 11;
  }
  .flex > .fill-12\@lg, .flex\@xs > .fill-12\@lg, .flex\@sm > .fill-12\@lg, .flex\@md > .fill-12\@lg, .flex\@lg > .fill-12\@lg, .flex\@xl > .fill-12\@lg, .flex\@2xl > .fill-12\@lg {
    flex: 0 0 calc(100% - calc(var(--flex-gap, 0px) * 0 / 1));
  }
  .flex > .order-12\@lg, .flex\@xs > .order-12\@lg, .flex\@sm > .order-12\@lg, .flex\@md > .order-12\@lg, .flex\@lg > .order-12\@lg, .flex\@xl > .order-12\@lg, .flex\@2xl > .order-12\@lg {
    order: 12;
  }
}
@media (min-width: 1280px) {
  .flex.row\@xl, .flex\@xs.row\@xl, .flex\@sm.row\@xl, .flex\@md.row\@xl, .flex\@lg.row\@xl, .flex\@xl.row\@xl, .flex\@2xl.row\@xl {
    flex-direction: row;
  }
  .flex.row-reverse\@xl, .flex\@xs.row-reverse\@xl, .flex\@sm.row-reverse\@xl, .flex\@md.row-reverse\@xl, .flex\@lg.row-reverse\@xl, .flex\@xl.row-reverse\@xl, .flex\@2xl.row-reverse\@xl {
    flex-direction: row-reverse;
  }
  .flex.col\@xl, .flex\@xs.col\@xl, .flex\@sm.col\@xl, .flex\@md.col\@xl, .flex\@lg.col\@xl, .flex\@xl.col\@xl, .flex\@2xl.col\@xl {
    flex-direction: column;
  }
  .flex.col-reverse\@xl, .flex\@xs.col-reverse\@xl, .flex\@sm.col-reverse\@xl, .flex\@md.col-reverse\@xl, .flex\@lg.col-reverse\@xl, .flex\@xl.col-reverse\@xl, .flex\@2xl.col-reverse\@xl {
    flex-direction: column-reverse;
  }
  .flex.wrap\@xl, .flex\@xs.wrap\@xl, .flex\@sm.wrap\@xl, .flex\@md.wrap\@xl, .flex\@lg.wrap\@xl, .flex\@xl.wrap\@xl, .flex\@2xl.wrap\@xl {
    flex-wrap: wrap;
  }
  .flex.nowrap\@xl, .flex\@xs.nowrap\@xl, .flex\@sm.nowrap\@xl, .flex\@md.nowrap\@xl, .flex\@lg.nowrap\@xl, .flex\@xl.nowrap\@xl, .flex\@2xl.nowrap\@xl {
    flex-wrap: nowrap;
  }
  .flex.wrap-reverse\@xl, .flex\@xs.wrap-reverse\@xl, .flex\@sm.wrap-reverse\@xl, .flex\@md.wrap-reverse\@xl, .flex\@lg.wrap-reverse\@xl, .flex\@xl.wrap-reverse\@xl, .flex\@2xl.wrap-reverse\@xl {
    flex-wrap: wrap-reverse;
  }
  .flex.start\@xl, .flex\@xs.start\@xl, .flex\@sm.start\@xl, .flex\@md.start\@xl, .flex\@lg.start\@xl, .flex\@xl.start\@xl, .flex\@2xl.start\@xl {
    justify-content: flex-start;
  }
  .flex.end\@xl, .flex\@xs.end\@xl, .flex\@sm.end\@xl, .flex\@md.end\@xl, .flex\@lg.end\@xl, .flex\@xl.end\@xl, .flex\@2xl.end\@xl {
    justify-content: flex-end;
  }
  .flex.center\@xl, .flex\@xs.center\@xl, .flex\@sm.center\@xl, .flex\@md.center\@xl, .flex\@lg.center\@xl, .flex\@xl.center\@xl, .flex\@2xl.center\@xl {
    justify-content: center;
  }
  .flex.stretch\@xl, .flex\@xs.stretch\@xl, .flex\@sm.stretch\@xl, .flex\@md.stretch\@xl, .flex\@lg.stretch\@xl, .flex\@xl.stretch\@xl, .flex\@2xl.stretch\@xl {
    justify-content: stretch;
  }
  .flex.between\@xl, .flex\@xs.between\@xl, .flex\@sm.between\@xl, .flex\@md.between\@xl, .flex\@lg.between\@xl, .flex\@xl.between\@xl, .flex\@2xl.between\@xl {
    justify-content: space-between;
  }
  .flex.around\@xl, .flex\@xs.around\@xl, .flex\@sm.around\@xl, .flex\@md.around\@xl, .flex\@lg.around\@xl, .flex\@xl.around\@xl, .flex\@2xl.around\@xl {
    justify-content: space-around;
  }
  .flex.evenly\@xl, .flex\@xs.evenly\@xl, .flex\@sm.evenly\@xl, .flex\@md.evenly\@xl, .flex\@lg.evenly\@xl, .flex\@xl.evenly\@xl, .flex\@2xl.evenly\@xl {
    justify-content: space-evenly;
  }
  .flex.x-start\@xl, .flex\@xs.x-start\@xl, .flex\@sm.x-start\@xl, .flex\@md.x-start\@xl, .flex\@lg.x-start\@xl, .flex\@xl.x-start\@xl, .flex\@2xl.x-start\@xl {
    align-items: flex-start;
  }
  .flex.x-end\@xl, .flex\@xs.x-end\@xl, .flex\@sm.x-end\@xl, .flex\@md.x-end\@xl, .flex\@lg.x-end\@xl, .flex\@xl.x-end\@xl, .flex\@2xl.x-end\@xl {
    align-items: flex-end;
  }
  .flex.x-center\@xl, .flex\@xs.x-center\@xl, .flex\@sm.x-center\@xl, .flex\@md.x-center\@xl, .flex\@lg.x-center\@xl, .flex\@xl.x-center\@xl, .flex\@2xl.x-center\@xl {
    align-items: center;
  }
  .flex.x-baseline\@xl, .flex\@xs.x-baseline\@xl, .flex\@sm.x-baseline\@xl, .flex\@md.x-baseline\@xl, .flex\@lg.x-baseline\@xl, .flex\@xl.x-baseline\@xl, .flex\@2xl.x-baseline\@xl {
    align-items: baseline;
  }
  .flex.x-stretch\@xl, .flex\@xs.x-stretch\@xl, .flex\@sm.x-stretch\@xl, .flex\@md.x-stretch\@xl, .flex\@lg.x-stretch\@xl, .flex\@xl.x-stretch\@xl, .flex\@2xl.x-stretch\@xl {
    align-items: stretch;
  }
  .flex.x-content-start\@xl, .flex\@xs.x-content-start\@xl, .flex\@sm.x-content-start\@xl, .flex\@md.x-content-start\@xl, .flex\@lg.x-content-start\@xl, .flex\@xl.x-content-start\@xl, .flex\@2xl.x-content-start\@xl {
    align-content: flex-start;
  }
  .flex.x-content-end\@xl, .flex\@xs.x-content-end\@xl, .flex\@sm.x-content-end\@xl, .flex\@md.x-content-end\@xl, .flex\@lg.x-content-end\@xl, .flex\@xl.x-content-end\@xl, .flex\@2xl.x-content-end\@xl {
    align-content: flex-end;
  }
  .flex.x-content-center\@xl, .flex\@xs.x-content-center\@xl, .flex\@sm.x-content-center\@xl, .flex\@md.x-content-center\@xl, .flex\@lg.x-content-center\@xl, .flex\@xl.x-content-center\@xl, .flex\@2xl.x-content-center\@xl {
    align-content: center;
  }
  .flex.x-content-between\@xl, .flex\@xs.x-content-between\@xl, .flex\@sm.x-content-between\@xl, .flex\@md.x-content-between\@xl, .flex\@lg.x-content-between\@xl, .flex\@xl.x-content-between\@xl, .flex\@2xl.x-content-between\@xl {
    align-content: space-between;
  }
  .flex.x-content-around\@xl, .flex\@xs.x-content-around\@xl, .flex\@sm.x-content-around\@xl, .flex\@md.x-content-around\@xl, .flex\@lg.x-content-around\@xl, .flex\@xl.x-content-around\@xl, .flex\@2xl.x-content-around\@xl {
    align-content: space-around;
  }
  .flex.x-content-evenly\@xl, .flex\@xs.x-content-evenly\@xl, .flex\@sm.x-content-evenly\@xl, .flex\@md.x-content-evenly\@xl, .flex\@lg.x-content-evenly\@xl, .flex\@xl.x-content-evenly\@xl, .flex\@2xl.x-content-evenly\@xl {
    align-content: space-evenly;
  }
  .flex.x-content-stretch\@xl, .flex\@xs.x-content-stretch\@xl, .flex\@sm.x-content-stretch\@xl, .flex\@md.x-content-stretch\@xl, .flex\@lg.x-content-stretch\@xl, .flex\@xl.x-content-stretch\@xl, .flex\@2xl.x-content-stretch\@xl {
    align-content: stretch;
  }
  .flex > .fill-auto\@xl, .flex\@xs > .fill-auto\@xl, .flex\@sm > .fill-auto\@xl, .flex\@md > .fill-auto\@xl, .flex\@lg > .fill-auto\@xl, .flex\@xl > .fill-auto\@xl, .flex\@2xl > .fill-auto\@xl {
    flex: 1 1 auto;
  }
  .flex > .fill-full\@xl, .flex\@xs > .fill-full\@xl, .flex\@sm > .fill-full\@xl, .flex\@md > .fill-full\@xl, .flex\@lg > .fill-full\@xl, .flex\@xl > .fill-full\@xl, .flex\@2xl > .fill-full\@xl {
    flex: 0 0 100%;
  }
  .flex > .grow\@xl, .flex\@xs > .grow\@xl, .flex\@sm > .grow\@xl, .flex\@md > .grow\@xl, .flex\@lg > .grow\@xl, .flex\@xl > .grow\@xl, .flex\@2xl > .grow\@xl {
    flex: 1 1 0%;
  }
  .flex > .no-grow\@xl, .flex\@xs > .no-grow\@xl, .flex\@sm > .no-grow\@xl, .flex\@md > .no-grow\@xl, .flex\@lg > .no-grow\@xl, .flex\@xl > .no-grow\@xl, .flex\@2xl > .no-grow\@xl {
    flex: none;
  }
  .flex > .order-first\@xl, .flex\@xs > .order-first\@xl, .flex\@sm > .order-first\@xl, .flex\@md > .order-first\@xl, .flex\@lg > .order-first\@xl, .flex\@xl > .order-first\@xl, .flex\@2xl > .order-first\@xl {
    order: -1;
  }
  .flex > .order-last\@xl, .flex\@xs > .order-last\@xl, .flex\@sm > .order-last\@xl, .flex\@md > .order-last\@xl, .flex\@lg > .order-last\@xl, .flex\@xl > .order-last\@xl, .flex\@2xl > .order-last\@xl {
    order: 9999;
  }
  .flex > .order-none\@xl, .flex\@xs > .order-none\@xl, .flex\@sm > .order-none\@xl, .flex\@md > .order-none\@xl, .flex\@lg > .order-none\@xl, .flex\@xl > .order-none\@xl, .flex\@2xl > .order-none\@xl {
    order: 0;
  }
  .flex > .shrink\@xl, .flex\@xs > .shrink\@xl, .flex\@sm > .shrink\@xl, .flex\@md > .shrink\@xl, .flex\@lg > .shrink\@xl, .flex\@xl > .shrink\@xl, .flex\@2xl > .shrink\@xl {
    flex-shrink: 1;
  }
  .flex > .no-shrink\@xl, .flex\@xs > .no-shrink\@xl, .flex\@sm > .no-shrink\@xl, .flex\@md > .no-shrink\@xl, .flex\@lg > .no-shrink\@xl, .flex\@xl > .no-shrink\@xl, .flex\@2xl > .no-shrink\@xl {
    flex-shrink: 0;
  }
  .flex > .shrink-twice\@xl, .flex\@xs > .shrink-twice\@xl, .flex\@sm > .shrink-twice\@xl, .flex\@md > .shrink-twice\@xl, .flex\@lg > .shrink-twice\@xl, .flex\@xl > .shrink-twice\@xl, .flex\@2xl > .shrink-twice\@xl {
    flex-shrink: 2;
  }
  .flex > .self-end\@xl, .flex\@xs > .self-end\@xl, .flex\@sm > .self-end\@xl, .flex\@md > .self-end\@xl, .flex\@lg > .self-end\@xl, .flex\@xl > .self-end\@xl, .flex\@2xl > .self-end\@xl {
    align-self: flex-end;
  }
  .flex > .self-start\@xl, .flex\@xs > .self-start\@xl, .flex\@sm > .self-start\@xl, .flex\@md > .self-start\@xl, .flex\@lg > .self-start\@xl, .flex\@xl > .self-start\@xl, .flex\@2xl > .self-start\@xl {
    align-self: flex-start;
  }
  .flex > .self-center\@xl, .flex\@xs > .self-center\@xl, .flex\@sm > .self-center\@xl, .flex\@md > .self-center\@xl, .flex\@lg > .self-center\@xl, .flex\@xl > .self-center\@xl, .flex\@2xl > .self-center\@xl {
    align-self: center;
  }
  .flex > .self-stretch\@xl, .flex\@xs > .self-stretch\@xl, .flex\@sm > .self-stretch\@xl, .flex\@md > .self-stretch\@xl, .flex\@lg > .self-stretch\@xl, .flex\@xl > .self-stretch\@xl, .flex\@2xl > .self-stretch\@xl {
    align-self: stretch;
  }
  .flex > .self-baseline\@xl, .flex\@xs > .self-baseline\@xl, .flex\@sm > .self-baseline\@xl, .flex\@md > .self-baseline\@xl, .flex\@lg > .self-baseline\@xl, .flex\@xl > .self-baseline\@xl, .flex\@2xl > .self-baseline\@xl {
    align-self: baseline;
  }
  .flex > .self-auto\@xl, .flex\@xs > .self-auto\@xl, .flex\@sm > .self-auto\@xl, .flex\@md > .self-auto\@xl, .flex\@lg > .self-auto\@xl, .flex\@xl > .self-auto\@xl, .flex\@2xl > .self-auto\@xl {
    align-self: auto;
  }
  .flex > .fill-1\@xl, .flex\@xs > .fill-1\@xl, .flex\@sm > .fill-1\@xl, .flex\@md > .fill-1\@xl, .flex\@lg > .fill-1\@xl, .flex\@xl > .fill-1\@xl, .flex\@2xl > .fill-1\@xl {
    flex: 0 0 calc(8.3333333333% - calc(var(--flex-gap, 0px) * 11 / 12));
  }
  .flex > .order-1\@xl, .flex\@xs > .order-1\@xl, .flex\@sm > .order-1\@xl, .flex\@md > .order-1\@xl, .flex\@lg > .order-1\@xl, .flex\@xl > .order-1\@xl, .flex\@2xl > .order-1\@xl {
    order: 1;
  }
  .flex > .fill-2\@xl, .flex\@xs > .fill-2\@xl, .flex\@sm > .fill-2\@xl, .flex\@md > .fill-2\@xl, .flex\@lg > .fill-2\@xl, .flex\@xl > .fill-2\@xl, .flex\@2xl > .fill-2\@xl {
    flex: 0 0 calc(16.6666666667% - calc(var(--flex-gap, 0px) * 5 / 6));
  }
  .flex > .order-2\@xl, .flex\@xs > .order-2\@xl, .flex\@sm > .order-2\@xl, .flex\@md > .order-2\@xl, .flex\@lg > .order-2\@xl, .flex\@xl > .order-2\@xl, .flex\@2xl > .order-2\@xl {
    order: 2;
  }
  .flex > .fill-3\@xl, .flex\@xs > .fill-3\@xl, .flex\@sm > .fill-3\@xl, .flex\@md > .fill-3\@xl, .flex\@lg > .fill-3\@xl, .flex\@xl > .fill-3\@xl, .flex\@2xl > .fill-3\@xl {
    flex: 0 0 calc(25% - calc(var(--flex-gap, 0px) * 3 / 4));
  }
  .flex > .order-3\@xl, .flex\@xs > .order-3\@xl, .flex\@sm > .order-3\@xl, .flex\@md > .order-3\@xl, .flex\@lg > .order-3\@xl, .flex\@xl > .order-3\@xl, .flex\@2xl > .order-3\@xl {
    order: 3;
  }
  .flex > .fill-4\@xl, .flex\@xs > .fill-4\@xl, .flex\@sm > .fill-4\@xl, .flex\@md > .fill-4\@xl, .flex\@lg > .fill-4\@xl, .flex\@xl > .fill-4\@xl, .flex\@2xl > .fill-4\@xl {
    flex: 0 0 calc(33.3333333333% - calc(var(--flex-gap, 0px) * 2 / 3));
  }
  .flex > .order-4\@xl, .flex\@xs > .order-4\@xl, .flex\@sm > .order-4\@xl, .flex\@md > .order-4\@xl, .flex\@lg > .order-4\@xl, .flex\@xl > .order-4\@xl, .flex\@2xl > .order-4\@xl {
    order: 4;
  }
  .flex > .fill-5\@xl, .flex\@xs > .fill-5\@xl, .flex\@sm > .fill-5\@xl, .flex\@md > .fill-5\@xl, .flex\@lg > .fill-5\@xl, .flex\@xl > .fill-5\@xl, .flex\@2xl > .fill-5\@xl {
    flex: 0 0 calc(41.6666666667% - calc(var(--flex-gap, 0px) * 1.4 / 2.4));
  }
  .flex > .order-5\@xl, .flex\@xs > .order-5\@xl, .flex\@sm > .order-5\@xl, .flex\@md > .order-5\@xl, .flex\@lg > .order-5\@xl, .flex\@xl > .order-5\@xl, .flex\@2xl > .order-5\@xl {
    order: 5;
  }
  .flex > .fill-6\@xl, .flex\@xs > .fill-6\@xl, .flex\@sm > .fill-6\@xl, .flex\@md > .fill-6\@xl, .flex\@lg > .fill-6\@xl, .flex\@xl > .fill-6\@xl, .flex\@2xl > .fill-6\@xl {
    flex: 0 0 calc(50% - calc(var(--flex-gap, 0px) * 1 / 2));
  }
  .flex > .order-6\@xl, .flex\@xs > .order-6\@xl, .flex\@sm > .order-6\@xl, .flex\@md > .order-6\@xl, .flex\@lg > .order-6\@xl, .flex\@xl > .order-6\@xl, .flex\@2xl > .order-6\@xl {
    order: 6;
  }
  .flex > .fill-7\@xl, .flex\@xs > .fill-7\@xl, .flex\@sm > .fill-7\@xl, .flex\@md > .fill-7\@xl, .flex\@lg > .fill-7\@xl, .flex\@xl > .fill-7\@xl, .flex\@2xl > .fill-7\@xl {
    flex: 0 0 calc(58.3333333333% - calc(var(--flex-gap, 0px) * 0.7142857143 / 1.7142857143));
  }
  .flex > .order-7\@xl, .flex\@xs > .order-7\@xl, .flex\@sm > .order-7\@xl, .flex\@md > .order-7\@xl, .flex\@lg > .order-7\@xl, .flex\@xl > .order-7\@xl, .flex\@2xl > .order-7\@xl {
    order: 7;
  }
  .flex > .fill-8\@xl, .flex\@xs > .fill-8\@xl, .flex\@sm > .fill-8\@xl, .flex\@md > .fill-8\@xl, .flex\@lg > .fill-8\@xl, .flex\@xl > .fill-8\@xl, .flex\@2xl > .fill-8\@xl {
    flex: 0 0 calc(66.6666666667% - calc(var(--flex-gap, 0px) * 0.5 / 1.5));
  }
  .flex > .order-8\@xl, .flex\@xs > .order-8\@xl, .flex\@sm > .order-8\@xl, .flex\@md > .order-8\@xl, .flex\@lg > .order-8\@xl, .flex\@xl > .order-8\@xl, .flex\@2xl > .order-8\@xl {
    order: 8;
  }
  .flex > .fill-9\@xl, .flex\@xs > .fill-9\@xl, .flex\@sm > .fill-9\@xl, .flex\@md > .fill-9\@xl, .flex\@lg > .fill-9\@xl, .flex\@xl > .fill-9\@xl, .flex\@2xl > .fill-9\@xl {
    flex: 0 0 calc(75% - calc(var(--flex-gap, 0px) * 0.3333333333 / 1.3333333333));
  }
  .flex > .order-9\@xl, .flex\@xs > .order-9\@xl, .flex\@sm > .order-9\@xl, .flex\@md > .order-9\@xl, .flex\@lg > .order-9\@xl, .flex\@xl > .order-9\@xl, .flex\@2xl > .order-9\@xl {
    order: 9;
  }
  .flex > .fill-10\@xl, .flex\@xs > .fill-10\@xl, .flex\@sm > .fill-10\@xl, .flex\@md > .fill-10\@xl, .flex\@lg > .fill-10\@xl, .flex\@xl > .fill-10\@xl, .flex\@2xl > .fill-10\@xl {
    flex: 0 0 calc(83.3333333333% - calc(var(--flex-gap, 0px) * 0.2 / 1.2));
  }
  .flex > .order-10\@xl, .flex\@xs > .order-10\@xl, .flex\@sm > .order-10\@xl, .flex\@md > .order-10\@xl, .flex\@lg > .order-10\@xl, .flex\@xl > .order-10\@xl, .flex\@2xl > .order-10\@xl {
    order: 10;
  }
  .flex > .fill-11\@xl, .flex\@xs > .fill-11\@xl, .flex\@sm > .fill-11\@xl, .flex\@md > .fill-11\@xl, .flex\@lg > .fill-11\@xl, .flex\@xl > .fill-11\@xl, .flex\@2xl > .fill-11\@xl {
    flex: 0 0 calc(91.6666666667% - calc(var(--flex-gap, 0px) * 0.0909090909 / 1.0909090909));
  }
  .flex > .order-11\@xl, .flex\@xs > .order-11\@xl, .flex\@sm > .order-11\@xl, .flex\@md > .order-11\@xl, .flex\@lg > .order-11\@xl, .flex\@xl > .order-11\@xl, .flex\@2xl > .order-11\@xl {
    order: 11;
  }
  .flex > .fill-12\@xl, .flex\@xs > .fill-12\@xl, .flex\@sm > .fill-12\@xl, .flex\@md > .fill-12\@xl, .flex\@lg > .fill-12\@xl, .flex\@xl > .fill-12\@xl, .flex\@2xl > .fill-12\@xl {
    flex: 0 0 calc(100% - calc(var(--flex-gap, 0px) * 0 / 1));
  }
  .flex > .order-12\@xl, .flex\@xs > .order-12\@xl, .flex\@sm > .order-12\@xl, .flex\@md > .order-12\@xl, .flex\@lg > .order-12\@xl, .flex\@xl > .order-12\@xl, .flex\@2xl > .order-12\@xl {
    order: 12;
  }
}
@media (min-width: 1536px) {
  .flex.row\@2xl, .flex\@xs.row\@2xl, .flex\@sm.row\@2xl, .flex\@md.row\@2xl, .flex\@lg.row\@2xl, .flex\@xl.row\@2xl, .flex\@2xl.row\@2xl {
    flex-direction: row;
  }
  .flex.row-reverse\@2xl, .flex\@xs.row-reverse\@2xl, .flex\@sm.row-reverse\@2xl, .flex\@md.row-reverse\@2xl, .flex\@lg.row-reverse\@2xl, .flex\@xl.row-reverse\@2xl, .flex\@2xl.row-reverse\@2xl {
    flex-direction: row-reverse;
  }
  .flex.col\@2xl, .flex\@xs.col\@2xl, .flex\@sm.col\@2xl, .flex\@md.col\@2xl, .flex\@lg.col\@2xl, .flex\@xl.col\@2xl, .flex\@2xl.col\@2xl {
    flex-direction: column;
  }
  .flex.col-reverse\@2xl, .flex\@xs.col-reverse\@2xl, .flex\@sm.col-reverse\@2xl, .flex\@md.col-reverse\@2xl, .flex\@lg.col-reverse\@2xl, .flex\@xl.col-reverse\@2xl, .flex\@2xl.col-reverse\@2xl {
    flex-direction: column-reverse;
  }
  .flex.wrap\@2xl, .flex\@xs.wrap\@2xl, .flex\@sm.wrap\@2xl, .flex\@md.wrap\@2xl, .flex\@lg.wrap\@2xl, .flex\@xl.wrap\@2xl, .flex\@2xl.wrap\@2xl {
    flex-wrap: wrap;
  }
  .flex.nowrap\@2xl, .flex\@xs.nowrap\@2xl, .flex\@sm.nowrap\@2xl, .flex\@md.nowrap\@2xl, .flex\@lg.nowrap\@2xl, .flex\@xl.nowrap\@2xl, .flex\@2xl.nowrap\@2xl {
    flex-wrap: nowrap;
  }
  .flex.wrap-reverse\@2xl, .flex\@xs.wrap-reverse\@2xl, .flex\@sm.wrap-reverse\@2xl, .flex\@md.wrap-reverse\@2xl, .flex\@lg.wrap-reverse\@2xl, .flex\@xl.wrap-reverse\@2xl, .flex\@2xl.wrap-reverse\@2xl {
    flex-wrap: wrap-reverse;
  }
  .flex.start\@2xl, .flex\@xs.start\@2xl, .flex\@sm.start\@2xl, .flex\@md.start\@2xl, .flex\@lg.start\@2xl, .flex\@xl.start\@2xl, .flex\@2xl.start\@2xl {
    justify-content: flex-start;
  }
  .flex.end\@2xl, .flex\@xs.end\@2xl, .flex\@sm.end\@2xl, .flex\@md.end\@2xl, .flex\@lg.end\@2xl, .flex\@xl.end\@2xl, .flex\@2xl.end\@2xl {
    justify-content: flex-end;
  }
  .flex.center\@2xl, .flex\@xs.center\@2xl, .flex\@sm.center\@2xl, .flex\@md.center\@2xl, .flex\@lg.center\@2xl, .flex\@xl.center\@2xl, .flex\@2xl.center\@2xl {
    justify-content: center;
  }
  .flex.stretch\@2xl, .flex\@xs.stretch\@2xl, .flex\@sm.stretch\@2xl, .flex\@md.stretch\@2xl, .flex\@lg.stretch\@2xl, .flex\@xl.stretch\@2xl, .flex\@2xl.stretch\@2xl {
    justify-content: stretch;
  }
  .flex.between\@2xl, .flex\@xs.between\@2xl, .flex\@sm.between\@2xl, .flex\@md.between\@2xl, .flex\@lg.between\@2xl, .flex\@xl.between\@2xl, .flex\@2xl.between\@2xl {
    justify-content: space-between;
  }
  .flex.around\@2xl, .flex\@xs.around\@2xl, .flex\@sm.around\@2xl, .flex\@md.around\@2xl, .flex\@lg.around\@2xl, .flex\@xl.around\@2xl, .flex\@2xl.around\@2xl {
    justify-content: space-around;
  }
  .flex.evenly\@2xl, .flex\@xs.evenly\@2xl, .flex\@sm.evenly\@2xl, .flex\@md.evenly\@2xl, .flex\@lg.evenly\@2xl, .flex\@xl.evenly\@2xl, .flex\@2xl.evenly\@2xl {
    justify-content: space-evenly;
  }
  .flex.x-start\@2xl, .flex\@xs.x-start\@2xl, .flex\@sm.x-start\@2xl, .flex\@md.x-start\@2xl, .flex\@lg.x-start\@2xl, .flex\@xl.x-start\@2xl, .flex\@2xl.x-start\@2xl {
    align-items: flex-start;
  }
  .flex.x-end\@2xl, .flex\@xs.x-end\@2xl, .flex\@sm.x-end\@2xl, .flex\@md.x-end\@2xl, .flex\@lg.x-end\@2xl, .flex\@xl.x-end\@2xl, .flex\@2xl.x-end\@2xl {
    align-items: flex-end;
  }
  .flex.x-center\@2xl, .flex\@xs.x-center\@2xl, .flex\@sm.x-center\@2xl, .flex\@md.x-center\@2xl, .flex\@lg.x-center\@2xl, .flex\@xl.x-center\@2xl, .flex\@2xl.x-center\@2xl {
    align-items: center;
  }
  .flex.x-baseline\@2xl, .flex\@xs.x-baseline\@2xl, .flex\@sm.x-baseline\@2xl, .flex\@md.x-baseline\@2xl, .flex\@lg.x-baseline\@2xl, .flex\@xl.x-baseline\@2xl, .flex\@2xl.x-baseline\@2xl {
    align-items: baseline;
  }
  .flex.x-stretch\@2xl, .flex\@xs.x-stretch\@2xl, .flex\@sm.x-stretch\@2xl, .flex\@md.x-stretch\@2xl, .flex\@lg.x-stretch\@2xl, .flex\@xl.x-stretch\@2xl, .flex\@2xl.x-stretch\@2xl {
    align-items: stretch;
  }
  .flex.x-content-start\@2xl, .flex\@xs.x-content-start\@2xl, .flex\@sm.x-content-start\@2xl, .flex\@md.x-content-start\@2xl, .flex\@lg.x-content-start\@2xl, .flex\@xl.x-content-start\@2xl, .flex\@2xl.x-content-start\@2xl {
    align-content: flex-start;
  }
  .flex.x-content-end\@2xl, .flex\@xs.x-content-end\@2xl, .flex\@sm.x-content-end\@2xl, .flex\@md.x-content-end\@2xl, .flex\@lg.x-content-end\@2xl, .flex\@xl.x-content-end\@2xl, .flex\@2xl.x-content-end\@2xl {
    align-content: flex-end;
  }
  .flex.x-content-center\@2xl, .flex\@xs.x-content-center\@2xl, .flex\@sm.x-content-center\@2xl, .flex\@md.x-content-center\@2xl, .flex\@lg.x-content-center\@2xl, .flex\@xl.x-content-center\@2xl, .flex\@2xl.x-content-center\@2xl {
    align-content: center;
  }
  .flex.x-content-between\@2xl, .flex\@xs.x-content-between\@2xl, .flex\@sm.x-content-between\@2xl, .flex\@md.x-content-between\@2xl, .flex\@lg.x-content-between\@2xl, .flex\@xl.x-content-between\@2xl, .flex\@2xl.x-content-between\@2xl {
    align-content: space-between;
  }
  .flex.x-content-around\@2xl, .flex\@xs.x-content-around\@2xl, .flex\@sm.x-content-around\@2xl, .flex\@md.x-content-around\@2xl, .flex\@lg.x-content-around\@2xl, .flex\@xl.x-content-around\@2xl, .flex\@2xl.x-content-around\@2xl {
    align-content: space-around;
  }
  .flex.x-content-evenly\@2xl, .flex\@xs.x-content-evenly\@2xl, .flex\@sm.x-content-evenly\@2xl, .flex\@md.x-content-evenly\@2xl, .flex\@lg.x-content-evenly\@2xl, .flex\@xl.x-content-evenly\@2xl, .flex\@2xl.x-content-evenly\@2xl {
    align-content: space-evenly;
  }
  .flex.x-content-stretch\@2xl, .flex\@xs.x-content-stretch\@2xl, .flex\@sm.x-content-stretch\@2xl, .flex\@md.x-content-stretch\@2xl, .flex\@lg.x-content-stretch\@2xl, .flex\@xl.x-content-stretch\@2xl, .flex\@2xl.x-content-stretch\@2xl {
    align-content: stretch;
  }
  .flex > .fill-auto\@2xl, .flex\@xs > .fill-auto\@2xl, .flex\@sm > .fill-auto\@2xl, .flex\@md > .fill-auto\@2xl, .flex\@lg > .fill-auto\@2xl, .flex\@xl > .fill-auto\@2xl, .flex\@2xl > .fill-auto\@2xl {
    flex: 1 1 auto;
  }
  .flex > .fill-full\@2xl, .flex\@xs > .fill-full\@2xl, .flex\@sm > .fill-full\@2xl, .flex\@md > .fill-full\@2xl, .flex\@lg > .fill-full\@2xl, .flex\@xl > .fill-full\@2xl, .flex\@2xl > .fill-full\@2xl {
    flex: 0 0 100%;
  }
  .flex > .grow\@2xl, .flex\@xs > .grow\@2xl, .flex\@sm > .grow\@2xl, .flex\@md > .grow\@2xl, .flex\@lg > .grow\@2xl, .flex\@xl > .grow\@2xl, .flex\@2xl > .grow\@2xl {
    flex: 1 1 0%;
  }
  .flex > .no-grow\@2xl, .flex\@xs > .no-grow\@2xl, .flex\@sm > .no-grow\@2xl, .flex\@md > .no-grow\@2xl, .flex\@lg > .no-grow\@2xl, .flex\@xl > .no-grow\@2xl, .flex\@2xl > .no-grow\@2xl {
    flex: none;
  }
  .flex > .order-first\@2xl, .flex\@xs > .order-first\@2xl, .flex\@sm > .order-first\@2xl, .flex\@md > .order-first\@2xl, .flex\@lg > .order-first\@2xl, .flex\@xl > .order-first\@2xl, .flex\@2xl > .order-first\@2xl {
    order: -1;
  }
  .flex > .order-last\@2xl, .flex\@xs > .order-last\@2xl, .flex\@sm > .order-last\@2xl, .flex\@md > .order-last\@2xl, .flex\@lg > .order-last\@2xl, .flex\@xl > .order-last\@2xl, .flex\@2xl > .order-last\@2xl {
    order: 9999;
  }
  .flex > .order-none\@2xl, .flex\@xs > .order-none\@2xl, .flex\@sm > .order-none\@2xl, .flex\@md > .order-none\@2xl, .flex\@lg > .order-none\@2xl, .flex\@xl > .order-none\@2xl, .flex\@2xl > .order-none\@2xl {
    order: 0;
  }
  .flex > .shrink\@2xl, .flex\@xs > .shrink\@2xl, .flex\@sm > .shrink\@2xl, .flex\@md > .shrink\@2xl, .flex\@lg > .shrink\@2xl, .flex\@xl > .shrink\@2xl, .flex\@2xl > .shrink\@2xl {
    flex-shrink: 1;
  }
  .flex > .no-shrink\@2xl, .flex\@xs > .no-shrink\@2xl, .flex\@sm > .no-shrink\@2xl, .flex\@md > .no-shrink\@2xl, .flex\@lg > .no-shrink\@2xl, .flex\@xl > .no-shrink\@2xl, .flex\@2xl > .no-shrink\@2xl {
    flex-shrink: 0;
  }
  .flex > .shrink-twice\@2xl, .flex\@xs > .shrink-twice\@2xl, .flex\@sm > .shrink-twice\@2xl, .flex\@md > .shrink-twice\@2xl, .flex\@lg > .shrink-twice\@2xl, .flex\@xl > .shrink-twice\@2xl, .flex\@2xl > .shrink-twice\@2xl {
    flex-shrink: 2;
  }
  .flex > .self-end\@2xl, .flex\@xs > .self-end\@2xl, .flex\@sm > .self-end\@2xl, .flex\@md > .self-end\@2xl, .flex\@lg > .self-end\@2xl, .flex\@xl > .self-end\@2xl, .flex\@2xl > .self-end\@2xl {
    align-self: flex-end;
  }
  .flex > .self-start\@2xl, .flex\@xs > .self-start\@2xl, .flex\@sm > .self-start\@2xl, .flex\@md > .self-start\@2xl, .flex\@lg > .self-start\@2xl, .flex\@xl > .self-start\@2xl, .flex\@2xl > .self-start\@2xl {
    align-self: flex-start;
  }
  .flex > .self-center\@2xl, .flex\@xs > .self-center\@2xl, .flex\@sm > .self-center\@2xl, .flex\@md > .self-center\@2xl, .flex\@lg > .self-center\@2xl, .flex\@xl > .self-center\@2xl, .flex\@2xl > .self-center\@2xl {
    align-self: center;
  }
  .flex > .self-stretch\@2xl, .flex\@xs > .self-stretch\@2xl, .flex\@sm > .self-stretch\@2xl, .flex\@md > .self-stretch\@2xl, .flex\@lg > .self-stretch\@2xl, .flex\@xl > .self-stretch\@2xl, .flex\@2xl > .self-stretch\@2xl {
    align-self: stretch;
  }
  .flex > .self-baseline\@2xl, .flex\@xs > .self-baseline\@2xl, .flex\@sm > .self-baseline\@2xl, .flex\@md > .self-baseline\@2xl, .flex\@lg > .self-baseline\@2xl, .flex\@xl > .self-baseline\@2xl, .flex\@2xl > .self-baseline\@2xl {
    align-self: baseline;
  }
  .flex > .self-auto\@2xl, .flex\@xs > .self-auto\@2xl, .flex\@sm > .self-auto\@2xl, .flex\@md > .self-auto\@2xl, .flex\@lg > .self-auto\@2xl, .flex\@xl > .self-auto\@2xl, .flex\@2xl > .self-auto\@2xl {
    align-self: auto;
  }
  .flex > .fill-1\@2xl, .flex\@xs > .fill-1\@2xl, .flex\@sm > .fill-1\@2xl, .flex\@md > .fill-1\@2xl, .flex\@lg > .fill-1\@2xl, .flex\@xl > .fill-1\@2xl, .flex\@2xl > .fill-1\@2xl {
    flex: 0 0 calc(8.3333333333% - calc(var(--flex-gap, 0px) * 11 / 12));
  }
  .flex > .order-1\@2xl, .flex\@xs > .order-1\@2xl, .flex\@sm > .order-1\@2xl, .flex\@md > .order-1\@2xl, .flex\@lg > .order-1\@2xl, .flex\@xl > .order-1\@2xl, .flex\@2xl > .order-1\@2xl {
    order: 1;
  }
  .flex > .fill-2\@2xl, .flex\@xs > .fill-2\@2xl, .flex\@sm > .fill-2\@2xl, .flex\@md > .fill-2\@2xl, .flex\@lg > .fill-2\@2xl, .flex\@xl > .fill-2\@2xl, .flex\@2xl > .fill-2\@2xl {
    flex: 0 0 calc(16.6666666667% - calc(var(--flex-gap, 0px) * 5 / 6));
  }
  .flex > .order-2\@2xl, .flex\@xs > .order-2\@2xl, .flex\@sm > .order-2\@2xl, .flex\@md > .order-2\@2xl, .flex\@lg > .order-2\@2xl, .flex\@xl > .order-2\@2xl, .flex\@2xl > .order-2\@2xl {
    order: 2;
  }
  .flex > .fill-3\@2xl, .flex\@xs > .fill-3\@2xl, .flex\@sm > .fill-3\@2xl, .flex\@md > .fill-3\@2xl, .flex\@lg > .fill-3\@2xl, .flex\@xl > .fill-3\@2xl, .flex\@2xl > .fill-3\@2xl {
    flex: 0 0 calc(25% - calc(var(--flex-gap, 0px) * 3 / 4));
  }
  .flex > .order-3\@2xl, .flex\@xs > .order-3\@2xl, .flex\@sm > .order-3\@2xl, .flex\@md > .order-3\@2xl, .flex\@lg > .order-3\@2xl, .flex\@xl > .order-3\@2xl, .flex\@2xl > .order-3\@2xl {
    order: 3;
  }
  .flex > .fill-4\@2xl, .flex\@xs > .fill-4\@2xl, .flex\@sm > .fill-4\@2xl, .flex\@md > .fill-4\@2xl, .flex\@lg > .fill-4\@2xl, .flex\@xl > .fill-4\@2xl, .flex\@2xl > .fill-4\@2xl {
    flex: 0 0 calc(33.3333333333% - calc(var(--flex-gap, 0px) * 2 / 3));
  }
  .flex > .order-4\@2xl, .flex\@xs > .order-4\@2xl, .flex\@sm > .order-4\@2xl, .flex\@md > .order-4\@2xl, .flex\@lg > .order-4\@2xl, .flex\@xl > .order-4\@2xl, .flex\@2xl > .order-4\@2xl {
    order: 4;
  }
  .flex > .fill-5\@2xl, .flex\@xs > .fill-5\@2xl, .flex\@sm > .fill-5\@2xl, .flex\@md > .fill-5\@2xl, .flex\@lg > .fill-5\@2xl, .flex\@xl > .fill-5\@2xl, .flex\@2xl > .fill-5\@2xl {
    flex: 0 0 calc(41.6666666667% - calc(var(--flex-gap, 0px) * 1.4 / 2.4));
  }
  .flex > .order-5\@2xl, .flex\@xs > .order-5\@2xl, .flex\@sm > .order-5\@2xl, .flex\@md > .order-5\@2xl, .flex\@lg > .order-5\@2xl, .flex\@xl > .order-5\@2xl, .flex\@2xl > .order-5\@2xl {
    order: 5;
  }
  .flex > .fill-6\@2xl, .flex\@xs > .fill-6\@2xl, .flex\@sm > .fill-6\@2xl, .flex\@md > .fill-6\@2xl, .flex\@lg > .fill-6\@2xl, .flex\@xl > .fill-6\@2xl, .flex\@2xl > .fill-6\@2xl {
    flex: 0 0 calc(50% - calc(var(--flex-gap, 0px) * 1 / 2));
  }
  .flex > .order-6\@2xl, .flex\@xs > .order-6\@2xl, .flex\@sm > .order-6\@2xl, .flex\@md > .order-6\@2xl, .flex\@lg > .order-6\@2xl, .flex\@xl > .order-6\@2xl, .flex\@2xl > .order-6\@2xl {
    order: 6;
  }
  .flex > .fill-7\@2xl, .flex\@xs > .fill-7\@2xl, .flex\@sm > .fill-7\@2xl, .flex\@md > .fill-7\@2xl, .flex\@lg > .fill-7\@2xl, .flex\@xl > .fill-7\@2xl, .flex\@2xl > .fill-7\@2xl {
    flex: 0 0 calc(58.3333333333% - calc(var(--flex-gap, 0px) * 0.7142857143 / 1.7142857143));
  }
  .flex > .order-7\@2xl, .flex\@xs > .order-7\@2xl, .flex\@sm > .order-7\@2xl, .flex\@md > .order-7\@2xl, .flex\@lg > .order-7\@2xl, .flex\@xl > .order-7\@2xl, .flex\@2xl > .order-7\@2xl {
    order: 7;
  }
  .flex > .fill-8\@2xl, .flex\@xs > .fill-8\@2xl, .flex\@sm > .fill-8\@2xl, .flex\@md > .fill-8\@2xl, .flex\@lg > .fill-8\@2xl, .flex\@xl > .fill-8\@2xl, .flex\@2xl > .fill-8\@2xl {
    flex: 0 0 calc(66.6666666667% - calc(var(--flex-gap, 0px) * 0.5 / 1.5));
  }
  .flex > .order-8\@2xl, .flex\@xs > .order-8\@2xl, .flex\@sm > .order-8\@2xl, .flex\@md > .order-8\@2xl, .flex\@lg > .order-8\@2xl, .flex\@xl > .order-8\@2xl, .flex\@2xl > .order-8\@2xl {
    order: 8;
  }
  .flex > .fill-9\@2xl, .flex\@xs > .fill-9\@2xl, .flex\@sm > .fill-9\@2xl, .flex\@md > .fill-9\@2xl, .flex\@lg > .fill-9\@2xl, .flex\@xl > .fill-9\@2xl, .flex\@2xl > .fill-9\@2xl {
    flex: 0 0 calc(75% - calc(var(--flex-gap, 0px) * 0.3333333333 / 1.3333333333));
  }
  .flex > .order-9\@2xl, .flex\@xs > .order-9\@2xl, .flex\@sm > .order-9\@2xl, .flex\@md > .order-9\@2xl, .flex\@lg > .order-9\@2xl, .flex\@xl > .order-9\@2xl, .flex\@2xl > .order-9\@2xl {
    order: 9;
  }
  .flex > .fill-10\@2xl, .flex\@xs > .fill-10\@2xl, .flex\@sm > .fill-10\@2xl, .flex\@md > .fill-10\@2xl, .flex\@lg > .fill-10\@2xl, .flex\@xl > .fill-10\@2xl, .flex\@2xl > .fill-10\@2xl {
    flex: 0 0 calc(83.3333333333% - calc(var(--flex-gap, 0px) * 0.2 / 1.2));
  }
  .flex > .order-10\@2xl, .flex\@xs > .order-10\@2xl, .flex\@sm > .order-10\@2xl, .flex\@md > .order-10\@2xl, .flex\@lg > .order-10\@2xl, .flex\@xl > .order-10\@2xl, .flex\@2xl > .order-10\@2xl {
    order: 10;
  }
  .flex > .fill-11\@2xl, .flex\@xs > .fill-11\@2xl, .flex\@sm > .fill-11\@2xl, .flex\@md > .fill-11\@2xl, .flex\@lg > .fill-11\@2xl, .flex\@xl > .fill-11\@2xl, .flex\@2xl > .fill-11\@2xl {
    flex: 0 0 calc(91.6666666667% - calc(var(--flex-gap, 0px) * 0.0909090909 / 1.0909090909));
  }
  .flex > .order-11\@2xl, .flex\@xs > .order-11\@2xl, .flex\@sm > .order-11\@2xl, .flex\@md > .order-11\@2xl, .flex\@lg > .order-11\@2xl, .flex\@xl > .order-11\@2xl, .flex\@2xl > .order-11\@2xl {
    order: 11;
  }
  .flex > .fill-12\@2xl, .flex\@xs > .fill-12\@2xl, .flex\@sm > .fill-12\@2xl, .flex\@md > .fill-12\@2xl, .flex\@lg > .fill-12\@2xl, .flex\@xl > .fill-12\@2xl, .flex\@2xl > .fill-12\@2xl {
    flex: 0 0 calc(100% - calc(var(--flex-gap, 0px) * 0 / 1));
  }
  .flex > .order-12\@2xl, .flex\@xs > .order-12\@2xl, .flex\@sm > .order-12\@2xl, .flex\@md > .order-12\@2xl, .flex\@lg > .order-12\@2xl, .flex\@xl > .order-12\@2xl, .flex\@2xl > .order-12\@2xl {
    order: 12;
  }
}
.hide {
  display: none;
}

.show {
  display: initial;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

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

.contents {
  display: contents;
}

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

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

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

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

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

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

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

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

.d-tbl {
  display: table;
}
.d-tbl-row {
  display: table-row;
}
.d-tbl-cell {
  display: table-cell;
}

@media (min-width: 480px) {
  .hide\@xs {
    display: none;
  }
  .show\@xs {
    display: initial;
  }
  .block\@xs {
    display: block;
  }
  .inline\@xs {
    display: inline;
  }
  .inline-block\@xs {
    display: inline-block;
  }
  .contents\@xs {
    display: contents;
  }
  .grid\@xs {
    display: grid;
  }
  .grid\@xs.inline {
    display: inline-grid;
  }
  .flex\@xs {
    display: flex;
  }
  .flex\@xs.inline {
    display: inline-flex;
  }
  .visible\@xs {
    visibility: visible;
  }
  .invisible\@xs {
    visibility: hidden;
  }
  .collapse\@xs {
    visibility: collapse;
  }
  .overflow-hidden\@xs {
    overflow: hidden;
  }
  .overflow-visible\@xs {
    overflow: visible;
  }
  .overflow-scroll\@xs {
    overflow: scroll;
  }
  .overflow-auto\@xs {
    overflow: auto;
  }
  .overflow-x-hidden\@xs {
    overflow-x: hidden;
  }
  .overflow-y-hidden\@xs {
    overflow-y: hidden;
  }
  .overflow-x-scroll\@xs {
    overflow-x: scroll;
  }
  .overflow-y-scroll\@xs {
    overflow-y: scroll;
  }
  .overflow-x-auto\@xs {
    overflow-x: auto;
  }
  .overflow-y-auto\@xs {
    overflow-y: auto;
  }
  .d-tbl\@xs {
    display: table;
  }
  .d-tbl-row\@xs {
    display: table-row;
  }
  .d-tbl-cell\@xs {
    display: table-cell;
  }
}
@media (min-width: 640px) {
  .hide\@sm {
    display: none;
  }
  .show\@sm {
    display: initial;
  }
  .block\@sm {
    display: block;
  }
  .inline\@sm {
    display: inline;
  }
  .inline-block\@sm {
    display: inline-block;
  }
  .contents\@sm {
    display: contents;
  }
  .grid\@sm {
    display: grid;
  }
  .grid\@sm.inline {
    display: inline-grid;
  }
  .flex\@sm {
    display: flex;
  }
  .flex\@sm.inline {
    display: inline-flex;
  }
  .visible\@sm {
    visibility: visible;
  }
  .invisible\@sm {
    visibility: hidden;
  }
  .collapse\@sm {
    visibility: collapse;
  }
  .overflow-hidden\@sm {
    overflow: hidden;
  }
  .overflow-visible\@sm {
    overflow: visible;
  }
  .overflow-scroll\@sm {
    overflow: scroll;
  }
  .overflow-auto\@sm {
    overflow: auto;
  }
  .overflow-x-hidden\@sm {
    overflow-x: hidden;
  }
  .overflow-y-hidden\@sm {
    overflow-y: hidden;
  }
  .overflow-x-scroll\@sm {
    overflow-x: scroll;
  }
  .overflow-y-scroll\@sm {
    overflow-y: scroll;
  }
  .overflow-x-auto\@sm {
    overflow-x: auto;
  }
  .overflow-y-auto\@sm {
    overflow-y: auto;
  }
  .d-tbl\@sm {
    display: table;
  }
  .d-tbl-row\@sm {
    display: table-row;
  }
  .d-tbl-cell\@sm {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .hide\@md {
    display: none;
  }
  .show\@md {
    display: initial;
  }
  .block\@md {
    display: block;
  }
  .inline\@md {
    display: inline;
  }
  .inline-block\@md {
    display: inline-block;
  }
  .contents\@md {
    display: contents;
  }
  .grid\@md {
    display: grid;
  }
  .grid\@md.inline {
    display: inline-grid;
  }
  .flex\@md {
    display: flex;
  }
  .flex\@md.inline {
    display: inline-flex;
  }
  .visible\@md {
    visibility: visible;
  }
  .invisible\@md {
    visibility: hidden;
  }
  .collapse\@md {
    visibility: collapse;
  }
  .overflow-hidden\@md {
    overflow: hidden;
  }
  .overflow-visible\@md {
    overflow: visible;
  }
  .overflow-scroll\@md {
    overflow: scroll;
  }
  .overflow-auto\@md {
    overflow: auto;
  }
  .overflow-x-hidden\@md {
    overflow-x: hidden;
  }
  .overflow-y-hidden\@md {
    overflow-y: hidden;
  }
  .overflow-x-scroll\@md {
    overflow-x: scroll;
  }
  .overflow-y-scroll\@md {
    overflow-y: scroll;
  }
  .overflow-x-auto\@md {
    overflow-x: auto;
  }
  .overflow-y-auto\@md {
    overflow-y: auto;
  }
  .d-tbl\@md {
    display: table;
  }
  .d-tbl-row\@md {
    display: table-row;
  }
  .d-tbl-cell\@md {
    display: table-cell;
  }
}
@media (min-width: 1024px) {
  .hide\@lg {
    display: none;
  }
  .show\@lg {
    display: initial;
  }
  .block\@lg {
    display: block;
  }
  .inline\@lg {
    display: inline;
  }
  .inline-block\@lg {
    display: inline-block;
  }
  .contents\@lg {
    display: contents;
  }
  .grid\@lg {
    display: grid;
  }
  .grid\@lg.inline {
    display: inline-grid;
  }
  .flex\@lg {
    display: flex;
  }
  .flex\@lg.inline {
    display: inline-flex;
  }
  .visible\@lg {
    visibility: visible;
  }
  .invisible\@lg {
    visibility: hidden;
  }
  .collapse\@lg {
    visibility: collapse;
  }
  .overflow-hidden\@lg {
    overflow: hidden;
  }
  .overflow-visible\@lg {
    overflow: visible;
  }
  .overflow-scroll\@lg {
    overflow: scroll;
  }
  .overflow-auto\@lg {
    overflow: auto;
  }
  .overflow-x-hidden\@lg {
    overflow-x: hidden;
  }
  .overflow-y-hidden\@lg {
    overflow-y: hidden;
  }
  .overflow-x-scroll\@lg {
    overflow-x: scroll;
  }
  .overflow-y-scroll\@lg {
    overflow-y: scroll;
  }
  .overflow-x-auto\@lg {
    overflow-x: auto;
  }
  .overflow-y-auto\@lg {
    overflow-y: auto;
  }
  .d-tbl\@lg {
    display: table;
  }
  .d-tbl-row\@lg {
    display: table-row;
  }
  .d-tbl-cell\@lg {
    display: table-cell;
  }
}
@media (min-width: 1280px) {
  .hide\@xl {
    display: none;
  }
  .show\@xl {
    display: initial;
  }
  .block\@xl {
    display: block;
  }
  .inline\@xl {
    display: inline;
  }
  .inline-block\@xl {
    display: inline-block;
  }
  .contents\@xl {
    display: contents;
  }
  .grid\@xl {
    display: grid;
  }
  .grid\@xl.inline {
    display: inline-grid;
  }
  .flex\@xl {
    display: flex;
  }
  .flex\@xl.inline {
    display: inline-flex;
  }
  .visible\@xl {
    visibility: visible;
  }
  .invisible\@xl {
    visibility: hidden;
  }
  .collapse\@xl {
    visibility: collapse;
  }
  .overflow-hidden\@xl {
    overflow: hidden;
  }
  .overflow-visible\@xl {
    overflow: visible;
  }
  .overflow-scroll\@xl {
    overflow: scroll;
  }
  .overflow-auto\@xl {
    overflow: auto;
  }
  .overflow-x-hidden\@xl {
    overflow-x: hidden;
  }
  .overflow-y-hidden\@xl {
    overflow-y: hidden;
  }
  .overflow-x-scroll\@xl {
    overflow-x: scroll;
  }
  .overflow-y-scroll\@xl {
    overflow-y: scroll;
  }
  .overflow-x-auto\@xl {
    overflow-x: auto;
  }
  .overflow-y-auto\@xl {
    overflow-y: auto;
  }
  .d-tbl\@xl {
    display: table;
  }
  .d-tbl-row\@xl {
    display: table-row;
  }
  .d-tbl-cell\@xl {
    display: table-cell;
  }
}
@media (min-width: 1536px) {
  .hide\@2xl {
    display: none;
  }
  .show\@2xl {
    display: initial;
  }
  .block\@2xl {
    display: block;
  }
  .inline\@2xl {
    display: inline;
  }
  .inline-block\@2xl {
    display: inline-block;
  }
  .contents\@2xl {
    display: contents;
  }
  .grid\@2xl {
    display: grid;
  }
  .grid\@2xl.inline {
    display: inline-grid;
  }
  .flex\@2xl {
    display: flex;
  }
  .flex\@2xl.inline {
    display: inline-flex;
  }
  .visible\@2xl {
    visibility: visible;
  }
  .invisible\@2xl {
    visibility: hidden;
  }
  .collapse\@2xl {
    visibility: collapse;
  }
  .overflow-hidden\@2xl {
    overflow: hidden;
  }
  .overflow-visible\@2xl {
    overflow: visible;
  }
  .overflow-scroll\@2xl {
    overflow: scroll;
  }
  .overflow-auto\@2xl {
    overflow: auto;
  }
  .overflow-x-hidden\@2xl {
    overflow-x: hidden;
  }
  .overflow-y-hidden\@2xl {
    overflow-y: hidden;
  }
  .overflow-x-scroll\@2xl {
    overflow-x: scroll;
  }
  .overflow-y-scroll\@2xl {
    overflow-y: scroll;
  }
  .overflow-x-auto\@2xl {
    overflow-x: auto;
  }
  .overflow-y-auto\@2xl {
    overflow-y: auto;
  }
  .d-tbl\@2xl {
    display: table;
  }
  .d-tbl-row\@2xl {
    display: table-row;
  }
  .d-tbl-cell\@2xl {
    display: table-cell;
  }
}
.text-xs {
  font-size: 0.75rem;
}

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

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

.text-base {
  font-size: 1rem;
}

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

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

.text-2xl {
  font-size: 1.75rem;
}

.text-3xl {
  font-size: 2rem;
}

.text-4xl {
  font-size: 2.5rem;
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

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

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

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

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

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

.font-extrabold {
  font-weight: 800;
}

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

.leading-none {
  line-height: 1;
}

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

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

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

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

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

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.overflow-label {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

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

.whitespace-normal {
  white-space: normal;
}

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

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

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

@media (min-width: 480px) {
  .text-xs\@xs {
    font-size: 0.75rem;
  }
  .text-sm\@xs {
    font-size: 0.875rem;
  }
  .text-md\@xs {
    font-size: 1rem;
  }
  .text-base\@xs {
    font-size: 1rem;
  }
  .text-lg\@xs {
    font-size: 1.25rem;
  }
  .text-xl\@xs {
    font-size: 1.5rem;
  }
  .text-2xl\@xs {
    font-size: 1.75rem;
  }
  .text-3xl\@xs {
    font-size: 2rem;
  }
  .text-4xl\@xs {
    font-size: 2.5rem;
  }
  .text-xs\@xs {
    font-size: 0.75rem;
  }
  .text-sm\@xs {
    font-size: 0.875rem;
  }
  .text-md\@xs {
    font-size: 1rem;
  }
  .text-base\@xs {
    font-size: 1rem;
  }
  .text-lg\@xs {
    font-size: 1.25rem;
  }
  .text-xl\@xs {
    font-size: 1.5rem;
  }
  .text-2xl\@xs {
    font-size: 1.75rem;
  }
  .text-3xl\@xs {
    font-size: 2rem;
  }
  .text-4xl\@xs {
    font-size: 2.5rem;
  }
  .font-thin\@xs {
    font-weight: 100;
  }
  .font-extralight\@xs {
    font-weight: 200;
  }
  .font-light\@xs {
    font-weight: 300;
  }
  .font-normal\@xs {
    font-weight: 400;
  }
  .font-medium\@xs {
    font-weight: 500;
  }
  .font-semibold\@xs {
    font-weight: 600;
  }
  .font-bold\@xs {
    font-weight: 700;
  }
  .font-extrabold\@xs {
    font-weight: 800;
  }
  .font-black\@xs {
    font-weight: 900;
  }
  .leading-none\@xs {
    line-height: 1;
  }
  .leading-tight\@xs {
    line-height: 1.25;
  }
  .leading-snug\@xs {
    line-height: 1.375;
  }
  .leading-normal\@xs {
    line-height: 1.5;
  }
  .leading-relaxed\@xs {
    line-height: 1.625;
  }
  .leading-loose\@xs {
    line-height: 2;
  }
  .text-left\@xs {
    text-align: left;
  }
  .text-center\@xs {
    text-align: center;
  }
  .text-right\@xs {
    text-align: right;
  }
  .text-justify\@xs {
    text-align: justify;
  }
  .uppercase\@xs {
    text-transform: uppercase;
  }
  .lowercase\@xs {
    text-transform: lowercase;
  }
  .capitalize\@xs {
    text-transform: capitalize;
  }
  .normal-case\@xs {
    text-transform: none;
  }
  .italic\@xs {
    font-style: italic;
  }
  .not-italic\@xs {
    font-style: normal;
  }
  .underline\@xs {
    text-decoration: underline;
  }
  .line-through\@xs {
    text-decoration: line-through;
  }
  .no-underline\@xs {
    text-decoration: none;
  }
  .truncate\@xs {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .truncate-2\@xs {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-3\@xs {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-4\@xs {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-5\@xs {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tracking-tighter\@xs {
    letter-spacing: -0.05em;
  }
  .tracking-tight\@xs {
    letter-spacing: -0.025em;
  }
  .tracking-normal\@xs {
    letter-spacing: 0;
  }
  .tracking-wide\@xs {
    letter-spacing: 0.025em;
  }
  .tracking-wider\@xs {
    letter-spacing: 0.05em;
  }
  .tracking-widest\@xs {
    letter-spacing: 0.1em;
  }
  .overflow-label\@xs {
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
  }
}
@media (min-width: 640px) {
  .text-xs\@sm {
    font-size: 0.75rem;
  }
  .text-sm\@sm {
    font-size: 0.875rem;
  }
  .text-md\@sm {
    font-size: 1rem;
  }
  .text-base\@sm {
    font-size: 1rem;
  }
  .text-lg\@sm {
    font-size: 1.25rem;
  }
  .text-xl\@sm {
    font-size: 1.5rem;
  }
  .text-2xl\@sm {
    font-size: 1.75rem;
  }
  .text-3xl\@sm {
    font-size: 2rem;
  }
  .text-4xl\@sm {
    font-size: 2.5rem;
  }
  .text-xs\@sm {
    font-size: 0.75rem;
  }
  .text-sm\@sm {
    font-size: 0.875rem;
  }
  .text-md\@sm {
    font-size: 1rem;
  }
  .text-base\@sm {
    font-size: 1rem;
  }
  .text-lg\@sm {
    font-size: 1.25rem;
  }
  .text-xl\@sm {
    font-size: 1.5rem;
  }
  .text-2xl\@sm {
    font-size: 1.75rem;
  }
  .text-3xl\@sm {
    font-size: 2rem;
  }
  .text-4xl\@sm {
    font-size: 2.5rem;
  }
  .font-thin\@sm {
    font-weight: 100;
  }
  .font-extralight\@sm {
    font-weight: 200;
  }
  .font-light\@sm {
    font-weight: 300;
  }
  .font-normal\@sm {
    font-weight: 400;
  }
  .font-medium\@sm {
    font-weight: 500;
  }
  .font-semibold\@sm {
    font-weight: 600;
  }
  .font-bold\@sm {
    font-weight: 700;
  }
  .font-extrabold\@sm {
    font-weight: 800;
  }
  .font-black\@sm {
    font-weight: 900;
  }
  .leading-none\@sm {
    line-height: 1;
  }
  .leading-tight\@sm {
    line-height: 1.25;
  }
  .leading-snug\@sm {
    line-height: 1.375;
  }
  .leading-normal\@sm {
    line-height: 1.5;
  }
  .leading-relaxed\@sm {
    line-height: 1.625;
  }
  .leading-loose\@sm {
    line-height: 2;
  }
  .text-left\@sm {
    text-align: left;
  }
  .text-center\@sm {
    text-align: center;
  }
  .text-right\@sm {
    text-align: right;
  }
  .text-justify\@sm {
    text-align: justify;
  }
  .uppercase\@sm {
    text-transform: uppercase;
  }
  .lowercase\@sm {
    text-transform: lowercase;
  }
  .capitalize\@sm {
    text-transform: capitalize;
  }
  .normal-case\@sm {
    text-transform: none;
  }
  .italic\@sm {
    font-style: italic;
  }
  .not-italic\@sm {
    font-style: normal;
  }
  .underline\@sm {
    text-decoration: underline;
  }
  .line-through\@sm {
    text-decoration: line-through;
  }
  .no-underline\@sm {
    text-decoration: none;
  }
  .truncate\@sm {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .truncate-2\@sm {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-3\@sm {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-4\@sm {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-5\@sm {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tracking-tighter\@sm {
    letter-spacing: -0.05em;
  }
  .tracking-tight\@sm {
    letter-spacing: -0.025em;
  }
  .tracking-normal\@sm {
    letter-spacing: 0;
  }
  .tracking-wide\@sm {
    letter-spacing: 0.025em;
  }
  .tracking-wider\@sm {
    letter-spacing: 0.05em;
  }
  .tracking-widest\@sm {
    letter-spacing: 0.1em;
  }
  .overflow-label\@sm {
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  .text-xs\@md {
    font-size: 0.75rem;
  }
  .text-sm\@md {
    font-size: 0.875rem;
  }
  .text-md\@md {
    font-size: 1rem;
  }
  .text-base\@md {
    font-size: 1rem;
  }
  .text-lg\@md {
    font-size: 1.25rem;
  }
  .text-xl\@md {
    font-size: 1.5rem;
  }
  .text-2xl\@md {
    font-size: 1.75rem;
  }
  .text-3xl\@md {
    font-size: 2rem;
  }
  .text-4xl\@md {
    font-size: 2.5rem;
  }
  .text-xs\@md {
    font-size: 0.75rem;
  }
  .text-sm\@md {
    font-size: 0.875rem;
  }
  .text-md\@md {
    font-size: 1rem;
  }
  .text-base\@md {
    font-size: 1rem;
  }
  .text-lg\@md {
    font-size: 1.25rem;
  }
  .text-xl\@md {
    font-size: 1.5rem;
  }
  .text-2xl\@md {
    font-size: 1.75rem;
  }
  .text-3xl\@md {
    font-size: 2rem;
  }
  .text-4xl\@md {
    font-size: 2.5rem;
  }
  .font-thin\@md {
    font-weight: 100;
  }
  .font-extralight\@md {
    font-weight: 200;
  }
  .font-light\@md {
    font-weight: 300;
  }
  .font-normal\@md {
    font-weight: 400;
  }
  .font-medium\@md {
    font-weight: 500;
  }
  .font-semibold\@md {
    font-weight: 600;
  }
  .font-bold\@md {
    font-weight: 700;
  }
  .font-extrabold\@md {
    font-weight: 800;
  }
  .font-black\@md {
    font-weight: 900;
  }
  .leading-none\@md {
    line-height: 1;
  }
  .leading-tight\@md {
    line-height: 1.25;
  }
  .leading-snug\@md {
    line-height: 1.375;
  }
  .leading-normal\@md {
    line-height: 1.5;
  }
  .leading-relaxed\@md {
    line-height: 1.625;
  }
  .leading-loose\@md {
    line-height: 2;
  }
  .text-left\@md {
    text-align: left;
  }
  .text-center\@md {
    text-align: center;
  }
  .text-right\@md {
    text-align: right;
  }
  .text-justify\@md {
    text-align: justify;
  }
  .uppercase\@md {
    text-transform: uppercase;
  }
  .lowercase\@md {
    text-transform: lowercase;
  }
  .capitalize\@md {
    text-transform: capitalize;
  }
  .normal-case\@md {
    text-transform: none;
  }
  .italic\@md {
    font-style: italic;
  }
  .not-italic\@md {
    font-style: normal;
  }
  .underline\@md {
    text-decoration: underline;
  }
  .line-through\@md {
    text-decoration: line-through;
  }
  .no-underline\@md {
    text-decoration: none;
  }
  .truncate\@md {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .truncate-2\@md {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-3\@md {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-4\@md {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-5\@md {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tracking-tighter\@md {
    letter-spacing: -0.05em;
  }
  .tracking-tight\@md {
    letter-spacing: -0.025em;
  }
  .tracking-normal\@md {
    letter-spacing: 0;
  }
  .tracking-wide\@md {
    letter-spacing: 0.025em;
  }
  .tracking-wider\@md {
    letter-spacing: 0.05em;
  }
  .tracking-widest\@md {
    letter-spacing: 0.1em;
  }
  .overflow-label\@md {
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
  }
}
@media (min-width: 1024px) {
  .text-xs\@lg {
    font-size: 0.75rem;
  }
  .text-sm\@lg {
    font-size: 0.875rem;
  }
  .text-md\@lg {
    font-size: 1rem;
  }
  .text-base\@lg {
    font-size: 1rem;
  }
  .text-lg\@lg {
    font-size: 1.25rem;
  }
  .text-xl\@lg {
    font-size: 1.5rem;
  }
  .text-2xl\@lg {
    font-size: 1.75rem;
  }
  .text-3xl\@lg {
    font-size: 2rem;
  }
  .text-4xl\@lg {
    font-size: 2.5rem;
  }
  .text-xs\@lg {
    font-size: 0.75rem;
  }
  .text-sm\@lg {
    font-size: 0.875rem;
  }
  .text-md\@lg {
    font-size: 1rem;
  }
  .text-base\@lg {
    font-size: 1rem;
  }
  .text-lg\@lg {
    font-size: 1.25rem;
  }
  .text-xl\@lg {
    font-size: 1.5rem;
  }
  .text-2xl\@lg {
    font-size: 1.75rem;
  }
  .text-3xl\@lg {
    font-size: 2rem;
  }
  .text-4xl\@lg {
    font-size: 2.5rem;
  }
  .font-thin\@lg {
    font-weight: 100;
  }
  .font-extralight\@lg {
    font-weight: 200;
  }
  .font-light\@lg {
    font-weight: 300;
  }
  .font-normal\@lg {
    font-weight: 400;
  }
  .font-medium\@lg {
    font-weight: 500;
  }
  .font-semibold\@lg {
    font-weight: 600;
  }
  .font-bold\@lg {
    font-weight: 700;
  }
  .font-extrabold\@lg {
    font-weight: 800;
  }
  .font-black\@lg {
    font-weight: 900;
  }
  .leading-none\@lg {
    line-height: 1;
  }
  .leading-tight\@lg {
    line-height: 1.25;
  }
  .leading-snug\@lg {
    line-height: 1.375;
  }
  .leading-normal\@lg {
    line-height: 1.5;
  }
  .leading-relaxed\@lg {
    line-height: 1.625;
  }
  .leading-loose\@lg {
    line-height: 2;
  }
  .text-left\@lg {
    text-align: left;
  }
  .text-center\@lg {
    text-align: center;
  }
  .text-right\@lg {
    text-align: right;
  }
  .text-justify\@lg {
    text-align: justify;
  }
  .uppercase\@lg {
    text-transform: uppercase;
  }
  .lowercase\@lg {
    text-transform: lowercase;
  }
  .capitalize\@lg {
    text-transform: capitalize;
  }
  .normal-case\@lg {
    text-transform: none;
  }
  .italic\@lg {
    font-style: italic;
  }
  .not-italic\@lg {
    font-style: normal;
  }
  .underline\@lg {
    text-decoration: underline;
  }
  .line-through\@lg {
    text-decoration: line-through;
  }
  .no-underline\@lg {
    text-decoration: none;
  }
  .truncate\@lg {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .truncate-2\@lg {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-3\@lg {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-4\@lg {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-5\@lg {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tracking-tighter\@lg {
    letter-spacing: -0.05em;
  }
  .tracking-tight\@lg {
    letter-spacing: -0.025em;
  }
  .tracking-normal\@lg {
    letter-spacing: 0;
  }
  .tracking-wide\@lg {
    letter-spacing: 0.025em;
  }
  .tracking-wider\@lg {
    letter-spacing: 0.05em;
  }
  .tracking-widest\@lg {
    letter-spacing: 0.1em;
  }
  .overflow-label\@lg {
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
  }
}
@media (min-width: 1280px) {
  .text-xs\@xl {
    font-size: 0.75rem;
  }
  .text-sm\@xl {
    font-size: 0.875rem;
  }
  .text-md\@xl {
    font-size: 1rem;
  }
  .text-base\@xl {
    font-size: 1rem;
  }
  .text-lg\@xl {
    font-size: 1.25rem;
  }
  .text-xl\@xl {
    font-size: 1.5rem;
  }
  .text-2xl\@xl {
    font-size: 1.75rem;
  }
  .text-3xl\@xl {
    font-size: 2rem;
  }
  .text-4xl\@xl {
    font-size: 2.5rem;
  }
  .text-xs\@xl {
    font-size: 0.75rem;
  }
  .text-sm\@xl {
    font-size: 0.875rem;
  }
  .text-md\@xl {
    font-size: 1rem;
  }
  .text-base\@xl {
    font-size: 1rem;
  }
  .text-lg\@xl {
    font-size: 1.25rem;
  }
  .text-xl\@xl {
    font-size: 1.5rem;
  }
  .text-2xl\@xl {
    font-size: 1.75rem;
  }
  .text-3xl\@xl {
    font-size: 2rem;
  }
  .text-4xl\@xl {
    font-size: 2.5rem;
  }
  .font-thin\@xl {
    font-weight: 100;
  }
  .font-extralight\@xl {
    font-weight: 200;
  }
  .font-light\@xl {
    font-weight: 300;
  }
  .font-normal\@xl {
    font-weight: 400;
  }
  .font-medium\@xl {
    font-weight: 500;
  }
  .font-semibold\@xl {
    font-weight: 600;
  }
  .font-bold\@xl {
    font-weight: 700;
  }
  .font-extrabold\@xl {
    font-weight: 800;
  }
  .font-black\@xl {
    font-weight: 900;
  }
  .leading-none\@xl {
    line-height: 1;
  }
  .leading-tight\@xl {
    line-height: 1.25;
  }
  .leading-snug\@xl {
    line-height: 1.375;
  }
  .leading-normal\@xl {
    line-height: 1.5;
  }
  .leading-relaxed\@xl {
    line-height: 1.625;
  }
  .leading-loose\@xl {
    line-height: 2;
  }
  .text-left\@xl {
    text-align: left;
  }
  .text-center\@xl {
    text-align: center;
  }
  .text-right\@xl {
    text-align: right;
  }
  .text-justify\@xl {
    text-align: justify;
  }
  .uppercase\@xl {
    text-transform: uppercase;
  }
  .lowercase\@xl {
    text-transform: lowercase;
  }
  .capitalize\@xl {
    text-transform: capitalize;
  }
  .normal-case\@xl {
    text-transform: none;
  }
  .italic\@xl {
    font-style: italic;
  }
  .not-italic\@xl {
    font-style: normal;
  }
  .underline\@xl {
    text-decoration: underline;
  }
  .line-through\@xl {
    text-decoration: line-through;
  }
  .no-underline\@xl {
    text-decoration: none;
  }
  .truncate\@xl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .truncate-2\@xl {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-3\@xl {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-4\@xl {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-5\@xl {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tracking-tighter\@xl {
    letter-spacing: -0.05em;
  }
  .tracking-tight\@xl {
    letter-spacing: -0.025em;
  }
  .tracking-normal\@xl {
    letter-spacing: 0;
  }
  .tracking-wide\@xl {
    letter-spacing: 0.025em;
  }
  .tracking-wider\@xl {
    letter-spacing: 0.05em;
  }
  .tracking-widest\@xl {
    letter-spacing: 0.1em;
  }
  .overflow-label\@xl {
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
  }
}
@media (min-width: 1536px) {
  .text-xs\@2xl {
    font-size: 0.75rem;
  }
  .text-sm\@2xl {
    font-size: 0.875rem;
  }
  .text-md\@2xl {
    font-size: 1rem;
  }
  .text-base\@2xl {
    font-size: 1rem;
  }
  .text-lg\@2xl {
    font-size: 1.25rem;
  }
  .text-xl\@2xl {
    font-size: 1.5rem;
  }
  .text-2xl\@2xl {
    font-size: 1.75rem;
  }
  .text-3xl\@2xl {
    font-size: 2rem;
  }
  .text-4xl\@2xl {
    font-size: 2.5rem;
  }
  .text-xs\@2xl {
    font-size: 0.75rem;
  }
  .text-sm\@2xl {
    font-size: 0.875rem;
  }
  .text-md\@2xl {
    font-size: 1rem;
  }
  .text-base\@2xl {
    font-size: 1rem;
  }
  .text-lg\@2xl {
    font-size: 1.25rem;
  }
  .text-xl\@2xl {
    font-size: 1.5rem;
  }
  .text-2xl\@2xl {
    font-size: 1.75rem;
  }
  .text-3xl\@2xl {
    font-size: 2rem;
  }
  .text-4xl\@2xl {
    font-size: 2.5rem;
  }
  .font-thin\@2xl {
    font-weight: 100;
  }
  .font-extralight\@2xl {
    font-weight: 200;
  }
  .font-light\@2xl {
    font-weight: 300;
  }
  .font-normal\@2xl {
    font-weight: 400;
  }
  .font-medium\@2xl {
    font-weight: 500;
  }
  .font-semibold\@2xl {
    font-weight: 600;
  }
  .font-bold\@2xl {
    font-weight: 700;
  }
  .font-extrabold\@2xl {
    font-weight: 800;
  }
  .font-black\@2xl {
    font-weight: 900;
  }
  .leading-none\@2xl {
    line-height: 1;
  }
  .leading-tight\@2xl {
    line-height: 1.25;
  }
  .leading-snug\@2xl {
    line-height: 1.375;
  }
  .leading-normal\@2xl {
    line-height: 1.5;
  }
  .leading-relaxed\@2xl {
    line-height: 1.625;
  }
  .leading-loose\@2xl {
    line-height: 2;
  }
  .text-left\@2xl {
    text-align: left;
  }
  .text-center\@2xl {
    text-align: center;
  }
  .text-right\@2xl {
    text-align: right;
  }
  .text-justify\@2xl {
    text-align: justify;
  }
  .uppercase\@2xl {
    text-transform: uppercase;
  }
  .lowercase\@2xl {
    text-transform: lowercase;
  }
  .capitalize\@2xl {
    text-transform: capitalize;
  }
  .normal-case\@2xl {
    text-transform: none;
  }
  .italic\@2xl {
    font-style: italic;
  }
  .not-italic\@2xl {
    font-style: normal;
  }
  .underline\@2xl {
    text-decoration: underline;
  }
  .line-through\@2xl {
    text-decoration: line-through;
  }
  .no-underline\@2xl {
    text-decoration: none;
  }
  .truncate\@2xl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .truncate-2\@2xl {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-3\@2xl {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-4\@2xl {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .truncate-5\@2xl {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tracking-tighter\@2xl {
    letter-spacing: -0.05em;
  }
  .tracking-tight\@2xl {
    letter-spacing: -0.025em;
  }
  .tracking-normal\@2xl {
    letter-spacing: 0;
  }
  .tracking-wide\@2xl {
    letter-spacing: 0.025em;
  }
  .tracking-wider\@2xl {
    letter-spacing: 0.05em;
  }
  .tracking-widest\@2xl {
    letter-spacing: 0.1em;
  }
  .overflow-label\@2xl {
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 0;
  }
}
:root,
[data-theme=light] {
  --primary: #007bff;
  --primary-50: rgb(229.5, 241.8, 255);
  --primary-100: rgb(178.5, 215.4, 255);
  --primary-200: rgb(127.5, 189, 255);
  --primary-300: rgb(76.5, 162.6, 255);
  --primary-400: rgb(25.5, 136.2, 255);
  --primary-500: #007bff;
  --primary-600: rgb(0, 110.7, 229.5);
  --primary-700: rgb(0, 86.1, 178.5);
  --primary-800: rgb(0, 61.5, 127.5);
  --primary-900: rgb(0, 36.9, 76.5);
  --secondary: #6c757d;
  --secondary-50: rgb(240.3, 241.2, 242);
  --secondary-100: rgb(210.9, 213.6, 216);
  --secondary-200: rgb(181.5, 186, 190);
  --secondary-300: rgb(152.1, 158.4, 164);
  --secondary-400: rgb(122.7, 130.8, 138);
  --secondary-500: #6c757d;
  --secondary-600: rgb(97.2, 105.3, 112.5);
  --secondary-700: rgb(75.6, 81.9, 87.5);
  --secondary-800: rgb(54, 58.5, 62.5);
  --secondary-900: rgb(32.4, 35.1, 37.5);
  --success: #28a745;
  --success-50: rgb(233.5, 246.2, 236.4);
  --success-100: rgb(190.5, 228.6, 199.2);
  --success-200: rgb(147.5, 211, 162);
  --success-300: rgb(104.5, 193.4, 124.8);
  --success-400: rgb(61.5, 175.8, 87.6);
  --success-500: #28a745;
  --success-600: rgb(36, 150.3, 62.1);
  --success-700: rgb(28, 116.9, 48.3);
  --success-800: rgb(20, 83.5, 34.5);
  --success-900: rgb(12, 50.1, 20.7);
  --danger: #dc3545;
  --danger-50: rgb(251.5, 234.8, 236.4);
  --danger-100: rgb(244.5, 194.4, 199.2);
  --danger-200: rgb(237.5, 154, 162);
  --danger-300: rgb(230.5, 113.6, 124.8);
  --danger-400: rgb(223.5, 73.2, 87.6);
  --danger-500: #dc3545;
  --danger-600: rgb(198, 47.7, 62.1);
  --danger-700: rgb(154, 37.1, 48.3);
  --danger-800: rgb(110, 26.5, 34.5);
  --danger-900: rgb(66, 15.9, 20.7);
  --warning: #ffc107;
  --warning-50: rgb(255, 248.8, 230.2);
  --warning-100: rgb(255, 236.4, 180.6);
  --warning-200: #ffe083;
  --warning-300: rgb(255, 211.6, 81.4);
  --warning-400: rgb(255, 199.2, 31.8);
  --warning-500: #ffc107;
  --warning-600: rgb(229.5, 173.7, 6.3);
  --warning-700: rgb(178.5, 135.1, 4.9);
  --warning-800: rgb(127.5, 96.5, 3.5);
  --warning-900: rgb(76.5, 57.9, 2.1);
  --info: #17a2b8;
  --info-50: rgb(231.8, 245.7, 247.9);
  --info-100: rgb(185.4, 227.1, 233.7);
  --info-200: rgb(139, 208.5, 219.5);
  --info-300: rgb(92.6, 189.9, 205.3);
  --info-400: rgb(46.2, 171.3, 191.1);
  --info-500: #17a2b8;
  --info-600: rgb(20.7, 145.8, 165.6);
  --info-700: rgb(16.1, 113.4, 128.8);
  --info-800: rgb(11.5, 81, 92);
  --info-900: rgb(6.9, 48.6, 55.2);
  --gray: #6b7280;
  --gray-50: rgb(240.2, 240.9, 242.3);
  --gray-100: rgb(210.6, 212.7, 216.9);
  --gray-200: rgb(181, 184.5, 191.5);
  --gray-300: rgb(151.4, 156.3, 166.1);
  --gray-400: rgb(121.8, 128.1, 140.7);
  --gray-500: #6b7280;
  --gray-600: rgb(96.3, 102.6, 115.2);
  --gray-700: rgb(74.9, 79.8, 89.6);
  --gray-800: rgb(53.5, 57, 64);
  --gray-900: rgb(32.1, 34.2, 38.4);
  --red: #ef4444;
  --red-50: rgb(253.4, 236.3, 236.3);
  --red-100: rgb(250.2, 198.9, 198.9);
  --red-200: rgb(247, 161.5, 161.5);
  --red-300: rgb(243.8, 124.1, 124.1);
  --red-400: rgb(240.6, 86.7, 86.7);
  --red-500: #ef4444;
  --red-600: rgb(215.1, 61.2, 61.2);
  --red-700: rgb(167.3, 47.6, 47.6);
  --red-800: rgb(119.5, 34, 34);
  --red-900: rgb(71.7, 20.4, 20.4);
  --blue: #3b82f6;
  --blue-50: rgb(235.4, 242.5, 254.1);
  --blue-100: rgb(196.2, 217.5, 252.3);
  --blue-200: rgb(157, 192.5, 250.5);
  --blue-300: rgb(117.8, 167.5, 248.7);
  --blue-400: rgb(78.6, 142.5, 246.9);
  --blue-500: #3b82f6;
  --blue-600: rgb(53.1, 117, 221.4);
  --blue-700: rgb(41.3, 91, 172.2);
  --blue-800: rgb(29.5, 65, 123);
  --blue-900: rgb(17.7, 39, 73.8);
  --green: #22c55e;
  --green-50: rgb(232.9, 249.2, 238.9);
  --green-100: rgb(188.7, 237.6, 206.7);
  --green-200: rgb(144.5, 226, 174.5);
  --green-300: rgb(100.3, 214.4, 142.3);
  --green-400: rgb(56.1, 202.8, 110.1);
  --green-500: #22c55e;
  --green-600: rgb(30.6, 177.3, 84.6);
  --green-700: rgb(23.8, 137.9, 65.8);
  --green-800: rgb(17, 98.5, 47);
  --green-900: rgb(10.2, 59.1, 28.2);
  --yellow: #eab308;
  --yellow-50: rgb(252.9, 247.4, 230.3);
  --yellow-100: rgb(248.7, 232.2, 180.9);
  --yellow-200: rgb(244.5, 217, 131.5);
  --yellow-300: rgb(240.3, 201.8, 82.1);
  --yellow-400: rgb(236.1, 186.6, 32.7);
  --yellow-500: #eab308;
  --yellow-600: rgb(210.6, 161.1, 7.2);
  --yellow-700: rgb(163.8, 125.3, 5.6);
  --yellow-800: rgb(117, 89.5, 4);
  --yellow-900: rgb(70.2, 53.7, 2.4);
  --purple: #a855f7;
  --purple-50: rgb(246.3, 238, 254.2);
  --purple-100: rgb(228.9, 204, 252.6);
  --purple-200: rgb(211.5, 170, 251);
  --purple-300: rgb(194.1, 136, 249.4);
  --purple-400: rgb(176.7, 102, 247.8);
  --purple-500: #a855f7;
  --purple-600: rgb(151.2, 76.5, 222.3);
  --purple-700: rgb(117.6, 59.5, 172.9);
  --purple-800: rgb(84, 42.5, 123.5);
  --purple-900: rgb(50.4, 25.5, 74.1);
  --pink: #ec4899;
  --pink-50: rgb(253.1, 236.7, 244.8);
  --pink-100: rgb(249.3, 200.1, 224.4);
  --pink-200: rgb(245.5, 163.5, 204);
  --pink-300: rgb(241.7, 126.9, 183.6);
  --pink-400: rgb(237.9, 90.3, 163.2);
  --pink-500: #ec4899;
  --pink-600: rgb(212.4, 64.8, 137.7);
  --pink-700: rgb(165.2, 50.4, 107.1);
  --pink-800: rgb(118, 36, 76.5);
  --pink-900: rgb(70.8, 21.6, 45.9);
  --bg-base: #fbfafc;
  --inverted-bg-base: #1a1a1a;
  --bg-alternate: #1a1a1a;
  --inverted-bg-alternate: #f1f1f1;
  --bg-surface: #fff;
  --inverted-bg-surface: #2e2e2e;
  --border-base: #e5e7eb;
  --inverted-border-base: #2e2e2e;
  --text-color: #1a1a1a;
  --inverted-text-color: #f1f1f1;
  --text-muted: rgba(26, 26, 26, 0.5411764706);
  --inverted-text-muted: rgba(241, 241, 241, 0.5411764706);
  --text-subtle: rgba(26, 26, 26, 0.3137254902);
  --inverted-text-subtle: rgba(241, 241, 241, 0.3137254902);
  --text-inverted: #f1f1f1;
  --inverted-text-inverted: #1a1a1a;
  --black: #000;
  --white: #fff;
  --transparent: transparent;
  --button-bg-color: var(--primary);
  --button-bg-color-hover: var(--primary-600);
  --link-color: var(--primary);
  --link-hover-color: var(--primary-600);
}

[data-theme=dark] {
  --bg-base: #1a1a1a;
  --inverted-bg-base: #fbfafc;
  --bg-alternate: #f1f1f1;
  --inverted-bg-alternate: #1a1a1a;
  --bg-surface: #2e2e2e;
  --inverted-bg-surface: #fff;
  --border-base: #2e2e2e;
  --inverted-border-base: #e5e7eb;
  --text-color: #f1f1f1;
  --inverted-text-color: #1a1a1a;
  --text-muted: rgba(241, 241, 241, 0.5411764706);
  --inverted-text-muted: rgba(26, 26, 26, 0.5411764706);
  --text-subtle: rgba(241, 241, 241, 0.3137254902);
  --inverted-text-subtle: rgba(26, 26, 26, 0.3137254902);
  --text-inverted: #1a1a1a;
  --inverted-text-inverted: #f1f1f1;
  --button-text-color: ;
  --button-bg-color: var(--primary);
  --button-bg-color-hover: var(--primary-400);
  --link-color: var(--primary);
  --link-hover-color: var(--primary-400);
  scrollbar-color: #555 var(--background);
}
[data-theme=dark]::-webkit-scrollbar-track {
  background: var(--background);
}
[data-theme=dark]::-webkit-scrollbar-thumb {
  background-color: #555;
  border: 3px solid var(--background);
}

.text-on-primary-50 {
  color: #000;
}

.text-primary-50,
.hover\:text-primary-50:hover,
.group:hover .group-hover\:text-primary-50 {
  color: var(--primary-50);
}

.bg-primary-50,
.hover\:bg-primary-50:hover,
.group:hover .group-hover\:bg-primary-50 {
  background-color: var(--primary-50);
}

.border-primary-50,
.hover\:border-primary-50:hover,
.group:hover .group-hover\:border-primary-50 {
  border-color: var(--primary-50);
}

.text-on-primary-100 {
  color: #000;
}

.text-primary-100,
.hover\:text-primary-100:hover,
.group:hover .group-hover\:text-primary-100 {
  color: var(--primary-100);
}

.bg-primary-100,
.hover\:bg-primary-100:hover,
.group:hover .group-hover\:bg-primary-100 {
  background-color: var(--primary-100);
}

.border-primary-100,
.hover\:border-primary-100:hover,
.group:hover .group-hover\:border-primary-100 {
  border-color: var(--primary-100);
}

.text-on-primary-200 {
  color: #fff;
}

.text-primary-200,
.hover\:text-primary-200:hover,
.group:hover .group-hover\:text-primary-200 {
  color: var(--primary-200);
}

.bg-primary-200,
.hover\:bg-primary-200:hover,
.group:hover .group-hover\:bg-primary-200 {
  background-color: var(--primary-200);
}

.border-primary-200,
.hover\:border-primary-200:hover,
.group:hover .group-hover\:border-primary-200 {
  border-color: var(--primary-200);
}

.text-on-primary-300 {
  color: #fff;
}

.text-primary-300,
.hover\:text-primary-300:hover,
.group:hover .group-hover\:text-primary-300 {
  color: var(--primary-300);
}

.bg-primary-300,
.hover\:bg-primary-300:hover,
.group:hover .group-hover\:bg-primary-300 {
  background-color: var(--primary-300);
}

.border-primary-300,
.hover\:border-primary-300:hover,
.group:hover .group-hover\:border-primary-300 {
  border-color: var(--primary-300);
}

.text-on-primary-400 {
  color: #fff;
}

.text-primary-400,
.hover\:text-primary-400:hover,
.group:hover .group-hover\:text-primary-400 {
  color: var(--primary-400);
}

.bg-primary-400,
.hover\:bg-primary-400:hover,
.group:hover .group-hover\:bg-primary-400 {
  background-color: var(--primary-400);
}

.border-primary-400,
.hover\:border-primary-400:hover,
.group:hover .group-hover\:border-primary-400 {
  border-color: var(--primary-400);
}

.text-on-primary-500 {
  color: #fff;
}

.text-primary-500,
.hover\:text-primary-500:hover,
.group:hover .group-hover\:text-primary-500 {
  color: var(--primary-500);
}

.bg-primary-500,
.hover\:bg-primary-500:hover,
.group:hover .group-hover\:bg-primary-500 {
  background-color: var(--primary-500);
}

.border-primary-500,
.hover\:border-primary-500:hover,
.group:hover .group-hover\:border-primary-500 {
  border-color: var(--primary-500);
}

.text-on-primary-600 {
  color: #fff;
}

.text-primary-600,
.hover\:text-primary-600:hover,
.group:hover .group-hover\:text-primary-600 {
  color: var(--primary-600);
}

.bg-primary-600,
.hover\:bg-primary-600:hover,
.group:hover .group-hover\:bg-primary-600 {
  background-color: var(--primary-600);
}

.border-primary-600,
.hover\:border-primary-600:hover,
.group:hover .group-hover\:border-primary-600 {
  border-color: var(--primary-600);
}

.text-on-primary-700 {
  color: #fff;
}

.text-primary-700,
.hover\:text-primary-700:hover,
.group:hover .group-hover\:text-primary-700 {
  color: var(--primary-700);
}

.bg-primary-700,
.hover\:bg-primary-700:hover,
.group:hover .group-hover\:bg-primary-700 {
  background-color: var(--primary-700);
}

.border-primary-700,
.hover\:border-primary-700:hover,
.group:hover .group-hover\:border-primary-700 {
  border-color: var(--primary-700);
}

.text-on-primary-800 {
  color: #fff;
}

.text-primary-800,
.hover\:text-primary-800:hover,
.group:hover .group-hover\:text-primary-800 {
  color: var(--primary-800);
}

.bg-primary-800,
.hover\:bg-primary-800:hover,
.group:hover .group-hover\:bg-primary-800 {
  background-color: var(--primary-800);
}

.border-primary-800,
.hover\:border-primary-800:hover,
.group:hover .group-hover\:border-primary-800 {
  border-color: var(--primary-800);
}

.text-on-primary-900 {
  color: #fff;
}

.text-primary-900,
.hover\:text-primary-900:hover,
.group:hover .group-hover\:text-primary-900 {
  color: var(--primary-900);
}

.bg-primary-900,
.hover\:bg-primary-900:hover,
.group:hover .group-hover\:bg-primary-900 {
  background-color: var(--primary-900);
}

.border-primary-900,
.hover\:border-primary-900:hover,
.group:hover .group-hover\:border-primary-900 {
  border-color: var(--primary-900);
}

.text-primary,
.hover\:text-primary:hover,
.group:hover .group-hover\:text-primary {
  color: var(--primary);
}

.bg-primary,
.hover\:bg-primary:hover,
.group:hover .group-hover\:bg-primary {
  background-color: var(--primary);
}

.border-primary,
.hover\:border-primary:hover,
.group:hover .group-hover\:border-primary {
  border-color: var(--primary);
}

.text-on-secondary-50 {
  color: #000;
}

.text-secondary-50,
.hover\:text-secondary-50:hover,
.group:hover .group-hover\:text-secondary-50 {
  color: var(--secondary-50);
}

.bg-secondary-50,
.hover\:bg-secondary-50:hover,
.group:hover .group-hover\:bg-secondary-50 {
  background-color: var(--secondary-50);
}

.border-secondary-50,
.hover\:border-secondary-50:hover,
.group:hover .group-hover\:border-secondary-50 {
  border-color: var(--secondary-50);
}

.text-on-secondary-100 {
  color: #000;
}

.text-secondary-100,
.hover\:text-secondary-100:hover,
.group:hover .group-hover\:text-secondary-100 {
  color: var(--secondary-100);
}

.bg-secondary-100,
.hover\:bg-secondary-100:hover,
.group:hover .group-hover\:bg-secondary-100 {
  background-color: var(--secondary-100);
}

.border-secondary-100,
.hover\:border-secondary-100:hover,
.group:hover .group-hover\:border-secondary-100 {
  border-color: var(--secondary-100);
}

.text-on-secondary-200 {
  color: #fff;
}

.text-secondary-200,
.hover\:text-secondary-200:hover,
.group:hover .group-hover\:text-secondary-200 {
  color: var(--secondary-200);
}

.bg-secondary-200,
.hover\:bg-secondary-200:hover,
.group:hover .group-hover\:bg-secondary-200 {
  background-color: var(--secondary-200);
}

.border-secondary-200,
.hover\:border-secondary-200:hover,
.group:hover .group-hover\:border-secondary-200 {
  border-color: var(--secondary-200);
}

.text-on-secondary-300 {
  color: #fff;
}

.text-secondary-300,
.hover\:text-secondary-300:hover,
.group:hover .group-hover\:text-secondary-300 {
  color: var(--secondary-300);
}

.bg-secondary-300,
.hover\:bg-secondary-300:hover,
.group:hover .group-hover\:bg-secondary-300 {
  background-color: var(--secondary-300);
}

.border-secondary-300,
.hover\:border-secondary-300:hover,
.group:hover .group-hover\:border-secondary-300 {
  border-color: var(--secondary-300);
}

.text-on-secondary-400 {
  color: #fff;
}

.text-secondary-400,
.hover\:text-secondary-400:hover,
.group:hover .group-hover\:text-secondary-400 {
  color: var(--secondary-400);
}

.bg-secondary-400,
.hover\:bg-secondary-400:hover,
.group:hover .group-hover\:bg-secondary-400 {
  background-color: var(--secondary-400);
}

.border-secondary-400,
.hover\:border-secondary-400:hover,
.group:hover .group-hover\:border-secondary-400 {
  border-color: var(--secondary-400);
}

.text-on-secondary-500 {
  color: #fff;
}

.text-secondary-500,
.hover\:text-secondary-500:hover,
.group:hover .group-hover\:text-secondary-500 {
  color: var(--secondary-500);
}

.bg-secondary-500,
.hover\:bg-secondary-500:hover,
.group:hover .group-hover\:bg-secondary-500 {
  background-color: var(--secondary-500);
}

.border-secondary-500,
.hover\:border-secondary-500:hover,
.group:hover .group-hover\:border-secondary-500 {
  border-color: var(--secondary-500);
}

.text-on-secondary-600 {
  color: #fff;
}

.text-secondary-600,
.hover\:text-secondary-600:hover,
.group:hover .group-hover\:text-secondary-600 {
  color: var(--secondary-600);
}

.bg-secondary-600,
.hover\:bg-secondary-600:hover,
.group:hover .group-hover\:bg-secondary-600 {
  background-color: var(--secondary-600);
}

.border-secondary-600,
.hover\:border-secondary-600:hover,
.group:hover .group-hover\:border-secondary-600 {
  border-color: var(--secondary-600);
}

.text-on-secondary-700 {
  color: #fff;
}

.text-secondary-700,
.hover\:text-secondary-700:hover,
.group:hover .group-hover\:text-secondary-700 {
  color: var(--secondary-700);
}

.bg-secondary-700,
.hover\:bg-secondary-700:hover,
.group:hover .group-hover\:bg-secondary-700 {
  background-color: var(--secondary-700);
}

.border-secondary-700,
.hover\:border-secondary-700:hover,
.group:hover .group-hover\:border-secondary-700 {
  border-color: var(--secondary-700);
}

.text-on-secondary-800 {
  color: #fff;
}

.text-secondary-800,
.hover\:text-secondary-800:hover,
.group:hover .group-hover\:text-secondary-800 {
  color: var(--secondary-800);
}

.bg-secondary-800,
.hover\:bg-secondary-800:hover,
.group:hover .group-hover\:bg-secondary-800 {
  background-color: var(--secondary-800);
}

.border-secondary-800,
.hover\:border-secondary-800:hover,
.group:hover .group-hover\:border-secondary-800 {
  border-color: var(--secondary-800);
}

.text-on-secondary-900 {
  color: #fff;
}

.text-secondary-900,
.hover\:text-secondary-900:hover,
.group:hover .group-hover\:text-secondary-900 {
  color: var(--secondary-900);
}

.bg-secondary-900,
.hover\:bg-secondary-900:hover,
.group:hover .group-hover\:bg-secondary-900 {
  background-color: var(--secondary-900);
}

.border-secondary-900,
.hover\:border-secondary-900:hover,
.group:hover .group-hover\:border-secondary-900 {
  border-color: var(--secondary-900);
}

.text-secondary,
.hover\:text-secondary:hover,
.group:hover .group-hover\:text-secondary {
  color: var(--secondary);
}

.bg-secondary,
.hover\:bg-secondary:hover,
.group:hover .group-hover\:bg-secondary {
  background-color: var(--secondary);
}

.border-secondary,
.hover\:border-secondary:hover,
.group:hover .group-hover\:border-secondary {
  border-color: var(--secondary);
}

.text-on-success-50 {
  color: #000;
}

.text-success-50,
.hover\:text-success-50:hover,
.group:hover .group-hover\:text-success-50 {
  color: var(--success-50);
}

.bg-success-50,
.hover\:bg-success-50:hover,
.group:hover .group-hover\:bg-success-50 {
  background-color: var(--success-50);
}

.border-success-50,
.hover\:border-success-50:hover,
.group:hover .group-hover\:border-success-50 {
  border-color: var(--success-50);
}

.text-on-success-100 {
  color: #000;
}

.text-success-100,
.hover\:text-success-100:hover,
.group:hover .group-hover\:text-success-100 {
  color: var(--success-100);
}

.bg-success-100,
.hover\:bg-success-100:hover,
.group:hover .group-hover\:bg-success-100 {
  background-color: var(--success-100);
}

.border-success-100,
.hover\:border-success-100:hover,
.group:hover .group-hover\:border-success-100 {
  border-color: var(--success-100);
}

.text-on-success-200 {
  color: #000;
}

.text-success-200,
.hover\:text-success-200:hover,
.group:hover .group-hover\:text-success-200 {
  color: var(--success-200);
}

.bg-success-200,
.hover\:bg-success-200:hover,
.group:hover .group-hover\:bg-success-200 {
  background-color: var(--success-200);
}

.border-success-200,
.hover\:border-success-200:hover,
.group:hover .group-hover\:border-success-200 {
  border-color: var(--success-200);
}

.text-on-success-300 {
  color: #fff;
}

.text-success-300,
.hover\:text-success-300:hover,
.group:hover .group-hover\:text-success-300 {
  color: var(--success-300);
}

.bg-success-300,
.hover\:bg-success-300:hover,
.group:hover .group-hover\:bg-success-300 {
  background-color: var(--success-300);
}

.border-success-300,
.hover\:border-success-300:hover,
.group:hover .group-hover\:border-success-300 {
  border-color: var(--success-300);
}

.text-on-success-400 {
  color: #fff;
}

.text-success-400,
.hover\:text-success-400:hover,
.group:hover .group-hover\:text-success-400 {
  color: var(--success-400);
}

.bg-success-400,
.hover\:bg-success-400:hover,
.group:hover .group-hover\:bg-success-400 {
  background-color: var(--success-400);
}

.border-success-400,
.hover\:border-success-400:hover,
.group:hover .group-hover\:border-success-400 {
  border-color: var(--success-400);
}

.text-on-success-500 {
  color: #fff;
}

.text-success-500,
.hover\:text-success-500:hover,
.group:hover .group-hover\:text-success-500 {
  color: var(--success-500);
}

.bg-success-500,
.hover\:bg-success-500:hover,
.group:hover .group-hover\:bg-success-500 {
  background-color: var(--success-500);
}

.border-success-500,
.hover\:border-success-500:hover,
.group:hover .group-hover\:border-success-500 {
  border-color: var(--success-500);
}

.text-on-success-600 {
  color: #fff;
}

.text-success-600,
.hover\:text-success-600:hover,
.group:hover .group-hover\:text-success-600 {
  color: var(--success-600);
}

.bg-success-600,
.hover\:bg-success-600:hover,
.group:hover .group-hover\:bg-success-600 {
  background-color: var(--success-600);
}

.border-success-600,
.hover\:border-success-600:hover,
.group:hover .group-hover\:border-success-600 {
  border-color: var(--success-600);
}

.text-on-success-700 {
  color: #fff;
}

.text-success-700,
.hover\:text-success-700:hover,
.group:hover .group-hover\:text-success-700 {
  color: var(--success-700);
}

.bg-success-700,
.hover\:bg-success-700:hover,
.group:hover .group-hover\:bg-success-700 {
  background-color: var(--success-700);
}

.border-success-700,
.hover\:border-success-700:hover,
.group:hover .group-hover\:border-success-700 {
  border-color: var(--success-700);
}

.text-on-success-800 {
  color: #fff;
}

.text-success-800,
.hover\:text-success-800:hover,
.group:hover .group-hover\:text-success-800 {
  color: var(--success-800);
}

.bg-success-800,
.hover\:bg-success-800:hover,
.group:hover .group-hover\:bg-success-800 {
  background-color: var(--success-800);
}

.border-success-800,
.hover\:border-success-800:hover,
.group:hover .group-hover\:border-success-800 {
  border-color: var(--success-800);
}

.text-on-success-900 {
  color: #fff;
}

.text-success-900,
.hover\:text-success-900:hover,
.group:hover .group-hover\:text-success-900 {
  color: var(--success-900);
}

.bg-success-900,
.hover\:bg-success-900:hover,
.group:hover .group-hover\:bg-success-900 {
  background-color: var(--success-900);
}

.border-success-900,
.hover\:border-success-900:hover,
.group:hover .group-hover\:border-success-900 {
  border-color: var(--success-900);
}

.text-success,
.hover\:text-success:hover,
.group:hover .group-hover\:text-success {
  color: var(--success);
}

.bg-success,
.hover\:bg-success:hover,
.group:hover .group-hover\:bg-success {
  background-color: var(--success);
}

.border-success,
.hover\:border-success:hover,
.group:hover .group-hover\:border-success {
  border-color: var(--success);
}

.text-on-danger-50 {
  color: #000;
}

.text-danger-50,
.hover\:text-danger-50:hover,
.group:hover .group-hover\:text-danger-50 {
  color: var(--danger-50);
}

.bg-danger-50,
.hover\:bg-danger-50:hover,
.group:hover .group-hover\:bg-danger-50 {
  background-color: var(--danger-50);
}

.border-danger-50,
.hover\:border-danger-50:hover,
.group:hover .group-hover\:border-danger-50 {
  border-color: var(--danger-50);
}

.text-on-danger-100 {
  color: #000;
}

.text-danger-100,
.hover\:text-danger-100:hover,
.group:hover .group-hover\:text-danger-100 {
  color: var(--danger-100);
}

.bg-danger-100,
.hover\:bg-danger-100:hover,
.group:hover .group-hover\:bg-danger-100 {
  background-color: var(--danger-100);
}

.border-danger-100,
.hover\:border-danger-100:hover,
.group:hover .group-hover\:border-danger-100 {
  border-color: var(--danger-100);
}

.text-on-danger-200 {
  color: #fff;
}

.text-danger-200,
.hover\:text-danger-200:hover,
.group:hover .group-hover\:text-danger-200 {
  color: var(--danger-200);
}

.bg-danger-200,
.hover\:bg-danger-200:hover,
.group:hover .group-hover\:bg-danger-200 {
  background-color: var(--danger-200);
}

.border-danger-200,
.hover\:border-danger-200:hover,
.group:hover .group-hover\:border-danger-200 {
  border-color: var(--danger-200);
}

.text-on-danger-300 {
  color: #fff;
}

.text-danger-300,
.hover\:text-danger-300:hover,
.group:hover .group-hover\:text-danger-300 {
  color: var(--danger-300);
}

.bg-danger-300,
.hover\:bg-danger-300:hover,
.group:hover .group-hover\:bg-danger-300 {
  background-color: var(--danger-300);
}

.border-danger-300,
.hover\:border-danger-300:hover,
.group:hover .group-hover\:border-danger-300 {
  border-color: var(--danger-300);
}

.text-on-danger-400 {
  color: #fff;
}

.text-danger-400,
.hover\:text-danger-400:hover,
.group:hover .group-hover\:text-danger-400 {
  color: var(--danger-400);
}

.bg-danger-400,
.hover\:bg-danger-400:hover,
.group:hover .group-hover\:bg-danger-400 {
  background-color: var(--danger-400);
}

.border-danger-400,
.hover\:border-danger-400:hover,
.group:hover .group-hover\:border-danger-400 {
  border-color: var(--danger-400);
}

.text-on-danger-500 {
  color: #fff;
}

.text-danger-500,
.hover\:text-danger-500:hover,
.group:hover .group-hover\:text-danger-500 {
  color: var(--danger-500);
}

.bg-danger-500,
.hover\:bg-danger-500:hover,
.group:hover .group-hover\:bg-danger-500 {
  background-color: var(--danger-500);
}

.border-danger-500,
.hover\:border-danger-500:hover,
.group:hover .group-hover\:border-danger-500 {
  border-color: var(--danger-500);
}

.text-on-danger-600 {
  color: #fff;
}

.text-danger-600,
.hover\:text-danger-600:hover,
.group:hover .group-hover\:text-danger-600 {
  color: var(--danger-600);
}

.bg-danger-600,
.hover\:bg-danger-600:hover,
.group:hover .group-hover\:bg-danger-600 {
  background-color: var(--danger-600);
}

.border-danger-600,
.hover\:border-danger-600:hover,
.group:hover .group-hover\:border-danger-600 {
  border-color: var(--danger-600);
}

.text-on-danger-700 {
  color: #fff;
}

.text-danger-700,
.hover\:text-danger-700:hover,
.group:hover .group-hover\:text-danger-700 {
  color: var(--danger-700);
}

.bg-danger-700,
.hover\:bg-danger-700:hover,
.group:hover .group-hover\:bg-danger-700 {
  background-color: var(--danger-700);
}

.border-danger-700,
.hover\:border-danger-700:hover,
.group:hover .group-hover\:border-danger-700 {
  border-color: var(--danger-700);
}

.text-on-danger-800 {
  color: #fff;
}

.text-danger-800,
.hover\:text-danger-800:hover,
.group:hover .group-hover\:text-danger-800 {
  color: var(--danger-800);
}

.bg-danger-800,
.hover\:bg-danger-800:hover,
.group:hover .group-hover\:bg-danger-800 {
  background-color: var(--danger-800);
}

.border-danger-800,
.hover\:border-danger-800:hover,
.group:hover .group-hover\:border-danger-800 {
  border-color: var(--danger-800);
}

.text-on-danger-900 {
  color: #fff;
}

.text-danger-900,
.hover\:text-danger-900:hover,
.group:hover .group-hover\:text-danger-900 {
  color: var(--danger-900);
}

.bg-danger-900,
.hover\:bg-danger-900:hover,
.group:hover .group-hover\:bg-danger-900 {
  background-color: var(--danger-900);
}

.border-danger-900,
.hover\:border-danger-900:hover,
.group:hover .group-hover\:border-danger-900 {
  border-color: var(--danger-900);
}

.text-danger,
.hover\:text-danger:hover,
.group:hover .group-hover\:text-danger {
  color: var(--danger);
}

.bg-danger,
.hover\:bg-danger:hover,
.group:hover .group-hover\:bg-danger {
  background-color: var(--danger);
}

.border-danger,
.hover\:border-danger:hover,
.group:hover .group-hover\:border-danger {
  border-color: var(--danger);
}

.text-on-warning-50 {
  color: #000;
}

.text-warning-50,
.hover\:text-warning-50:hover,
.group:hover .group-hover\:text-warning-50 {
  color: var(--warning-50);
}

.bg-warning-50,
.hover\:bg-warning-50:hover,
.group:hover .group-hover\:bg-warning-50 {
  background-color: var(--warning-50);
}

.border-warning-50,
.hover\:border-warning-50:hover,
.group:hover .group-hover\:border-warning-50 {
  border-color: var(--warning-50);
}

.text-on-warning-100 {
  color: #000;
}

.text-warning-100,
.hover\:text-warning-100:hover,
.group:hover .group-hover\:text-warning-100 {
  color: var(--warning-100);
}

.bg-warning-100,
.hover\:bg-warning-100:hover,
.group:hover .group-hover\:bg-warning-100 {
  background-color: var(--warning-100);
}

.border-warning-100,
.hover\:border-warning-100:hover,
.group:hover .group-hover\:border-warning-100 {
  border-color: var(--warning-100);
}

.text-on-warning-200 {
  color: #000;
}

.text-warning-200,
.hover\:text-warning-200:hover,
.group:hover .group-hover\:text-warning-200 {
  color: var(--warning-200);
}

.bg-warning-200,
.hover\:bg-warning-200:hover,
.group:hover .group-hover\:bg-warning-200 {
  background-color: var(--warning-200);
}

.border-warning-200,
.hover\:border-warning-200:hover,
.group:hover .group-hover\:border-warning-200 {
  border-color: var(--warning-200);
}

.text-on-warning-300 {
  color: #000;
}

.text-warning-300,
.hover\:text-warning-300:hover,
.group:hover .group-hover\:text-warning-300 {
  color: var(--warning-300);
}

.bg-warning-300,
.hover\:bg-warning-300:hover,
.group:hover .group-hover\:bg-warning-300 {
  background-color: var(--warning-300);
}

.border-warning-300,
.hover\:border-warning-300:hover,
.group:hover .group-hover\:border-warning-300 {
  border-color: var(--warning-300);
}

.text-on-warning-400 {
  color: #000;
}

.text-warning-400,
.hover\:text-warning-400:hover,
.group:hover .group-hover\:text-warning-400 {
  color: var(--warning-400);
}

.bg-warning-400,
.hover\:bg-warning-400:hover,
.group:hover .group-hover\:bg-warning-400 {
  background-color: var(--warning-400);
}

.border-warning-400,
.hover\:border-warning-400:hover,
.group:hover .group-hover\:border-warning-400 {
  border-color: var(--warning-400);
}

.text-on-warning-500 {
  color: #000;
}

.text-warning-500,
.hover\:text-warning-500:hover,
.group:hover .group-hover\:text-warning-500 {
  color: var(--warning-500);
}

.bg-warning-500,
.hover\:bg-warning-500:hover,
.group:hover .group-hover\:bg-warning-500 {
  background-color: var(--warning-500);
}

.border-warning-500,
.hover\:border-warning-500:hover,
.group:hover .group-hover\:border-warning-500 {
  border-color: var(--warning-500);
}

.text-on-warning-600 {
  color: #fff;
}

.text-warning-600,
.hover\:text-warning-600:hover,
.group:hover .group-hover\:text-warning-600 {
  color: var(--warning-600);
}

.bg-warning-600,
.hover\:bg-warning-600:hover,
.group:hover .group-hover\:bg-warning-600 {
  background-color: var(--warning-600);
}

.border-warning-600,
.hover\:border-warning-600:hover,
.group:hover .group-hover\:border-warning-600 {
  border-color: var(--warning-600);
}

.text-on-warning-700 {
  color: #fff;
}

.text-warning-700,
.hover\:text-warning-700:hover,
.group:hover .group-hover\:text-warning-700 {
  color: var(--warning-700);
}

.bg-warning-700,
.hover\:bg-warning-700:hover,
.group:hover .group-hover\:bg-warning-700 {
  background-color: var(--warning-700);
}

.border-warning-700,
.hover\:border-warning-700:hover,
.group:hover .group-hover\:border-warning-700 {
  border-color: var(--warning-700);
}

.text-on-warning-800 {
  color: #fff;
}

.text-warning-800,
.hover\:text-warning-800:hover,
.group:hover .group-hover\:text-warning-800 {
  color: var(--warning-800);
}

.bg-warning-800,
.hover\:bg-warning-800:hover,
.group:hover .group-hover\:bg-warning-800 {
  background-color: var(--warning-800);
}

.border-warning-800,
.hover\:border-warning-800:hover,
.group:hover .group-hover\:border-warning-800 {
  border-color: var(--warning-800);
}

.text-on-warning-900 {
  color: #fff;
}

.text-warning-900,
.hover\:text-warning-900:hover,
.group:hover .group-hover\:text-warning-900 {
  color: var(--warning-900);
}

.bg-warning-900,
.hover\:bg-warning-900:hover,
.group:hover .group-hover\:bg-warning-900 {
  background-color: var(--warning-900);
}

.border-warning-900,
.hover\:border-warning-900:hover,
.group:hover .group-hover\:border-warning-900 {
  border-color: var(--warning-900);
}

.text-warning,
.hover\:text-warning:hover,
.group:hover .group-hover\:text-warning {
  color: var(--warning);
}

.bg-warning,
.hover\:bg-warning:hover,
.group:hover .group-hover\:bg-warning {
  background-color: var(--warning);
}

.border-warning,
.hover\:border-warning:hover,
.group:hover .group-hover\:border-warning {
  border-color: var(--warning);
}

.text-on-info-50 {
  color: #000;
}

.text-info-50,
.hover\:text-info-50:hover,
.group:hover .group-hover\:text-info-50 {
  color: var(--info-50);
}

.bg-info-50,
.hover\:bg-info-50:hover,
.group:hover .group-hover\:bg-info-50 {
  background-color: var(--info-50);
}

.border-info-50,
.hover\:border-info-50:hover,
.group:hover .group-hover\:border-info-50 {
  border-color: var(--info-50);
}

.text-on-info-100 {
  color: #000;
}

.text-info-100,
.hover\:text-info-100:hover,
.group:hover .group-hover\:text-info-100 {
  color: var(--info-100);
}

.bg-info-100,
.hover\:bg-info-100:hover,
.group:hover .group-hover\:bg-info-100 {
  background-color: var(--info-100);
}

.border-info-100,
.hover\:border-info-100:hover,
.group:hover .group-hover\:border-info-100 {
  border-color: var(--info-100);
}

.text-on-info-200 {
  color: #000;
}

.text-info-200,
.hover\:text-info-200:hover,
.group:hover .group-hover\:text-info-200 {
  color: var(--info-200);
}

.bg-info-200,
.hover\:bg-info-200:hover,
.group:hover .group-hover\:bg-info-200 {
  background-color: var(--info-200);
}

.border-info-200,
.hover\:border-info-200:hover,
.group:hover .group-hover\:border-info-200 {
  border-color: var(--info-200);
}

.text-on-info-300 {
  color: #fff;
}

.text-info-300,
.hover\:text-info-300:hover,
.group:hover .group-hover\:text-info-300 {
  color: var(--info-300);
}

.bg-info-300,
.hover\:bg-info-300:hover,
.group:hover .group-hover\:bg-info-300 {
  background-color: var(--info-300);
}

.border-info-300,
.hover\:border-info-300:hover,
.group:hover .group-hover\:border-info-300 {
  border-color: var(--info-300);
}

.text-on-info-400 {
  color: #fff;
}

.text-info-400,
.hover\:text-info-400:hover,
.group:hover .group-hover\:text-info-400 {
  color: var(--info-400);
}

.bg-info-400,
.hover\:bg-info-400:hover,
.group:hover .group-hover\:bg-info-400 {
  background-color: var(--info-400);
}

.border-info-400,
.hover\:border-info-400:hover,
.group:hover .group-hover\:border-info-400 {
  border-color: var(--info-400);
}

.text-on-info-500 {
  color: #fff;
}

.text-info-500,
.hover\:text-info-500:hover,
.group:hover .group-hover\:text-info-500 {
  color: var(--info-500);
}

.bg-info-500,
.hover\:bg-info-500:hover,
.group:hover .group-hover\:bg-info-500 {
  background-color: var(--info-500);
}

.border-info-500,
.hover\:border-info-500:hover,
.group:hover .group-hover\:border-info-500 {
  border-color: var(--info-500);
}

.text-on-info-600 {
  color: #fff;
}

.text-info-600,
.hover\:text-info-600:hover,
.group:hover .group-hover\:text-info-600 {
  color: var(--info-600);
}

.bg-info-600,
.hover\:bg-info-600:hover,
.group:hover .group-hover\:bg-info-600 {
  background-color: var(--info-600);
}

.border-info-600,
.hover\:border-info-600:hover,
.group:hover .group-hover\:border-info-600 {
  border-color: var(--info-600);
}

.text-on-info-700 {
  color: #fff;
}

.text-info-700,
.hover\:text-info-700:hover,
.group:hover .group-hover\:text-info-700 {
  color: var(--info-700);
}

.bg-info-700,
.hover\:bg-info-700:hover,
.group:hover .group-hover\:bg-info-700 {
  background-color: var(--info-700);
}

.border-info-700,
.hover\:border-info-700:hover,
.group:hover .group-hover\:border-info-700 {
  border-color: var(--info-700);
}

.text-on-info-800 {
  color: #fff;
}

.text-info-800,
.hover\:text-info-800:hover,
.group:hover .group-hover\:text-info-800 {
  color: var(--info-800);
}

.bg-info-800,
.hover\:bg-info-800:hover,
.group:hover .group-hover\:bg-info-800 {
  background-color: var(--info-800);
}

.border-info-800,
.hover\:border-info-800:hover,
.group:hover .group-hover\:border-info-800 {
  border-color: var(--info-800);
}

.text-on-info-900 {
  color: #fff;
}

.text-info-900,
.hover\:text-info-900:hover,
.group:hover .group-hover\:text-info-900 {
  color: var(--info-900);
}

.bg-info-900,
.hover\:bg-info-900:hover,
.group:hover .group-hover\:bg-info-900 {
  background-color: var(--info-900);
}

.border-info-900,
.hover\:border-info-900:hover,
.group:hover .group-hover\:border-info-900 {
  border-color: var(--info-900);
}

.text-info,
.hover\:text-info:hover,
.group:hover .group-hover\:text-info {
  color: var(--info);
}

.bg-info,
.hover\:bg-info:hover,
.group:hover .group-hover\:bg-info {
  background-color: var(--info);
}

.border-info,
.hover\:border-info:hover,
.group:hover .group-hover\:border-info {
  border-color: var(--info);
}

.text-on-gray-50 {
  color: #000;
}

.text-gray-50,
.hover\:text-gray-50:hover,
.group:hover .group-hover\:text-gray-50 {
  color: var(--gray-50);
}

.bg-gray-50,
.hover\:bg-gray-50:hover,
.group:hover .group-hover\:bg-gray-50 {
  background-color: var(--gray-50);
}

.border-gray-50,
.hover\:border-gray-50:hover,
.group:hover .group-hover\:border-gray-50 {
  border-color: var(--gray-50);
}

.text-on-gray-100 {
  color: #000;
}

.text-gray-100,
.hover\:text-gray-100:hover,
.group:hover .group-hover\:text-gray-100 {
  color: var(--gray-100);
}

.bg-gray-100,
.hover\:bg-gray-100:hover,
.group:hover .group-hover\:bg-gray-100 {
  background-color: var(--gray-100);
}

.border-gray-100,
.hover\:border-gray-100:hover,
.group:hover .group-hover\:border-gray-100 {
  border-color: var(--gray-100);
}

.text-on-gray-200 {
  color: #fff;
}

.text-gray-200,
.hover\:text-gray-200:hover,
.group:hover .group-hover\:text-gray-200 {
  color: var(--gray-200);
}

.bg-gray-200,
.hover\:bg-gray-200:hover,
.group:hover .group-hover\:bg-gray-200 {
  background-color: var(--gray-200);
}

.border-gray-200,
.hover\:border-gray-200:hover,
.group:hover .group-hover\:border-gray-200 {
  border-color: var(--gray-200);
}

.text-on-gray-300 {
  color: #fff;
}

.text-gray-300,
.hover\:text-gray-300:hover,
.group:hover .group-hover\:text-gray-300 {
  color: var(--gray-300);
}

.bg-gray-300,
.hover\:bg-gray-300:hover,
.group:hover .group-hover\:bg-gray-300 {
  background-color: var(--gray-300);
}

.border-gray-300,
.hover\:border-gray-300:hover,
.group:hover .group-hover\:border-gray-300 {
  border-color: var(--gray-300);
}

.text-on-gray-400 {
  color: #fff;
}

.text-gray-400,
.hover\:text-gray-400:hover,
.group:hover .group-hover\:text-gray-400 {
  color: var(--gray-400);
}

.bg-gray-400,
.hover\:bg-gray-400:hover,
.group:hover .group-hover\:bg-gray-400 {
  background-color: var(--gray-400);
}

.border-gray-400,
.hover\:border-gray-400:hover,
.group:hover .group-hover\:border-gray-400 {
  border-color: var(--gray-400);
}

.text-on-gray-500 {
  color: #fff;
}

.text-gray-500,
.hover\:text-gray-500:hover,
.group:hover .group-hover\:text-gray-500 {
  color: var(--gray-500);
}

.bg-gray-500,
.hover\:bg-gray-500:hover,
.group:hover .group-hover\:bg-gray-500 {
  background-color: var(--gray-500);
}

.border-gray-500,
.hover\:border-gray-500:hover,
.group:hover .group-hover\:border-gray-500 {
  border-color: var(--gray-500);
}

.text-on-gray-600 {
  color: #fff;
}

.text-gray-600,
.hover\:text-gray-600:hover,
.group:hover .group-hover\:text-gray-600 {
  color: var(--gray-600);
}

.bg-gray-600,
.hover\:bg-gray-600:hover,
.group:hover .group-hover\:bg-gray-600 {
  background-color: var(--gray-600);
}

.border-gray-600,
.hover\:border-gray-600:hover,
.group:hover .group-hover\:border-gray-600 {
  border-color: var(--gray-600);
}

.text-on-gray-700 {
  color: #fff;
}

.text-gray-700,
.hover\:text-gray-700:hover,
.group:hover .group-hover\:text-gray-700 {
  color: var(--gray-700);
}

.bg-gray-700,
.hover\:bg-gray-700:hover,
.group:hover .group-hover\:bg-gray-700 {
  background-color: var(--gray-700);
}

.border-gray-700,
.hover\:border-gray-700:hover,
.group:hover .group-hover\:border-gray-700 {
  border-color: var(--gray-700);
}

.text-on-gray-800 {
  color: #fff;
}

.text-gray-800,
.hover\:text-gray-800:hover,
.group:hover .group-hover\:text-gray-800 {
  color: var(--gray-800);
}

.bg-gray-800,
.hover\:bg-gray-800:hover,
.group:hover .group-hover\:bg-gray-800 {
  background-color: var(--gray-800);
}

.border-gray-800,
.hover\:border-gray-800:hover,
.group:hover .group-hover\:border-gray-800 {
  border-color: var(--gray-800);
}

.text-on-gray-900 {
  color: #fff;
}

.text-gray-900,
.hover\:text-gray-900:hover,
.group:hover .group-hover\:text-gray-900 {
  color: var(--gray-900);
}

.bg-gray-900,
.hover\:bg-gray-900:hover,
.group:hover .group-hover\:bg-gray-900 {
  background-color: var(--gray-900);
}

.border-gray-900,
.hover\:border-gray-900:hover,
.group:hover .group-hover\:border-gray-900 {
  border-color: var(--gray-900);
}

.text-gray,
.hover\:text-gray:hover,
.group:hover .group-hover\:text-gray {
  color: var(--gray);
}

.bg-gray,
.hover\:bg-gray:hover,
.group:hover .group-hover\:bg-gray {
  background-color: var(--gray);
}

.border-gray,
.hover\:border-gray:hover,
.group:hover .group-hover\:border-gray {
  border-color: var(--gray);
}

.text-on-red-50 {
  color: #000;
}

.text-red-50,
.hover\:text-red-50:hover,
.group:hover .group-hover\:text-red-50 {
  color: var(--red-50);
}

.bg-red-50,
.hover\:bg-red-50:hover,
.group:hover .group-hover\:bg-red-50 {
  background-color: var(--red-50);
}

.border-red-50,
.hover\:border-red-50:hover,
.group:hover .group-hover\:border-red-50 {
  border-color: var(--red-50);
}

.text-on-red-100 {
  color: #000;
}

.text-red-100,
.hover\:text-red-100:hover,
.group:hover .group-hover\:text-red-100 {
  color: var(--red-100);
}

.bg-red-100,
.hover\:bg-red-100:hover,
.group:hover .group-hover\:bg-red-100 {
  background-color: var(--red-100);
}

.border-red-100,
.hover\:border-red-100:hover,
.group:hover .group-hover\:border-red-100 {
  border-color: var(--red-100);
}

.text-on-red-200 {
  color: #fff;
}

.text-red-200,
.hover\:text-red-200:hover,
.group:hover .group-hover\:text-red-200 {
  color: var(--red-200);
}

.bg-red-200,
.hover\:bg-red-200:hover,
.group:hover .group-hover\:bg-red-200 {
  background-color: var(--red-200);
}

.border-red-200,
.hover\:border-red-200:hover,
.group:hover .group-hover\:border-red-200 {
  border-color: var(--red-200);
}

.text-on-red-300 {
  color: #fff;
}

.text-red-300,
.hover\:text-red-300:hover,
.group:hover .group-hover\:text-red-300 {
  color: var(--red-300);
}

.bg-red-300,
.hover\:bg-red-300:hover,
.group:hover .group-hover\:bg-red-300 {
  background-color: var(--red-300);
}

.border-red-300,
.hover\:border-red-300:hover,
.group:hover .group-hover\:border-red-300 {
  border-color: var(--red-300);
}

.text-on-red-400 {
  color: #fff;
}

.text-red-400,
.hover\:text-red-400:hover,
.group:hover .group-hover\:text-red-400 {
  color: var(--red-400);
}

.bg-red-400,
.hover\:bg-red-400:hover,
.group:hover .group-hover\:bg-red-400 {
  background-color: var(--red-400);
}

.border-red-400,
.hover\:border-red-400:hover,
.group:hover .group-hover\:border-red-400 {
  border-color: var(--red-400);
}

.text-on-red-500 {
  color: #fff;
}

.text-red-500,
.hover\:text-red-500:hover,
.group:hover .group-hover\:text-red-500 {
  color: var(--red-500);
}

.bg-red-500,
.hover\:bg-red-500:hover,
.group:hover .group-hover\:bg-red-500 {
  background-color: var(--red-500);
}

.border-red-500,
.hover\:border-red-500:hover,
.group:hover .group-hover\:border-red-500 {
  border-color: var(--red-500);
}

.text-on-red-600 {
  color: #fff;
}

.text-red-600,
.hover\:text-red-600:hover,
.group:hover .group-hover\:text-red-600 {
  color: var(--red-600);
}

.bg-red-600,
.hover\:bg-red-600:hover,
.group:hover .group-hover\:bg-red-600 {
  background-color: var(--red-600);
}

.border-red-600,
.hover\:border-red-600:hover,
.group:hover .group-hover\:border-red-600 {
  border-color: var(--red-600);
}

.text-on-red-700 {
  color: #fff;
}

.text-red-700,
.hover\:text-red-700:hover,
.group:hover .group-hover\:text-red-700 {
  color: var(--red-700);
}

.bg-red-700,
.hover\:bg-red-700:hover,
.group:hover .group-hover\:bg-red-700 {
  background-color: var(--red-700);
}

.border-red-700,
.hover\:border-red-700:hover,
.group:hover .group-hover\:border-red-700 {
  border-color: var(--red-700);
}

.text-on-red-800 {
  color: #fff;
}

.text-red-800,
.hover\:text-red-800:hover,
.group:hover .group-hover\:text-red-800 {
  color: var(--red-800);
}

.bg-red-800,
.hover\:bg-red-800:hover,
.group:hover .group-hover\:bg-red-800 {
  background-color: var(--red-800);
}

.border-red-800,
.hover\:border-red-800:hover,
.group:hover .group-hover\:border-red-800 {
  border-color: var(--red-800);
}

.text-on-red-900 {
  color: #fff;
}

.text-red-900,
.hover\:text-red-900:hover,
.group:hover .group-hover\:text-red-900 {
  color: var(--red-900);
}

.bg-red-900,
.hover\:bg-red-900:hover,
.group:hover .group-hover\:bg-red-900 {
  background-color: var(--red-900);
}

.border-red-900,
.hover\:border-red-900:hover,
.group:hover .group-hover\:border-red-900 {
  border-color: var(--red-900);
}

.text-red,
.hover\:text-red:hover,
.group:hover .group-hover\:text-red {
  color: var(--red);
}

.bg-red,
.hover\:bg-red:hover,
.group:hover .group-hover\:bg-red {
  background-color: var(--red);
}

.border-red,
.hover\:border-red:hover,
.group:hover .group-hover\:border-red {
  border-color: var(--red);
}

.text-on-blue-50 {
  color: #000;
}

.text-blue-50,
.hover\:text-blue-50:hover,
.group:hover .group-hover\:text-blue-50 {
  color: var(--blue-50);
}

.bg-blue-50,
.hover\:bg-blue-50:hover,
.group:hover .group-hover\:bg-blue-50 {
  background-color: var(--blue-50);
}

.border-blue-50,
.hover\:border-blue-50:hover,
.group:hover .group-hover\:border-blue-50 {
  border-color: var(--blue-50);
}

.text-on-blue-100 {
  color: #000;
}

.text-blue-100,
.hover\:text-blue-100:hover,
.group:hover .group-hover\:text-blue-100 {
  color: var(--blue-100);
}

.bg-blue-100,
.hover\:bg-blue-100:hover,
.group:hover .group-hover\:bg-blue-100 {
  background-color: var(--blue-100);
}

.border-blue-100,
.hover\:border-blue-100:hover,
.group:hover .group-hover\:border-blue-100 {
  border-color: var(--blue-100);
}

.text-on-blue-200 {
  color: #fff;
}

.text-blue-200,
.hover\:text-blue-200:hover,
.group:hover .group-hover\:text-blue-200 {
  color: var(--blue-200);
}

.bg-blue-200,
.hover\:bg-blue-200:hover,
.group:hover .group-hover\:bg-blue-200 {
  background-color: var(--blue-200);
}

.border-blue-200,
.hover\:border-blue-200:hover,
.group:hover .group-hover\:border-blue-200 {
  border-color: var(--blue-200);
}

.text-on-blue-300 {
  color: #fff;
}

.text-blue-300,
.hover\:text-blue-300:hover,
.group:hover .group-hover\:text-blue-300 {
  color: var(--blue-300);
}

.bg-blue-300,
.hover\:bg-blue-300:hover,
.group:hover .group-hover\:bg-blue-300 {
  background-color: var(--blue-300);
}

.border-blue-300,
.hover\:border-blue-300:hover,
.group:hover .group-hover\:border-blue-300 {
  border-color: var(--blue-300);
}

.text-on-blue-400 {
  color: #fff;
}

.text-blue-400,
.hover\:text-blue-400:hover,
.group:hover .group-hover\:text-blue-400 {
  color: var(--blue-400);
}

.bg-blue-400,
.hover\:bg-blue-400:hover,
.group:hover .group-hover\:bg-blue-400 {
  background-color: var(--blue-400);
}

.border-blue-400,
.hover\:border-blue-400:hover,
.group:hover .group-hover\:border-blue-400 {
  border-color: var(--blue-400);
}

.text-on-blue-500 {
  color: #fff;
}

.text-blue-500,
.hover\:text-blue-500:hover,
.group:hover .group-hover\:text-blue-500 {
  color: var(--blue-500);
}

.bg-blue-500,
.hover\:bg-blue-500:hover,
.group:hover .group-hover\:bg-blue-500 {
  background-color: var(--blue-500);
}

.border-blue-500,
.hover\:border-blue-500:hover,
.group:hover .group-hover\:border-blue-500 {
  border-color: var(--blue-500);
}

.text-on-blue-600 {
  color: #fff;
}

.text-blue-600,
.hover\:text-blue-600:hover,
.group:hover .group-hover\:text-blue-600 {
  color: var(--blue-600);
}

.bg-blue-600,
.hover\:bg-blue-600:hover,
.group:hover .group-hover\:bg-blue-600 {
  background-color: var(--blue-600);
}

.border-blue-600,
.hover\:border-blue-600:hover,
.group:hover .group-hover\:border-blue-600 {
  border-color: var(--blue-600);
}

.text-on-blue-700 {
  color: #fff;
}

.text-blue-700,
.hover\:text-blue-700:hover,
.group:hover .group-hover\:text-blue-700 {
  color: var(--blue-700);
}

.bg-blue-700,
.hover\:bg-blue-700:hover,
.group:hover .group-hover\:bg-blue-700 {
  background-color: var(--blue-700);
}

.border-blue-700,
.hover\:border-blue-700:hover,
.group:hover .group-hover\:border-blue-700 {
  border-color: var(--blue-700);
}

.text-on-blue-800 {
  color: #fff;
}

.text-blue-800,
.hover\:text-blue-800:hover,
.group:hover .group-hover\:text-blue-800 {
  color: var(--blue-800);
}

.bg-blue-800,
.hover\:bg-blue-800:hover,
.group:hover .group-hover\:bg-blue-800 {
  background-color: var(--blue-800);
}

.border-blue-800,
.hover\:border-blue-800:hover,
.group:hover .group-hover\:border-blue-800 {
  border-color: var(--blue-800);
}

.text-on-blue-900 {
  color: #fff;
}

.text-blue-900,
.hover\:text-blue-900:hover,
.group:hover .group-hover\:text-blue-900 {
  color: var(--blue-900);
}

.bg-blue-900,
.hover\:bg-blue-900:hover,
.group:hover .group-hover\:bg-blue-900 {
  background-color: var(--blue-900);
}

.border-blue-900,
.hover\:border-blue-900:hover,
.group:hover .group-hover\:border-blue-900 {
  border-color: var(--blue-900);
}

.text-blue,
.hover\:text-blue:hover,
.group:hover .group-hover\:text-blue {
  color: var(--blue);
}

.bg-blue,
.hover\:bg-blue:hover,
.group:hover .group-hover\:bg-blue {
  background-color: var(--blue);
}

.border-blue,
.hover\:border-blue:hover,
.group:hover .group-hover\:border-blue {
  border-color: var(--blue);
}

.text-on-green-50 {
  color: #000;
}

.text-green-50,
.hover\:text-green-50:hover,
.group:hover .group-hover\:text-green-50 {
  color: var(--green-50);
}

.bg-green-50,
.hover\:bg-green-50:hover,
.group:hover .group-hover\:bg-green-50 {
  background-color: var(--green-50);
}

.border-green-50,
.hover\:border-green-50:hover,
.group:hover .group-hover\:border-green-50 {
  border-color: var(--green-50);
}

.text-on-green-100 {
  color: #000;
}

.text-green-100,
.hover\:text-green-100:hover,
.group:hover .group-hover\:text-green-100 {
  color: var(--green-100);
}

.bg-green-100,
.hover\:bg-green-100:hover,
.group:hover .group-hover\:bg-green-100 {
  background-color: var(--green-100);
}

.border-green-100,
.hover\:border-green-100:hover,
.group:hover .group-hover\:border-green-100 {
  border-color: var(--green-100);
}

.text-on-green-200 {
  color: #000;
}

.text-green-200,
.hover\:text-green-200:hover,
.group:hover .group-hover\:text-green-200 {
  color: var(--green-200);
}

.bg-green-200,
.hover\:bg-green-200:hover,
.group:hover .group-hover\:bg-green-200 {
  background-color: var(--green-200);
}

.border-green-200,
.hover\:border-green-200:hover,
.group:hover .group-hover\:border-green-200 {
  border-color: var(--green-200);
}

.text-on-green-300 {
  color: #fff;
}

.text-green-300,
.hover\:text-green-300:hover,
.group:hover .group-hover\:text-green-300 {
  color: var(--green-300);
}

.bg-green-300,
.hover\:bg-green-300:hover,
.group:hover .group-hover\:bg-green-300 {
  background-color: var(--green-300);
}

.border-green-300,
.hover\:border-green-300:hover,
.group:hover .group-hover\:border-green-300 {
  border-color: var(--green-300);
}

.text-on-green-400 {
  color: #fff;
}

.text-green-400,
.hover\:text-green-400:hover,
.group:hover .group-hover\:text-green-400 {
  color: var(--green-400);
}

.bg-green-400,
.hover\:bg-green-400:hover,
.group:hover .group-hover\:bg-green-400 {
  background-color: var(--green-400);
}

.border-green-400,
.hover\:border-green-400:hover,
.group:hover .group-hover\:border-green-400 {
  border-color: var(--green-400);
}

.text-on-green-500 {
  color: #fff;
}

.text-green-500,
.hover\:text-green-500:hover,
.group:hover .group-hover\:text-green-500 {
  color: var(--green-500);
}

.bg-green-500,
.hover\:bg-green-500:hover,
.group:hover .group-hover\:bg-green-500 {
  background-color: var(--green-500);
}

.border-green-500,
.hover\:border-green-500:hover,
.group:hover .group-hover\:border-green-500 {
  border-color: var(--green-500);
}

.text-on-green-600 {
  color: #fff;
}

.text-green-600,
.hover\:text-green-600:hover,
.group:hover .group-hover\:text-green-600 {
  color: var(--green-600);
}

.bg-green-600,
.hover\:bg-green-600:hover,
.group:hover .group-hover\:bg-green-600 {
  background-color: var(--green-600);
}

.border-green-600,
.hover\:border-green-600:hover,
.group:hover .group-hover\:border-green-600 {
  border-color: var(--green-600);
}

.text-on-green-700 {
  color: #fff;
}

.text-green-700,
.hover\:text-green-700:hover,
.group:hover .group-hover\:text-green-700 {
  color: var(--green-700);
}

.bg-green-700,
.hover\:bg-green-700:hover,
.group:hover .group-hover\:bg-green-700 {
  background-color: var(--green-700);
}

.border-green-700,
.hover\:border-green-700:hover,
.group:hover .group-hover\:border-green-700 {
  border-color: var(--green-700);
}

.text-on-green-800 {
  color: #fff;
}

.text-green-800,
.hover\:text-green-800:hover,
.group:hover .group-hover\:text-green-800 {
  color: var(--green-800);
}

.bg-green-800,
.hover\:bg-green-800:hover,
.group:hover .group-hover\:bg-green-800 {
  background-color: var(--green-800);
}

.border-green-800,
.hover\:border-green-800:hover,
.group:hover .group-hover\:border-green-800 {
  border-color: var(--green-800);
}

.text-on-green-900 {
  color: #fff;
}

.text-green-900,
.hover\:text-green-900:hover,
.group:hover .group-hover\:text-green-900 {
  color: var(--green-900);
}

.bg-green-900,
.hover\:bg-green-900:hover,
.group:hover .group-hover\:bg-green-900 {
  background-color: var(--green-900);
}

.border-green-900,
.hover\:border-green-900:hover,
.group:hover .group-hover\:border-green-900 {
  border-color: var(--green-900);
}

.text-green,
.hover\:text-green:hover,
.group:hover .group-hover\:text-green {
  color: var(--green);
}

.bg-green,
.hover\:bg-green:hover,
.group:hover .group-hover\:bg-green {
  background-color: var(--green);
}

.border-green,
.hover\:border-green:hover,
.group:hover .group-hover\:border-green {
  border-color: var(--green);
}

.text-on-yellow-50 {
  color: #000;
}

.text-yellow-50,
.hover\:text-yellow-50:hover,
.group:hover .group-hover\:text-yellow-50 {
  color: var(--yellow-50);
}

.bg-yellow-50,
.hover\:bg-yellow-50:hover,
.group:hover .group-hover\:bg-yellow-50 {
  background-color: var(--yellow-50);
}

.border-yellow-50,
.hover\:border-yellow-50:hover,
.group:hover .group-hover\:border-yellow-50 {
  border-color: var(--yellow-50);
}

.text-on-yellow-100 {
  color: #000;
}

.text-yellow-100,
.hover\:text-yellow-100:hover,
.group:hover .group-hover\:text-yellow-100 {
  color: var(--yellow-100);
}

.bg-yellow-100,
.hover\:bg-yellow-100:hover,
.group:hover .group-hover\:bg-yellow-100 {
  background-color: var(--yellow-100);
}

.border-yellow-100,
.hover\:border-yellow-100:hover,
.group:hover .group-hover\:border-yellow-100 {
  border-color: var(--yellow-100);
}

.text-on-yellow-200 {
  color: #000;
}

.text-yellow-200,
.hover\:text-yellow-200:hover,
.group:hover .group-hover\:text-yellow-200 {
  color: var(--yellow-200);
}

.bg-yellow-200,
.hover\:bg-yellow-200:hover,
.group:hover .group-hover\:bg-yellow-200 {
  background-color: var(--yellow-200);
}

.border-yellow-200,
.hover\:border-yellow-200:hover,
.group:hover .group-hover\:border-yellow-200 {
  border-color: var(--yellow-200);
}

.text-on-yellow-300 {
  color: #000;
}

.text-yellow-300,
.hover\:text-yellow-300:hover,
.group:hover .group-hover\:text-yellow-300 {
  color: var(--yellow-300);
}

.bg-yellow-300,
.hover\:bg-yellow-300:hover,
.group:hover .group-hover\:bg-yellow-300 {
  background-color: var(--yellow-300);
}

.border-yellow-300,
.hover\:border-yellow-300:hover,
.group:hover .group-hover\:border-yellow-300 {
  border-color: var(--yellow-300);
}

.text-on-yellow-400 {
  color: #fff;
}

.text-yellow-400,
.hover\:text-yellow-400:hover,
.group:hover .group-hover\:text-yellow-400 {
  color: var(--yellow-400);
}

.bg-yellow-400,
.hover\:bg-yellow-400:hover,
.group:hover .group-hover\:bg-yellow-400 {
  background-color: var(--yellow-400);
}

.border-yellow-400,
.hover\:border-yellow-400:hover,
.group:hover .group-hover\:border-yellow-400 {
  border-color: var(--yellow-400);
}

.text-on-yellow-500 {
  color: #fff;
}

.text-yellow-500,
.hover\:text-yellow-500:hover,
.group:hover .group-hover\:text-yellow-500 {
  color: var(--yellow-500);
}

.bg-yellow-500,
.hover\:bg-yellow-500:hover,
.group:hover .group-hover\:bg-yellow-500 {
  background-color: var(--yellow-500);
}

.border-yellow-500,
.hover\:border-yellow-500:hover,
.group:hover .group-hover\:border-yellow-500 {
  border-color: var(--yellow-500);
}

.text-on-yellow-600 {
  color: #fff;
}

.text-yellow-600,
.hover\:text-yellow-600:hover,
.group:hover .group-hover\:text-yellow-600 {
  color: var(--yellow-600);
}

.bg-yellow-600,
.hover\:bg-yellow-600:hover,
.group:hover .group-hover\:bg-yellow-600 {
  background-color: var(--yellow-600);
}

.border-yellow-600,
.hover\:border-yellow-600:hover,
.group:hover .group-hover\:border-yellow-600 {
  border-color: var(--yellow-600);
}

.text-on-yellow-700 {
  color: #fff;
}

.text-yellow-700,
.hover\:text-yellow-700:hover,
.group:hover .group-hover\:text-yellow-700 {
  color: var(--yellow-700);
}

.bg-yellow-700,
.hover\:bg-yellow-700:hover,
.group:hover .group-hover\:bg-yellow-700 {
  background-color: var(--yellow-700);
}

.border-yellow-700,
.hover\:border-yellow-700:hover,
.group:hover .group-hover\:border-yellow-700 {
  border-color: var(--yellow-700);
}

.text-on-yellow-800 {
  color: #fff;
}

.text-yellow-800,
.hover\:text-yellow-800:hover,
.group:hover .group-hover\:text-yellow-800 {
  color: var(--yellow-800);
}

.bg-yellow-800,
.hover\:bg-yellow-800:hover,
.group:hover .group-hover\:bg-yellow-800 {
  background-color: var(--yellow-800);
}

.border-yellow-800,
.hover\:border-yellow-800:hover,
.group:hover .group-hover\:border-yellow-800 {
  border-color: var(--yellow-800);
}

.text-on-yellow-900 {
  color: #fff;
}

.text-yellow-900,
.hover\:text-yellow-900:hover,
.group:hover .group-hover\:text-yellow-900 {
  color: var(--yellow-900);
}

.bg-yellow-900,
.hover\:bg-yellow-900:hover,
.group:hover .group-hover\:bg-yellow-900 {
  background-color: var(--yellow-900);
}

.border-yellow-900,
.hover\:border-yellow-900:hover,
.group:hover .group-hover\:border-yellow-900 {
  border-color: var(--yellow-900);
}

.text-yellow,
.hover\:text-yellow:hover,
.group:hover .group-hover\:text-yellow {
  color: var(--yellow);
}

.bg-yellow,
.hover\:bg-yellow:hover,
.group:hover .group-hover\:bg-yellow {
  background-color: var(--yellow);
}

.border-yellow,
.hover\:border-yellow:hover,
.group:hover .group-hover\:border-yellow {
  border-color: var(--yellow);
}

.text-on-purple-50 {
  color: #000;
}

.text-purple-50,
.hover\:text-purple-50:hover,
.group:hover .group-hover\:text-purple-50 {
  color: var(--purple-50);
}

.bg-purple-50,
.hover\:bg-purple-50:hover,
.group:hover .group-hover\:bg-purple-50 {
  background-color: var(--purple-50);
}

.border-purple-50,
.hover\:border-purple-50:hover,
.group:hover .group-hover\:border-purple-50 {
  border-color: var(--purple-50);
}

.text-on-purple-100 {
  color: #000;
}

.text-purple-100,
.hover\:text-purple-100:hover,
.group:hover .group-hover\:text-purple-100 {
  color: var(--purple-100);
}

.bg-purple-100,
.hover\:bg-purple-100:hover,
.group:hover .group-hover\:bg-purple-100 {
  background-color: var(--purple-100);
}

.border-purple-100,
.hover\:border-purple-100:hover,
.group:hover .group-hover\:border-purple-100 {
  border-color: var(--purple-100);
}

.text-on-purple-200 {
  color: #fff;
}

.text-purple-200,
.hover\:text-purple-200:hover,
.group:hover .group-hover\:text-purple-200 {
  color: var(--purple-200);
}

.bg-purple-200,
.hover\:bg-purple-200:hover,
.group:hover .group-hover\:bg-purple-200 {
  background-color: var(--purple-200);
}

.border-purple-200,
.hover\:border-purple-200:hover,
.group:hover .group-hover\:border-purple-200 {
  border-color: var(--purple-200);
}

.text-on-purple-300 {
  color: #fff;
}

.text-purple-300,
.hover\:text-purple-300:hover,
.group:hover .group-hover\:text-purple-300 {
  color: var(--purple-300);
}

.bg-purple-300,
.hover\:bg-purple-300:hover,
.group:hover .group-hover\:bg-purple-300 {
  background-color: var(--purple-300);
}

.border-purple-300,
.hover\:border-purple-300:hover,
.group:hover .group-hover\:border-purple-300 {
  border-color: var(--purple-300);
}

.text-on-purple-400 {
  color: #fff;
}

.text-purple-400,
.hover\:text-purple-400:hover,
.group:hover .group-hover\:text-purple-400 {
  color: var(--purple-400);
}

.bg-purple-400,
.hover\:bg-purple-400:hover,
.group:hover .group-hover\:bg-purple-400 {
  background-color: var(--purple-400);
}

.border-purple-400,
.hover\:border-purple-400:hover,
.group:hover .group-hover\:border-purple-400 {
  border-color: var(--purple-400);
}

.text-on-purple-500 {
  color: #fff;
}

.text-purple-500,
.hover\:text-purple-500:hover,
.group:hover .group-hover\:text-purple-500 {
  color: var(--purple-500);
}

.bg-purple-500,
.hover\:bg-purple-500:hover,
.group:hover .group-hover\:bg-purple-500 {
  background-color: var(--purple-500);
}

.border-purple-500,
.hover\:border-purple-500:hover,
.group:hover .group-hover\:border-purple-500 {
  border-color: var(--purple-500);
}

.text-on-purple-600 {
  color: #fff;
}

.text-purple-600,
.hover\:text-purple-600:hover,
.group:hover .group-hover\:text-purple-600 {
  color: var(--purple-600);
}

.bg-purple-600,
.hover\:bg-purple-600:hover,
.group:hover .group-hover\:bg-purple-600 {
  background-color: var(--purple-600);
}

.border-purple-600,
.hover\:border-purple-600:hover,
.group:hover .group-hover\:border-purple-600 {
  border-color: var(--purple-600);
}

.text-on-purple-700 {
  color: #fff;
}

.text-purple-700,
.hover\:text-purple-700:hover,
.group:hover .group-hover\:text-purple-700 {
  color: var(--purple-700);
}

.bg-purple-700,
.hover\:bg-purple-700:hover,
.group:hover .group-hover\:bg-purple-700 {
  background-color: var(--purple-700);
}

.border-purple-700,
.hover\:border-purple-700:hover,
.group:hover .group-hover\:border-purple-700 {
  border-color: var(--purple-700);
}

.text-on-purple-800 {
  color: #fff;
}

.text-purple-800,
.hover\:text-purple-800:hover,
.group:hover .group-hover\:text-purple-800 {
  color: var(--purple-800);
}

.bg-purple-800,
.hover\:bg-purple-800:hover,
.group:hover .group-hover\:bg-purple-800 {
  background-color: var(--purple-800);
}

.border-purple-800,
.hover\:border-purple-800:hover,
.group:hover .group-hover\:border-purple-800 {
  border-color: var(--purple-800);
}

.text-on-purple-900 {
  color: #fff;
}

.text-purple-900,
.hover\:text-purple-900:hover,
.group:hover .group-hover\:text-purple-900 {
  color: var(--purple-900);
}

.bg-purple-900,
.hover\:bg-purple-900:hover,
.group:hover .group-hover\:bg-purple-900 {
  background-color: var(--purple-900);
}

.border-purple-900,
.hover\:border-purple-900:hover,
.group:hover .group-hover\:border-purple-900 {
  border-color: var(--purple-900);
}

.text-purple,
.hover\:text-purple:hover,
.group:hover .group-hover\:text-purple {
  color: var(--purple);
}

.bg-purple,
.hover\:bg-purple:hover,
.group:hover .group-hover\:bg-purple {
  background-color: var(--purple);
}

.border-purple,
.hover\:border-purple:hover,
.group:hover .group-hover\:border-purple {
  border-color: var(--purple);
}

.text-on-pink-50 {
  color: #000;
}

.text-pink-50,
.hover\:text-pink-50:hover,
.group:hover .group-hover\:text-pink-50 {
  color: var(--pink-50);
}

.bg-pink-50,
.hover\:bg-pink-50:hover,
.group:hover .group-hover\:bg-pink-50 {
  background-color: var(--pink-50);
}

.border-pink-50,
.hover\:border-pink-50:hover,
.group:hover .group-hover\:border-pink-50 {
  border-color: var(--pink-50);
}

.text-on-pink-100 {
  color: #000;
}

.text-pink-100,
.hover\:text-pink-100:hover,
.group:hover .group-hover\:text-pink-100 {
  color: var(--pink-100);
}

.bg-pink-100,
.hover\:bg-pink-100:hover,
.group:hover .group-hover\:bg-pink-100 {
  background-color: var(--pink-100);
}

.border-pink-100,
.hover\:border-pink-100:hover,
.group:hover .group-hover\:border-pink-100 {
  border-color: var(--pink-100);
}

.text-on-pink-200 {
  color: #fff;
}

.text-pink-200,
.hover\:text-pink-200:hover,
.group:hover .group-hover\:text-pink-200 {
  color: var(--pink-200);
}

.bg-pink-200,
.hover\:bg-pink-200:hover,
.group:hover .group-hover\:bg-pink-200 {
  background-color: var(--pink-200);
}

.border-pink-200,
.hover\:border-pink-200:hover,
.group:hover .group-hover\:border-pink-200 {
  border-color: var(--pink-200);
}

.text-on-pink-300 {
  color: #fff;
}

.text-pink-300,
.hover\:text-pink-300:hover,
.group:hover .group-hover\:text-pink-300 {
  color: var(--pink-300);
}

.bg-pink-300,
.hover\:bg-pink-300:hover,
.group:hover .group-hover\:bg-pink-300 {
  background-color: var(--pink-300);
}

.border-pink-300,
.hover\:border-pink-300:hover,
.group:hover .group-hover\:border-pink-300 {
  border-color: var(--pink-300);
}

.text-on-pink-400 {
  color: #fff;
}

.text-pink-400,
.hover\:text-pink-400:hover,
.group:hover .group-hover\:text-pink-400 {
  color: var(--pink-400);
}

.bg-pink-400,
.hover\:bg-pink-400:hover,
.group:hover .group-hover\:bg-pink-400 {
  background-color: var(--pink-400);
}

.border-pink-400,
.hover\:border-pink-400:hover,
.group:hover .group-hover\:border-pink-400 {
  border-color: var(--pink-400);
}

.text-on-pink-500 {
  color: #fff;
}

.text-pink-500,
.hover\:text-pink-500:hover,
.group:hover .group-hover\:text-pink-500 {
  color: var(--pink-500);
}

.bg-pink-500,
.hover\:bg-pink-500:hover,
.group:hover .group-hover\:bg-pink-500 {
  background-color: var(--pink-500);
}

.border-pink-500,
.hover\:border-pink-500:hover,
.group:hover .group-hover\:border-pink-500 {
  border-color: var(--pink-500);
}

.text-on-pink-600 {
  color: #fff;
}

.text-pink-600,
.hover\:text-pink-600:hover,
.group:hover .group-hover\:text-pink-600 {
  color: var(--pink-600);
}

.bg-pink-600,
.hover\:bg-pink-600:hover,
.group:hover .group-hover\:bg-pink-600 {
  background-color: var(--pink-600);
}

.border-pink-600,
.hover\:border-pink-600:hover,
.group:hover .group-hover\:border-pink-600 {
  border-color: var(--pink-600);
}

.text-on-pink-700 {
  color: #fff;
}

.text-pink-700,
.hover\:text-pink-700:hover,
.group:hover .group-hover\:text-pink-700 {
  color: var(--pink-700);
}

.bg-pink-700,
.hover\:bg-pink-700:hover,
.group:hover .group-hover\:bg-pink-700 {
  background-color: var(--pink-700);
}

.border-pink-700,
.hover\:border-pink-700:hover,
.group:hover .group-hover\:border-pink-700 {
  border-color: var(--pink-700);
}

.text-on-pink-800 {
  color: #fff;
}

.text-pink-800,
.hover\:text-pink-800:hover,
.group:hover .group-hover\:text-pink-800 {
  color: var(--pink-800);
}

.bg-pink-800,
.hover\:bg-pink-800:hover,
.group:hover .group-hover\:bg-pink-800 {
  background-color: var(--pink-800);
}

.border-pink-800,
.hover\:border-pink-800:hover,
.group:hover .group-hover\:border-pink-800 {
  border-color: var(--pink-800);
}

.text-on-pink-900 {
  color: #fff;
}

.text-pink-900,
.hover\:text-pink-900:hover,
.group:hover .group-hover\:text-pink-900 {
  color: var(--pink-900);
}

.bg-pink-900,
.hover\:bg-pink-900:hover,
.group:hover .group-hover\:bg-pink-900 {
  background-color: var(--pink-900);
}

.border-pink-900,
.hover\:border-pink-900:hover,
.group:hover .group-hover\:border-pink-900 {
  border-color: var(--pink-900);
}

.text-pink,
.hover\:text-pink:hover,
.group:hover .group-hover\:text-pink {
  color: var(--pink);
}

.bg-pink,
.hover\:bg-pink:hover,
.group:hover .group-hover\:bg-pink {
  background-color: var(--pink);
}

.border-pink,
.hover\:border-pink:hover,
.group:hover .group-hover\:border-pink {
  border-color: var(--pink);
}

.text-black,
.hover\:text-black:hover,
.group:hover .group-hover\:text-black {
  color: var(--black);
}

.bg-black,
.hover\:bg-black:hover,
.group:hover .group-hover\:bg-black {
  background-color: var(--black);
}

.border-black,
.hover\:border-black:hover,
.group:hover .group-hover\:border-black {
  border-color: var(--black);
}

.text-white,
.hover\:text-white:hover,
.group:hover .group-hover\:text-white {
  color: var(--white);
}

.bg-white,
.hover\:bg-white:hover,
.group:hover .group-hover\:bg-white {
  background-color: var(--white);
}

.border-white,
.hover\:border-white:hover,
.group:hover .group-hover\:border-white {
  border-color: var(--white);
}

.text-transparent,
.hover\:text-transparent:hover,
.group:hover .group-hover\:text-transparent {
  color: var(--transparent);
}

.bg-transparent,
.hover\:bg-transparent:hover,
.group:hover .group-hover\:bg-transparent {
  background-color: var(--transparent);
}

.border-transparent,
.hover\:border-transparent:hover,
.group:hover .group-hover\:border-transparent {
  border-color: var(--transparent);
}

.bg-base,
.hover\:bg-base:hover,
.group:hover .group-hover\:bg-base {
  background-color: var(--bg-base);
}

.inverted-bg-base,
.hover\:inverted-bg-base:hover,
.group:hover .group-hover\:inverted-bg-base {
  background-color: var(--inverted-bg-base);
}

.bg-alternate,
.hover\:bg-alternate:hover,
.group:hover .group-hover\:bg-alternate {
  background-color: var(--bg-alternate);
}

.inverted-bg-alternate,
.hover\:inverted-bg-alternate:hover,
.group:hover .group-hover\:inverted-bg-alternate {
  background-color: var(--inverted-bg-alternate);
}

.bg-surface,
.hover\:bg-surface:hover,
.group:hover .group-hover\:bg-surface {
  background-color: var(--bg-surface);
}

.inverted-bg-surface,
.hover\:inverted-bg-surface:hover,
.group:hover .group-hover\:inverted-bg-surface {
  background-color: var(--inverted-bg-surface);
}

.border-base,
.hover\:border-base:hover,
.group:hover .group-hover\:border-base {
  border-color: var(--border-base);
}

.inverted-border-base,
.hover\:inverted-border-base:hover,
.group:hover .group-hover\:inverted-border-base {
  border-color: var(--inverted-border-base);
}

.text-color,
.hover\:text-color:hover,
.group:hover .group-hover\:text-color {
  color: var(--text-color);
}

.inverted-text-color,
.hover\:inverted-text-color:hover,
.group:hover .group-hover\:inverted-text-color {
  color: var(--inverted-text-color);
}

.text-muted,
.hover\:text-muted:hover,
.group:hover .group-hover\:text-muted {
  color: var(--text-muted);
}

.inverted-text-muted,
.hover\:inverted-text-muted:hover,
.group:hover .group-hover\:inverted-text-muted {
  color: var(--inverted-text-muted);
}

.text-subtle,
.hover\:text-subtle:hover,
.group:hover .group-hover\:text-subtle {
  color: var(--text-subtle);
}

.inverted-text-subtle,
.hover\:inverted-text-subtle:hover,
.group:hover .group-hover\:inverted-text-subtle {
  color: var(--inverted-text-subtle);
}

.text-inverted,
.hover\:text-inverted:hover,
.group:hover .group-hover\:text-inverted {
  color: var(--text-inverted);
}

.inverted-text-inverted,
.hover\:inverted-text-inverted:hover,
.group:hover .group-hover\:inverted-text-inverted {
  color: var(--inverted-text-inverted);
}

body .container h1:first-child {
  font-family: "Schibsted Grotesk";
  font-size: 48px;
  font-weight: 500;
  margin: 0px;
}
body .container h1:last-child {
  font-family: "Titan One";
  font-size: 300px;
  font-weight: bold;
  margin: 0px;
}

/*# sourceMappingURL=styles.css.map */