/* node_modules/brut-css/dist/brut.css */
@property --blue-100 { syntax:"<color>";inherits:true;initial-value:#000e1c }
@property --blue-200 { syntax:"<color>";inherits:true;initial-value:#00172f }
@property --blue-300 { syntax:"<color>";inherits:true;initial-value:#002e5e }
@property --blue-400 { syntax:"<color>";inherits:true;initial-value:#004e9e }
@property --blue-500 { syntax:"<color>";inherits:true;initial-value:#0069d5 }
@property --blue-600 { syntax:"<color>";inherits:true;initial-value:#50a6ff }
@property --blue-700 { syntax:"<color>";inherits:true;initial-value:#a9d3ff }
@property --blue-800 { syntax:"<color>";inherits:true;initial-value:#e4f1ff }
@property --blue-900 { syntax:"<color>";inherits:true;initial-value:#f9fcff }
@property --gray-100 { syntax:"<color>";inherits:true;initial-value:#0f0f10 }
@property --gray-200 { syntax:"<color>";inherits:true;initial-value:#1a1a1b }
@property --gray-300 { syntax:"<color>";inherits:true;initial-value:#333336 }
@property --gray-400 { syntax:"<color>";inherits:true;initial-value:#56565b }
@property --gray-500 { syntax:"<color>";inherits:true;initial-value:#74747b }
@property --gray-600 { syntax:"<color>";inherits:true;initial-value:#adadb1 }
@property --gray-700 { syntax:"<color>";inherits:true;initial-value:#d7d7d9 }
@property --gray-800 { syntax:"<color>";inherits:true;initial-value:#f2f2f3 }
@property --gray-900 { syntax:"<color>";inherits:true;initial-value:#fcfcfc }
@property --green-100 { syntax:"<color>";inherits:true;initial-value:#071b0e }
@property --green-200 { syntax:"<color>";inherits:true;initial-value:#0c2d17 }
@property --green-300 { syntax:"<color>";inherits:true;initial-value:#175a2e }
@property --green-400 { syntax:"<color>";inherits:true;initial-value:#27984d }
@property --green-500 { syntax:"<color>";inherits:true;initial-value:#37cb69 }
@property --green-600 { syntax:"<color>";inherits:true;initial-value:#89e0a6 }
@property --green-700 { syntax:"<color>";inherits:true;initial-value:#c5f0d4 }
@property --green-800 { syntax:"<color>";inherits:true;initial-value:#edfaf2 }
@property --green-900 { syntax:"<color>";inherits:true;initial-value:#fbfefc }
@property --orange-100 { syntax:"<color>";inherits:true;initial-value:#1e0e00 }
@property --orange-200 { syntax:"<color>";inherits:true;initial-value:#331800 }
@property --orange-300 { syntax:"<color>";inherits:true;initial-value:#673000 }
@property --orange-400 { syntax:"<color>";inherits:true;initial-value:#ad5000 }
@property --orange-500 { syntax:"<color>";inherits:true;initial-value:#ea6c00 }
@property --orange-600 { syntax:"<color>";inherits:true;initial-value:#ffa75c }
@property --orange-700 { syntax:"<color>";inherits:true;initial-value:#ffd4af }
@property --orange-800 { syntax:"<color>";inherits:true;initial-value:#fff2e6 }
@property --orange-900 { syntax:"<color>";inherits:true;initial-value:#fffcf9 }
@property --purple-100 { syntax:"<color>";inherits:true;initial-value:#0e071b }
@property --purple-200 { syntax:"<color>";inherits:true;initial-value:#170c2d }
@property --purple-300 { syntax:"<color>";inherits:true;initial-value:#2e175a }
@property --purple-400 { syntax:"<color>";inherits:true;initial-value:#4d2798 }
@property --purple-500 { syntax:"<color>";inherits:true;initial-value:#6937cb }
@property --purple-600 { syntax:"<color>";inherits:true;initial-value:#a689e0 }
@property --purple-700 { syntax:"<color>";inherits:true;initial-value:#d4c5f0 }
@property --purple-800 { syntax:"<color>";inherits:true;initial-value:#f2edfa }
@property --purple-900 { syntax:"<color>";inherits:true;initial-value:#fcfbfe }
@property --red-100 { syntax:"<color>";inherits:true;initial-value:#1e0200 }
@property --red-200 { syntax:"<color>";inherits:true;initial-value:#320300 }
@property --red-300 { syntax:"<color>";inherits:true;initial-value:#640600 }
@property --red-400 { syntax:"<color>";inherits:true;initial-value:#a80a00 }
@property --red-500 { syntax:"<color>";inherits:true;initial-value:#e30d00 }
@property --red-600 { syntax:"<color>";inherits:true;initial-value:#ff6258 }
@property --red-700 { syntax:"<color>";inherits:true;initial-value:#ffb2ad }
@property --red-800 { syntax:"<color>";inherits:true;initial-value:#ffe7e6 }
@property --red-900 { syntax:"<color>";inherits:true;initial-value:#fffaf9 }
@property --yellow-100 { syntax:"<color>";inherits:true;initial-value:#242402 }
@property --yellow-200 { syntax:"<color>";inherits:true;initial-value:#3d3d04 }
@property --yellow-300 { syntax:"<color>";inherits:true;initial-value:#797907 }
@property --yellow-400 { syntax:"<color>";inherits:true;initial-value:#cccc0c }
@property --yellow-500 { syntax:"<color>";inherits:true;initial-value:#f3f331 }
@property --yellow-600 { syntax:"<color>";inherits:true;initial-value:#f8f885 }
@property --yellow-700 { syntax:"<color>";inherits:true;initial-value:#fcfcc3 }
@property --yellow-800 { syntax:"<color>";inherits:true;initial-value:#fefeec }
@property --yellow-900 { syntax:"<color>";inherits:true;initial-value:#fffffb }
@property --black { syntax:"<color>";inherits:true;initial-value:#000 }
@property --black-ish { syntax:"<color>";inherits:true;initial-value:#131313 }
@property --white { syntax:"<color>";inherits:true;initial-value:#fff }
@property --white-ish { syntax:"<color>";inherits:true;initial-value:#fbfbfb }
@property --sp-1 { syntax:"<length>";inherits:true;initial-value:.25rem }
@property --sp-2 { syntax:"<length>";inherits:true;initial-value:.5rem }
@property --sp-3 { syntax:"<length>";inherits:true;initial-value:1rem }
@property --sp-4 { syntax:"<length>";inherits:true;initial-value:2rem }
@property --sp-5 { syntax:"<length>";inherits:true;initial-value:4rem }
@property --sp-6 { syntax:"<length>";inherits:true;initial-value:8rem }
@property --sp-7 { syntax:"<length>";inherits:true;initial-value:12rem }
@property --sp-8 { syntax:"<length>";inherits:true;initial-value:16rem }
@property --wh-1 { syntax:"<length>";inherits:true;initial-value:.5rem }
@property --wh-2 { syntax:"<length>";inherits:true;initial-value:1rem }
@property --wh-3 { syntax:"<length>";inherits:true;initial-value:2rem }
@property --wh-4 { syntax:"<length>";inherits:true;initial-value:4rem }
@property --wh-5 { syntax:"<length>";inherits:true;initial-value:8rem }
@property --wh-6 { syntax:"<length>";inherits:true;initial-value:16rem }
@property --wh-7 { syntax:"<length>";inherits:true;initial-value:24rem }
@property --wh-8 { syntax:"<length>";inherits:true;initial-value:32rem }
@property --bw-1 { syntax:"<length>";inherits:true;initial-value:.125rem }
@property --bw-2 { syntax:"<length>";inherits:true;initial-value:.25rem }
@property --bw-3 { syntax:"<length>";inherits:true;initial-value:.5rem }
@property --bw-4 { syntax:"<length>";inherits:true;initial-value:1rem }
@property --bw-5 { syntax:"<length>";inherits:true;initial-value:2rem }
@property --fs-0 { syntax:"<length>";inherits:true;initial-value:.675rem }
@property --fs-1 { syntax:"<length>";inherits:true;initial-value:.875rem }
@property --fs-2 { syntax:"<length>";inherits:true;initial-value:1rem }
@property --fs-3 { syntax:"<length>";inherits:true;initial-value:1.25rem }
@property --fs-4 { syntax:"<length>";inherits:true;initial-value:1.5rem }
@property --fs-5 { syntax:"<length>";inherits:true;initial-value:2.25rem }
@property --fs-6 { syntax:"<length>";inherits:true;initial-value:3rem }
@property --fs-7 { syntax:"<length>";inherits:true;initial-value:4.25rem }
@property --fs-8 { syntax:"<length>";inherits:true;initial-value:5rem }
@property --fs-9 { syntax:"<length>";inherits:true;initial-value:6rem }
@property --ff-sans { syntax:"<string>#";inherits:true;initial-value:Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif }
@property --ff-serif { syntax:"<string>#";inherits:true;initial-value:Charter, "Bitstream Charter", "Sitka Text", Cambria, serif }
@property --ff-mono { syntax:"<string>#";inherits:true;initial-value:"Nimbus Mono PS", "Courier New", monospace }
@property --ff-cursive { syntax:"<string>#";inherits:true;initial-value:"Segoe Print", "Bradley Hand", Chilanka, TSCu_Comic, casual, cursive }
@property --ff-fantasy { syntax:"<string>#";inherits:true;initial-value:"Party Let", fantasy }
@property --indent-1 { syntax:"<length>";inherits:true;initial-value:1em }
@property --indent-2 { syntax:"<length>";inherits:true;initial-value:1.5em }
@property --indent-3 { syntax:"<length>";inherits:true;initial-value:2em }
@property --tw { syntax:"<length>";inherits:true;initial-value:60ch }
@property --tw-wide { syntax:"<length>";inherits:true;initial-value:75ch }
@property --tw-narrow { syntax:"<length>";inherits:true;initial-value:50ch }
@property --ls-tracked { syntax:"<length> | normal";inherits:true;initial-value:.1em }
@property --ls-tight { syntax:"<length> | normal";inherits:true;initial-value:-.05em }
@property --ls-mega { syntax:"<length> | normal";inherits:true;initial-value:.25em }
@property --ls-none { syntax:"<length> | normal";inherits:true;initial-value:normal }
@property --lh-solid { syntax:"<length>|<number>|<percentage>|normal";inherits:true;initial-value:1 }
@property --lh-title { syntax:"<length>|<number>|<percentage>|normal";inherits:true;initial-value:1.25 }
@property --lh-copy { syntax:"<length>|<number>|<percentage>|normal";inherits:true;initial-value:1.5 }
:root {
  --blue-100:#000e1c;
  --blue-200:#00172f;
  --blue-300:#002e5e;
  --blue-400:#004e9e;
  --blue-500:#0069d5;
  --blue-600:#50a6ff;
  --blue-700:#a9d3ff;
  --blue-800:#e4f1ff;
  --blue-900:#f9fcff;
  --gray-100:#0f0f10;
  --gray-200:#1a1a1b;
  --gray-300:#333336;
  --gray-400:#56565b;
  --gray-500:#74747b;
  --gray-600:#adadb1;
  --gray-700:#d7d7d9;
  --gray-800:#f2f2f3;
  --gray-900:#fcfcfc;
  --green-100:#071b0e;
  --green-200:#0c2d17;
  --green-300:#175a2e;
  --green-400:#27984d;
  --green-500:#37cb69;
  --green-600:#89e0a6;
  --green-700:#c5f0d4;
  --green-800:#edfaf2;
  --green-900:#fbfefc;
  --orange-100:#1e0e00;
  --orange-200:#331800;
  --orange-300:#673000;
  --orange-400:#ad5000;
  --orange-500:#ea6c00;
  --orange-600:#ffa75c;
  --orange-700:#ffd4af;
  --orange-800:#fff2e6;
  --orange-900:#fffcf9;
  --purple-100:#0e071b;
  --purple-200:#170c2d;
  --purple-300:#2e175a;
  --purple-400:#4d2798;
  --purple-500:#6937cb;
  --purple-600:#a689e0;
  --purple-700:#d4c5f0;
  --purple-800:#f2edfa;
  --purple-900:#fcfbfe;
  --red-100:#1e0200;
  --red-200:#320300;
  --red-300:#640600;
  --red-400:#a80a00;
  --red-500:#e30d00;
  --red-600:#ff6258;
  --red-700:#ffb2ad;
  --red-800:#ffe7e6;
  --red-900:#fffaf9;
  --yellow-100:#242402;
  --yellow-200:#3d3d04;
  --yellow-300:#797907;
  --yellow-400:#cccc0c;
  --yellow-500:#f3f331;
  --yellow-600:#f8f885;
  --yellow-700:#fcfcc3;
  --yellow-800:#fefeec;
  --yellow-900:#fffffb;
  --black:#000;
  --black-ish:#131313;
  --white:#fff;
  --white-ish:#fbfbfb;
  --sp-1:0.25rem;
  --sp-2:0.5rem;
  --sp-3:1rem;
  --sp-4:2rem;
  --sp-5:4rem;
  --sp-6:8rem;
  --sp-7:12rem;
  --sp-8:16rem;
  --wh-1:0.5rem;
  --wh-2:1rem;
  --wh-3:2rem;
  --wh-4:4rem;
  --wh-5:8rem;
  --wh-6:16rem;
  --wh-7:24rem;
  --wh-8:32rem;
  --bw-1:0.125rem;
  --bw-2:0.25rem;
  --bw-3:0.5rem;
  --bw-4:1rem;
  --bw-5:2rem;
  --fs-0:0.675rem;
  --fs-1:0.875rem;
  --fs-2:1rem;
  --fs-3:1.25rem;
  --fs-4:1.5rem;
  --fs-5:2.25rem;
  --fs-6:3rem;
  --fs-7:4.25rem;
  --fs-8:5rem;
  --fs-9:6rem;
  --ff-sans:Avenir,Montserrat,Corbel,"URW Gothic",source-sans-pro,sans-serif;
  --ff-serif:Charter,"Bitstream Charter","Sitka Text",Cambria,serif;
  --ff-mono:"Nimbus Mono PS","Courier New",monospace;
  --ff-cursive:"Segoe Print","Bradley Hand",Chilanka,TSCu_Comic,casual,cursive;
  --ff-fantasy:"Party Let",fantasy;
  --indent-1:1em;
  --indent-2:1.5em;
  --indent-3:2em;
  --tw:60ch;
  --tw-wide:75ch;
  --tw-narrow:50ch;
  --ls-tracked:0.1em;
  --ls-tight:-0.05em;
  --ls-mega:0.25em;
  --ls-none:normal;
  --lh-solid:1;
  --lh-title:1.25;
  --lh-copy:1.5;
}
*,
:after,
:before {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-size: 1em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  margin: 0;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
}
legend {
  padding: 0;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
.appearance-none {
  appearance: none;
}
.appearance-auto {
  appearance: auto;
}
.shadow-1 {
  box-shadow: 1px 1px 4px 0 #878787;
}
.shadow-2 {
  box-shadow: 1px 1px 10.64px 0 #878787;
}
.shadow-3 {
  box-shadow: 1px 1px 15.022px 0 #878787;
}
.shadow-4 {
  box-shadow: 1px 1px 22.297px 0 #878787;
}
.shadow-5 {
  box-shadow: 1px 1px 34.373px 0 #878787;
}
.shadow-6 {
  box-shadow: 1px 1px 54.419px 0 #878787;
}
.shadow-none {
  box-shadow: none;
}
.inset-shadow-1 {
  box-shadow: inset 1px 1px 4px -1px #6a6a6a;
}
.inset-shadow-2 {
  box-shadow: inset 1px 1px 5.52px -1.043px #6a6a6a;
}
.inset-shadow-3 {
  box-shadow: inset 1px 1px 8.195px -1.193px #6a6a6a;
}
.inset-shadow-4 {
  box-shadow: inset 1px 1px 12.903px -1.485px #6a6a6a;
}
.inset-shadow-5 {
  box-shadow: inset 1px 1px 21.19px -1.986px #6a6a6a;
}
.inset-shadow-6 {
  box-shadow: inset 1px 1px 35.774px -2.802px #6a6a6a;
}
.inset-shadow-none {
  box-shadow: none;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer,
.pointer {
  cursor: pointer;
}
.cursor-progress {
  cursor: progress;
}
.cursor-move {
  cursor: move;
}
.cursor-grab {
  cursor: grab;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.o-10 {
  opacity: 10%;
}
.o-20 {
  opacity: 20%;
}
.o-25 {
  opacity: 25%;
}
.o-30 {
  opacity: 30%;
}
.o-40 {
  opacity: 40%;
}
.o-50 {
  opacity: 50%;
}
.o-60 {
  opacity: 60%;
}
.o-70 {
  opacity: 70%;
}
.o-75 {
  opacity: 75%;
}
.o-80 {
  opacity: 80%;
}
.o-90 {
  opacity: 90%;
}
.o-100 {
  opacity: 100%;
}
.o-third {
  opacity: 33.33333%;
}
.o-two-thirds {
  opacity: 66.66667%;
}
.ba {
  border-style: solid;
  border-width: 1px;
}
.bl {
  border-left-style: solid;
  border-left-width: 1px;
}
.br {
  border-right-style: solid;
  border-right-width: 1px;
}
.bt {
  border-top-style: solid;
  border-top-width: 1px;
}
.bb {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.bn {
  border-style: none;
  border-width: 0;
}
.collapse {
  border-collapse: collapse;
  border-spacing: 0;
}
.br-0 {
  border-radius: 0;
}
.br-1 {
  border-radius: var(--bw-1);
}
.br-2 {
  border-radius: var(--bw-2);
}
.br-3 {
  border-radius: var(--bw-3);
}
.br-4 {
  border-radius: var(--bw-4);
}
.br-5 {
  border-radius: var(--bw-5);
}
.br-100 {
  border-radius: 100%;
}
.br-pill {
  border-radius: 999px;
}
.br-bottom-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.br-bottom-1 {
  border-bottom-left-radius: var(--bw-1);
  border-bottom-right-radius: var(--bw-1);
}
.br-bottom-2 {
  border-bottom-left-radius: var(--bw-2);
  border-bottom-right-radius: var(--bw-2);
}
.br-bottom-3 {
  border-bottom-left-radius: var(--bw-3);
  border-bottom-right-radius: var(--bw-3);
}
.br-bottom-4 {
  border-bottom-left-radius: var(--bw-4);
  border-bottom-right-radius: var(--bw-4);
}
.br-bottom-5 {
  border-bottom-left-radius: var(--bw-5);
  border-bottom-right-radius: var(--bw-5);
}
.br-bottom-100 {
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}
.br-bottom-pill {
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
}
.br-top-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.br-top-1 {
  border-top-left-radius: var(--bw-1);
  border-top-right-radius: var(--bw-1);
}
.br-top-2 {
  border-top-left-radius: var(--bw-2);
  border-top-right-radius: var(--bw-2);
}
.br-top-3 {
  border-top-left-radius: var(--bw-3);
  border-top-right-radius: var(--bw-3);
}
.br-top-4 {
  border-top-left-radius: var(--bw-4);
  border-top-right-radius: var(--bw-4);
}
.br-top-5 {
  border-top-left-radius: var(--bw-5);
  border-top-right-radius: var(--bw-5);
}
.br-top-100 {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
}
.br-top-pill {
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
}
.br-left-0 {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.br-left-1 {
  border-bottom-left-radius: var(--bw-1);
  border-top-left-radius: var(--bw-1);
}
.br-left-2 {
  border-bottom-left-radius: var(--bw-2);
  border-top-left-radius: var(--bw-2);
}
.br-left-3 {
  border-bottom-left-radius: var(--bw-3);
  border-top-left-radius: var(--bw-3);
}
.br-left-4 {
  border-bottom-left-radius: var(--bw-4);
  border-top-left-radius: var(--bw-4);
}
.br-left-5 {
  border-bottom-left-radius: var(--bw-5);
  border-top-left-radius: var(--bw-5);
}
.br-left-100 {
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
}
.br-left-pill {
  border-bottom-left-radius: 999px;
  border-top-left-radius: 999px;
}
.br-right-0 {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.br-right-1 {
  border-bottom-right-radius: var(--bw-1);
  border-top-right-radius: var(--bw-1);
}
.br-right-2 {
  border-bottom-right-radius: var(--bw-2);
  border-top-right-radius: var(--bw-2);
}
.br-right-3 {
  border-bottom-right-radius: var(--bw-3);
  border-top-right-radius: var(--bw-3);
}
.br-right-4 {
  border-bottom-right-radius: var(--bw-4);
  border-top-right-radius: var(--bw-4);
}
.br-right-5 {
  border-bottom-right-radius: var(--bw-5);
  border-top-right-radius: var(--bw-5);
}
.br-right-100 {
  border-bottom-right-radius: 100%;
  border-top-right-radius: 100%;
}
.br-right-pill {
  border-bottom-right-radius: 999px;
  border-top-right-radius: 999px;
}
.br-tr-0 {
  border-top-right-radius: 0;
}
.br-tr-1 {
  border-top-right-radius: var(--bw-1);
}
.br-tr-2 {
  border-top-right-radius: var(--bw-2);
}
.br-tr-3 {
  border-top-right-radius: var(--bw-3);
}
.br-tr-4 {
  border-top-right-radius: var(--bw-4);
}
.br-tr-5 {
  border-top-right-radius: var(--bw-5);
}
.br-tr-100 {
  border-top-right-radius: 100%;
}
.br-tr-pill {
  border-top-right-radius: 999px;
}
.br-br-0 {
  border-bottom-right-radius: 0;
}
.br-br-1 {
  border-bottom-right-radius: var(--bw-1);
}
.br-br-2 {
  border-bottom-right-radius: var(--bw-2);
}
.br-br-3 {
  border-bottom-right-radius: var(--bw-3);
}
.br-br-4 {
  border-bottom-right-radius: var(--bw-4);
}
.br-br-5 {
  border-bottom-right-radius: var(--bw-5);
}
.br-br-100 {
  border-bottom-right-radius: 100%;
}
.br-br-pill {
  border-bottom-right-radius: 999px;
}
.br-tl-0 {
  border-top-left-radius: 0;
}
.br-tl-1 {
  border-top-left-radius: var(--bw-1);
}
.br-tl-2 {
  border-top-left-radius: var(--bw-2);
}
.br-tl-3 {
  border-top-left-radius: var(--bw-3);
}
.br-tl-4 {
  border-top-left-radius: var(--bw-4);
}
.br-tl-5 {
  border-top-left-radius: var(--bw-5);
}
.br-tl-100 {
  border-top-left-radius: 100%;
}
.br-tl-pill {
  border-top-left-radius: 999px;
}
.br-bl-0 {
  border-bottom-left-radius: 0;
}
.br-bl-1 {
  border-bottom-left-radius: var(--bw-1);
}
.br-bl-2 {
  border-bottom-left-radius: var(--bw-2);
}
.br-bl-3 {
  border-bottom-left-radius: var(--bw-3);
}
.br-bl-4 {
  border-bottom-left-radius: var(--bw-4);
}
.br-bl-5 {
  border-bottom-left-radius: var(--bw-5);
}
.br-bl-100 {
  border-bottom-left-radius: 100%;
}
.br-bl-pill {
  border-bottom-left-radius: 999px;
}
.bs-dotted {
  border-style: dotted;
}
.bs-dashed {
  border-style: dashed;
}
.bs-solid {
  border-style: solid;
}
.bs-none {
  border-style: none;
}
.bls-dotted {
  border-left-style: dotted;
}
.bls-dashed {
  border-left-style: dashed;
}
.bls-solid {
  border-left-style: solid;
}
.bls-none {
  border-left-style: none;
}
.brs-dotted {
  border-right-style: dotted;
}
.brs-dashed {
  border-right-style: dashed;
}
.brs-solid {
  border-right-style: solid;
}
.brs-none {
  border-right-style: none;
}
.bts-dotted {
  border-top-style: dotted;
}
.bts-dashed {
  border-top-style: dashed;
}
.bts-solid {
  border-top-style: solid;
}
.bts-none {
  border-top-style: none;
}
.bbs-dotted {
  border-bottom-style: dotted;
}
.bbs-dashed {
  border-bottom-style: dashed;
}
.bbs-solid {
  border-bottom-style: solid;
}
.bbs-none {
  border-bottom-style: none;
}
.bw-0 {
  border-width: 0;
}
.bw-1 {
  border-width: var(--bw-1);
}
.bw-2 {
  border-width: var(--bw-2);
}
.bw-3 {
  border-width: var(--bw-3);
}
.bw-4 {
  border-width: var(--bw-4);
}
.bw-5 {
  border-width: var(--bw-5);
}
.blw-0 {
  border-left-width: 0;
}
.blw-1 {
  border-left-width: var(--bw-1);
}
.blw-2 {
  border-left-width: var(--bw-2);
}
.blw-3 {
  border-left-width: var(--bw-3);
}
.blw-4 {
  border-left-width: var(--bw-4);
}
.blw-5 {
  border-left-width: var(--bw-5);
}
.brw-0 {
  border-right-width: 0;
}
.brw-1 {
  border-right-width: var(--bw-1);
}
.brw-2 {
  border-right-width: var(--bw-2);
}
.brw-3 {
  border-right-width: var(--bw-3);
}
.brw-4 {
  border-right-width: var(--bw-4);
}
.brw-5 {
  border-right-width: var(--bw-5);
}
.btw-0 {
  border-top-width: 0;
}
.btw-1 {
  border-top-width: var(--bw-1);
}
.btw-2 {
  border-top-width: var(--bw-2);
}
.btw-3 {
  border-top-width: var(--bw-3);
}
.btw-4 {
  border-top-width: var(--bw-4);
}
.btw-5 {
  border-top-width: var(--bw-5);
}
.bbw-0 {
  border-bottom-width: 0;
}
.bbw-1 {
  border-bottom-width: var(--bw-1);
}
.bbw-2 {
  border-bottom-width: var(--bw-2);
}
.bbw-3 {
  border-bottom-width: var(--bw-3);
}
.bbw-4 {
  border-bottom-width: var(--bw-4);
}
.bbw-5 {
  border-bottom-width: var(--bw-5);
}
.red-100 {
  color: var(--red-100);
}
.red-200 {
  color: var(--red-200);
}
.red-300 {
  color: var(--red-300);
}
.red-400 {
  color: var(--red-400);
}
.red-500 {
  color: var(--red-500);
}
.red-600 {
  color: var(--red-600);
}
.red-700 {
  color: var(--red-700);
}
.red-800 {
  color: var(--red-800);
}
.red-900 {
  color: var(--red-900);
}
.orange-100 {
  color: var(--orange-100);
}
.orange-200 {
  color: var(--orange-200);
}
.orange-300 {
  color: var(--orange-300);
}
.orange-400 {
  color: var(--orange-400);
}
.orange-500 {
  color: var(--orange-500);
}
.orange-600 {
  color: var(--orange-600);
}
.orange-700 {
  color: var(--orange-700);
}
.orange-800 {
  color: var(--orange-800);
}
.orange-900 {
  color: var(--orange-900);
}
.yellow-100 {
  color: var(--yellow-100);
}
.yellow-200 {
  color: var(--yellow-200);
}
.yellow-300 {
  color: var(--yellow-300);
}
.yellow-400 {
  color: var(--yellow-400);
}
.yellow-500 {
  color: var(--yellow-500);
}
.yellow-600 {
  color: var(--yellow-600);
}
.yellow-700 {
  color: var(--yellow-700);
}
.yellow-800 {
  color: var(--yellow-800);
}
.yellow-900 {
  color: var(--yellow-900);
}
.green-100 {
  color: var(--green-100);
}
.green-200 {
  color: var(--green-200);
}
.green-300 {
  color: var(--green-300);
}
.green-400 {
  color: var(--green-400);
}
.green-500 {
  color: var(--green-500);
}
.green-600 {
  color: var(--green-600);
}
.green-700 {
  color: var(--green-700);
}
.green-800 {
  color: var(--green-800);
}
.green-900 {
  color: var(--green-900);
}
.blue-100 {
  color: var(--blue-100);
}
.blue-200 {
  color: var(--blue-200);
}
.blue-300 {
  color: var(--blue-300);
}
.blue-400 {
  color: var(--blue-400);
}
.blue-500 {
  color: var(--blue-500);
}
.blue-600 {
  color: var(--blue-600);
}
.blue-700 {
  color: var(--blue-700);
}
.blue-800 {
  color: var(--blue-800);
}
.blue-900 {
  color: var(--blue-900);
}
.purple-100 {
  color: var(--purple-100);
}
.purple-200 {
  color: var(--purple-200);
}
.purple-300 {
  color: var(--purple-300);
}
.purple-400 {
  color: var(--purple-400);
}
.purple-500 {
  color: var(--purple-500);
}
.purple-600 {
  color: var(--purple-600);
}
.purple-700 {
  color: var(--purple-700);
}
.purple-800 {
  color: var(--purple-800);
}
.purple-900 {
  color: var(--purple-900);
}
.gray-100 {
  color: var(--gray-100);
}
.gray-200 {
  color: var(--gray-200);
}
.gray-300 {
  color: var(--gray-300);
}
.gray-400 {
  color: var(--gray-400);
}
.gray-500 {
  color: var(--gray-500);
}
.gray-600 {
  color: var(--gray-600);
}
.gray-700 {
  color: var(--gray-700);
}
.gray-800 {
  color: var(--gray-800);
}
.gray-900 {
  color: var(--gray-900);
}
.black {
  color: var(--black);
}
.black-ish {
  color: var(--black-ish);
}
.white {
  color: var(--white);
}
.white-ish {
  color: var(--white-ish);
}
.bg-red-100 {
  background-color: var(--red-100);
}
.bg-red-200 {
  background-color: var(--red-200);
}
.bg-red-300 {
  background-color: var(--red-300);
}
.bg-red-400 {
  background-color: var(--red-400);
}
.bg-red-500 {
  background-color: var(--red-500);
}
.bg-red-600 {
  background-color: var(--red-600);
}
.bg-red-700 {
  background-color: var(--red-700);
}
.bg-red-800 {
  background-color: var(--red-800);
}
.bg-red-900 {
  background-color: var(--red-900);
}
.bg-orange-100 {
  background-color: var(--orange-100);
}
.bg-orange-200 {
  background-color: var(--orange-200);
}
.bg-orange-300 {
  background-color: var(--orange-300);
}
.bg-orange-400 {
  background-color: var(--orange-400);
}
.bg-orange-500 {
  background-color: var(--orange-500);
}
.bg-orange-600 {
  background-color: var(--orange-600);
}
.bg-orange-700 {
  background-color: var(--orange-700);
}
.bg-orange-800 {
  background-color: var(--orange-800);
}
.bg-orange-900 {
  background-color: var(--orange-900);
}
.bg-yellow-100 {
  background-color: var(--yellow-100);
}
.bg-yellow-200 {
  background-color: var(--yellow-200);
}
.bg-yellow-300 {
  background-color: var(--yellow-300);
}
.bg-yellow-400 {
  background-color: var(--yellow-400);
}
.bg-yellow-500 {
  background-color: var(--yellow-500);
}
.bg-yellow-600 {
  background-color: var(--yellow-600);
}
.bg-yellow-700 {
  background-color: var(--yellow-700);
}
.bg-yellow-800 {
  background-color: var(--yellow-800);
}
.bg-yellow-900 {
  background-color: var(--yellow-900);
}
.bg-green-100 {
  background-color: var(--green-100);
}
.bg-green-200 {
  background-color: var(--green-200);
}
.bg-green-300 {
  background-color: var(--green-300);
}
.bg-green-400 {
  background-color: var(--green-400);
}
.bg-green-500 {
  background-color: var(--green-500);
}
.bg-green-600 {
  background-color: var(--green-600);
}
.bg-green-700 {
  background-color: var(--green-700);
}
.bg-green-800 {
  background-color: var(--green-800);
}
.bg-green-900 {
  background-color: var(--green-900);
}
.bg-blue-100 {
  background-color: var(--blue-100);
}
.bg-blue-200 {
  background-color: var(--blue-200);
}
.bg-blue-300 {
  background-color: var(--blue-300);
}
.bg-blue-400 {
  background-color: var(--blue-400);
}
.bg-blue-500 {
  background-color: var(--blue-500);
}
.bg-blue-600 {
  background-color: var(--blue-600);
}
.bg-blue-700 {
  background-color: var(--blue-700);
}
.bg-blue-800 {
  background-color: var(--blue-800);
}
.bg-blue-900 {
  background-color: var(--blue-900);
}
.bg-purple-100 {
  background-color: var(--purple-100);
}
.bg-purple-200 {
  background-color: var(--purple-200);
}
.bg-purple-300 {
  background-color: var(--purple-300);
}
.bg-purple-400 {
  background-color: var(--purple-400);
}
.bg-purple-500 {
  background-color: var(--purple-500);
}
.bg-purple-600 {
  background-color: var(--purple-600);
}
.bg-purple-700 {
  background-color: var(--purple-700);
}
.bg-purple-800 {
  background-color: var(--purple-800);
}
.bg-purple-900 {
  background-color: var(--purple-900);
}
.bg-gray-100 {
  background-color: var(--gray-100);
}
.bg-gray-200 {
  background-color: var(--gray-200);
}
.bg-gray-300 {
  background-color: var(--gray-300);
}
.bg-gray-400 {
  background-color: var(--gray-400);
}
.bg-gray-500 {
  background-color: var(--gray-500);
}
.bg-gray-600 {
  background-color: var(--gray-600);
}
.bg-gray-700 {
  background-color: var(--gray-700);
}
.bg-gray-800 {
  background-color: var(--gray-800);
}
.bg-gray-900 {
  background-color: var(--gray-900);
}
.bg-black {
  background-color: var(--black);
}
.bg-black-ish {
  background-color: var(--black-ish);
}
.bg-white {
  background-color: var(--white);
}
.bg-white-ish {
  background-color: var(--white-ish);
}
.bc-red-100 {
  border-color: var(--red-100);
}
.bc-red-200 {
  border-color: var(--red-200);
}
.bc-red-300 {
  border-color: var(--red-300);
}
.bc-red-400 {
  border-color: var(--red-400);
}
.bc-red-500 {
  border-color: var(--red-500);
}
.bc-red-600 {
  border-color: var(--red-600);
}
.bc-red-700 {
  border-color: var(--red-700);
}
.bc-red-800 {
  border-color: var(--red-800);
}
.bc-red-900 {
  border-color: var(--red-900);
}
.bc-orange-100 {
  border-color: var(--orange-100);
}
.bc-orange-200 {
  border-color: var(--orange-200);
}
.bc-orange-300 {
  border-color: var(--orange-300);
}
.bc-orange-400 {
  border-color: var(--orange-400);
}
.bc-orange-500 {
  border-color: var(--orange-500);
}
.bc-orange-600 {
  border-color: var(--orange-600);
}
.bc-orange-700 {
  border-color: var(--orange-700);
}
.bc-orange-800 {
  border-color: var(--orange-800);
}
.bc-orange-900 {
  border-color: var(--orange-900);
}
.bc-yellow-100 {
  border-color: var(--yellow-100);
}
.bc-yellow-200 {
  border-color: var(--yellow-200);
}
.bc-yellow-300 {
  border-color: var(--yellow-300);
}
.bc-yellow-400 {
  border-color: var(--yellow-400);
}
.bc-yellow-500 {
  border-color: var(--yellow-500);
}
.bc-yellow-600 {
  border-color: var(--yellow-600);
}
.bc-yellow-700 {
  border-color: var(--yellow-700);
}
.bc-yellow-800 {
  border-color: var(--yellow-800);
}
.bc-yellow-900 {
  border-color: var(--yellow-900);
}
.bc-green-100 {
  border-color: var(--green-100);
}
.bc-green-200 {
  border-color: var(--green-200);
}
.bc-green-300 {
  border-color: var(--green-300);
}
.bc-green-400 {
  border-color: var(--green-400);
}
.bc-green-500 {
  border-color: var(--green-500);
}
.bc-green-600 {
  border-color: var(--green-600);
}
.bc-green-700 {
  border-color: var(--green-700);
}
.bc-green-800 {
  border-color: var(--green-800);
}
.bc-green-900 {
  border-color: var(--green-900);
}
.bc-blue-100 {
  border-color: var(--blue-100);
}
.bc-blue-200 {
  border-color: var(--blue-200);
}
.bc-blue-300 {
  border-color: var(--blue-300);
}
.bc-blue-400 {
  border-color: var(--blue-400);
}
.bc-blue-500 {
  border-color: var(--blue-500);
}
.bc-blue-600 {
  border-color: var(--blue-600);
}
.bc-blue-700 {
  border-color: var(--blue-700);
}
.bc-blue-800 {
  border-color: var(--blue-800);
}
.bc-blue-900 {
  border-color: var(--blue-900);
}
.bc-purple-100 {
  border-color: var(--purple-100);
}
.bc-purple-200 {
  border-color: var(--purple-200);
}
.bc-purple-300 {
  border-color: var(--purple-300);
}
.bc-purple-400 {
  border-color: var(--purple-400);
}
.bc-purple-500 {
  border-color: var(--purple-500);
}
.bc-purple-600 {
  border-color: var(--purple-600);
}
.bc-purple-700 {
  border-color: var(--purple-700);
}
.bc-purple-800 {
  border-color: var(--purple-800);
}
.bc-purple-900 {
  border-color: var(--purple-900);
}
.bc-gray-100 {
  border-color: var(--gray-100);
}
.bc-gray-200 {
  border-color: var(--gray-200);
}
.bc-gray-300 {
  border-color: var(--gray-300);
}
.bc-gray-400 {
  border-color: var(--gray-400);
}
.bc-gray-500 {
  border-color: var(--gray-500);
}
.bc-gray-600 {
  border-color: var(--gray-600);
}
.bc-gray-700 {
  border-color: var(--gray-700);
}
.bc-gray-800 {
  border-color: var(--gray-800);
}
.bc-gray-900 {
  border-color: var(--gray-900);
}
.bc-black {
  border-color: var(--black);
}
.bc-black-ish {
  border-color: var(--black-ish);
}
.bc-white {
  border-color: var(--white);
}
.bc-white-ish {
  border-color: var(--white-ish);
}
.w-1 {
  width: var(--wh-1);
}
.w-2 {
  width: var(--wh-2);
}
.w-3 {
  width: var(--wh-3);
}
.w-4 {
  width: var(--wh-4);
}
.w-5 {
  width: var(--wh-5);
}
.w-6 {
  width: var(--wh-6);
}
.w-7 {
  width: var(--wh-7);
}
.w-8 {
  width: var(--wh-8);
}
.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-75 {
  width: 75%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w-third {
  width: 33.33333%;
}
.w-two-thirds {
  width: 66.66667%;
}
.w-10vw {
  width: 10vw;
}
.w-20vw {
  width: 20vw;
}
.w-30vw {
  width: 30vw;
}
.w-40vw {
  width: 40vw;
}
.w-50vw {
  width: 50vw;
}
.w-60vw {
  width: 60vw;
}
.w-70vw {
  width: 70vw;
}
.w-80vw {
  width: 80vw;
}
.w-90vw {
  width: 90vw;
}
.w-100vw {
  width: 100vw;
}
.w-auto {
  width: auto;
}
.mw-1 {
  max-width: var(--wh-1);
}
.mw-2 {
  max-width: var(--wh-2);
}
.mw-3 {
  max-width: var(--wh-3);
}
.mw-4 {
  max-width: var(--wh-4);
}
.mw-5 {
  max-width: var(--wh-5);
}
.mw-6 {
  max-width: var(--wh-6);
}
.mw-7 {
  max-width: var(--wh-7);
}
.mw-8 {
  max-width: var(--wh-8);
}
.mw-10 {
  max-width: 10%;
}
.mw-20 {
  max-width: 20%;
}
.mw-25 {
  max-width: 25%;
}
.mw-30 {
  max-width: 30%;
}
.mw-40 {
  max-width: 40%;
}
.mw-50 {
  max-width: 50%;
}
.mw-60 {
  max-width: 60%;
}
.mw-70 {
  max-width: 70%;
}
.mw-75 {
  max-width: 75%;
}
.mw-80 {
  max-width: 80%;
}
.mw-90 {
  max-width: 90%;
}
.mw-100 {
  max-width: 100%;
}
.mw-third {
  max-width: 33.33333%;
}
.mw-two-thirds {
  max-width: 66.66667%;
}
.mw-10vw {
  max-width: 10vw;
}
.mw-20vw {
  max-width: 20vw;
}
.mw-30vw {
  max-width: 30vw;
}
.mw-40vw {
  max-width: 40vw;
}
.mw-50vw {
  max-width: 50vw;
}
.mw-60vw {
  max-width: 60vw;
}
.mw-70vw {
  max-width: 70vw;
}
.mw-80vw {
  max-width: 80vw;
}
.mw-90vw {
  max-width: 90vw;
}
.mw-100vw {
  max-width: 100vw;
}
.minw-1 {
  min-width: var(--wh-1);
}
.minw-2 {
  min-width: var(--wh-2);
}
.minw-3 {
  min-width: var(--wh-3);
}
.minw-4 {
  min-width: var(--wh-4);
}
.minw-5 {
  min-width: var(--wh-5);
}
.minw-6 {
  min-width: var(--wh-6);
}
.minw-7 {
  min-width: var(--wh-7);
}
.minw-8 {
  min-width: var(--wh-8);
}
.minw-10 {
  min-width: 10%;
}
.minw-20 {
  min-width: 20%;
}
.minw-25 {
  min-width: 25%;
}
.minw-30 {
  min-width: 30%;
}
.minw-40 {
  min-width: 40%;
}
.minw-50 {
  min-width: 50%;
}
.minw-60 {
  min-width: 60%;
}
.minw-70 {
  min-width: 70%;
}
.minw-75 {
  min-width: 75%;
}
.minw-80 {
  min-width: 80%;
}
.minw-90 {
  min-width: 90%;
}
.minw-100 {
  min-width: 100%;
}
.minw-third {
  min-width: 33.33333%;
}
.minw-two-thirds {
  min-width: 66.66667%;
}
.minw-10vw {
  min-width: 10vw;
}
.minw-20vw {
  min-width: 20vw;
}
.minw-30vw {
  min-width: 30vw;
}
.minw-40vw {
  min-width: 40vw;
}
.minw-50vw {
  min-width: 50vw;
}
.minw-60vw {
  min-width: 60vw;
}
.minw-70vw {
  min-width: 70vw;
}
.minw-80vw {
  min-width: 80vw;
}
.minw-90vw {
  min-width: 90vw;
}
.minw-100vw {
  min-width: 100vw;
}
.minw-auto {
  min-width: auto;
}
.h-1 {
  height: var(--wh-1);
}
.h-2 {
  height: var(--wh-2);
}
.h-3 {
  height: var(--wh-3);
}
.h-4 {
  height: var(--wh-4);
}
.h-5 {
  height: var(--wh-5);
}
.h-6 {
  height: var(--wh-6);
}
.h-7 {
  height: var(--wh-7);
}
.h-8 {
  height: var(--wh-8);
}
.h-10 {
  height: 10%;
}
.h-20 {
  height: 20%;
}
.h-25 {
  height: 25%;
}
.h-30 {
  height: 30%;
}
.h-40 {
  height: 40%;
}
.h-50 {
  height: 50%;
}
.h-60 {
  height: 60%;
}
.h-70 {
  height: 70%;
}
.h-75 {
  height: 75%;
}
.h-80 {
  height: 80%;
}
.h-90 {
  height: 90%;
}
.h-100 {
  height: 100%;
}
.h-third {
  height: 33.33333%;
}
.h-two-thirds {
  height: 66.66667%;
}
.h-10vh {
  height: 10vh;
}
.h-20vh {
  height: 20vh;
}
.h-30vh {
  height: 30vh;
}
.h-40vh {
  height: 40vh;
}
.h-50vh {
  height: 50vh;
}
.h-60vh {
  height: 60vh;
}
.h-70vh {
  height: 70vh;
}
.h-80vh {
  height: 80vh;
}
.h-90vh {
  height: 90vh;
}
.h-100vh {
  height: 100vh;
}
.h-auto {
  height: auto;
}
.max-height-1 {
  max-height: var(--wh-1);
}
.max-height-2 {
  max-height: var(--wh-2);
}
.max-height-3 {
  max-height: var(--wh-3);
}
.max-height-4 {
  max-height: var(--wh-4);
}
.max-height-5 {
  max-height: var(--wh-5);
}
.max-height-6 {
  max-height: var(--wh-6);
}
.max-height-7 {
  max-height: var(--wh-7);
}
.max-height-8 {
  max-height: var(--wh-8);
}
.max-height-10 {
  max-height: 10%;
}
.max-height-20 {
  max-height: 20%;
}
.max-height-25 {
  max-height: 25%;
}
.max-height-30 {
  max-height: 30%;
}
.max-height-40 {
  max-height: 40%;
}
.max-height-50 {
  max-height: 50%;
}
.max-height-60 {
  max-height: 60%;
}
.max-height-70 {
  max-height: 70%;
}
.max-height-75 {
  max-height: 75%;
}
.max-height-80 {
  max-height: 80%;
}
.max-height-90 {
  max-height: 90%;
}
.max-height-100 {
  max-height: 100%;
}
.max-height-third {
  max-height: 33.33333%;
}
.max-height-two-thirds {
  max-height: 66.66667%;
}
.max-height-10vh {
  max-height: 10vh;
}
.max-height-20vh {
  max-height: 20vh;
}
.max-height-30vh {
  max-height: 30vh;
}
.max-height-40vh {
  max-height: 40vh;
}
.max-height-50vh {
  max-height: 50vh;
}
.max-height-60vh {
  max-height: 60vh;
}
.max-height-70vh {
  max-height: 70vh;
}
.max-height-80vh {
  max-height: 80vh;
}
.max-height-90vh {
  max-height: 90vh;
}
.max-height-100vh {
  max-height: 100vh;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-none {
  flex: none;
}
.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.self-stretch {
  align-self: stretch;
}
.justify-start {
  justify-content: start;
}
.justify-end {
  justify-content: end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-stretch {
  justify-content: stretch;
}
.content-start {
  align-content: start;
}
.content-end {
  align-content: end;
}
.content-center {
  align-content: center;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}
.content-stretch {
  align-content: stretch;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-grow-2 {
  flex-grow: 2;
}
.flex-grow-3 {
  flex-grow: 3;
}
.flex-grow-4 {
  flex-grow: 4;
}
.flex-grow-5 {
  flex-grow: 5;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink-1 {
  flex-shrink: 1;
}
.flex-shrink-2 {
  flex-shrink: 2;
}
.flex-shrink-3 {
  flex-shrink: 3;
}
.flex-shrink-4 {
  flex-shrink: 4;
}
.flex-shrink-5 {
  flex-shrink: 5;
}
.flex-basis-0 {
  flex-basis: 0;
}
.flex-basis-auto {
  flex-basis: auto;
}
.flex-basis-max {
  flex-basis: max-content;
}
.flex-basis-min {
  flex-basis: min-content;
}
.flex-basis-fit {
  flex-basis: fit-content;
}
.db {
  display: block;
}
.di {
  display: inline;
}
.dib {
  display: inline-block;
}
.dn {
  display: none;
}
.dfr {
  display: flow-root;
}
.dt {
  display: table;
}
.dtc {
  display: table-cell;
}
.dtrow {
  display: table-row;
}
.dtrow-group {
  display: table-row-group;
}
.dtcolumn {
  display: table-column;
}
.dtcolumn-group {
  display: table-column-group;
}
.content-box {
  box-sizing: content-box;
}
.border-box {
  box-sizing: border-box;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-auto {
  overflow: auto;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-clip {
  overflow-y: clip;
}
.overflow-y-auto {
  overflow-y: auto;
}
.lst-none {
  list-style-type: none;
}
.lst-disc {
  list-style-type: disc;
}
.lst-circle {
  list-style-type: circle;
}
.lst-square {
  list-style-type: square;
}
.lst-decimal {
  list-style-type: decimal;
}
.lst-lower-roman {
  list-style-type: lower-roman;
}
.lst-upper-roman {
  list-style-type: upper-roman;
}
.lsp-inside {
  list-style-position: inside;
}
.lsp-outside {
  list-style-position: outside;
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-4 {
  z-index: 4;
}
.z-5 {
  z-index: 5;
}
.z-9999 {
  z-index: 9999;
}
.z-auto {
  z-index: auto;
}
.va-baseline {
  vertical-align: baseline;
}
.va-middle {
  vertical-align: middle;
}
.va-top {
  vertical-align: top;
}
.va-bottom {
  vertical-align: bottom;
}
.pos-static {
  position: static;
}
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}
.pos-fixed {
  position: fixed;
}
.pos-sticky {
  position: sticky;
}
.top-0 {
  top: 0;
}
.top-1 {
  top: var(--sp-1);
}
.top-2 {
  top: var(--sp-2);
}
.top-3 {
  top: var(--sp-3);
}
.top-4 {
  top: var(--sp-4);
}
.top-5 {
  top: var(--sp-5);
}
.top-6 {
  top: var(--sp-6);
}
.top-7 {
  top: var(--sp-7);
}
.top-8 {
  top: var(--sp-8);
}
.top--1 {
  top: calc(var(--sp-1)*-1);
}
.top--2 {
  top: calc(var(--sp-2)*-1);
}
.top--3 {
  top: calc(var(--sp-3)*-1);
}
.top--4 {
  top: calc(var(--sp-4)*-1);
}
.top--5 {
  top: calc(var(--sp-5)*-1);
}
.top--6 {
  top: calc(var(--sp-6)*-1);
}
.top--7 {
  top: calc(var(--sp-7)*-1);
}
.top--8 {
  top: calc(var(--sp-8)*-1);
}
.left-0 {
  left: 0;
}
.left-1 {
  left: var(--sp-1);
}
.left-2 {
  left: var(--sp-2);
}
.left-3 {
  left: var(--sp-3);
}
.left-4 {
  left: var(--sp-4);
}
.left-5 {
  left: var(--sp-5);
}
.left-6 {
  left: var(--sp-6);
}
.left-7 {
  left: var(--sp-7);
}
.left-8 {
  left: var(--sp-8);
}
.left--1 {
  left: calc(var(--sp-1)*-1);
}
.left--2 {
  left: calc(var(--sp-2)*-1);
}
.left--3 {
  left: calc(var(--sp-3)*-1);
}
.left--4 {
  left: calc(var(--sp-4)*-1);
}
.left--5 {
  left: calc(var(--sp-5)*-1);
}
.left--6 {
  left: calc(var(--sp-6)*-1);
}
.left--7 {
  left: calc(var(--sp-7)*-1);
}
.left--8 {
  left: calc(var(--sp-8)*-1);
}
.right-0 {
  right: 0;
}
.right-1 {
  right: var(--sp-1);
}
.right-2 {
  right: var(--sp-2);
}
.right-3 {
  right: var(--sp-3);
}
.right-4 {
  right: var(--sp-4);
}
.right-5 {
  right: var(--sp-5);
}
.right-6 {
  right: var(--sp-6);
}
.right-7 {
  right: var(--sp-7);
}
.right-8 {
  right: var(--sp-8);
}
.right--1 {
  right: calc(var(--sp-1)*-1);
}
.right--2 {
  right: calc(var(--sp-2)*-1);
}
.right--3 {
  right: calc(var(--sp-3)*-1);
}
.right--4 {
  right: calc(var(--sp-4)*-1);
}
.right--5 {
  right: calc(var(--sp-5)*-1);
}
.right--6 {
  right: calc(var(--sp-6)*-1);
}
.right--7 {
  right: calc(var(--sp-7)*-1);
}
.right--8 {
  right: calc(var(--sp-8)*-1);
}
.bottom-0 {
  bottom: 0;
}
.bottom-1 {
  bottom: var(--sp-1);
}
.bottom-2 {
  bottom: var(--sp-2);
}
.bottom-3 {
  bottom: var(--sp-3);
}
.bottom-4 {
  bottom: var(--sp-4);
}
.bottom-5 {
  bottom: var(--sp-5);
}
.bottom-6 {
  bottom: var(--sp-6);
}
.bottom-7 {
  bottom: var(--sp-7);
}
.bottom-8 {
  bottom: var(--sp-8);
}
.bottom--1 {
  bottom: calc(var(--sp-1)*-1);
}
.bottom--2 {
  bottom: calc(var(--sp-2)*-1);
}
.bottom--3 {
  bottom: calc(var(--sp-3)*-1);
}
.bottom--4 {
  bottom: calc(var(--sp-4)*-1);
}
.bottom--5 {
  bottom: calc(var(--sp-5)*-1);
}
.bottom--6 {
  bottom: calc(var(--sp-6)*-1);
}
.bottom--7 {
  bottom: calc(var(--sp-7)*-1);
}
.bottom--8 {
  bottom: calc(var(--sp-8)*-1);
}
.f-l {
  float: left;
}
.f-r {
  float: right;
}
.f-n {
  float: none;
}
.bgp-t {
  background-position: top;
}
.bgp-b {
  background-position: bottom;
}
.bgp-l {
  background-position: 0;
}
.bgp-r {
  background-position: 100%;
}
.bgp-c {
  background-position: 50%;
}
.bgp-tr {
  background-position: 100% 0;
}
.bgp-tl {
  background-position: 0 0;
}
.bgp-br {
  background-position: 100% 100%;
}
.bgp-bl {
  background-position: 0 100%;
}
.bgp-cr {
  background-position: 100%;
}
.bgp-cl {
  background-position: 0;
}
.bgp-ct {
  background-position: top;
}
.bgp-cb {
  background-position: bottom;
}
.bgr {
  background-repeat: repeat;
}
.bgr-x {
  background-repeat: repeat-x;
}
.bgr-y {
  background-repeat: repeat-y;
}
.bgr-s {
  background-repeat: space;
}
.bgr-r {
  background-repeat: round;
}
.bg-none {
  background-repeat: no-repeat;
}
.pa-0 {
  padding: 0;
}
.pa-1 {
  padding: var(--sp-1);
}
.pa-2 {
  padding: var(--sp-2);
}
.pa-3 {
  padding: var(--sp-3);
}
.pa-4 {
  padding: var(--sp-4);
}
.pa-5 {
  padding: var(--sp-5);
}
.pa-6 {
  padding: var(--sp-6);
}
.pa-7 {
  padding: var(--sp-7);
}
.pa-8 {
  padding: var(--sp-8);
}
.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: var(--sp-1);
}
.pl-2 {
  padding-left: var(--sp-2);
}
.pl-3 {
  padding-left: var(--sp-3);
}
.pl-4 {
  padding-left: var(--sp-4);
}
.pl-5 {
  padding-left: var(--sp-5);
}
.pl-6 {
  padding-left: var(--sp-6);
}
.pl-7 {
  padding-left: var(--sp-7);
}
.pl-8 {
  padding-left: var(--sp-8);
}
.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: var(--sp-1);
}
.pr-2 {
  padding-right: var(--sp-2);
}
.pr-3 {
  padding-right: var(--sp-3);
}
.pr-4 {
  padding-right: var(--sp-4);
}
.pr-5 {
  padding-right: var(--sp-5);
}
.pr-6 {
  padding-right: var(--sp-6);
}
.pr-7 {
  padding-right: var(--sp-7);
}
.pr-8 {
  padding-right: var(--sp-8);
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: var(--sp-1);
}
.pt-2 {
  padding-top: var(--sp-2);
}
.pt-3 {
  padding-top: var(--sp-3);
}
.pt-4 {
  padding-top: var(--sp-4);
}
.pt-5 {
  padding-top: var(--sp-5);
}
.pt-6 {
  padding-top: var(--sp-6);
}
.pt-7 {
  padding-top: var(--sp-7);
}
.pt-8 {
  padding-top: var(--sp-8);
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: var(--sp-1);
}
.pb-2 {
  padding-bottom: var(--sp-2);
}
.pb-3 {
  padding-bottom: var(--sp-3);
}
.pb-4 {
  padding-bottom: var(--sp-4);
}
.pb-5 {
  padding-bottom: var(--sp-5);
}
.pb-6 {
  padding-bottom: var(--sp-6);
}
.pb-7 {
  padding-bottom: var(--sp-7);
}
.pb-8 {
  padding-bottom: var(--sp-8);
}
.ph-0 {
  padding-left: 0;
  padding-right: 0;
}
.ph-1 {
  padding-left: var(--sp-1);
  padding-right: var(--sp-1);
}
.ph-2 {
  padding-left: var(--sp-2);
  padding-right: var(--sp-2);
}
.ph-3 {
  padding-left: var(--sp-3);
  padding-right: var(--sp-3);
}
.ph-4 {
  padding-left: var(--sp-4);
  padding-right: var(--sp-4);
}
.ph-5 {
  padding-left: var(--sp-5);
  padding-right: var(--sp-5);
}
.ph-6 {
  padding-left: var(--sp-6);
  padding-right: var(--sp-6);
}
.ph-7 {
  padding-left: var(--sp-7);
  padding-right: var(--sp-7);
}
.ph-8 {
  padding-left: var(--sp-8);
  padding-right: var(--sp-8);
}
.pv-0 {
  padding-bottom: 0;
  padding-top: 0;
}
.pv-1 {
  padding-bottom: var(--sp-1);
  padding-top: var(--sp-1);
}
.pv-2 {
  padding-bottom: var(--sp-2);
  padding-top: var(--sp-2);
}
.pv-3 {
  padding-bottom: var(--sp-3);
  padding-top: var(--sp-3);
}
.pv-4 {
  padding-bottom: var(--sp-4);
  padding-top: var(--sp-4);
}
.pv-5 {
  padding-bottom: var(--sp-5);
  padding-top: var(--sp-5);
}
.pv-6 {
  padding-bottom: var(--sp-6);
  padding-top: var(--sp-6);
}
.pv-7 {
  padding-bottom: var(--sp-7);
  padding-top: var(--sp-7);
}
.pv-8 {
  padding-bottom: var(--sp-8);
  padding-top: var(--sp-8);
}
.ma-0 {
  margin: 0;
}
.ma-1 {
  margin: var(--sp-1);
}
.ma-2 {
  margin: var(--sp-2);
}
.ma-3 {
  margin: var(--sp-3);
}
.ma-4 {
  margin: var(--sp-4);
}
.ma-5 {
  margin: var(--sp-5);
}
.ma-6 {
  margin: var(--sp-6);
}
.ma-7 {
  margin: var(--sp-7);
}
.ma-8 {
  margin: var(--sp-8);
}
.ma-auto {
  margin: auto;
}
.ml-0 {
  margin-left: 0;
}
.ml-1 {
  margin-left: var(--sp-1);
}
.ml-2 {
  margin-left: var(--sp-2);
}
.ml-3 {
  margin-left: var(--sp-3);
}
.ml-4 {
  margin-left: var(--sp-4);
}
.ml-5 {
  margin-left: var(--sp-5);
}
.ml-6 {
  margin-left: var(--sp-6);
}
.ml-7 {
  margin-left: var(--sp-7);
}
.ml-8 {
  margin-left: var(--sp-8);
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0;
}
.mr-1 {
  margin-right: var(--sp-1);
}
.mr-2 {
  margin-right: var(--sp-2);
}
.mr-3 {
  margin-right: var(--sp-3);
}
.mr-4 {
  margin-right: var(--sp-4);
}
.mr-5 {
  margin-right: var(--sp-5);
}
.mr-6 {
  margin-right: var(--sp-6);
}
.mr-7 {
  margin-right: var(--sp-7);
}
.mr-8 {
  margin-right: var(--sp-8);
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: var(--sp-1);
}
.mt-2 {
  margin-top: var(--sp-2);
}
.mt-3 {
  margin-top: var(--sp-3);
}
.mt-4 {
  margin-top: var(--sp-4);
}
.mt-5 {
  margin-top: var(--sp-5);
}
.mt-6 {
  margin-top: var(--sp-6);
}
.mt-7 {
  margin-top: var(--sp-7);
}
.mt-8 {
  margin-top: var(--sp-8);
}
.mt-auto {
  margin-top: auto;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: var(--sp-1);
}
.mb-2 {
  margin-bottom: var(--sp-2);
}
.mb-3 {
  margin-bottom: var(--sp-3);
}
.mb-4 {
  margin-bottom: var(--sp-4);
}
.mb-5 {
  margin-bottom: var(--sp-5);
}
.mb-6 {
  margin-bottom: var(--sp-6);
}
.mb-7 {
  margin-bottom: var(--sp-7);
}
.mb-8 {
  margin-bottom: var(--sp-8);
}
.mb-auto {
  margin-bottom: auto;
}
.mh-0 {
  margin-left: 0;
  margin-right: 0;
}
.mh-1 {
  margin-left: var(--sp-1);
  margin-right: var(--sp-1);
}
.mh-2 {
  margin-left: var(--sp-2);
  margin-right: var(--sp-2);
}
.mh-3 {
  margin-left: var(--sp-3);
  margin-right: var(--sp-3);
}
.mh-4 {
  margin-left: var(--sp-4);
  margin-right: var(--sp-4);
}
.mh-5 {
  margin-left: var(--sp-5);
  margin-right: var(--sp-5);
}
.mh-6 {
  margin-left: var(--sp-6);
  margin-right: var(--sp-6);
}
.mh-7 {
  margin-left: var(--sp-7);
  margin-right: var(--sp-7);
}
.mh-8 {
  margin-left: var(--sp-8);
  margin-right: var(--sp-8);
}
.mh-auto {
  margin-left: auto;
  margin-right: auto;
}
.mv-0 {
  margin-bottom: 0;
  margin-top: 0;
}
.mv-1 {
  margin-bottom: var(--sp-1);
  margin-top: var(--sp-1);
}
.mv-2 {
  margin-bottom: var(--sp-2);
  margin-top: var(--sp-2);
}
.mv-3 {
  margin-bottom: var(--sp-3);
  margin-top: var(--sp-3);
}
.mv-4 {
  margin-bottom: var(--sp-4);
  margin-top: var(--sp-4);
}
.mv-5 {
  margin-bottom: var(--sp-5);
  margin-top: var(--sp-5);
}
.mv-6 {
  margin-bottom: var(--sp-6);
  margin-top: var(--sp-6);
}
.mv-7 {
  margin-bottom: var(--sp-7);
  margin-top: var(--sp-7);
}
.mv-8 {
  margin-bottom: var(--sp-8);
  margin-top: var(--sp-8);
}
.mv-auto {
  margin-bottom: auto;
  margin-top: auto;
}
.gap-0 {
  gap: 0;
}
.gap-1 {
  gap: var(--sp-1);
}
.gap-2 {
  gap: var(--sp-2);
}
.gap-3 {
  gap: var(--sp-3);
}
.gap-4 {
  gap: var(--sp-4);
}
.gap-5 {
  gap: var(--sp-5);
}
.gap-6 {
  gap: var(--sp-6);
}
.gap-7 {
  gap: var(--sp-7);
}
.gap-8 {
  gap: var(--sp-8);
}
.row-gap-0 {
  row-gap: 0;
}
.row-gap-1 {
  row-gap: var(--sp-1);
}
.row-gap-2 {
  row-gap: var(--sp-2);
}
.row-gap-3 {
  row-gap: var(--sp-3);
}
.row-gap-4 {
  row-gap: var(--sp-4);
}
.row-gap-5 {
  row-gap: var(--sp-5);
}
.row-gap-6 {
  row-gap: var(--sp-6);
}
.row-gap-7 {
  row-gap: var(--sp-7);
}
.row-gap-8 {
  row-gap: var(--sp-8);
}
.col-gap-0 {
  column-gap: 0;
}
.col-gap-1 {
  column-gap: var(--sp-1);
}
.col-gap-2 {
  column-gap: var(--sp-2);
}
.col-gap-3 {
  column-gap: var(--sp-3);
}
.col-gap-4 {
  column-gap: var(--sp-4);
}
.col-gap-5 {
  column-gap: var(--sp-5);
}
.col-gap-6 {
  column-gap: var(--sp-6);
}
.col-gap-7 {
  column-gap: var(--sp-7);
}
.col-gap-8 {
  column-gap: var(--sp-8);
}
.ff-sans {
  font-family: var(--ff-sans);
}
.ff-serif {
  font-family: var(--ff-serif);
}
.ff-mono {
  font-family: var(--ff-mono);
}
.ff-cursive {
  font-family: var(--ff-cursive);
}
.ff-fantasy {
  font-family: var(--ff-fantasy);
}
.f-0 {
  font-size: var(--fs-0);
}
.f-1 {
  font-size: var(--fs-1);
}
.f-2 {
  font-size: var(--fs-2);
}
.f-3 {
  font-size: var(--fs-3);
}
.f-4 {
  font-size: var(--fs-4);
}
.f-5 {
  font-size: var(--fs-5);
}
.f-6 {
  font-size: var(--fs-6);
}
.f-7 {
  font-size: var(--fs-7);
}
.f-8 {
  font-size: var(--fs-8);
}
.f-9 {
  font-size: var(--fs-9);
}
.fw-normal {
  font-weight: 400;
}
.fw-bold {
  font-weight: 700;
}
.fw-1 {
  font-weight: 100;
}
.fw-2 {
  font-weight: 200;
}
.fw-3 {
  font-weight: 300;
}
.fw-4 {
  font-weight: 400;
}
.fw-5 {
  font-weight: 500;
}
.fw-6 {
  font-weight: 600;
}
.fw-7 {
  font-weight: 700;
}
.fw-8 {
  font-weight: 800;
}
.fw-9 {
  font-weight: 900;
}
.fs-normal {
  font-style: normal;
}
.fs-italic {
  font-style: italic;
}
.fv-sc {
  font-variant: small-caps;
}
.fv-normal {
  font-variant: normal;
}
.tracked {
  letter-spacing: var(--ls-tracked);
}
.tracked-tight {
  letter-spacing: var(--ls-tight);
}
.tracked-mega {
  letter-spacing: var(--ls-mega);
}
.tracked-none {
  letter-spacing: var(--ls-none);
}
.lh-solid {
  line-height: var(--lh-solid);
}
.lh-title {
  line-height: var(--lh-title);
}
.lh-copy {
  line-height: var(--lh-copy);
}
.tr {
  text-align: right;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.ttn {
  text-transform: none;
}
.ttu {
  text-transform: uppercase;
}
.ttl {
  text-transform: lowercase;
}
.ttc {
  text-transform: capitalize;
}
.tdn {
  text-decoration: none;
}
.tdu,
.u {
  text-decoration: underline;
}
.tds {
  text-decoration: line-through;
}
.tdo {
  text-decoration: overline;
}
.indent--3 {
  text-indent: calc(var(--indent-3)*-1);
}
.indent--2 {
  text-indent: calc(var(--indent-2)*-1);
}
.indent--1 {
  text-indent: calc(var(--indent-1)*-1);
}
.indent-0 {
  text-indent: 0;
}
.indent-1 {
  text-indent: var(--indent-1);
}
.indent-2 {
  text-indent: var(--indent-2);
}
.indent-3 {
  text-indent: var(--indent-3);
}
.truncate {
  text-overflow: ellipsis;
}
.clip {
  text-overflow: clip;
}
.ws-normal {
  white-space: normal;
}
.ws-nowrap {
  white-space: nowrap;
}
.ws-pre {
  white-space: pre;
}
.measure {
  max-width: var(--tw);
}
.measure-wide {
  max-width: var(--tw-wide);
}
.measure-narrow {
  max-width: var(--tw-narrow);
}
.p {
  line-height: var(--lh-copy);
  max-width: var(--tw);
}
.b {
  font-weight: 700;
}
.sc {
  font-variant: small-caps;
}
.i {
  font-style: italic;
}
.sr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.undo-sr-only {
  margin: 0;
  padding: 0;
  position: static;
  clip: auto;
  height: auto;
  overflow: visible;
  white-space: normal;
  width: auto;
}
.debug * {
  outline: 1px solid gold;
}
.debug-red * {
  outline: 1px solid red;
}
.debug-green * {
  outline: 1px solid green;
}
.debug-blue * {
  outline: 1px solid blue;
}
@media (hover:hover) {
  .hover-red-100:hover {
    color: var(--red-100);
  }
  .hover-red-200:hover {
    color: var(--red-200);
  }
  .hover-red-300:hover {
    color: var(--red-300);
  }
  .hover-red-400:hover {
    color: var(--red-400);
  }
  .hover-red-500:hover {
    color: var(--red-500);
  }
  .hover-red-600:hover {
    color: var(--red-600);
  }
  .hover-red-700:hover {
    color: var(--red-700);
  }
  .hover-red-800:hover {
    color: var(--red-800);
  }
  .hover-red-900:hover {
    color: var(--red-900);
  }
  .hover-orange-100:hover {
    color: var(--orange-100);
  }
  .hover-orange-200:hover {
    color: var(--orange-200);
  }
  .hover-orange-300:hover {
    color: var(--orange-300);
  }
  .hover-orange-400:hover {
    color: var(--orange-400);
  }
  .hover-orange-500:hover {
    color: var(--orange-500);
  }
  .hover-orange-600:hover {
    color: var(--orange-600);
  }
  .hover-orange-700:hover {
    color: var(--orange-700);
  }
  .hover-orange-800:hover {
    color: var(--orange-800);
  }
  .hover-orange-900:hover {
    color: var(--orange-900);
  }
  .hover-yellow-100:hover {
    color: var(--yellow-100);
  }
  .hover-yellow-200:hover {
    color: var(--yellow-200);
  }
  .hover-yellow-300:hover {
    color: var(--yellow-300);
  }
  .hover-yellow-400:hover {
    color: var(--yellow-400);
  }
  .hover-yellow-500:hover {
    color: var(--yellow-500);
  }
  .hover-yellow-600:hover {
    color: var(--yellow-600);
  }
  .hover-yellow-700:hover {
    color: var(--yellow-700);
  }
  .hover-yellow-800:hover {
    color: var(--yellow-800);
  }
  .hover-yellow-900:hover {
    color: var(--yellow-900);
  }
  .hover-green-100:hover {
    color: var(--green-100);
  }
  .hover-green-200:hover {
    color: var(--green-200);
  }
  .hover-green-300:hover {
    color: var(--green-300);
  }
  .hover-green-400:hover {
    color: var(--green-400);
  }
  .hover-green-500:hover {
    color: var(--green-500);
  }
  .hover-green-600:hover {
    color: var(--green-600);
  }
  .hover-green-700:hover {
    color: var(--green-700);
  }
  .hover-green-800:hover {
    color: var(--green-800);
  }
  .hover-green-900:hover {
    color: var(--green-900);
  }
  .hover-blue-100:hover {
    color: var(--blue-100);
  }
  .hover-blue-200:hover {
    color: var(--blue-200);
  }
  .hover-blue-300:hover {
    color: var(--blue-300);
  }
  .hover-blue-400:hover {
    color: var(--blue-400);
  }
  .hover-blue-500:hover {
    color: var(--blue-500);
  }
  .hover-blue-600:hover {
    color: var(--blue-600);
  }
  .hover-blue-700:hover {
    color: var(--blue-700);
  }
  .hover-blue-800:hover {
    color: var(--blue-800);
  }
  .hover-blue-900:hover {
    color: var(--blue-900);
  }
  .hover-purple-100:hover {
    color: var(--purple-100);
  }
  .hover-purple-200:hover {
    color: var(--purple-200);
  }
  .hover-purple-300:hover {
    color: var(--purple-300);
  }
  .hover-purple-400:hover {
    color: var(--purple-400);
  }
  .hover-purple-500:hover {
    color: var(--purple-500);
  }
  .hover-purple-600:hover {
    color: var(--purple-600);
  }
  .hover-purple-700:hover {
    color: var(--purple-700);
  }
  .hover-purple-800:hover {
    color: var(--purple-800);
  }
  .hover-purple-900:hover {
    color: var(--purple-900);
  }
  .hover-gray-100:hover {
    color: var(--gray-100);
  }
  .hover-gray-200:hover {
    color: var(--gray-200);
  }
  .hover-gray-300:hover {
    color: var(--gray-300);
  }
  .hover-gray-400:hover {
    color: var(--gray-400);
  }
  .hover-gray-500:hover {
    color: var(--gray-500);
  }
  .hover-gray-600:hover {
    color: var(--gray-600);
  }
  .hover-gray-700:hover {
    color: var(--gray-700);
  }
  .hover-gray-800:hover {
    color: var(--gray-800);
  }
  .hover-gray-900:hover {
    color: var(--gray-900);
  }
  .hover-black-ish:hover {
    color: var(--black-ish);
  }
  .hover-white-ish:hover {
    color: var(--white-ish);
  }
  .hover-bg-red-100:hover {
    background-color: var(--red-100);
  }
  .hover-bg-red-200:hover {
    background-color: var(--red-200);
  }
  .hover-bg-red-300:hover {
    background-color: var(--red-300);
  }
  .hover-bg-red-400:hover {
    background-color: var(--red-400);
  }
  .hover-bg-red-500:hover {
    background-color: var(--red-500);
  }
  .hover-bg-red-600:hover {
    background-color: var(--red-600);
  }
  .hover-bg-red-700:hover {
    background-color: var(--red-700);
  }
  .hover-bg-red-800:hover {
    background-color: var(--red-800);
  }
  .hover-bg-red-900:hover {
    background-color: var(--red-900);
  }
  .hover-bg-orange-100:hover {
    background-color: var(--orange-100);
  }
  .hover-bg-orange-200:hover {
    background-color: var(--orange-200);
  }
  .hover-bg-orange-300:hover {
    background-color: var(--orange-300);
  }
  .hover-bg-orange-400:hover {
    background-color: var(--orange-400);
  }
  .hover-bg-orange-500:hover {
    background-color: var(--orange-500);
  }
  .hover-bg-orange-600:hover {
    background-color: var(--orange-600);
  }
  .hover-bg-orange-700:hover {
    background-color: var(--orange-700);
  }
  .hover-bg-orange-800:hover {
    background-color: var(--orange-800);
  }
  .hover-bg-orange-900:hover {
    background-color: var(--orange-900);
  }
  .hover-bg-yellow-100:hover {
    background-color: var(--yellow-100);
  }
  .hover-bg-yellow-200:hover {
    background-color: var(--yellow-200);
  }
  .hover-bg-yellow-300:hover {
    background-color: var(--yellow-300);
  }
  .hover-bg-yellow-400:hover {
    background-color: var(--yellow-400);
  }
  .hover-bg-yellow-500:hover {
    background-color: var(--yellow-500);
  }
  .hover-bg-yellow-600:hover {
    background-color: var(--yellow-600);
  }
  .hover-bg-yellow-700:hover {
    background-color: var(--yellow-700);
  }
  .hover-bg-yellow-800:hover {
    background-color: var(--yellow-800);
  }
  .hover-bg-yellow-900:hover {
    background-color: var(--yellow-900);
  }
  .hover-bg-green-100:hover {
    background-color: var(--green-100);
  }
  .hover-bg-green-200:hover {
    background-color: var(--green-200);
  }
  .hover-bg-green-300:hover {
    background-color: var(--green-300);
  }
  .hover-bg-green-400:hover {
    background-color: var(--green-400);
  }
  .hover-bg-green-500:hover {
    background-color: var(--green-500);
  }
  .hover-bg-green-600:hover {
    background-color: var(--green-600);
  }
  .hover-bg-green-700:hover {
    background-color: var(--green-700);
  }
  .hover-bg-green-800:hover {
    background-color: var(--green-800);
  }
  .hover-bg-green-900:hover {
    background-color: var(--green-900);
  }
  .hover-bg-blue-100:hover {
    background-color: var(--blue-100);
  }
  .hover-bg-blue-200:hover {
    background-color: var(--blue-200);
  }
  .hover-bg-blue-300:hover {
    background-color: var(--blue-300);
  }
  .hover-bg-blue-400:hover {
    background-color: var(--blue-400);
  }
  .hover-bg-blue-500:hover {
    background-color: var(--blue-500);
  }
  .hover-bg-blue-600:hover {
    background-color: var(--blue-600);
  }
  .hover-bg-blue-700:hover {
    background-color: var(--blue-700);
  }
  .hover-bg-blue-800:hover {
    background-color: var(--blue-800);
  }
  .hover-bg-blue-900:hover {
    background-color: var(--blue-900);
  }
  .hover-bg-purple-100:hover {
    background-color: var(--purple-100);
  }
  .hover-bg-purple-200:hover {
    background-color: var(--purple-200);
  }
  .hover-bg-purple-300:hover {
    background-color: var(--purple-300);
  }
  .hover-bg-purple-400:hover {
    background-color: var(--purple-400);
  }
  .hover-bg-purple-500:hover {
    background-color: var(--purple-500);
  }
  .hover-bg-purple-600:hover {
    background-color: var(--purple-600);
  }
  .hover-bg-purple-700:hover {
    background-color: var(--purple-700);
  }
  .hover-bg-purple-800:hover {
    background-color: var(--purple-800);
  }
  .hover-bg-purple-900:hover {
    background-color: var(--purple-900);
  }
  .hover-bg-gray-100:hover {
    background-color: var(--gray-100);
  }
  .hover-bg-gray-200:hover {
    background-color: var(--gray-200);
  }
  .hover-bg-gray-300:hover {
    background-color: var(--gray-300);
  }
  .hover-bg-gray-400:hover {
    background-color: var(--gray-400);
  }
  .hover-bg-gray-500:hover {
    background-color: var(--gray-500);
  }
  .hover-bg-gray-600:hover {
    background-color: var(--gray-600);
  }
  .hover-bg-gray-700:hover {
    background-color: var(--gray-700);
  }
  .hover-bg-gray-800:hover {
    background-color: var(--gray-800);
  }
  .hover-bg-gray-900:hover {
    background-color: var(--gray-900);
  }
  .hover-bg-black:hover {
    background-color: var(--black);
  }
  .hover-bg-black-ish:hover {
    background-color: var(--black-ish);
  }
  .hover-bg-white:hover {
    background-color: var(--white);
  }
  .hover-bg-white-ish:hover {
    background-color: var(--white-ish);
  }
  .hover-bg-none:hover {
    background-repeat: no-repeat;
  }
  .hover-tdu:hover {
    text-decoration: underline;
  }
}
.disabled-gray-100:disabled {
  color: var(--gray-100);
}
.disabled-gray-200:disabled {
  color: var(--gray-200);
}
.disabled-gray-300:disabled {
  color: var(--gray-300);
}
.disabled-gray-400:disabled {
  color: var(--gray-400);
}
.disabled-gray-500:disabled {
  color: var(--gray-500);
}
.disabled-gray-600:disabled {
  color: var(--gray-600);
}
.disabled-gray-700:disabled {
  color: var(--gray-700);
}
.disabled-gray-800:disabled {
  color: var(--gray-800);
}
.disabled-gray-900:disabled {
  color: var(--gray-900);
}
.disabled-bg-gray-100:disabled {
  background-color: var(--gray-100);
}
.disabled-bg-gray-200:disabled {
  background-color: var(--gray-200);
}
.disabled-bg-gray-300:disabled {
  background-color: var(--gray-300);
}
.disabled-bg-gray-400:disabled {
  background-color: var(--gray-400);
}
.disabled-bg-gray-500:disabled {
  background-color: var(--gray-500);
}
.disabled-bg-gray-600:disabled {
  background-color: var(--gray-600);
}
.disabled-bg-gray-700:disabled {
  background-color: var(--gray-700);
}
.disabled-bg-gray-800:disabled {
  background-color: var(--gray-800);
}
.disabled-bg-gray-900:disabled {
  background-color: var(--gray-900);
}
@media screen and (min-width:30em) {
  .appearance-none-ns {
    appearance: none;
  }
  .appearance-auto-ns {
    appearance: auto;
  }
  .shadow-1-ns {
    box-shadow: 1px 1px 4px 0 #878787;
  }
  .shadow-2-ns {
    box-shadow: 1px 1px 10.64px 0 #878787;
  }
  .shadow-3-ns {
    box-shadow: 1px 1px 15.022px 0 #878787;
  }
  .shadow-4-ns {
    box-shadow: 1px 1px 22.297px 0 #878787;
  }
  .shadow-5-ns {
    box-shadow: 1px 1px 34.373px 0 #878787;
  }
  .shadow-6-ns {
    box-shadow: 1px 1px 54.419px 0 #878787;
  }
  .shadow-none-ns {
    box-shadow: none;
  }
  .inset-shadow-1-ns {
    box-shadow: inset 1px 1px 4px -1px #6a6a6a;
  }
  .inset-shadow-2-ns {
    box-shadow: inset 1px 1px 5.52px -1.043px #6a6a6a;
  }
  .inset-shadow-3-ns {
    box-shadow: inset 1px 1px 8.195px -1.193px #6a6a6a;
  }
  .inset-shadow-4-ns {
    box-shadow: inset 1px 1px 12.903px -1.485px #6a6a6a;
  }
  .inset-shadow-5-ns {
    box-shadow: inset 1px 1px 21.19px -1.986px #6a6a6a;
  }
  .inset-shadow-6-ns {
    box-shadow: inset 1px 1px 35.774px -2.802px #6a6a6a;
  }
  .inset-shadow-none-ns {
    box-shadow: none;
  }
  .cursor-default-ns {
    cursor: default;
  }
  .cursor-pointer-ns,
  .pointer-ns {
    cursor: pointer;
  }
  .cursor-progress-ns {
    cursor: progress;
  }
  .cursor-move-ns {
    cursor: move;
  }
  .cursor-grab-ns {
    cursor: grab;
  }
  .cursor-not-allowed-ns {
    cursor: not-allowed;
  }
  .o-10-ns {
    opacity: 10%;
  }
  .o-20-ns {
    opacity: 20%;
  }
  .o-25-ns {
    opacity: 25%;
  }
  .o-30-ns {
    opacity: 30%;
  }
  .o-40-ns {
    opacity: 40%;
  }
  .o-50-ns {
    opacity: 50%;
  }
  .o-60-ns {
    opacity: 60%;
  }
  .o-70-ns {
    opacity: 70%;
  }
  .o-75-ns {
    opacity: 75%;
  }
  .o-80-ns {
    opacity: 80%;
  }
  .o-90-ns {
    opacity: 90%;
  }
  .o-100-ns {
    opacity: 100%;
  }
  .o-third-ns {
    opacity: 33.33333%;
  }
  .o-two-thirds-ns {
    opacity: 66.66667%;
  }
  .ba-ns {
    border-style: solid;
    border-width: 1px;
  }
  .bl-ns {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .br-ns {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bt-ns {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .bb-ns {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bn-ns {
    border-style: none;
    border-width: 0;
  }
  .collapse-ns {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .br-0-ns {
    border-radius: 0;
  }
  .br-1-ns {
    border-radius: var(--bw-1);
  }
  .br-2-ns {
    border-radius: var(--bw-2);
  }
  .br-3-ns {
    border-radius: var(--bw-3);
  }
  .br-4-ns {
    border-radius: var(--bw-4);
  }
  .br-5-ns {
    border-radius: var(--bw-5);
  }
  .br-100-ns {
    border-radius: 100%;
  }
  .br-pill-ns {
    border-radius: 999px;
  }
  .br-bottom-0-ns {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-bottom-1-ns {
    border-bottom-left-radius: var(--bw-1);
    border-bottom-right-radius: var(--bw-1);
  }
  .br-bottom-2-ns {
    border-bottom-left-radius: var(--bw-2);
    border-bottom-right-radius: var(--bw-2);
  }
  .br-bottom-3-ns {
    border-bottom-left-radius: var(--bw-3);
    border-bottom-right-radius: var(--bw-3);
  }
  .br-bottom-4-ns {
    border-bottom-left-radius: var(--bw-4);
    border-bottom-right-radius: var(--bw-4);
  }
  .br-bottom-5-ns {
    border-bottom-left-radius: var(--bw-5);
    border-bottom-right-radius: var(--bw-5);
  }
  .br-bottom-100-ns {
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
  }
  .br-bottom-pill-ns {
    border-bottom-left-radius: 999px;
    border-bottom-right-radius: 999px;
  }
  .br-top-0-ns {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br-top-1-ns {
    border-top-left-radius: var(--bw-1);
    border-top-right-radius: var(--bw-1);
  }
  .br-top-2-ns {
    border-top-left-radius: var(--bw-2);
    border-top-right-radius: var(--bw-2);
  }
  .br-top-3-ns {
    border-top-left-radius: var(--bw-3);
    border-top-right-radius: var(--bw-3);
  }
  .br-top-4-ns {
    border-top-left-radius: var(--bw-4);
    border-top-right-radius: var(--bw-4);
  }
  .br-top-5-ns {
    border-top-left-radius: var(--bw-5);
    border-top-right-radius: var(--bw-5);
  }
  .br-top-100-ns {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
  }
  .br-top-pill-ns {
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
  }
  .br-left-0-ns {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .br-left-1-ns {
    border-bottom-left-radius: var(--bw-1);
    border-top-left-radius: var(--bw-1);
  }
  .br-left-2-ns {
    border-bottom-left-radius: var(--bw-2);
    border-top-left-radius: var(--bw-2);
  }
  .br-left-3-ns {
    border-bottom-left-radius: var(--bw-3);
    border-top-left-radius: var(--bw-3);
  }
  .br-left-4-ns {
    border-bottom-left-radius: var(--bw-4);
    border-top-left-radius: var(--bw-4);
  }
  .br-left-5-ns {
    border-bottom-left-radius: var(--bw-5);
    border-top-left-radius: var(--bw-5);
  }
  .br-left-100-ns {
    border-bottom-left-radius: 100%;
    border-top-left-radius: 100%;
  }
  .br-left-pill-ns {
    border-bottom-left-radius: 999px;
    border-top-left-radius: 999px;
  }
  .br-right-0-ns {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .br-right-1-ns {
    border-bottom-right-radius: var(--bw-1);
    border-top-right-radius: var(--bw-1);
  }
  .br-right-2-ns {
    border-bottom-right-radius: var(--bw-2);
    border-top-right-radius: var(--bw-2);
  }
  .br-right-3-ns {
    border-bottom-right-radius: var(--bw-3);
    border-top-right-radius: var(--bw-3);
  }
  .br-right-4-ns {
    border-bottom-right-radius: var(--bw-4);
    border-top-right-radius: var(--bw-4);
  }
  .br-right-5-ns {
    border-bottom-right-radius: var(--bw-5);
    border-top-right-radius: var(--bw-5);
  }
  .br-right-100-ns {
    border-bottom-right-radius: 100%;
    border-top-right-radius: 100%;
  }
  .br-right-pill-ns {
    border-bottom-right-radius: 999px;
    border-top-right-radius: 999px;
  }
  .br-tr-0-ns {
    border-top-right-radius: 0;
  }
  .br-tr-1-ns {
    border-top-right-radius: var(--bw-1);
  }
  .br-tr-2-ns {
    border-top-right-radius: var(--bw-2);
  }
  .br-tr-3-ns {
    border-top-right-radius: var(--bw-3);
  }
  .br-tr-4-ns {
    border-top-right-radius: var(--bw-4);
  }
  .br-tr-5-ns {
    border-top-right-radius: var(--bw-5);
  }
  .br-tr-100-ns {
    border-top-right-radius: 100%;
  }
  .br-tr-pill-ns {
    border-top-right-radius: 999px;
  }
  .br-br-0-ns {
    border-bottom-right-radius: 0;
  }
  .br-br-1-ns {
    border-bottom-right-radius: var(--bw-1);
  }
  .br-br-2-ns {
    border-bottom-right-radius: var(--bw-2);
  }
  .br-br-3-ns {
    border-bottom-right-radius: var(--bw-3);
  }
  .br-br-4-ns {
    border-bottom-right-radius: var(--bw-4);
  }
  .br-br-5-ns {
    border-bottom-right-radius: var(--bw-5);
  }
  .br-br-100-ns {
    border-bottom-right-radius: 100%;
  }
  .br-br-pill-ns {
    border-bottom-right-radius: 999px;
  }
  .br-tl-0-ns {
    border-top-left-radius: 0;
  }
  .br-tl-1-ns {
    border-top-left-radius: var(--bw-1);
  }
  .br-tl-2-ns {
    border-top-left-radius: var(--bw-2);
  }
  .br-tl-3-ns {
    border-top-left-radius: var(--bw-3);
  }
  .br-tl-4-ns {
    border-top-left-radius: var(--bw-4);
  }
  .br-tl-5-ns {
    border-top-left-radius: var(--bw-5);
  }
  .br-tl-100-ns {
    border-top-left-radius: 100%;
  }
  .br-tl-pill-ns {
    border-top-left-radius: 999px;
  }
  .br-bl-0-ns {
    border-bottom-left-radius: 0;
  }
  .br-bl-1-ns {
    border-bottom-left-radius: var(--bw-1);
  }
  .br-bl-2-ns {
    border-bottom-left-radius: var(--bw-2);
  }
  .br-bl-3-ns {
    border-bottom-left-radius: var(--bw-3);
  }
  .br-bl-4-ns {
    border-bottom-left-radius: var(--bw-4);
  }
  .br-bl-5-ns {
    border-bottom-left-radius: var(--bw-5);
  }
  .br-bl-100-ns {
    border-bottom-left-radius: 100%;
  }
  .br-bl-pill-ns {
    border-bottom-left-radius: 999px;
  }
  .bs-dotted-ns {
    border-style: dotted;
  }
  .bs-dashed-ns {
    border-style: dashed;
  }
  .bs-solid-ns {
    border-style: solid;
  }
  .bs-none-ns {
    border-style: none;
  }
  .bls-dotted-ns {
    border-left-style: dotted;
  }
  .bls-dashed-ns {
    border-left-style: dashed;
  }
  .bls-solid-ns {
    border-left-style: solid;
  }
  .bls-none-ns {
    border-left-style: none;
  }
  .brs-dotted-ns {
    border-right-style: dotted;
  }
  .brs-dashed-ns {
    border-right-style: dashed;
  }
  .brs-solid-ns {
    border-right-style: solid;
  }
  .brs-none-ns {
    border-right-style: none;
  }
  .bts-dotted-ns {
    border-top-style: dotted;
  }
  .bts-dashed-ns {
    border-top-style: dashed;
  }
  .bts-solid-ns {
    border-top-style: solid;
  }
  .bts-none-ns {
    border-top-style: none;
  }
  .bbs-dotted-ns {
    border-bottom-style: dotted;
  }
  .bbs-dashed-ns {
    border-bottom-style: dashed;
  }
  .bbs-solid-ns {
    border-bottom-style: solid;
  }
  .bbs-none-ns {
    border-bottom-style: none;
  }
  .bw-0-ns {
    border-width: 0;
  }
  .bw-1-ns {
    border-width: var(--bw-1);
  }
  .bw-2-ns {
    border-width: var(--bw-2);
  }
  .bw-3-ns {
    border-width: var(--bw-3);
  }
  .bw-4-ns {
    border-width: var(--bw-4);
  }
  .bw-5-ns {
    border-width: var(--bw-5);
  }
  .blw-0-ns {
    border-left-width: 0;
  }
  .blw-1-ns {
    border-left-width: var(--bw-1);
  }
  .blw-2-ns {
    border-left-width: var(--bw-2);
  }
  .blw-3-ns {
    border-left-width: var(--bw-3);
  }
  .blw-4-ns {
    border-left-width: var(--bw-4);
  }
  .blw-5-ns {
    border-left-width: var(--bw-5);
  }
  .brw-0-ns {
    border-right-width: 0;
  }
  .brw-1-ns {
    border-right-width: var(--bw-1);
  }
  .brw-2-ns {
    border-right-width: var(--bw-2);
  }
  .brw-3-ns {
    border-right-width: var(--bw-3);
  }
  .brw-4-ns {
    border-right-width: var(--bw-4);
  }
  .brw-5-ns {
    border-right-width: var(--bw-5);
  }
  .btw-0-ns {
    border-top-width: 0;
  }
  .btw-1-ns {
    border-top-width: var(--bw-1);
  }
  .btw-2-ns {
    border-top-width: var(--bw-2);
  }
  .btw-3-ns {
    border-top-width: var(--bw-3);
  }
  .btw-4-ns {
    border-top-width: var(--bw-4);
  }
  .btw-5-ns {
    border-top-width: var(--bw-5);
  }
  .bbw-0-ns {
    border-bottom-width: 0;
  }
  .bbw-1-ns {
    border-bottom-width: var(--bw-1);
  }
  .bbw-2-ns {
    border-bottom-width: var(--bw-2);
  }
  .bbw-3-ns {
    border-bottom-width: var(--bw-3);
  }
  .bbw-4-ns {
    border-bottom-width: var(--bw-4);
  }
  .bbw-5-ns {
    border-bottom-width: var(--bw-5);
  }
  .red-100-ns {
    color: var(--red-100);
  }
  .red-200-ns {
    color: var(--red-200);
  }
  .red-300-ns {
    color: var(--red-300);
  }
  .red-400-ns {
    color: var(--red-400);
  }
  .red-500-ns {
    color: var(--red-500);
  }
  .red-600-ns {
    color: var(--red-600);
  }
  .red-700-ns {
    color: var(--red-700);
  }
  .red-800-ns {
    color: var(--red-800);
  }
  .red-900-ns {
    color: var(--red-900);
  }
  .orange-100-ns {
    color: var(--orange-100);
  }
  .orange-200-ns {
    color: var(--orange-200);
  }
  .orange-300-ns {
    color: var(--orange-300);
  }
  .orange-400-ns {
    color: var(--orange-400);
  }
  .orange-500-ns {
    color: var(--orange-500);
  }
  .orange-600-ns {
    color: var(--orange-600);
  }
  .orange-700-ns {
    color: var(--orange-700);
  }
  .orange-800-ns {
    color: var(--orange-800);
  }
  .orange-900-ns {
    color: var(--orange-900);
  }
  .yellow-100-ns {
    color: var(--yellow-100);
  }
  .yellow-200-ns {
    color: var(--yellow-200);
  }
  .yellow-300-ns {
    color: var(--yellow-300);
  }
  .yellow-400-ns {
    color: var(--yellow-400);
  }
  .yellow-500-ns {
    color: var(--yellow-500);
  }
  .yellow-600-ns {
    color: var(--yellow-600);
  }
  .yellow-700-ns {
    color: var(--yellow-700);
  }
  .yellow-800-ns {
    color: var(--yellow-800);
  }
  .yellow-900-ns {
    color: var(--yellow-900);
  }
  .green-100-ns {
    color: var(--green-100);
  }
  .green-200-ns {
    color: var(--green-200);
  }
  .green-300-ns {
    color: var(--green-300);
  }
  .green-400-ns {
    color: var(--green-400);
  }
  .green-500-ns {
    color: var(--green-500);
  }
  .green-600-ns {
    color: var(--green-600);
  }
  .green-700-ns {
    color: var(--green-700);
  }
  .green-800-ns {
    color: var(--green-800);
  }
  .green-900-ns {
    color: var(--green-900);
  }
  .blue-100-ns {
    color: var(--blue-100);
  }
  .blue-200-ns {
    color: var(--blue-200);
  }
  .blue-300-ns {
    color: var(--blue-300);
  }
  .blue-400-ns {
    color: var(--blue-400);
  }
  .blue-500-ns {
    color: var(--blue-500);
  }
  .blue-600-ns {
    color: var(--blue-600);
  }
  .blue-700-ns {
    color: var(--blue-700);
  }
  .blue-800-ns {
    color: var(--blue-800);
  }
  .blue-900-ns {
    color: var(--blue-900);
  }
  .purple-100-ns {
    color: var(--purple-100);
  }
  .purple-200-ns {
    color: var(--purple-200);
  }
  .purple-300-ns {
    color: var(--purple-300);
  }
  .purple-400-ns {
    color: var(--purple-400);
  }
  .purple-500-ns {
    color: var(--purple-500);
  }
  .purple-600-ns {
    color: var(--purple-600);
  }
  .purple-700-ns {
    color: var(--purple-700);
  }
  .purple-800-ns {
    color: var(--purple-800);
  }
  .purple-900-ns {
    color: var(--purple-900);
  }
  .gray-100-ns {
    color: var(--gray-100);
  }
  .gray-200-ns {
    color: var(--gray-200);
  }
  .gray-300-ns {
    color: var(--gray-300);
  }
  .gray-400-ns {
    color: var(--gray-400);
  }
  .gray-500-ns {
    color: var(--gray-500);
  }
  .gray-600-ns {
    color: var(--gray-600);
  }
  .gray-700-ns {
    color: var(--gray-700);
  }
  .gray-800-ns {
    color: var(--gray-800);
  }
  .gray-900-ns {
    color: var(--gray-900);
  }
  .black-ns {
    color: var(--black);
  }
  .black-ish-ns {
    color: var(--black-ish);
  }
  .white-ns {
    color: var(--white);
  }
  .white-ish-ns {
    color: var(--white-ish);
  }
  .bg-red-100-ns {
    background-color: var(--red-100);
  }
  .bg-red-200-ns {
    background-color: var(--red-200);
  }
  .bg-red-300-ns {
    background-color: var(--red-300);
  }
  .bg-red-400-ns {
    background-color: var(--red-400);
  }
  .bg-red-500-ns {
    background-color: var(--red-500);
  }
  .bg-red-600-ns {
    background-color: var(--red-600);
  }
  .bg-red-700-ns {
    background-color: var(--red-700);
  }
  .bg-red-800-ns {
    background-color: var(--red-800);
  }
  .bg-red-900-ns {
    background-color: var(--red-900);
  }
  .bg-orange-100-ns {
    background-color: var(--orange-100);
  }
  .bg-orange-200-ns {
    background-color: var(--orange-200);
  }
  .bg-orange-300-ns {
    background-color: var(--orange-300);
  }
  .bg-orange-400-ns {
    background-color: var(--orange-400);
  }
  .bg-orange-500-ns {
    background-color: var(--orange-500);
  }
  .bg-orange-600-ns {
    background-color: var(--orange-600);
  }
  .bg-orange-700-ns {
    background-color: var(--orange-700);
  }
  .bg-orange-800-ns {
    background-color: var(--orange-800);
  }
  .bg-orange-900-ns {
    background-color: var(--orange-900);
  }
  .bg-yellow-100-ns {
    background-color: var(--yellow-100);
  }
  .bg-yellow-200-ns {
    background-color: var(--yellow-200);
  }
  .bg-yellow-300-ns {
    background-color: var(--yellow-300);
  }
  .bg-yellow-400-ns {
    background-color: var(--yellow-400);
  }
  .bg-yellow-500-ns {
    background-color: var(--yellow-500);
  }
  .bg-yellow-600-ns {
    background-color: var(--yellow-600);
  }
  .bg-yellow-700-ns {
    background-color: var(--yellow-700);
  }
  .bg-yellow-800-ns {
    background-color: var(--yellow-800);
  }
  .bg-yellow-900-ns {
    background-color: var(--yellow-900);
  }
  .bg-green-100-ns {
    background-color: var(--green-100);
  }
  .bg-green-200-ns {
    background-color: var(--green-200);
  }
  .bg-green-300-ns {
    background-color: var(--green-300);
  }
  .bg-green-400-ns {
    background-color: var(--green-400);
  }
  .bg-green-500-ns {
    background-color: var(--green-500);
  }
  .bg-green-600-ns {
    background-color: var(--green-600);
  }
  .bg-green-700-ns {
    background-color: var(--green-700);
  }
  .bg-green-800-ns {
    background-color: var(--green-800);
  }
  .bg-green-900-ns {
    background-color: var(--green-900);
  }
  .bg-blue-100-ns {
    background-color: var(--blue-100);
  }
  .bg-blue-200-ns {
    background-color: var(--blue-200);
  }
  .bg-blue-300-ns {
    background-color: var(--blue-300);
  }
  .bg-blue-400-ns {
    background-color: var(--blue-400);
  }
  .bg-blue-500-ns {
    background-color: var(--blue-500);
  }
  .bg-blue-600-ns {
    background-color: var(--blue-600);
  }
  .bg-blue-700-ns {
    background-color: var(--blue-700);
  }
  .bg-blue-800-ns {
    background-color: var(--blue-800);
  }
  .bg-blue-900-ns {
    background-color: var(--blue-900);
  }
  .bg-purple-100-ns {
    background-color: var(--purple-100);
  }
  .bg-purple-200-ns {
    background-color: var(--purple-200);
  }
  .bg-purple-300-ns {
    background-color: var(--purple-300);
  }
  .bg-purple-400-ns {
    background-color: var(--purple-400);
  }
  .bg-purple-500-ns {
    background-color: var(--purple-500);
  }
  .bg-purple-600-ns {
    background-color: var(--purple-600);
  }
  .bg-purple-700-ns {
    background-color: var(--purple-700);
  }
  .bg-purple-800-ns {
    background-color: var(--purple-800);
  }
  .bg-purple-900-ns {
    background-color: var(--purple-900);
  }
  .bg-gray-100-ns {
    background-color: var(--gray-100);
  }
  .bg-gray-200-ns {
    background-color: var(--gray-200);
  }
  .bg-gray-300-ns {
    background-color: var(--gray-300);
  }
  .bg-gray-400-ns {
    background-color: var(--gray-400);
  }
  .bg-gray-500-ns {
    background-color: var(--gray-500);
  }
  .bg-gray-600-ns {
    background-color: var(--gray-600);
  }
  .bg-gray-700-ns {
    background-color: var(--gray-700);
  }
  .bg-gray-800-ns {
    background-color: var(--gray-800);
  }
  .bg-gray-900-ns {
    background-color: var(--gray-900);
  }
  .bg-black-ns {
    background-color: var(--black);
  }
  .bg-black-ish-ns {
    background-color: var(--black-ish);
  }
  .bg-white-ns {
    background-color: var(--white);
  }
  .bg-white-ish-ns {
    background-color: var(--white-ish);
  }
  .bc-red-100-ns {
    border-color: var(--red-100);
  }
  .bc-red-200-ns {
    border-color: var(--red-200);
  }
  .bc-red-300-ns {
    border-color: var(--red-300);
  }
  .bc-red-400-ns {
    border-color: var(--red-400);
  }
  .bc-red-500-ns {
    border-color: var(--red-500);
  }
  .bc-red-600-ns {
    border-color: var(--red-600);
  }
  .bc-red-700-ns {
    border-color: var(--red-700);
  }
  .bc-red-800-ns {
    border-color: var(--red-800);
  }
  .bc-red-900-ns {
    border-color: var(--red-900);
  }
  .bc-orange-100-ns {
    border-color: var(--orange-100);
  }
  .bc-orange-200-ns {
    border-color: var(--orange-200);
  }
  .bc-orange-300-ns {
    border-color: var(--orange-300);
  }
  .bc-orange-400-ns {
    border-color: var(--orange-400);
  }
  .bc-orange-500-ns {
    border-color: var(--orange-500);
  }
  .bc-orange-600-ns {
    border-color: var(--orange-600);
  }
  .bc-orange-700-ns {
    border-color: var(--orange-700);
  }
  .bc-orange-800-ns {
    border-color: var(--orange-800);
  }
  .bc-orange-900-ns {
    border-color: var(--orange-900);
  }
  .bc-yellow-100-ns {
    border-color: var(--yellow-100);
  }
  .bc-yellow-200-ns {
    border-color: var(--yellow-200);
  }
  .bc-yellow-300-ns {
    border-color: var(--yellow-300);
  }
  .bc-yellow-400-ns {
    border-color: var(--yellow-400);
  }
  .bc-yellow-500-ns {
    border-color: var(--yellow-500);
  }
  .bc-yellow-600-ns {
    border-color: var(--yellow-600);
  }
  .bc-yellow-700-ns {
    border-color: var(--yellow-700);
  }
  .bc-yellow-800-ns {
    border-color: var(--yellow-800);
  }
  .bc-yellow-900-ns {
    border-color: var(--yellow-900);
  }
  .bc-green-100-ns {
    border-color: var(--green-100);
  }
  .bc-green-200-ns {
    border-color: var(--green-200);
  }
  .bc-green-300-ns {
    border-color: var(--green-300);
  }
  .bc-green-400-ns {
    border-color: var(--green-400);
  }
  .bc-green-500-ns {
    border-color: var(--green-500);
  }
  .bc-green-600-ns {
    border-color: var(--green-600);
  }
  .bc-green-700-ns {
    border-color: var(--green-700);
  }
  .bc-green-800-ns {
    border-color: var(--green-800);
  }
  .bc-green-900-ns {
    border-color: var(--green-900);
  }
  .bc-blue-100-ns {
    border-color: var(--blue-100);
  }
  .bc-blue-200-ns {
    border-color: var(--blue-200);
  }
  .bc-blue-300-ns {
    border-color: var(--blue-300);
  }
  .bc-blue-400-ns {
    border-color: var(--blue-400);
  }
  .bc-blue-500-ns {
    border-color: var(--blue-500);
  }
  .bc-blue-600-ns {
    border-color: var(--blue-600);
  }
  .bc-blue-700-ns {
    border-color: var(--blue-700);
  }
  .bc-blue-800-ns {
    border-color: var(--blue-800);
  }
  .bc-blue-900-ns {
    border-color: var(--blue-900);
  }
  .bc-purple-100-ns {
    border-color: var(--purple-100);
  }
  .bc-purple-200-ns {
    border-color: var(--purple-200);
  }
  .bc-purple-300-ns {
    border-color: var(--purple-300);
  }
  .bc-purple-400-ns {
    border-color: var(--purple-400);
  }
  .bc-purple-500-ns {
    border-color: var(--purple-500);
  }
  .bc-purple-600-ns {
    border-color: var(--purple-600);
  }
  .bc-purple-700-ns {
    border-color: var(--purple-700);
  }
  .bc-purple-800-ns {
    border-color: var(--purple-800);
  }
  .bc-purple-900-ns {
    border-color: var(--purple-900);
  }
  .bc-gray-100-ns {
    border-color: var(--gray-100);
  }
  .bc-gray-200-ns {
    border-color: var(--gray-200);
  }
  .bc-gray-300-ns {
    border-color: var(--gray-300);
  }
  .bc-gray-400-ns {
    border-color: var(--gray-400);
  }
  .bc-gray-500-ns {
    border-color: var(--gray-500);
  }
  .bc-gray-600-ns {
    border-color: var(--gray-600);
  }
  .bc-gray-700-ns {
    border-color: var(--gray-700);
  }
  .bc-gray-800-ns {
    border-color: var(--gray-800);
  }
  .bc-gray-900-ns {
    border-color: var(--gray-900);
  }
  .bc-black-ns {
    border-color: var(--black);
  }
  .bc-black-ish-ns {
    border-color: var(--black-ish);
  }
  .bc-white-ns {
    border-color: var(--white);
  }
  .bc-white-ish-ns {
    border-color: var(--white-ish);
  }
  .w-1-ns {
    width: var(--wh-1);
  }
  .w-2-ns {
    width: var(--wh-2);
  }
  .w-3-ns {
    width: var(--wh-3);
  }
  .w-4-ns {
    width: var(--wh-4);
  }
  .w-5-ns {
    width: var(--wh-5);
  }
  .w-6-ns {
    width: var(--wh-6);
  }
  .w-7-ns {
    width: var(--wh-7);
  }
  .w-8-ns {
    width: var(--wh-8);
  }
  .w-10-ns {
    width: 10%;
  }
  .w-20-ns {
    width: 20%;
  }
  .w-25-ns {
    width: 25%;
  }
  .w-30-ns {
    width: 30%;
  }
  .w-40-ns {
    width: 40%;
  }
  .w-50-ns {
    width: 50%;
  }
  .w-60-ns {
    width: 60%;
  }
  .w-70-ns {
    width: 70%;
  }
  .w-75-ns {
    width: 75%;
  }
  .w-80-ns {
    width: 80%;
  }
  .w-90-ns {
    width: 90%;
  }
  .w-100-ns {
    width: 100%;
  }
  .w-third-ns {
    width: 33.33333%;
  }
  .w-two-thirds-ns {
    width: 66.66667%;
  }
  .w-10vw-ns {
    width: 10vw;
  }
  .w-20vw-ns {
    width: 20vw;
  }
  .w-30vw-ns {
    width: 30vw;
  }
  .w-40vw-ns {
    width: 40vw;
  }
  .w-50vw-ns {
    width: 50vw;
  }
  .w-60vw-ns {
    width: 60vw;
  }
  .w-70vw-ns {
    width: 70vw;
  }
  .w-80vw-ns {
    width: 80vw;
  }
  .w-90vw-ns {
    width: 90vw;
  }
  .w-100vw-ns {
    width: 100vw;
  }
  .w-auto-ns {
    width: auto;
  }
  .mw-1-ns {
    max-width: var(--wh-1);
  }
  .mw-2-ns {
    max-width: var(--wh-2);
  }
  .mw-3-ns {
    max-width: var(--wh-3);
  }
  .mw-4-ns {
    max-width: var(--wh-4);
  }
  .mw-5-ns {
    max-width: var(--wh-5);
  }
  .mw-6-ns {
    max-width: var(--wh-6);
  }
  .mw-7-ns {
    max-width: var(--wh-7);
  }
  .mw-8-ns {
    max-width: var(--wh-8);
  }
  .mw-10-ns {
    max-width: 10%;
  }
  .mw-20-ns {
    max-width: 20%;
  }
  .mw-25-ns {
    max-width: 25%;
  }
  .mw-30-ns {
    max-width: 30%;
  }
  .mw-40-ns {
    max-width: 40%;
  }
  .mw-50-ns {
    max-width: 50%;
  }
  .mw-60-ns {
    max-width: 60%;
  }
  .mw-70-ns {
    max-width: 70%;
  }
  .mw-75-ns {
    max-width: 75%;
  }
  .mw-80-ns {
    max-width: 80%;
  }
  .mw-90-ns {
    max-width: 90%;
  }
  .mw-100-ns {
    max-width: 100%;
  }
  .mw-third-ns {
    max-width: 33.33333%;
  }
  .mw-two-thirds-ns {
    max-width: 66.66667%;
  }
  .mw-10vw-ns {
    max-width: 10vw;
  }
  .mw-20vw-ns {
    max-width: 20vw;
  }
  .mw-30vw-ns {
    max-width: 30vw;
  }
  .mw-40vw-ns {
    max-width: 40vw;
  }
  .mw-50vw-ns {
    max-width: 50vw;
  }
  .mw-60vw-ns {
    max-width: 60vw;
  }
  .mw-70vw-ns {
    max-width: 70vw;
  }
  .mw-80vw-ns {
    max-width: 80vw;
  }
  .mw-90vw-ns {
    max-width: 90vw;
  }
  .mw-100vw-ns {
    max-width: 100vw;
  }
  .minw-1-ns {
    min-width: var(--wh-1);
  }
  .minw-2-ns {
    min-width: var(--wh-2);
  }
  .minw-3-ns {
    min-width: var(--wh-3);
  }
  .minw-4-ns {
    min-width: var(--wh-4);
  }
  .minw-5-ns {
    min-width: var(--wh-5);
  }
  .minw-6-ns {
    min-width: var(--wh-6);
  }
  .minw-7-ns {
    min-width: var(--wh-7);
  }
  .minw-8-ns {
    min-width: var(--wh-8);
  }
  .minw-10-ns {
    min-width: 10%;
  }
  .minw-20-ns {
    min-width: 20%;
  }
  .minw-25-ns {
    min-width: 25%;
  }
  .minw-30-ns {
    min-width: 30%;
  }
  .minw-40-ns {
    min-width: 40%;
  }
  .minw-50-ns {
    min-width: 50%;
  }
  .minw-60-ns {
    min-width: 60%;
  }
  .minw-70-ns {
    min-width: 70%;
  }
  .minw-75-ns {
    min-width: 75%;
  }
  .minw-80-ns {
    min-width: 80%;
  }
  .minw-90-ns {
    min-width: 90%;
  }
  .minw-100-ns {
    min-width: 100%;
  }
  .minw-third-ns {
    min-width: 33.33333%;
  }
  .minw-two-thirds-ns {
    min-width: 66.66667%;
  }
  .minw-10vw-ns {
    min-width: 10vw;
  }
  .minw-20vw-ns {
    min-width: 20vw;
  }
  .minw-30vw-ns {
    min-width: 30vw;
  }
  .minw-40vw-ns {
    min-width: 40vw;
  }
  .minw-50vw-ns {
    min-width: 50vw;
  }
  .minw-60vw-ns {
    min-width: 60vw;
  }
  .minw-70vw-ns {
    min-width: 70vw;
  }
  .minw-80vw-ns {
    min-width: 80vw;
  }
  .minw-90vw-ns {
    min-width: 90vw;
  }
  .minw-100vw-ns {
    min-width: 100vw;
  }
  .minw-auto-ns {
    min-width: auto;
  }
  .h-1-ns {
    height: var(--wh-1);
  }
  .h-2-ns {
    height: var(--wh-2);
  }
  .h-3-ns {
    height: var(--wh-3);
  }
  .h-4-ns {
    height: var(--wh-4);
  }
  .h-5-ns {
    height: var(--wh-5);
  }
  .h-6-ns {
    height: var(--wh-6);
  }
  .h-7-ns {
    height: var(--wh-7);
  }
  .h-8-ns {
    height: var(--wh-8);
  }
  .h-10-ns {
    height: 10%;
  }
  .h-20-ns {
    height: 20%;
  }
  .h-25-ns {
    height: 25%;
  }
  .h-30-ns {
    height: 30%;
  }
  .h-40-ns {
    height: 40%;
  }
  .h-50-ns {
    height: 50%;
  }
  .h-60-ns {
    height: 60%;
  }
  .h-70-ns {
    height: 70%;
  }
  .h-75-ns {
    height: 75%;
  }
  .h-80-ns {
    height: 80%;
  }
  .h-90-ns {
    height: 90%;
  }
  .h-100-ns {
    height: 100%;
  }
  .h-third-ns {
    height: 33.33333%;
  }
  .h-two-thirds-ns {
    height: 66.66667%;
  }
  .h-10vh-ns {
    height: 10vh;
  }
  .h-20vh-ns {
    height: 20vh;
  }
  .h-30vh-ns {
    height: 30vh;
  }
  .h-40vh-ns {
    height: 40vh;
  }
  .h-50vh-ns {
    height: 50vh;
  }
  .h-60vh-ns {
    height: 60vh;
  }
  .h-70vh-ns {
    height: 70vh;
  }
  .h-80vh-ns {
    height: 80vh;
  }
  .h-90vh-ns {
    height: 90vh;
  }
  .h-100vh-ns {
    height: 100vh;
  }
  .h-auto-ns {
    height: auto;
  }
  .max-height-1-ns {
    max-height: var(--wh-1);
  }
  .max-height-2-ns {
    max-height: var(--wh-2);
  }
  .max-height-3-ns {
    max-height: var(--wh-3);
  }
  .max-height-4-ns {
    max-height: var(--wh-4);
  }
  .max-height-5-ns {
    max-height: var(--wh-5);
  }
  .max-height-6-ns {
    max-height: var(--wh-6);
  }
  .max-height-7-ns {
    max-height: var(--wh-7);
  }
  .max-height-8-ns {
    max-height: var(--wh-8);
  }
  .max-height-10-ns {
    max-height: 10%;
  }
  .max-height-20-ns {
    max-height: 20%;
  }
  .max-height-25-ns {
    max-height: 25%;
  }
  .max-height-30-ns {
    max-height: 30%;
  }
  .max-height-40-ns {
    max-height: 40%;
  }
  .max-height-50-ns {
    max-height: 50%;
  }
  .max-height-60-ns {
    max-height: 60%;
  }
  .max-height-70-ns {
    max-height: 70%;
  }
  .max-height-75-ns {
    max-height: 75%;
  }
  .max-height-80-ns {
    max-height: 80%;
  }
  .max-height-90-ns {
    max-height: 90%;
  }
  .max-height-100-ns {
    max-height: 100%;
  }
  .max-height-third-ns {
    max-height: 33.33333%;
  }
  .max-height-two-thirds-ns {
    max-height: 66.66667%;
  }
  .max-height-10vh-ns {
    max-height: 10vh;
  }
  .max-height-20vh-ns {
    max-height: 20vh;
  }
  .max-height-30vh-ns {
    max-height: 30vh;
  }
  .max-height-40vh-ns {
    max-height: 40vh;
  }
  .max-height-50vh-ns {
    max-height: 50vh;
  }
  .max-height-60vh-ns {
    max-height: 60vh;
  }
  .max-height-70vh-ns {
    max-height: 70vh;
  }
  .max-height-80vh-ns {
    max-height: 80vh;
  }
  .max-height-90vh-ns {
    max-height: 90vh;
  }
  .max-height-100vh-ns {
    max-height: 100vh;
  }
  .flex-ns {
    display: flex;
  }
  .inline-flex-ns {
    display: inline-flex;
  }
  .flex-none-ns {
    flex: none;
  }
  .flex-column-ns {
    flex-direction: column;
  }
  .flex-row-ns {
    flex-direction: row;
  }
  .flex-wrap-ns {
    flex-wrap: wrap;
  }
  .flex-nowrap-ns {
    flex-wrap: nowrap;
  }
  .items-start-ns {
    align-items: flex-start;
  }
  .items-end-ns {
    align-items: flex-end;
  }
  .items-center-ns {
    align-items: center;
  }
  .items-baseline-ns {
    align-items: baseline;
  }
  .items-stretch-ns {
    align-items: stretch;
  }
  .self-start-ns {
    align-self: flex-start;
  }
  .self-end-ns {
    align-self: flex-end;
  }
  .self-center-ns {
    align-self: center;
  }
  .self-baseline-ns {
    align-self: baseline;
  }
  .self-stretch-ns {
    align-self: stretch;
  }
  .justify-start-ns {
    justify-content: start;
  }
  .justify-end-ns {
    justify-content: end;
  }
  .justify-center-ns {
    justify-content: center;
  }
  .justify-between-ns {
    justify-content: space-between;
  }
  .justify-around-ns {
    justify-content: space-around;
  }
  .justify-stretch-ns {
    justify-content: stretch;
  }
  .content-start-ns {
    align-content: start;
  }
  .content-end-ns {
    align-content: end;
  }
  .content-center-ns {
    align-content: center;
  }
  .content-between-ns {
    align-content: space-between;
  }
  .content-around-ns {
    align-content: space-around;
  }
  .content-stretch-ns {
    align-content: stretch;
  }
  .flex-grow-0-ns {
    flex-grow: 0;
  }
  .flex-grow-1-ns {
    flex-grow: 1;
  }
  .flex-grow-2-ns {
    flex-grow: 2;
  }
  .flex-grow-3-ns {
    flex-grow: 3;
  }
  .flex-grow-4-ns {
    flex-grow: 4;
  }
  .flex-grow-5-ns {
    flex-grow: 5;
  }
  .flex-shrink-0-ns {
    flex-shrink: 0;
  }
  .flex-shrink-1-ns {
    flex-shrink: 1;
  }
  .flex-shrink-2-ns {
    flex-shrink: 2;
  }
  .flex-shrink-3-ns {
    flex-shrink: 3;
  }
  .flex-shrink-4-ns {
    flex-shrink: 4;
  }
  .flex-shrink-5-ns {
    flex-shrink: 5;
  }
  .flex-basis-0-ns {
    flex-basis: 0;
  }
  .flex-basis-auto-ns {
    flex-basis: auto;
  }
  .flex-basis-max-ns {
    flex-basis: max-content;
  }
  .flex-basis-min-ns {
    flex-basis: min-content;
  }
  .flex-basis-fit-ns {
    flex-basis: fit-content;
  }
  .db-ns {
    display: block;
  }
  .di-ns {
    display: inline;
  }
  .dib-ns {
    display: inline-block;
  }
  .dn-ns {
    display: none;
  }
  .dfr-ns {
    display: flow-root;
  }
  .dt-ns {
    display: table;
  }
  .dtc-ns {
    display: table-cell;
  }
  .dtrow-ns {
    display: table-row;
  }
  .dtrow-group-ns {
    display: table-row-group;
  }
  .dtcolumn-ns {
    display: table-column;
  }
  .dtcolumn-group-ns {
    display: table-column-group;
  }
  .content-box-ns {
    box-sizing: content-box;
  }
  .border-box-ns {
    box-sizing: border-box;
  }
  .overflow-visible-ns {
    overflow: visible;
  }
  .overflow-scroll-ns {
    overflow: scroll;
  }
  .overflow-hidden-ns {
    overflow: hidden;
  }
  .overflow-clip-ns {
    overflow: clip;
  }
  .overflow-auto-ns {
    overflow: auto;
  }
  .overflow-x-visible-ns {
    overflow-x: visible;
  }
  .overflow-x-scroll-ns {
    overflow-x: scroll;
  }
  .overflow-x-hidden-ns {
    overflow-x: hidden;
  }
  .overflow-x-clip-ns {
    overflow-x: clip;
  }
  .overflow-x-auto-ns {
    overflow-x: auto;
  }
  .overflow-y-visible-ns {
    overflow-y: visible;
  }
  .overflow-y-scroll-ns {
    overflow-y: scroll;
  }
  .overflow-y-hidden-ns {
    overflow-y: hidden;
  }
  .overflow-y-clip-ns {
    overflow-y: clip;
  }
  .overflow-y-auto-ns {
    overflow-y: auto;
  }
  .lst-none-ns {
    list-style-type: none;
  }
  .lst-disc-ns {
    list-style-type: disc;
  }
  .lst-circle-ns {
    list-style-type: circle;
  }
  .lst-square-ns {
    list-style-type: square;
  }
  .lst-decimal-ns {
    list-style-type: decimal;
  }
  .lst-lower-roman-ns {
    list-style-type: lower-roman;
  }
  .lst-upper-roman-ns {
    list-style-type: upper-roman;
  }
  .lsp-inside-ns {
    list-style-position: inside;
  }
  .lsp-outside-ns {
    list-style-position: outside;
  }
  .z-0-ns {
    z-index: 0;
  }
  .z-1-ns {
    z-index: 1;
  }
  .z-2-ns {
    z-index: 2;
  }
  .z-3-ns {
    z-index: 3;
  }
  .z-4-ns {
    z-index: 4;
  }
  .z-5-ns {
    z-index: 5;
  }
  .z-9999-ns {
    z-index: 9999;
  }
  .z-auto-ns {
    z-index: auto;
  }
  .va-baseline-ns {
    vertical-align: baseline;
  }
  .va-middle-ns {
    vertical-align: middle;
  }
  .va-top-ns {
    vertical-align: top;
  }
  .va-bottom-ns {
    vertical-align: bottom;
  }
  .pos-static-ns {
    position: static;
  }
  .pos-relative-ns {
    position: relative;
  }
  .pos-absolute-ns {
    position: absolute;
  }
  .pos-fixed-ns {
    position: fixed;
  }
  .pos-sticky-ns {
    position: sticky;
  }
  .top-0-ns {
    top: 0;
  }
  .top-1-ns {
    top: var(--sp-1);
  }
  .top-2-ns {
    top: var(--sp-2);
  }
  .top-3-ns {
    top: var(--sp-3);
  }
  .top-4-ns {
    top: var(--sp-4);
  }
  .top-5-ns {
    top: var(--sp-5);
  }
  .top-6-ns {
    top: var(--sp-6);
  }
  .top-7-ns {
    top: var(--sp-7);
  }
  .top-8-ns {
    top: var(--sp-8);
  }
  .top--1-ns {
    top: calc(var(--sp-1)*-1);
  }
  .top--2-ns {
    top: calc(var(--sp-2)*-1);
  }
  .top--3-ns {
    top: calc(var(--sp-3)*-1);
  }
  .top--4-ns {
    top: calc(var(--sp-4)*-1);
  }
  .top--5-ns {
    top: calc(var(--sp-5)*-1);
  }
  .top--6-ns {
    top: calc(var(--sp-6)*-1);
  }
  .top--7-ns {
    top: calc(var(--sp-7)*-1);
  }
  .top--8-ns {
    top: calc(var(--sp-8)*-1);
  }
  .left-0-ns {
    left: 0;
  }
  .left-1-ns {
    left: var(--sp-1);
  }
  .left-2-ns {
    left: var(--sp-2);
  }
  .left-3-ns {
    left: var(--sp-3);
  }
  .left-4-ns {
    left: var(--sp-4);
  }
  .left-5-ns {
    left: var(--sp-5);
  }
  .left-6-ns {
    left: var(--sp-6);
  }
  .left-7-ns {
    left: var(--sp-7);
  }
  .left-8-ns {
    left: var(--sp-8);
  }
  .left--1-ns {
    left: calc(var(--sp-1)*-1);
  }
  .left--2-ns {
    left: calc(var(--sp-2)*-1);
  }
  .left--3-ns {
    left: calc(var(--sp-3)*-1);
  }
  .left--4-ns {
    left: calc(var(--sp-4)*-1);
  }
  .left--5-ns {
    left: calc(var(--sp-5)*-1);
  }
  .left--6-ns {
    left: calc(var(--sp-6)*-1);
  }
  .left--7-ns {
    left: calc(var(--sp-7)*-1);
  }
  .left--8-ns {
    left: calc(var(--sp-8)*-1);
  }
  .right-0-ns {
    right: 0;
  }
  .right-1-ns {
    right: var(--sp-1);
  }
  .right-2-ns {
    right: var(--sp-2);
  }
  .right-3-ns {
    right: var(--sp-3);
  }
  .right-4-ns {
    right: var(--sp-4);
  }
  .right-5-ns {
    right: var(--sp-5);
  }
  .right-6-ns {
    right: var(--sp-6);
  }
  .right-7-ns {
    right: var(--sp-7);
  }
  .right-8-ns {
    right: var(--sp-8);
  }
  .right--1-ns {
    right: calc(var(--sp-1)*-1);
  }
  .right--2-ns {
    right: calc(var(--sp-2)*-1);
  }
  .right--3-ns {
    right: calc(var(--sp-3)*-1);
  }
  .right--4-ns {
    right: calc(var(--sp-4)*-1);
  }
  .right--5-ns {
    right: calc(var(--sp-5)*-1);
  }
  .right--6-ns {
    right: calc(var(--sp-6)*-1);
  }
  .right--7-ns {
    right: calc(var(--sp-7)*-1);
  }
  .right--8-ns {
    right: calc(var(--sp-8)*-1);
  }
  .bottom-0-ns {
    bottom: 0;
  }
  .bottom-1-ns {
    bottom: var(--sp-1);
  }
  .bottom-2-ns {
    bottom: var(--sp-2);
  }
  .bottom-3-ns {
    bottom: var(--sp-3);
  }
  .bottom-4-ns {
    bottom: var(--sp-4);
  }
  .bottom-5-ns {
    bottom: var(--sp-5);
  }
  .bottom-6-ns {
    bottom: var(--sp-6);
  }
  .bottom-7-ns {
    bottom: var(--sp-7);
  }
  .bottom-8-ns {
    bottom: var(--sp-8);
  }
  .bottom--1-ns {
    bottom: calc(var(--sp-1)*-1);
  }
  .bottom--2-ns {
    bottom: calc(var(--sp-2)*-1);
  }
  .bottom--3-ns {
    bottom: calc(var(--sp-3)*-1);
  }
  .bottom--4-ns {
    bottom: calc(var(--sp-4)*-1);
  }
  .bottom--5-ns {
    bottom: calc(var(--sp-5)*-1);
  }
  .bottom--6-ns {
    bottom: calc(var(--sp-6)*-1);
  }
  .bottom--7-ns {
    bottom: calc(var(--sp-7)*-1);
  }
  .bottom--8-ns {
    bottom: calc(var(--sp-8)*-1);
  }
  .f-l-ns {
    float: left;
  }
  .f-r-ns {
    float: right;
  }
  .f-n-ns {
    float: none;
  }
  .bgp-t-ns {
    background-position: top;
  }
  .bgp-b-ns {
    background-position: bottom;
  }
  .bgp-l-ns {
    background-position: 0;
  }
  .bgp-r-ns {
    background-position: 100%;
  }
  .bgp-c-ns {
    background-position: 50%;
  }
  .bgp-tr-ns {
    background-position: 100% 0;
  }
  .bgp-tl-ns {
    background-position: 0 0;
  }
  .bgp-br-ns {
    background-position: 100% 100%;
  }
  .bgp-bl-ns {
    background-position: 0 100%;
  }
  .bgp-cr-ns {
    background-position: 100%;
  }
  .bgp-cl-ns {
    background-position: 0;
  }
  .bgp-ct-ns {
    background-position: top;
  }
  .bgp-cb-ns {
    background-position: bottom;
  }
  .bgr-ns {
    background-repeat: repeat;
  }
  .bgr-x-ns {
    background-repeat: repeat-x;
  }
  .bgr-y-ns {
    background-repeat: repeat-y;
  }
  .bgr-s-ns {
    background-repeat: space;
  }
  .bgr-r-ns {
    background-repeat: round;
  }
  .bg-none-ns {
    background-repeat: no-repeat;
  }
  .pa-0-ns {
    padding: 0;
  }
  .pa-1-ns {
    padding: var(--sp-1);
  }
  .pa-2-ns {
    padding: var(--sp-2);
  }
  .pa-3-ns {
    padding: var(--sp-3);
  }
  .pa-4-ns {
    padding: var(--sp-4);
  }
  .pa-5-ns {
    padding: var(--sp-5);
  }
  .pa-6-ns {
    padding: var(--sp-6);
  }
  .pa-7-ns {
    padding: var(--sp-7);
  }
  .pa-8-ns {
    padding: var(--sp-8);
  }
  .pl-0-ns {
    padding-left: 0;
  }
  .pl-1-ns {
    padding-left: var(--sp-1);
  }
  .pl-2-ns {
    padding-left: var(--sp-2);
  }
  .pl-3-ns {
    padding-left: var(--sp-3);
  }
  .pl-4-ns {
    padding-left: var(--sp-4);
  }
  .pl-5-ns {
    padding-left: var(--sp-5);
  }
  .pl-6-ns {
    padding-left: var(--sp-6);
  }
  .pl-7-ns {
    padding-left: var(--sp-7);
  }
  .pl-8-ns {
    padding-left: var(--sp-8);
  }
  .pr-0-ns {
    padding-right: 0;
  }
  .pr-1-ns {
    padding-right: var(--sp-1);
  }
  .pr-2-ns {
    padding-right: var(--sp-2);
  }
  .pr-3-ns {
    padding-right: var(--sp-3);
  }
  .pr-4-ns {
    padding-right: var(--sp-4);
  }
  .pr-5-ns {
    padding-right: var(--sp-5);
  }
  .pr-6-ns {
    padding-right: var(--sp-6);
  }
  .pr-7-ns {
    padding-right: var(--sp-7);
  }
  .pr-8-ns {
    padding-right: var(--sp-8);
  }
  .pt-0-ns {
    padding-top: 0;
  }
  .pt-1-ns {
    padding-top: var(--sp-1);
  }
  .pt-2-ns {
    padding-top: var(--sp-2);
  }
  .pt-3-ns {
    padding-top: var(--sp-3);
  }
  .pt-4-ns {
    padding-top: var(--sp-4);
  }
  .pt-5-ns {
    padding-top: var(--sp-5);
  }
  .pt-6-ns {
    padding-top: var(--sp-6);
  }
  .pt-7-ns {
    padding-top: var(--sp-7);
  }
  .pt-8-ns {
    padding-top: var(--sp-8);
  }
  .pb-0-ns {
    padding-bottom: 0;
  }
  .pb-1-ns {
    padding-bottom: var(--sp-1);
  }
  .pb-2-ns {
    padding-bottom: var(--sp-2);
  }
  .pb-3-ns {
    padding-bottom: var(--sp-3);
  }
  .pb-4-ns {
    padding-bottom: var(--sp-4);
  }
  .pb-5-ns {
    padding-bottom: var(--sp-5);
  }
  .pb-6-ns {
    padding-bottom: var(--sp-6);
  }
  .pb-7-ns {
    padding-bottom: var(--sp-7);
  }
  .pb-8-ns {
    padding-bottom: var(--sp-8);
  }
  .ph-0-ns {
    padding-left: 0;
    padding-right: 0;
  }
  .ph-1-ns {
    padding-left: var(--sp-1);
    padding-right: var(--sp-1);
  }
  .ph-2-ns {
    padding-left: var(--sp-2);
    padding-right: var(--sp-2);
  }
  .ph-3-ns {
    padding-left: var(--sp-3);
    padding-right: var(--sp-3);
  }
  .ph-4-ns {
    padding-left: var(--sp-4);
    padding-right: var(--sp-4);
  }
  .ph-5-ns {
    padding-left: var(--sp-5);
    padding-right: var(--sp-5);
  }
  .ph-6-ns {
    padding-left: var(--sp-6);
    padding-right: var(--sp-6);
  }
  .ph-7-ns {
    padding-left: var(--sp-7);
    padding-right: var(--sp-7);
  }
  .ph-8-ns {
    padding-left: var(--sp-8);
    padding-right: var(--sp-8);
  }
  .pv-0-ns {
    padding-bottom: 0;
    padding-top: 0;
  }
  .pv-1-ns {
    padding-bottom: var(--sp-1);
    padding-top: var(--sp-1);
  }
  .pv-2-ns {
    padding-bottom: var(--sp-2);
    padding-top: var(--sp-2);
  }
  .pv-3-ns {
    padding-bottom: var(--sp-3);
    padding-top: var(--sp-3);
  }
  .pv-4-ns {
    padding-bottom: var(--sp-4);
    padding-top: var(--sp-4);
  }
  .pv-5-ns {
    padding-bottom: var(--sp-5);
    padding-top: var(--sp-5);
  }
  .pv-6-ns {
    padding-bottom: var(--sp-6);
    padding-top: var(--sp-6);
  }
  .pv-7-ns {
    padding-bottom: var(--sp-7);
    padding-top: var(--sp-7);
  }
  .pv-8-ns {
    padding-bottom: var(--sp-8);
    padding-top: var(--sp-8);
  }
  .ma-0-ns {
    margin: 0;
  }
  .ma-1-ns {
    margin: var(--sp-1);
  }
  .ma-2-ns {
    margin: var(--sp-2);
  }
  .ma-3-ns {
    margin: var(--sp-3);
  }
  .ma-4-ns {
    margin: var(--sp-4);
  }
  .ma-5-ns {
    margin: var(--sp-5);
  }
  .ma-6-ns {
    margin: var(--sp-6);
  }
  .ma-7-ns {
    margin: var(--sp-7);
  }
  .ma-8-ns {
    margin: var(--sp-8);
  }
  .ma-auto-ns {
    margin: auto;
  }
  .ml-0-ns {
    margin-left: 0;
  }
  .ml-1-ns {
    margin-left: var(--sp-1);
  }
  .ml-2-ns {
    margin-left: var(--sp-2);
  }
  .ml-3-ns {
    margin-left: var(--sp-3);
  }
  .ml-4-ns {
    margin-left: var(--sp-4);
  }
  .ml-5-ns {
    margin-left: var(--sp-5);
  }
  .ml-6-ns {
    margin-left: var(--sp-6);
  }
  .ml-7-ns {
    margin-left: var(--sp-7);
  }
  .ml-8-ns {
    margin-left: var(--sp-8);
  }
  .ml-auto-ns {
    margin-left: auto;
  }
  .mr-0-ns {
    margin-right: 0;
  }
  .mr-1-ns {
    margin-right: var(--sp-1);
  }
  .mr-2-ns {
    margin-right: var(--sp-2);
  }
  .mr-3-ns {
    margin-right: var(--sp-3);
  }
  .mr-4-ns {
    margin-right: var(--sp-4);
  }
  .mr-5-ns {
    margin-right: var(--sp-5);
  }
  .mr-6-ns {
    margin-right: var(--sp-6);
  }
  .mr-7-ns {
    margin-right: var(--sp-7);
  }
  .mr-8-ns {
    margin-right: var(--sp-8);
  }
  .mr-auto-ns {
    margin-right: auto;
  }
  .mt-0-ns {
    margin-top: 0;
  }
  .mt-1-ns {
    margin-top: var(--sp-1);
  }
  .mt-2-ns {
    margin-top: var(--sp-2);
  }
  .mt-3-ns {
    margin-top: var(--sp-3);
  }
  .mt-4-ns {
    margin-top: var(--sp-4);
  }
  .mt-5-ns {
    margin-top: var(--sp-5);
  }
  .mt-6-ns {
    margin-top: var(--sp-6);
  }
  .mt-7-ns {
    margin-top: var(--sp-7);
  }
  .mt-8-ns {
    margin-top: var(--sp-8);
  }
  .mt-auto-ns {
    margin-top: auto;
  }
  .mb-0-ns {
    margin-bottom: 0;
  }
  .mb-1-ns {
    margin-bottom: var(--sp-1);
  }
  .mb-2-ns {
    margin-bottom: var(--sp-2);
  }
  .mb-3-ns {
    margin-bottom: var(--sp-3);
  }
  .mb-4-ns {
    margin-bottom: var(--sp-4);
  }
  .mb-5-ns {
    margin-bottom: var(--sp-5);
  }
  .mb-6-ns {
    margin-bottom: var(--sp-6);
  }
  .mb-7-ns {
    margin-bottom: var(--sp-7);
  }
  .mb-8-ns {
    margin-bottom: var(--sp-8);
  }
  .mb-auto-ns {
    margin-bottom: auto;
  }
  .mh-0-ns {
    margin-left: 0;
    margin-right: 0;
  }
  .mh-1-ns {
    margin-left: var(--sp-1);
    margin-right: var(--sp-1);
  }
  .mh-2-ns {
    margin-left: var(--sp-2);
    margin-right: var(--sp-2);
  }
  .mh-3-ns {
    margin-left: var(--sp-3);
    margin-right: var(--sp-3);
  }
  .mh-4-ns {
    margin-left: var(--sp-4);
    margin-right: var(--sp-4);
  }
  .mh-5-ns {
    margin-left: var(--sp-5);
    margin-right: var(--sp-5);
  }
  .mh-6-ns {
    margin-left: var(--sp-6);
    margin-right: var(--sp-6);
  }
  .mh-7-ns {
    margin-left: var(--sp-7);
    margin-right: var(--sp-7);
  }
  .mh-8-ns {
    margin-left: var(--sp-8);
    margin-right: var(--sp-8);
  }
  .mh-auto-ns {
    margin-left: auto;
    margin-right: auto;
  }
  .mv-0-ns {
    margin-bottom: 0;
    margin-top: 0;
  }
  .mv-1-ns {
    margin-bottom: var(--sp-1);
    margin-top: var(--sp-1);
  }
  .mv-2-ns {
    margin-bottom: var(--sp-2);
    margin-top: var(--sp-2);
  }
  .mv-3-ns {
    margin-bottom: var(--sp-3);
    margin-top: var(--sp-3);
  }
  .mv-4-ns {
    margin-bottom: var(--sp-4);
    margin-top: var(--sp-4);
  }
  .mv-5-ns {
    margin-bottom: var(--sp-5);
    margin-top: var(--sp-5);
  }
  .mv-6-ns {
    margin-bottom: var(--sp-6);
    margin-top: var(--sp-6);
  }
  .mv-7-ns {
    margin-bottom: var(--sp-7);
    margin-top: var(--sp-7);
  }
  .mv-8-ns {
    margin-bottom: var(--sp-8);
    margin-top: var(--sp-8);
  }
  .mv-auto-ns {
    margin-bottom: auto;
    margin-top: auto;
  }
  .gap-0-ns {
    gap: 0;
  }
  .gap-1-ns {
    gap: var(--sp-1);
  }
  .gap-2-ns {
    gap: var(--sp-2);
  }
  .gap-3-ns {
    gap: var(--sp-3);
  }
  .gap-4-ns {
    gap: var(--sp-4);
  }
  .gap-5-ns {
    gap: var(--sp-5);
  }
  .gap-6-ns {
    gap: var(--sp-6);
  }
  .gap-7-ns {
    gap: var(--sp-7);
  }
  .gap-8-ns {
    gap: var(--sp-8);
  }
  .row-gap-0-ns {
    row-gap: 0;
  }
  .row-gap-1-ns {
    row-gap: var(--sp-1);
  }
  .row-gap-2-ns {
    row-gap: var(--sp-2);
  }
  .row-gap-3-ns {
    row-gap: var(--sp-3);
  }
  .row-gap-4-ns {
    row-gap: var(--sp-4);
  }
  .row-gap-5-ns {
    row-gap: var(--sp-5);
  }
  .row-gap-6-ns {
    row-gap: var(--sp-6);
  }
  .row-gap-7-ns {
    row-gap: var(--sp-7);
  }
  .row-gap-8-ns {
    row-gap: var(--sp-8);
  }
  .col-gap-0-ns {
    column-gap: 0;
  }
  .col-gap-1-ns {
    column-gap: var(--sp-1);
  }
  .col-gap-2-ns {
    column-gap: var(--sp-2);
  }
  .col-gap-3-ns {
    column-gap: var(--sp-3);
  }
  .col-gap-4-ns {
    column-gap: var(--sp-4);
  }
  .col-gap-5-ns {
    column-gap: var(--sp-5);
  }
  .col-gap-6-ns {
    column-gap: var(--sp-6);
  }
  .col-gap-7-ns {
    column-gap: var(--sp-7);
  }
  .col-gap-8-ns {
    column-gap: var(--sp-8);
  }
  .ff-sans-ns {
    font-family: var(--ff-sans);
  }
  .ff-serif-ns {
    font-family: var(--ff-serif);
  }
  .ff-mono-ns {
    font-family: var(--ff-mono);
  }
  .ff-cursive-ns {
    font-family: var(--ff-cursive);
  }
  .ff-fantasy-ns {
    font-family: var(--ff-fantasy);
  }
  .f-0-ns {
    font-size: var(--fs-0);
  }
  .f-1-ns {
    font-size: var(--fs-1);
  }
  .f-2-ns {
    font-size: var(--fs-2);
  }
  .f-3-ns {
    font-size: var(--fs-3);
  }
  .f-4-ns {
    font-size: var(--fs-4);
  }
  .f-5-ns {
    font-size: var(--fs-5);
  }
  .f-6-ns {
    font-size: var(--fs-6);
  }
  .f-7-ns {
    font-size: var(--fs-7);
  }
  .f-8-ns {
    font-size: var(--fs-8);
  }
  .f-9-ns {
    font-size: var(--fs-9);
  }
  .fw-normal-ns {
    font-weight: 400;
  }
  .fw-bold-ns {
    font-weight: 700;
  }
  .fw-1-ns {
    font-weight: 100;
  }
  .fw-2-ns {
    font-weight: 200;
  }
  .fw-3-ns {
    font-weight: 300;
  }
  .fw-4-ns {
    font-weight: 400;
  }
  .fw-5-ns {
    font-weight: 500;
  }
  .fw-6-ns {
    font-weight: 600;
  }
  .fw-7-ns {
    font-weight: 700;
  }
  .fw-8-ns {
    font-weight: 800;
  }
  .fw-9-ns {
    font-weight: 900;
  }
  .fs-normal-ns {
    font-style: normal;
  }
  .fs-italic-ns {
    font-style: italic;
  }
  .fv-sc-ns {
    font-variant: small-caps;
  }
  .fv-normal-ns {
    font-variant: normal;
  }
  .tracked-ns {
    letter-spacing: var(--ls-tracked);
  }
  .tracked-tight-ns {
    letter-spacing: var(--ls-tight);
  }
  .tracked-mega-ns {
    letter-spacing: var(--ls-mega);
  }
  .tracked-none-ns {
    letter-spacing: var(--ls-none);
  }
  .lh-solid-ns {
    line-height: var(--lh-solid);
  }
  .lh-title-ns {
    line-height: var(--lh-title);
  }
  .lh-copy-ns {
    line-height: var(--lh-copy);
  }
  .tr-ns {
    text-align: right;
  }
  .tc-ns {
    text-align: center;
  }
  .tl-ns {
    text-align: left;
  }
  .ttn-ns {
    text-transform: none;
  }
  .ttu-ns {
    text-transform: uppercase;
  }
  .ttl-ns {
    text-transform: lowercase;
  }
  .ttc-ns {
    text-transform: capitalize;
  }
  .tdn-ns {
    text-decoration: none;
  }
  .tdu-ns,
  .u-ns {
    text-decoration: underline;
  }
  .tds-ns {
    text-decoration: line-through;
  }
  .tdo-ns {
    text-decoration: overline;
  }
  .indent--3-ns {
    text-indent: calc(var(--indent-3)*-1);
  }
  .indent--2-ns {
    text-indent: calc(var(--indent-2)*-1);
  }
  .indent--1-ns {
    text-indent: calc(var(--indent-1)*-1);
  }
  .indent-0-ns {
    text-indent: 0;
  }
  .indent-1-ns {
    text-indent: var(--indent-1);
  }
  .indent-2-ns {
    text-indent: var(--indent-2);
  }
  .indent-3-ns {
    text-indent: var(--indent-3);
  }
  .truncate-ns {
    text-overflow: ellipsis;
  }
  .clip-ns {
    text-overflow: clip;
  }
  .ws-normal-ns {
    white-space: normal;
  }
  .ws-nowrap-ns {
    white-space: nowrap;
  }
  .ws-pre-ns {
    white-space: pre;
  }
  .measure-ns {
    max-width: var(--tw);
  }
  .measure-wide-ns {
    max-width: var(--tw-wide);
  }
  .measure-narrow-ns {
    max-width: var(--tw-narrow);
  }
  .p-ns {
    line-height: var(--lh-copy);
    max-width: var(--tw);
  }
  .b-ns {
    font-weight: 700;
  }
  .sc-ns {
    font-variant: small-caps;
  }
  .i-ns {
    font-style: italic;
  }
  .sr-only-ns {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
  }
  .undo-sr-only-ns {
    margin: 0;
    padding: 0;
    position: static;
    clip: auto;
    height: auto;
    overflow: visible;
    white-space: normal;
    width: auto;
  }
  .hover-red-100-ns:hover {
    color: var(--red-100);
  }
  .hover-red-200-ns:hover {
    color: var(--red-200);
  }
  .hover-red-300-ns:hover {
    color: var(--red-300);
  }
  .hover-red-400-ns:hover {
    color: var(--red-400);
  }
  .hover-red-500-ns:hover {
    color: var(--red-500);
  }
  .hover-red-600-ns:hover {
    color: var(--red-600);
  }
  .hover-red-700-ns:hover {
    color: var(--red-700);
  }
  .hover-red-800-ns:hover {
    color: var(--red-800);
  }
  .hover-red-900-ns:hover {
    color: var(--red-900);
  }
  .hover-orange-100-ns:hover {
    color: var(--orange-100);
  }
  .hover-orange-200-ns:hover {
    color: var(--orange-200);
  }
  .hover-orange-300-ns:hover {
    color: var(--orange-300);
  }
  .hover-orange-400-ns:hover {
    color: var(--orange-400);
  }
  .hover-orange-500-ns:hover {
    color: var(--orange-500);
  }
  .hover-orange-600-ns:hover {
    color: var(--orange-600);
  }
  .hover-orange-700-ns:hover {
    color: var(--orange-700);
  }
  .hover-orange-800-ns:hover {
    color: var(--orange-800);
  }
  .hover-orange-900-ns:hover {
    color: var(--orange-900);
  }
  .hover-yellow-100-ns:hover {
    color: var(--yellow-100);
  }
  .hover-yellow-200-ns:hover {
    color: var(--yellow-200);
  }
  .hover-yellow-300-ns:hover {
    color: var(--yellow-300);
  }
  .hover-yellow-400-ns:hover {
    color: var(--yellow-400);
  }
  .hover-yellow-500-ns:hover {
    color: var(--yellow-500);
  }
  .hover-yellow-600-ns:hover {
    color: var(--yellow-600);
  }
  .hover-yellow-700-ns:hover {
    color: var(--yellow-700);
  }
  .hover-yellow-800-ns:hover {
    color: var(--yellow-800);
  }
  .hover-yellow-900-ns:hover {
    color: var(--yellow-900);
  }
  .hover-green-100-ns:hover {
    color: var(--green-100);
  }
  .hover-green-200-ns:hover {
    color: var(--green-200);
  }
  .hover-green-300-ns:hover {
    color: var(--green-300);
  }
  .hover-green-400-ns:hover {
    color: var(--green-400);
  }
  .hover-green-500-ns:hover {
    color: var(--green-500);
  }
  .hover-green-600-ns:hover {
    color: var(--green-600);
  }
  .hover-green-700-ns:hover {
    color: var(--green-700);
  }
  .hover-green-800-ns:hover {
    color: var(--green-800);
  }
  .hover-green-900-ns:hover {
    color: var(--green-900);
  }
  .hover-blue-100-ns:hover {
    color: var(--blue-100);
  }
  .hover-blue-200-ns:hover {
    color: var(--blue-200);
  }
  .hover-blue-300-ns:hover {
    color: var(--blue-300);
  }
  .hover-blue-400-ns:hover {
    color: var(--blue-400);
  }
  .hover-blue-500-ns:hover {
    color: var(--blue-500);
  }
  .hover-blue-600-ns:hover {
    color: var(--blue-600);
  }
  .hover-blue-700-ns:hover {
    color: var(--blue-700);
  }
  .hover-blue-800-ns:hover {
    color: var(--blue-800);
  }
  .hover-blue-900-ns:hover {
    color: var(--blue-900);
  }
  .hover-purple-100-ns:hover {
    color: var(--purple-100);
  }
  .hover-purple-200-ns:hover {
    color: var(--purple-200);
  }
  .hover-purple-300-ns:hover {
    color: var(--purple-300);
  }
  .hover-purple-400-ns:hover {
    color: var(--purple-400);
  }
  .hover-purple-500-ns:hover {
    color: var(--purple-500);
  }
  .hover-purple-600-ns:hover {
    color: var(--purple-600);
  }
  .hover-purple-700-ns:hover {
    color: var(--purple-700);
  }
  .hover-purple-800-ns:hover {
    color: var(--purple-800);
  }
  .hover-purple-900-ns:hover {
    color: var(--purple-900);
  }
  .hover-gray-100-ns:hover {
    color: var(--gray-100);
  }
  .hover-gray-200-ns:hover {
    color: var(--gray-200);
  }
  .hover-gray-300-ns:hover {
    color: var(--gray-300);
  }
  .hover-gray-400-ns:hover {
    color: var(--gray-400);
  }
  .hover-gray-500-ns:hover {
    color: var(--gray-500);
  }
  .hover-gray-600-ns:hover {
    color: var(--gray-600);
  }
  .hover-gray-700-ns:hover {
    color: var(--gray-700);
  }
  .hover-gray-800-ns:hover {
    color: var(--gray-800);
  }
  .hover-gray-900-ns:hover {
    color: var(--gray-900);
  }
  .hover-black-ish-ns:hover {
    color: var(--black-ish);
  }
  .hover-white-ish-ns:hover {
    color: var(--white-ish);
  }
  .hover-bg-red-100-ns:hover {
    background-color: var(--red-100);
  }
  .hover-bg-red-200-ns:hover {
    background-color: var(--red-200);
  }
  .hover-bg-red-300-ns:hover {
    background-color: var(--red-300);
  }
  .hover-bg-red-400-ns:hover {
    background-color: var(--red-400);
  }
  .hover-bg-red-500-ns:hover {
    background-color: var(--red-500);
  }
  .hover-bg-red-600-ns:hover {
    background-color: var(--red-600);
  }
  .hover-bg-red-700-ns:hover {
    background-color: var(--red-700);
  }
  .hover-bg-red-800-ns:hover {
    background-color: var(--red-800);
  }
  .hover-bg-red-900-ns:hover {
    background-color: var(--red-900);
  }
  .hover-bg-orange-100-ns:hover {
    background-color: var(--orange-100);
  }
  .hover-bg-orange-200-ns:hover {
    background-color: var(--orange-200);
  }
  .hover-bg-orange-300-ns:hover {
    background-color: var(--orange-300);
  }
  .hover-bg-orange-400-ns:hover {
    background-color: var(--orange-400);
  }
  .hover-bg-orange-500-ns:hover {
    background-color: var(--orange-500);
  }
  .hover-bg-orange-600-ns:hover {
    background-color: var(--orange-600);
  }
  .hover-bg-orange-700-ns:hover {
    background-color: var(--orange-700);
  }
  .hover-bg-orange-800-ns:hover {
    background-color: var(--orange-800);
  }
  .hover-bg-orange-900-ns:hover {
    background-color: var(--orange-900);
  }
  .hover-bg-yellow-100-ns:hover {
    background-color: var(--yellow-100);
  }
  .hover-bg-yellow-200-ns:hover {
    background-color: var(--yellow-200);
  }
  .hover-bg-yellow-300-ns:hover {
    background-color: var(--yellow-300);
  }
  .hover-bg-yellow-400-ns:hover {
    background-color: var(--yellow-400);
  }
  .hover-bg-yellow-500-ns:hover {
    background-color: var(--yellow-500);
  }
  .hover-bg-yellow-600-ns:hover {
    background-color: var(--yellow-600);
  }
  .hover-bg-yellow-700-ns:hover {
    background-color: var(--yellow-700);
  }
  .hover-bg-yellow-800-ns:hover {
    background-color: var(--yellow-800);
  }
  .hover-bg-yellow-900-ns:hover {
    background-color: var(--yellow-900);
  }
  .hover-bg-green-100-ns:hover {
    background-color: var(--green-100);
  }
  .hover-bg-green-200-ns:hover {
    background-color: var(--green-200);
  }
  .hover-bg-green-300-ns:hover {
    background-color: var(--green-300);
  }
  .hover-bg-green-400-ns:hover {
    background-color: var(--green-400);
  }
  .hover-bg-green-500-ns:hover {
    background-color: var(--green-500);
  }
  .hover-bg-green-600-ns:hover {
    background-color: var(--green-600);
  }
  .hover-bg-green-700-ns:hover {
    background-color: var(--green-700);
  }
  .hover-bg-green-800-ns:hover {
    background-color: var(--green-800);
  }
  .hover-bg-green-900-ns:hover {
    background-color: var(--green-900);
  }
  .hover-bg-blue-100-ns:hover {
    background-color: var(--blue-100);
  }
  .hover-bg-blue-200-ns:hover {
    background-color: var(--blue-200);
  }
  .hover-bg-blue-300-ns:hover {
    background-color: var(--blue-300);
  }
  .hover-bg-blue-400-ns:hover {
    background-color: var(--blue-400);
  }
  .hover-bg-blue-500-ns:hover {
    background-color: var(--blue-500);
  }
  .hover-bg-blue-600-ns:hover {
    background-color: var(--blue-600);
  }
  .hover-bg-blue-700-ns:hover {
    background-color: var(--blue-700);
  }
  .hover-bg-blue-800-ns:hover {
    background-color: var(--blue-800);
  }
  .hover-bg-blue-900-ns:hover {
    background-color: var(--blue-900);
  }
  .hover-bg-purple-100-ns:hover {
    background-color: var(--purple-100);
  }
  .hover-bg-purple-200-ns:hover {
    background-color: var(--purple-200);
  }
  .hover-bg-purple-300-ns:hover {
    background-color: var(--purple-300);
  }
  .hover-bg-purple-400-ns:hover {
    background-color: var(--purple-400);
  }
  .hover-bg-purple-500-ns:hover {
    background-color: var(--purple-500);
  }
  .hover-bg-purple-600-ns:hover {
    background-color: var(--purple-600);
  }
  .hover-bg-purple-700-ns:hover {
    background-color: var(--purple-700);
  }
  .hover-bg-purple-800-ns:hover {
    background-color: var(--purple-800);
  }
  .hover-bg-purple-900-ns:hover {
    background-color: var(--purple-900);
  }
  .hover-bg-gray-100-ns:hover {
    background-color: var(--gray-100);
  }
  .hover-bg-gray-200-ns:hover {
    background-color: var(--gray-200);
  }
  .hover-bg-gray-300-ns:hover {
    background-color: var(--gray-300);
  }
  .hover-bg-gray-400-ns:hover {
    background-color: var(--gray-400);
  }
  .hover-bg-gray-500-ns:hover {
    background-color: var(--gray-500);
  }
  .hover-bg-gray-600-ns:hover {
    background-color: var(--gray-600);
  }
  .hover-bg-gray-700-ns:hover {
    background-color: var(--gray-700);
  }
  .hover-bg-gray-800-ns:hover {
    background-color: var(--gray-800);
  }
  .hover-bg-gray-900-ns:hover {
    background-color: var(--gray-900);
  }
  .hover-bg-black-ns:hover {
    background-color: var(--black);
  }
  .hover-bg-black-ish-ns:hover {
    background-color: var(--black-ish);
  }
  .hover-bg-white-ns:hover {
    background-color: var(--white);
  }
  .hover-bg-white-ish-ns:hover {
    background-color: var(--white-ish);
  }
  .hover-bg-none-ns:hover {
    background-repeat: no-repeat;
  }
  .hover-tdu-ns:hover {
    text-decoration: underline;
  }
  .disabled-gray-100-ns:disabled {
    color: var(--gray-100);
  }
  .disabled-gray-200-ns:disabled {
    color: var(--gray-200);
  }
  .disabled-gray-300-ns:disabled {
    color: var(--gray-300);
  }
  .disabled-gray-400-ns:disabled {
    color: var(--gray-400);
  }
  .disabled-gray-500-ns:disabled {
    color: var(--gray-500);
  }
  .disabled-gray-600-ns:disabled {
    color: var(--gray-600);
  }
  .disabled-gray-700-ns:disabled {
    color: var(--gray-700);
  }
  .disabled-gray-800-ns:disabled {
    color: var(--gray-800);
  }
  .disabled-gray-900-ns:disabled {
    color: var(--gray-900);
  }
  .disabled-bg-gray-100-ns:disabled {
    background-color: var(--gray-100);
  }
  .disabled-bg-gray-200-ns:disabled {
    background-color: var(--gray-200);
  }
  .disabled-bg-gray-300-ns:disabled {
    background-color: var(--gray-300);
  }
  .disabled-bg-gray-400-ns:disabled {
    background-color: var(--gray-400);
  }
  .disabled-bg-gray-500-ns:disabled {
    background-color: var(--gray-500);
  }
  .disabled-bg-gray-600-ns:disabled {
    background-color: var(--gray-600);
  }
  .disabled-bg-gray-700-ns:disabled {
    background-color: var(--gray-700);
  }
  .disabled-bg-gray-800-ns:disabled {
    background-color: var(--gray-800);
  }
  .disabled-bg-gray-900-ns:disabled {
    background-color: var(--gray-900);
  }
}
@media screen and (min-width:30em) and (max-width:60em) {
  .appearance-none-m {
    appearance: none;
  }
  .appearance-auto-m {
    appearance: auto;
  }
  .shadow-1-m {
    box-shadow: 1px 1px 4px 0 #878787;
  }
  .shadow-2-m {
    box-shadow: 1px 1px 10.64px 0 #878787;
  }
  .shadow-3-m {
    box-shadow: 1px 1px 15.022px 0 #878787;
  }
  .shadow-4-m {
    box-shadow: 1px 1px 22.297px 0 #878787;
  }
  .shadow-5-m {
    box-shadow: 1px 1px 34.373px 0 #878787;
  }
  .shadow-6-m {
    box-shadow: 1px 1px 54.419px 0 #878787;
  }
  .shadow-none-m {
    box-shadow: none;
  }
  .inset-shadow-1-m {
    box-shadow: inset 1px 1px 4px -1px #6a6a6a;
  }
  .inset-shadow-2-m {
    box-shadow: inset 1px 1px 5.52px -1.043px #6a6a6a;
  }
  .inset-shadow-3-m {
    box-shadow: inset 1px 1px 8.195px -1.193px #6a6a6a;
  }
  .inset-shadow-4-m {
    box-shadow: inset 1px 1px 12.903px -1.485px #6a6a6a;
  }
  .inset-shadow-5-m {
    box-shadow: inset 1px 1px 21.19px -1.986px #6a6a6a;
  }
  .inset-shadow-6-m {
    box-shadow: inset 1px 1px 35.774px -2.802px #6a6a6a;
  }
  .inset-shadow-none-m {
    box-shadow: none;
  }
  .cursor-default-m {
    cursor: default;
  }
  .cursor-pointer-m,
  .pointer-m {
    cursor: pointer;
  }
  .cursor-progress-m {
    cursor: progress;
  }
  .cursor-move-m {
    cursor: move;
  }
  .cursor-grab-m {
    cursor: grab;
  }
  .cursor-not-allowed-m {
    cursor: not-allowed;
  }
  .o-10-m {
    opacity: 10%;
  }
  .o-20-m {
    opacity: 20%;
  }
  .o-25-m {
    opacity: 25%;
  }
  .o-30-m {
    opacity: 30%;
  }
  .o-40-m {
    opacity: 40%;
  }
  .o-50-m {
    opacity: 50%;
  }
  .o-60-m {
    opacity: 60%;
  }
  .o-70-m {
    opacity: 70%;
  }
  .o-75-m {
    opacity: 75%;
  }
  .o-80-m {
    opacity: 80%;
  }
  .o-90-m {
    opacity: 90%;
  }
  .o-100-m {
    opacity: 100%;
  }
  .o-third-m {
    opacity: 33.33333%;
  }
  .o-two-thirds-m {
    opacity: 66.66667%;
  }
  .ba-m {
    border-style: solid;
    border-width: 1px;
  }
  .bl-m {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .br-m {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bt-m {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .bb-m {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bn-m {
    border-style: none;
    border-width: 0;
  }
  .collapse-m {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .br-0-m {
    border-radius: 0;
  }
  .br-1-m {
    border-radius: var(--bw-1);
  }
  .br-2-m {
    border-radius: var(--bw-2);
  }
  .br-3-m {
    border-radius: var(--bw-3);
  }
  .br-4-m {
    border-radius: var(--bw-4);
  }
  .br-5-m {
    border-radius: var(--bw-5);
  }
  .br-100-m {
    border-radius: 100%;
  }
  .br-pill-m {
    border-radius: 999px;
  }
  .br-bottom-0-m {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-bottom-1-m {
    border-bottom-left-radius: var(--bw-1);
    border-bottom-right-radius: var(--bw-1);
  }
  .br-bottom-2-m {
    border-bottom-left-radius: var(--bw-2);
    border-bottom-right-radius: var(--bw-2);
  }
  .br-bottom-3-m {
    border-bottom-left-radius: var(--bw-3);
    border-bottom-right-radius: var(--bw-3);
  }
  .br-bottom-4-m {
    border-bottom-left-radius: var(--bw-4);
    border-bottom-right-radius: var(--bw-4);
  }
  .br-bottom-5-m {
    border-bottom-left-radius: var(--bw-5);
    border-bottom-right-radius: var(--bw-5);
  }
  .br-bottom-100-m {
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
  }
  .br-bottom-pill-m {
    border-bottom-left-radius: 999px;
    border-bottom-right-radius: 999px;
  }
  .br-top-0-m {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br-top-1-m {
    border-top-left-radius: var(--bw-1);
    border-top-right-radius: var(--bw-1);
  }
  .br-top-2-m {
    border-top-left-radius: var(--bw-2);
    border-top-right-radius: var(--bw-2);
  }
  .br-top-3-m {
    border-top-left-radius: var(--bw-3);
    border-top-right-radius: var(--bw-3);
  }
  .br-top-4-m {
    border-top-left-radius: var(--bw-4);
    border-top-right-radius: var(--bw-4);
  }
  .br-top-5-m {
    border-top-left-radius: var(--bw-5);
    border-top-right-radius: var(--bw-5);
  }
  .br-top-100-m {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
  }
  .br-top-pill-m {
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
  }
  .br-left-0-m {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .br-left-1-m {
    border-bottom-left-radius: var(--bw-1);
    border-top-left-radius: var(--bw-1);
  }
  .br-left-2-m {
    border-bottom-left-radius: var(--bw-2);
    border-top-left-radius: var(--bw-2);
  }
  .br-left-3-m {
    border-bottom-left-radius: var(--bw-3);
    border-top-left-radius: var(--bw-3);
  }
  .br-left-4-m {
    border-bottom-left-radius: var(--bw-4);
    border-top-left-radius: var(--bw-4);
  }
  .br-left-5-m {
    border-bottom-left-radius: var(--bw-5);
    border-top-left-radius: var(--bw-5);
  }
  .br-left-100-m {
    border-bottom-left-radius: 100%;
    border-top-left-radius: 100%;
  }
  .br-left-pill-m {
    border-bottom-left-radius: 999px;
    border-top-left-radius: 999px;
  }
  .br-right-0-m {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .br-right-1-m {
    border-bottom-right-radius: var(--bw-1);
    border-top-right-radius: var(--bw-1);
  }
  .br-right-2-m {
    border-bottom-right-radius: var(--bw-2);
    border-top-right-radius: var(--bw-2);
  }
  .br-right-3-m {
    border-bottom-right-radius: var(--bw-3);
    border-top-right-radius: var(--bw-3);
  }
  .br-right-4-m {
    border-bottom-right-radius: var(--bw-4);
    border-top-right-radius: var(--bw-4);
  }
  .br-right-5-m {
    border-bottom-right-radius: var(--bw-5);
    border-top-right-radius: var(--bw-5);
  }
  .br-right-100-m {
    border-bottom-right-radius: 100%;
    border-top-right-radius: 100%;
  }
  .br-right-pill-m {
    border-bottom-right-radius: 999px;
    border-top-right-radius: 999px;
  }
  .br-tr-0-m {
    border-top-right-radius: 0;
  }
  .br-tr-1-m {
    border-top-right-radius: var(--bw-1);
  }
  .br-tr-2-m {
    border-top-right-radius: var(--bw-2);
  }
  .br-tr-3-m {
    border-top-right-radius: var(--bw-3);
  }
  .br-tr-4-m {
    border-top-right-radius: var(--bw-4);
  }
  .br-tr-5-m {
    border-top-right-radius: var(--bw-5);
  }
  .br-tr-100-m {
    border-top-right-radius: 100%;
  }
  .br-tr-pill-m {
    border-top-right-radius: 999px;
  }
  .br-br-0-m {
    border-bottom-right-radius: 0;
  }
  .br-br-1-m {
    border-bottom-right-radius: var(--bw-1);
  }
  .br-br-2-m {
    border-bottom-right-radius: var(--bw-2);
  }
  .br-br-3-m {
    border-bottom-right-radius: var(--bw-3);
  }
  .br-br-4-m {
    border-bottom-right-radius: var(--bw-4);
  }
  .br-br-5-m {
    border-bottom-right-radius: var(--bw-5);
  }
  .br-br-100-m {
    border-bottom-right-radius: 100%;
  }
  .br-br-pill-m {
    border-bottom-right-radius: 999px;
  }
  .br-tl-0-m {
    border-top-left-radius: 0;
  }
  .br-tl-1-m {
    border-top-left-radius: var(--bw-1);
  }
  .br-tl-2-m {
    border-top-left-radius: var(--bw-2);
  }
  .br-tl-3-m {
    border-top-left-radius: var(--bw-3);
  }
  .br-tl-4-m {
    border-top-left-radius: var(--bw-4);
  }
  .br-tl-5-m {
    border-top-left-radius: var(--bw-5);
  }
  .br-tl-100-m {
    border-top-left-radius: 100%;
  }
  .br-tl-pill-m {
    border-top-left-radius: 999px;
  }
  .br-bl-0-m {
    border-bottom-left-radius: 0;
  }
  .br-bl-1-m {
    border-bottom-left-radius: var(--bw-1);
  }
  .br-bl-2-m {
    border-bottom-left-radius: var(--bw-2);
  }
  .br-bl-3-m {
    border-bottom-left-radius: var(--bw-3);
  }
  .br-bl-4-m {
    border-bottom-left-radius: var(--bw-4);
  }
  .br-bl-5-m {
    border-bottom-left-radius: var(--bw-5);
  }
  .br-bl-100-m {
    border-bottom-left-radius: 100%;
  }
  .br-bl-pill-m {
    border-bottom-left-radius: 999px;
  }
  .bs-dotted-m {
    border-style: dotted;
  }
  .bs-dashed-m {
    border-style: dashed;
  }
  .bs-solid-m {
    border-style: solid;
  }
  .bs-none-m {
    border-style: none;
  }
  .bls-dotted-m {
    border-left-style: dotted;
  }
  .bls-dashed-m {
    border-left-style: dashed;
  }
  .bls-solid-m {
    border-left-style: solid;
  }
  .bls-none-m {
    border-left-style: none;
  }
  .brs-dotted-m {
    border-right-style: dotted;
  }
  .brs-dashed-m {
    border-right-style: dashed;
  }
  .brs-solid-m {
    border-right-style: solid;
  }
  .brs-none-m {
    border-right-style: none;
  }
  .bts-dotted-m {
    border-top-style: dotted;
  }
  .bts-dashed-m {
    border-top-style: dashed;
  }
  .bts-solid-m {
    border-top-style: solid;
  }
  .bts-none-m {
    border-top-style: none;
  }
  .bbs-dotted-m {
    border-bottom-style: dotted;
  }
  .bbs-dashed-m {
    border-bottom-style: dashed;
  }
  .bbs-solid-m {
    border-bottom-style: solid;
  }
  .bbs-none-m {
    border-bottom-style: none;
  }
  .bw-0-m {
    border-width: 0;
  }
  .bw-1-m {
    border-width: var(--bw-1);
  }
  .bw-2-m {
    border-width: var(--bw-2);
  }
  .bw-3-m {
    border-width: var(--bw-3);
  }
  .bw-4-m {
    border-width: var(--bw-4);
  }
  .bw-5-m {
    border-width: var(--bw-5);
  }
  .blw-0-m {
    border-left-width: 0;
  }
  .blw-1-m {
    border-left-width: var(--bw-1);
  }
  .blw-2-m {
    border-left-width: var(--bw-2);
  }
  .blw-3-m {
    border-left-width: var(--bw-3);
  }
  .blw-4-m {
    border-left-width: var(--bw-4);
  }
  .blw-5-m {
    border-left-width: var(--bw-5);
  }
  .brw-0-m {
    border-right-width: 0;
  }
  .brw-1-m {
    border-right-width: var(--bw-1);
  }
  .brw-2-m {
    border-right-width: var(--bw-2);
  }
  .brw-3-m {
    border-right-width: var(--bw-3);
  }
  .brw-4-m {
    border-right-width: var(--bw-4);
  }
  .brw-5-m {
    border-right-width: var(--bw-5);
  }
  .btw-0-m {
    border-top-width: 0;
  }
  .btw-1-m {
    border-top-width: var(--bw-1);
  }
  .btw-2-m {
    border-top-width: var(--bw-2);
  }
  .btw-3-m {
    border-top-width: var(--bw-3);
  }
  .btw-4-m {
    border-top-width: var(--bw-4);
  }
  .btw-5-m {
    border-top-width: var(--bw-5);
  }
  .bbw-0-m {
    border-bottom-width: 0;
  }
  .bbw-1-m {
    border-bottom-width: var(--bw-1);
  }
  .bbw-2-m {
    border-bottom-width: var(--bw-2);
  }
  .bbw-3-m {
    border-bottom-width: var(--bw-3);
  }
  .bbw-4-m {
    border-bottom-width: var(--bw-4);
  }
  .bbw-5-m {
    border-bottom-width: var(--bw-5);
  }
  .red-100-m {
    color: var(--red-100);
  }
  .red-200-m {
    color: var(--red-200);
  }
  .red-300-m {
    color: var(--red-300);
  }
  .red-400-m {
    color: var(--red-400);
  }
  .red-500-m {
    color: var(--red-500);
  }
  .red-600-m {
    color: var(--red-600);
  }
  .red-700-m {
    color: var(--red-700);
  }
  .red-800-m {
    color: var(--red-800);
  }
  .red-900-m {
    color: var(--red-900);
  }
  .orange-100-m {
    color: var(--orange-100);
  }
  .orange-200-m {
    color: var(--orange-200);
  }
  .orange-300-m {
    color: var(--orange-300);
  }
  .orange-400-m {
    color: var(--orange-400);
  }
  .orange-500-m {
    color: var(--orange-500);
  }
  .orange-600-m {
    color: var(--orange-600);
  }
  .orange-700-m {
    color: var(--orange-700);
  }
  .orange-800-m {
    color: var(--orange-800);
  }
  .orange-900-m {
    color: var(--orange-900);
  }
  .yellow-100-m {
    color: var(--yellow-100);
  }
  .yellow-200-m {
    color: var(--yellow-200);
  }
  .yellow-300-m {
    color: var(--yellow-300);
  }
  .yellow-400-m {
    color: var(--yellow-400);
  }
  .yellow-500-m {
    color: var(--yellow-500);
  }
  .yellow-600-m {
    color: var(--yellow-600);
  }
  .yellow-700-m {
    color: var(--yellow-700);
  }
  .yellow-800-m {
    color: var(--yellow-800);
  }
  .yellow-900-m {
    color: var(--yellow-900);
  }
  .green-100-m {
    color: var(--green-100);
  }
  .green-200-m {
    color: var(--green-200);
  }
  .green-300-m {
    color: var(--green-300);
  }
  .green-400-m {
    color: var(--green-400);
  }
  .green-500-m {
    color: var(--green-500);
  }
  .green-600-m {
    color: var(--green-600);
  }
  .green-700-m {
    color: var(--green-700);
  }
  .green-800-m {
    color: var(--green-800);
  }
  .green-900-m {
    color: var(--green-900);
  }
  .blue-100-m {
    color: var(--blue-100);
  }
  .blue-200-m {
    color: var(--blue-200);
  }
  .blue-300-m {
    color: var(--blue-300);
  }
  .blue-400-m {
    color: var(--blue-400);
  }
  .blue-500-m {
    color: var(--blue-500);
  }
  .blue-600-m {
    color: var(--blue-600);
  }
  .blue-700-m {
    color: var(--blue-700);
  }
  .blue-800-m {
    color: var(--blue-800);
  }
  .blue-900-m {
    color: var(--blue-900);
  }
  .purple-100-m {
    color: var(--purple-100);
  }
  .purple-200-m {
    color: var(--purple-200);
  }
  .purple-300-m {
    color: var(--purple-300);
  }
  .purple-400-m {
    color: var(--purple-400);
  }
  .purple-500-m {
    color: var(--purple-500);
  }
  .purple-600-m {
    color: var(--purple-600);
  }
  .purple-700-m {
    color: var(--purple-700);
  }
  .purple-800-m {
    color: var(--purple-800);
  }
  .purple-900-m {
    color: var(--purple-900);
  }
  .gray-100-m {
    color: var(--gray-100);
  }
  .gray-200-m {
    color: var(--gray-200);
  }
  .gray-300-m {
    color: var(--gray-300);
  }
  .gray-400-m {
    color: var(--gray-400);
  }
  .gray-500-m {
    color: var(--gray-500);
  }
  .gray-600-m {
    color: var(--gray-600);
  }
  .gray-700-m {
    color: var(--gray-700);
  }
  .gray-800-m {
    color: var(--gray-800);
  }
  .gray-900-m {
    color: var(--gray-900);
  }
  .black-m {
    color: var(--black);
  }
  .black-ish-m {
    color: var(--black-ish);
  }
  .white-m {
    color: var(--white);
  }
  .white-ish-m {
    color: var(--white-ish);
  }
  .bg-red-100-m {
    background-color: var(--red-100);
  }
  .bg-red-200-m {
    background-color: var(--red-200);
  }
  .bg-red-300-m {
    background-color: var(--red-300);
  }
  .bg-red-400-m {
    background-color: var(--red-400);
  }
  .bg-red-500-m {
    background-color: var(--red-500);
  }
  .bg-red-600-m {
    background-color: var(--red-600);
  }
  .bg-red-700-m {
    background-color: var(--red-700);
  }
  .bg-red-800-m {
    background-color: var(--red-800);
  }
  .bg-red-900-m {
    background-color: var(--red-900);
  }
  .bg-orange-100-m {
    background-color: var(--orange-100);
  }
  .bg-orange-200-m {
    background-color: var(--orange-200);
  }
  .bg-orange-300-m {
    background-color: var(--orange-300);
  }
  .bg-orange-400-m {
    background-color: var(--orange-400);
  }
  .bg-orange-500-m {
    background-color: var(--orange-500);
  }
  .bg-orange-600-m {
    background-color: var(--orange-600);
  }
  .bg-orange-700-m {
    background-color: var(--orange-700);
  }
  .bg-orange-800-m {
    background-color: var(--orange-800);
  }
  .bg-orange-900-m {
    background-color: var(--orange-900);
  }
  .bg-yellow-100-m {
    background-color: var(--yellow-100);
  }
  .bg-yellow-200-m {
    background-color: var(--yellow-200);
  }
  .bg-yellow-300-m {
    background-color: var(--yellow-300);
  }
  .bg-yellow-400-m {
    background-color: var(--yellow-400);
  }
  .bg-yellow-500-m {
    background-color: var(--yellow-500);
  }
  .bg-yellow-600-m {
    background-color: var(--yellow-600);
  }
  .bg-yellow-700-m {
    background-color: var(--yellow-700);
  }
  .bg-yellow-800-m {
    background-color: var(--yellow-800);
  }
  .bg-yellow-900-m {
    background-color: var(--yellow-900);
  }
  .bg-green-100-m {
    background-color: var(--green-100);
  }
  .bg-green-200-m {
    background-color: var(--green-200);
  }
  .bg-green-300-m {
    background-color: var(--green-300);
  }
  .bg-green-400-m {
    background-color: var(--green-400);
  }
  .bg-green-500-m {
    background-color: var(--green-500);
  }
  .bg-green-600-m {
    background-color: var(--green-600);
  }
  .bg-green-700-m {
    background-color: var(--green-700);
  }
  .bg-green-800-m {
    background-color: var(--green-800);
  }
  .bg-green-900-m {
    background-color: var(--green-900);
  }
  .bg-blue-100-m {
    background-color: var(--blue-100);
  }
  .bg-blue-200-m {
    background-color: var(--blue-200);
  }
  .bg-blue-300-m {
    background-color: var(--blue-300);
  }
  .bg-blue-400-m {
    background-color: var(--blue-400);
  }
  .bg-blue-500-m {
    background-color: var(--blue-500);
  }
  .bg-blue-600-m {
    background-color: var(--blue-600);
  }
  .bg-blue-700-m {
    background-color: var(--blue-700);
  }
  .bg-blue-800-m {
    background-color: var(--blue-800);
  }
  .bg-blue-900-m {
    background-color: var(--blue-900);
  }
  .bg-purple-100-m {
    background-color: var(--purple-100);
  }
  .bg-purple-200-m {
    background-color: var(--purple-200);
  }
  .bg-purple-300-m {
    background-color: var(--purple-300);
  }
  .bg-purple-400-m {
    background-color: var(--purple-400);
  }
  .bg-purple-500-m {
    background-color: var(--purple-500);
  }
  .bg-purple-600-m {
    background-color: var(--purple-600);
  }
  .bg-purple-700-m {
    background-color: var(--purple-700);
  }
  .bg-purple-800-m {
    background-color: var(--purple-800);
  }
  .bg-purple-900-m {
    background-color: var(--purple-900);
  }
  .bg-gray-100-m {
    background-color: var(--gray-100);
  }
  .bg-gray-200-m {
    background-color: var(--gray-200);
  }
  .bg-gray-300-m {
    background-color: var(--gray-300);
  }
  .bg-gray-400-m {
    background-color: var(--gray-400);
  }
  .bg-gray-500-m {
    background-color: var(--gray-500);
  }
  .bg-gray-600-m {
    background-color: var(--gray-600);
  }
  .bg-gray-700-m {
    background-color: var(--gray-700);
  }
  .bg-gray-800-m {
    background-color: var(--gray-800);
  }
  .bg-gray-900-m {
    background-color: var(--gray-900);
  }
  .bg-black-m {
    background-color: var(--black);
  }
  .bg-black-ish-m {
    background-color: var(--black-ish);
  }
  .bg-white-m {
    background-color: var(--white);
  }
  .bg-white-ish-m {
    background-color: var(--white-ish);
  }
  .bc-red-100-m {
    border-color: var(--red-100);
  }
  .bc-red-200-m {
    border-color: var(--red-200);
  }
  .bc-red-300-m {
    border-color: var(--red-300);
  }
  .bc-red-400-m {
    border-color: var(--red-400);
  }
  .bc-red-500-m {
    border-color: var(--red-500);
  }
  .bc-red-600-m {
    border-color: var(--red-600);
  }
  .bc-red-700-m {
    border-color: var(--red-700);
  }
  .bc-red-800-m {
    border-color: var(--red-800);
  }
  .bc-red-900-m {
    border-color: var(--red-900);
  }
  .bc-orange-100-m {
    border-color: var(--orange-100);
  }
  .bc-orange-200-m {
    border-color: var(--orange-200);
  }
  .bc-orange-300-m {
    border-color: var(--orange-300);
  }
  .bc-orange-400-m {
    border-color: var(--orange-400);
  }
  .bc-orange-500-m {
    border-color: var(--orange-500);
  }
  .bc-orange-600-m {
    border-color: var(--orange-600);
  }
  .bc-orange-700-m {
    border-color: var(--orange-700);
  }
  .bc-orange-800-m {
    border-color: var(--orange-800);
  }
  .bc-orange-900-m {
    border-color: var(--orange-900);
  }
  .bc-yellow-100-m {
    border-color: var(--yellow-100);
  }
  .bc-yellow-200-m {
    border-color: var(--yellow-200);
  }
  .bc-yellow-300-m {
    border-color: var(--yellow-300);
  }
  .bc-yellow-400-m {
    border-color: var(--yellow-400);
  }
  .bc-yellow-500-m {
    border-color: var(--yellow-500);
  }
  .bc-yellow-600-m {
    border-color: var(--yellow-600);
  }
  .bc-yellow-700-m {
    border-color: var(--yellow-700);
  }
  .bc-yellow-800-m {
    border-color: var(--yellow-800);
  }
  .bc-yellow-900-m {
    border-color: var(--yellow-900);
  }
  .bc-green-100-m {
    border-color: var(--green-100);
  }
  .bc-green-200-m {
    border-color: var(--green-200);
  }
  .bc-green-300-m {
    border-color: var(--green-300);
  }
  .bc-green-400-m {
    border-color: var(--green-400);
  }
  .bc-green-500-m {
    border-color: var(--green-500);
  }
  .bc-green-600-m {
    border-color: var(--green-600);
  }
  .bc-green-700-m {
    border-color: var(--green-700);
  }
  .bc-green-800-m {
    border-color: var(--green-800);
  }
  .bc-green-900-m {
    border-color: var(--green-900);
  }
  .bc-blue-100-m {
    border-color: var(--blue-100);
  }
  .bc-blue-200-m {
    border-color: var(--blue-200);
  }
  .bc-blue-300-m {
    border-color: var(--blue-300);
  }
  .bc-blue-400-m {
    border-color: var(--blue-400);
  }
  .bc-blue-500-m {
    border-color: var(--blue-500);
  }
  .bc-blue-600-m {
    border-color: var(--blue-600);
  }
  .bc-blue-700-m {
    border-color: var(--blue-700);
  }
  .bc-blue-800-m {
    border-color: var(--blue-800);
  }
  .bc-blue-900-m {
    border-color: var(--blue-900);
  }
  .bc-purple-100-m {
    border-color: var(--purple-100);
  }
  .bc-purple-200-m {
    border-color: var(--purple-200);
  }
  .bc-purple-300-m {
    border-color: var(--purple-300);
  }
  .bc-purple-400-m {
    border-color: var(--purple-400);
  }
  .bc-purple-500-m {
    border-color: var(--purple-500);
  }
  .bc-purple-600-m {
    border-color: var(--purple-600);
  }
  .bc-purple-700-m {
    border-color: var(--purple-700);
  }
  .bc-purple-800-m {
    border-color: var(--purple-800);
  }
  .bc-purple-900-m {
    border-color: var(--purple-900);
  }
  .bc-gray-100-m {
    border-color: var(--gray-100);
  }
  .bc-gray-200-m {
    border-color: var(--gray-200);
  }
  .bc-gray-300-m {
    border-color: var(--gray-300);
  }
  .bc-gray-400-m {
    border-color: var(--gray-400);
  }
  .bc-gray-500-m {
    border-color: var(--gray-500);
  }
  .bc-gray-600-m {
    border-color: var(--gray-600);
  }
  .bc-gray-700-m {
    border-color: var(--gray-700);
  }
  .bc-gray-800-m {
    border-color: var(--gray-800);
  }
  .bc-gray-900-m {
    border-color: var(--gray-900);
  }
  .bc-black-m {
    border-color: var(--black);
  }
  .bc-black-ish-m {
    border-color: var(--black-ish);
  }
  .bc-white-m {
    border-color: var(--white);
  }
  .bc-white-ish-m {
    border-color: var(--white-ish);
  }
  .w-1-m {
    width: var(--wh-1);
  }
  .w-2-m {
    width: var(--wh-2);
  }
  .w-3-m {
    width: var(--wh-3);
  }
  .w-4-m {
    width: var(--wh-4);
  }
  .w-5-m {
    width: var(--wh-5);
  }
  .w-6-m {
    width: var(--wh-6);
  }
  .w-7-m {
    width: var(--wh-7);
  }
  .w-8-m {
    width: var(--wh-8);
  }
  .w-10-m {
    width: 10%;
  }
  .w-20-m {
    width: 20%;
  }
  .w-25-m {
    width: 25%;
  }
  .w-30-m {
    width: 30%;
  }
  .w-40-m {
    width: 40%;
  }
  .w-50-m {
    width: 50%;
  }
  .w-60-m {
    width: 60%;
  }
  .w-70-m {
    width: 70%;
  }
  .w-75-m {
    width: 75%;
  }
  .w-80-m {
    width: 80%;
  }
  .w-90-m {
    width: 90%;
  }
  .w-100-m {
    width: 100%;
  }
  .w-third-m {
    width: 33.33333%;
  }
  .w-two-thirds-m {
    width: 66.66667%;
  }
  .w-10vw-m {
    width: 10vw;
  }
  .w-20vw-m {
    width: 20vw;
  }
  .w-30vw-m {
    width: 30vw;
  }
  .w-40vw-m {
    width: 40vw;
  }
  .w-50vw-m {
    width: 50vw;
  }
  .w-60vw-m {
    width: 60vw;
  }
  .w-70vw-m {
    width: 70vw;
  }
  .w-80vw-m {
    width: 80vw;
  }
  .w-90vw-m {
    width: 90vw;
  }
  .w-100vw-m {
    width: 100vw;
  }
  .w-auto-m {
    width: auto;
  }
  .mw-1-m {
    max-width: var(--wh-1);
  }
  .mw-2-m {
    max-width: var(--wh-2);
  }
  .mw-3-m {
    max-width: var(--wh-3);
  }
  .mw-4-m {
    max-width: var(--wh-4);
  }
  .mw-5-m {
    max-width: var(--wh-5);
  }
  .mw-6-m {
    max-width: var(--wh-6);
  }
  .mw-7-m {
    max-width: var(--wh-7);
  }
  .mw-8-m {
    max-width: var(--wh-8);
  }
  .mw-10-m {
    max-width: 10%;
  }
  .mw-20-m {
    max-width: 20%;
  }
  .mw-25-m {
    max-width: 25%;
  }
  .mw-30-m {
    max-width: 30%;
  }
  .mw-40-m {
    max-width: 40%;
  }
  .mw-50-m {
    max-width: 50%;
  }
  .mw-60-m {
    max-width: 60%;
  }
  .mw-70-m {
    max-width: 70%;
  }
  .mw-75-m {
    max-width: 75%;
  }
  .mw-80-m {
    max-width: 80%;
  }
  .mw-90-m {
    max-width: 90%;
  }
  .mw-100-m {
    max-width: 100%;
  }
  .mw-third-m {
    max-width: 33.33333%;
  }
  .mw-two-thirds-m {
    max-width: 66.66667%;
  }
  .mw-10vw-m {
    max-width: 10vw;
  }
  .mw-20vw-m {
    max-width: 20vw;
  }
  .mw-30vw-m {
    max-width: 30vw;
  }
  .mw-40vw-m {
    max-width: 40vw;
  }
  .mw-50vw-m {
    max-width: 50vw;
  }
  .mw-60vw-m {
    max-width: 60vw;
  }
  .mw-70vw-m {
    max-width: 70vw;
  }
  .mw-80vw-m {
    max-width: 80vw;
  }
  .mw-90vw-m {
    max-width: 90vw;
  }
  .mw-100vw-m {
    max-width: 100vw;
  }
  .minw-1-m {
    min-width: var(--wh-1);
  }
  .minw-2-m {
    min-width: var(--wh-2);
  }
  .minw-3-m {
    min-width: var(--wh-3);
  }
  .minw-4-m {
    min-width: var(--wh-4);
  }
  .minw-5-m {
    min-width: var(--wh-5);
  }
  .minw-6-m {
    min-width: var(--wh-6);
  }
  .minw-7-m {
    min-width: var(--wh-7);
  }
  .minw-8-m {
    min-width: var(--wh-8);
  }
  .minw-10-m {
    min-width: 10%;
  }
  .minw-20-m {
    min-width: 20%;
  }
  .minw-25-m {
    min-width: 25%;
  }
  .minw-30-m {
    min-width: 30%;
  }
  .minw-40-m {
    min-width: 40%;
  }
  .minw-50-m {
    min-width: 50%;
  }
  .minw-60-m {
    min-width: 60%;
  }
  .minw-70-m {
    min-width: 70%;
  }
  .minw-75-m {
    min-width: 75%;
  }
  .minw-80-m {
    min-width: 80%;
  }
  .minw-90-m {
    min-width: 90%;
  }
  .minw-100-m {
    min-width: 100%;
  }
  .minw-third-m {
    min-width: 33.33333%;
  }
  .minw-two-thirds-m {
    min-width: 66.66667%;
  }
  .minw-10vw-m {
    min-width: 10vw;
  }
  .minw-20vw-m {
    min-width: 20vw;
  }
  .minw-30vw-m {
    min-width: 30vw;
  }
  .minw-40vw-m {
    min-width: 40vw;
  }
  .minw-50vw-m {
    min-width: 50vw;
  }
  .minw-60vw-m {
    min-width: 60vw;
  }
  .minw-70vw-m {
    min-width: 70vw;
  }
  .minw-80vw-m {
    min-width: 80vw;
  }
  .minw-90vw-m {
    min-width: 90vw;
  }
  .minw-100vw-m {
    min-width: 100vw;
  }
  .minw-auto-m {
    min-width: auto;
  }
  .h-1-m {
    height: var(--wh-1);
  }
  .h-2-m {
    height: var(--wh-2);
  }
  .h-3-m {
    height: var(--wh-3);
  }
  .h-4-m {
    height: var(--wh-4);
  }
  .h-5-m {
    height: var(--wh-5);
  }
  .h-6-m {
    height: var(--wh-6);
  }
  .h-7-m {
    height: var(--wh-7);
  }
  .h-8-m {
    height: var(--wh-8);
  }
  .h-10-m {
    height: 10%;
  }
  .h-20-m {
    height: 20%;
  }
  .h-25-m {
    height: 25%;
  }
  .h-30-m {
    height: 30%;
  }
  .h-40-m {
    height: 40%;
  }
  .h-50-m {
    height: 50%;
  }
  .h-60-m {
    height: 60%;
  }
  .h-70-m {
    height: 70%;
  }
  .h-75-m {
    height: 75%;
  }
  .h-80-m {
    height: 80%;
  }
  .h-90-m {
    height: 90%;
  }
  .h-100-m {
    height: 100%;
  }
  .h-third-m {
    height: 33.33333%;
  }
  .h-two-thirds-m {
    height: 66.66667%;
  }
  .h-10vh-m {
    height: 10vh;
  }
  .h-20vh-m {
    height: 20vh;
  }
  .h-30vh-m {
    height: 30vh;
  }
  .h-40vh-m {
    height: 40vh;
  }
  .h-50vh-m {
    height: 50vh;
  }
  .h-60vh-m {
    height: 60vh;
  }
  .h-70vh-m {
    height: 70vh;
  }
  .h-80vh-m {
    height: 80vh;
  }
  .h-90vh-m {
    height: 90vh;
  }
  .h-100vh-m {
    height: 100vh;
  }
  .h-auto-m {
    height: auto;
  }
  .max-height-1-m {
    max-height: var(--wh-1);
  }
  .max-height-2-m {
    max-height: var(--wh-2);
  }
  .max-height-3-m {
    max-height: var(--wh-3);
  }
  .max-height-4-m {
    max-height: var(--wh-4);
  }
  .max-height-5-m {
    max-height: var(--wh-5);
  }
  .max-height-6-m {
    max-height: var(--wh-6);
  }
  .max-height-7-m {
    max-height: var(--wh-7);
  }
  .max-height-8-m {
    max-height: var(--wh-8);
  }
  .max-height-10-m {
    max-height: 10%;
  }
  .max-height-20-m {
    max-height: 20%;
  }
  .max-height-25-m {
    max-height: 25%;
  }
  .max-height-30-m {
    max-height: 30%;
  }
  .max-height-40-m {
    max-height: 40%;
  }
  .max-height-50-m {
    max-height: 50%;
  }
  .max-height-60-m {
    max-height: 60%;
  }
  .max-height-70-m {
    max-height: 70%;
  }
  .max-height-75-m {
    max-height: 75%;
  }
  .max-height-80-m {
    max-height: 80%;
  }
  .max-height-90-m {
    max-height: 90%;
  }
  .max-height-100-m {
    max-height: 100%;
  }
  .max-height-third-m {
    max-height: 33.33333%;
  }
  .max-height-two-thirds-m {
    max-height: 66.66667%;
  }
  .max-height-10vh-m {
    max-height: 10vh;
  }
  .max-height-20vh-m {
    max-height: 20vh;
  }
  .max-height-30vh-m {
    max-height: 30vh;
  }
  .max-height-40vh-m {
    max-height: 40vh;
  }
  .max-height-50vh-m {
    max-height: 50vh;
  }
  .max-height-60vh-m {
    max-height: 60vh;
  }
  .max-height-70vh-m {
    max-height: 70vh;
  }
  .max-height-80vh-m {
    max-height: 80vh;
  }
  .max-height-90vh-m {
    max-height: 90vh;
  }
  .max-height-100vh-m {
    max-height: 100vh;
  }
  .flex-m {
    display: flex;
  }
  .inline-flex-m {
    display: inline-flex;
  }
  .flex-none-m {
    flex: none;
  }
  .flex-column-m {
    flex-direction: column;
  }
  .flex-row-m {
    flex-direction: row;
  }
  .flex-wrap-m {
    flex-wrap: wrap;
  }
  .flex-nowrap-m {
    flex-wrap: nowrap;
  }
  .items-start-m {
    align-items: flex-start;
  }
  .items-end-m {
    align-items: flex-end;
  }
  .items-center-m {
    align-items: center;
  }
  .items-baseline-m {
    align-items: baseline;
  }
  .items-stretch-m {
    align-items: stretch;
  }
  .self-start-m {
    align-self: flex-start;
  }
  .self-end-m {
    align-self: flex-end;
  }
  .self-center-m {
    align-self: center;
  }
  .self-baseline-m {
    align-self: baseline;
  }
  .self-stretch-m {
    align-self: stretch;
  }
  .justify-start-m {
    justify-content: start;
  }
  .justify-end-m {
    justify-content: end;
  }
  .justify-center-m {
    justify-content: center;
  }
  .justify-between-m {
    justify-content: space-between;
  }
  .justify-around-m {
    justify-content: space-around;
  }
  .justify-stretch-m {
    justify-content: stretch;
  }
  .content-start-m {
    align-content: start;
  }
  .content-end-m {
    align-content: end;
  }
  .content-center-m {
    align-content: center;
  }
  .content-between-m {
    align-content: space-between;
  }
  .content-around-m {
    align-content: space-around;
  }
  .content-stretch-m {
    align-content: stretch;
  }
  .flex-grow-0-m {
    flex-grow: 0;
  }
  .flex-grow-1-m {
    flex-grow: 1;
  }
  .flex-grow-2-m {
    flex-grow: 2;
  }
  .flex-grow-3-m {
    flex-grow: 3;
  }
  .flex-grow-4-m {
    flex-grow: 4;
  }
  .flex-grow-5-m {
    flex-grow: 5;
  }
  .flex-shrink-0-m {
    flex-shrink: 0;
  }
  .flex-shrink-1-m {
    flex-shrink: 1;
  }
  .flex-shrink-2-m {
    flex-shrink: 2;
  }
  .flex-shrink-3-m {
    flex-shrink: 3;
  }
  .flex-shrink-4-m {
    flex-shrink: 4;
  }
  .flex-shrink-5-m {
    flex-shrink: 5;
  }
  .flex-basis-0-m {
    flex-basis: 0;
  }
  .flex-basis-auto-m {
    flex-basis: auto;
  }
  .flex-basis-max-m {
    flex-basis: max-content;
  }
  .flex-basis-min-m {
    flex-basis: min-content;
  }
  .flex-basis-fit-m {
    flex-basis: fit-content;
  }
  .db-m {
    display: block;
  }
  .di-m {
    display: inline;
  }
  .dib-m {
    display: inline-block;
  }
  .dn-m {
    display: none;
  }
  .dfr-m {
    display: flow-root;
  }
  .dt-m {
    display: table;
  }
  .dtc-m {
    display: table-cell;
  }
  .dtrow-m {
    display: table-row;
  }
  .dtrow-group-m {
    display: table-row-group;
  }
  .dtcolumn-m {
    display: table-column;
  }
  .dtcolumn-group-m {
    display: table-column-group;
  }
  .content-box-m {
    box-sizing: content-box;
  }
  .border-box-m {
    box-sizing: border-box;
  }
  .overflow-visible-m {
    overflow: visible;
  }
  .overflow-scroll-m {
    overflow: scroll;
  }
  .overflow-hidden-m {
    overflow: hidden;
  }
  .overflow-clip-m {
    overflow: clip;
  }
  .overflow-auto-m {
    overflow: auto;
  }
  .overflow-x-visible-m {
    overflow-x: visible;
  }
  .overflow-x-scroll-m {
    overflow-x: scroll;
  }
  .overflow-x-hidden-m {
    overflow-x: hidden;
  }
  .overflow-x-clip-m {
    overflow-x: clip;
  }
  .overflow-x-auto-m {
    overflow-x: auto;
  }
  .overflow-y-visible-m {
    overflow-y: visible;
  }
  .overflow-y-scroll-m {
    overflow-y: scroll;
  }
  .overflow-y-hidden-m {
    overflow-y: hidden;
  }
  .overflow-y-clip-m {
    overflow-y: clip;
  }
  .overflow-y-auto-m {
    overflow-y: auto;
  }
  .lst-none-m {
    list-style-type: none;
  }
  .lst-disc-m {
    list-style-type: disc;
  }
  .lst-circle-m {
    list-style-type: circle;
  }
  .lst-square-m {
    list-style-type: square;
  }
  .lst-decimal-m {
    list-style-type: decimal;
  }
  .lst-lower-roman-m {
    list-style-type: lower-roman;
  }
  .lst-upper-roman-m {
    list-style-type: upper-roman;
  }
  .lsp-inside-m {
    list-style-position: inside;
  }
  .lsp-outside-m {
    list-style-position: outside;
  }
  .z-0-m {
    z-index: 0;
  }
  .z-1-m {
    z-index: 1;
  }
  .z-2-m {
    z-index: 2;
  }
  .z-3-m {
    z-index: 3;
  }
  .z-4-m {
    z-index: 4;
  }
  .z-5-m {
    z-index: 5;
  }
  .z-9999-m {
    z-index: 9999;
  }
  .z-auto-m {
    z-index: auto;
  }
  .va-baseline-m {
    vertical-align: baseline;
  }
  .va-middle-m {
    vertical-align: middle;
  }
  .va-top-m {
    vertical-align: top;
  }
  .va-bottom-m {
    vertical-align: bottom;
  }
  .pos-static-m {
    position: static;
  }
  .pos-relative-m {
    position: relative;
  }
  .pos-absolute-m {
    position: absolute;
  }
  .pos-fixed-m {
    position: fixed;
  }
  .pos-sticky-m {
    position: sticky;
  }
  .top-0-m {
    top: 0;
  }
  .top-1-m {
    top: var(--sp-1);
  }
  .top-2-m {
    top: var(--sp-2);
  }
  .top-3-m {
    top: var(--sp-3);
  }
  .top-4-m {
    top: var(--sp-4);
  }
  .top-5-m {
    top: var(--sp-5);
  }
  .top-6-m {
    top: var(--sp-6);
  }
  .top-7-m {
    top: var(--sp-7);
  }
  .top-8-m {
    top: var(--sp-8);
  }
  .top--1-m {
    top: calc(var(--sp-1)*-1);
  }
  .top--2-m {
    top: calc(var(--sp-2)*-1);
  }
  .top--3-m {
    top: calc(var(--sp-3)*-1);
  }
  .top--4-m {
    top: calc(var(--sp-4)*-1);
  }
  .top--5-m {
    top: calc(var(--sp-5)*-1);
  }
  .top--6-m {
    top: calc(var(--sp-6)*-1);
  }
  .top--7-m {
    top: calc(var(--sp-7)*-1);
  }
  .top--8-m {
    top: calc(var(--sp-8)*-1);
  }
  .left-0-m {
    left: 0;
  }
  .left-1-m {
    left: var(--sp-1);
  }
  .left-2-m {
    left: var(--sp-2);
  }
  .left-3-m {
    left: var(--sp-3);
  }
  .left-4-m {
    left: var(--sp-4);
  }
  .left-5-m {
    left: var(--sp-5);
  }
  .left-6-m {
    left: var(--sp-6);
  }
  .left-7-m {
    left: var(--sp-7);
  }
  .left-8-m {
    left: var(--sp-8);
  }
  .left--1-m {
    left: calc(var(--sp-1)*-1);
  }
  .left--2-m {
    left: calc(var(--sp-2)*-1);
  }
  .left--3-m {
    left: calc(var(--sp-3)*-1);
  }
  .left--4-m {
    left: calc(var(--sp-4)*-1);
  }
  .left--5-m {
    left: calc(var(--sp-5)*-1);
  }
  .left--6-m {
    left: calc(var(--sp-6)*-1);
  }
  .left--7-m {
    left: calc(var(--sp-7)*-1);
  }
  .left--8-m {
    left: calc(var(--sp-8)*-1);
  }
  .right-0-m {
    right: 0;
  }
  .right-1-m {
    right: var(--sp-1);
  }
  .right-2-m {
    right: var(--sp-2);
  }
  .right-3-m {
    right: var(--sp-3);
  }
  .right-4-m {
    right: var(--sp-4);
  }
  .right-5-m {
    right: var(--sp-5);
  }
  .right-6-m {
    right: var(--sp-6);
  }
  .right-7-m {
    right: var(--sp-7);
  }
  .right-8-m {
    right: var(--sp-8);
  }
  .right--1-m {
    right: calc(var(--sp-1)*-1);
  }
  .right--2-m {
    right: calc(var(--sp-2)*-1);
  }
  .right--3-m {
    right: calc(var(--sp-3)*-1);
  }
  .right--4-m {
    right: calc(var(--sp-4)*-1);
  }
  .right--5-m {
    right: calc(var(--sp-5)*-1);
  }
  .right--6-m {
    right: calc(var(--sp-6)*-1);
  }
  .right--7-m {
    right: calc(var(--sp-7)*-1);
  }
  .right--8-m {
    right: calc(var(--sp-8)*-1);
  }
  .bottom-0-m {
    bottom: 0;
  }
  .bottom-1-m {
    bottom: var(--sp-1);
  }
  .bottom-2-m {
    bottom: var(--sp-2);
  }
  .bottom-3-m {
    bottom: var(--sp-3);
  }
  .bottom-4-m {
    bottom: var(--sp-4);
  }
  .bottom-5-m {
    bottom: var(--sp-5);
  }
  .bottom-6-m {
    bottom: var(--sp-6);
  }
  .bottom-7-m {
    bottom: var(--sp-7);
  }
  .bottom-8-m {
    bottom: var(--sp-8);
  }
  .bottom--1-m {
    bottom: calc(var(--sp-1)*-1);
  }
  .bottom--2-m {
    bottom: calc(var(--sp-2)*-1);
  }
  .bottom--3-m {
    bottom: calc(var(--sp-3)*-1);
  }
  .bottom--4-m {
    bottom: calc(var(--sp-4)*-1);
  }
  .bottom--5-m {
    bottom: calc(var(--sp-5)*-1);
  }
  .bottom--6-m {
    bottom: calc(var(--sp-6)*-1);
  }
  .bottom--7-m {
    bottom: calc(var(--sp-7)*-1);
  }
  .bottom--8-m {
    bottom: calc(var(--sp-8)*-1);
  }
  .f-l-m {
    float: left;
  }
  .f-r-m {
    float: right;
  }
  .f-n-m {
    float: none;
  }
  .bgp-t-m {
    background-position: top;
  }
  .bgp-b-m {
    background-position: bottom;
  }
  .bgp-l-m {
    background-position: 0;
  }
  .bgp-r-m {
    background-position: 100%;
  }
  .bgp-c-m {
    background-position: 50%;
  }
  .bgp-tr-m {
    background-position: 100% 0;
  }
  .bgp-tl-m {
    background-position: 0 0;
  }
  .bgp-br-m {
    background-position: 100% 100%;
  }
  .bgp-bl-m {
    background-position: 0 100%;
  }
  .bgp-cr-m {
    background-position: 100%;
  }
  .bgp-cl-m {
    background-position: 0;
  }
  .bgp-ct-m {
    background-position: top;
  }
  .bgp-cb-m {
    background-position: bottom;
  }
  .bgr-m {
    background-repeat: repeat;
  }
  .bgr-x-m {
    background-repeat: repeat-x;
  }
  .bgr-y-m {
    background-repeat: repeat-y;
  }
  .bgr-s-m {
    background-repeat: space;
  }
  .bgr-r-m {
    background-repeat: round;
  }
  .bg-none-m {
    background-repeat: no-repeat;
  }
  .pa-0-m {
    padding: 0;
  }
  .pa-1-m {
    padding: var(--sp-1);
  }
  .pa-2-m {
    padding: var(--sp-2);
  }
  .pa-3-m {
    padding: var(--sp-3);
  }
  .pa-4-m {
    padding: var(--sp-4);
  }
  .pa-5-m {
    padding: var(--sp-5);
  }
  .pa-6-m {
    padding: var(--sp-6);
  }
  .pa-7-m {
    padding: var(--sp-7);
  }
  .pa-8-m {
    padding: var(--sp-8);
  }
  .pl-0-m {
    padding-left: 0;
  }
  .pl-1-m {
    padding-left: var(--sp-1);
  }
  .pl-2-m {
    padding-left: var(--sp-2);
  }
  .pl-3-m {
    padding-left: var(--sp-3);
  }
  .pl-4-m {
    padding-left: var(--sp-4);
  }
  .pl-5-m {
    padding-left: var(--sp-5);
  }
  .pl-6-m {
    padding-left: var(--sp-6);
  }
  .pl-7-m {
    padding-left: var(--sp-7);
  }
  .pl-8-m {
    padding-left: var(--sp-8);
  }
  .pr-0-m {
    padding-right: 0;
  }
  .pr-1-m {
    padding-right: var(--sp-1);
  }
  .pr-2-m {
    padding-right: var(--sp-2);
  }
  .pr-3-m {
    padding-right: var(--sp-3);
  }
  .pr-4-m {
    padding-right: var(--sp-4);
  }
  .pr-5-m {
    padding-right: var(--sp-5);
  }
  .pr-6-m {
    padding-right: var(--sp-6);
  }
  .pr-7-m {
    padding-right: var(--sp-7);
  }
  .pr-8-m {
    padding-right: var(--sp-8);
  }
  .pt-0-m {
    padding-top: 0;
  }
  .pt-1-m {
    padding-top: var(--sp-1);
  }
  .pt-2-m {
    padding-top: var(--sp-2);
  }
  .pt-3-m {
    padding-top: var(--sp-3);
  }
  .pt-4-m {
    padding-top: var(--sp-4);
  }
  .pt-5-m {
    padding-top: var(--sp-5);
  }
  .pt-6-m {
    padding-top: var(--sp-6);
  }
  .pt-7-m {
    padding-top: var(--sp-7);
  }
  .pt-8-m {
    padding-top: var(--sp-8);
  }
  .pb-0-m {
    padding-bottom: 0;
  }
  .pb-1-m {
    padding-bottom: var(--sp-1);
  }
  .pb-2-m {
    padding-bottom: var(--sp-2);
  }
  .pb-3-m {
    padding-bottom: var(--sp-3);
  }
  .pb-4-m {
    padding-bottom: var(--sp-4);
  }
  .pb-5-m {
    padding-bottom: var(--sp-5);
  }
  .pb-6-m {
    padding-bottom: var(--sp-6);
  }
  .pb-7-m {
    padding-bottom: var(--sp-7);
  }
  .pb-8-m {
    padding-bottom: var(--sp-8);
  }
  .ph-0-m {
    padding-left: 0;
    padding-right: 0;
  }
  .ph-1-m {
    padding-left: var(--sp-1);
    padding-right: var(--sp-1);
  }
  .ph-2-m {
    padding-left: var(--sp-2);
    padding-right: var(--sp-2);
  }
  .ph-3-m {
    padding-left: var(--sp-3);
    padding-right: var(--sp-3);
  }
  .ph-4-m {
    padding-left: var(--sp-4);
    padding-right: var(--sp-4);
  }
  .ph-5-m {
    padding-left: var(--sp-5);
    padding-right: var(--sp-5);
  }
  .ph-6-m {
    padding-left: var(--sp-6);
    padding-right: var(--sp-6);
  }
  .ph-7-m {
    padding-left: var(--sp-7);
    padding-right: var(--sp-7);
  }
  .ph-8-m {
    padding-left: var(--sp-8);
    padding-right: var(--sp-8);
  }
  .pv-0-m {
    padding-bottom: 0;
    padding-top: 0;
  }
  .pv-1-m {
    padding-bottom: var(--sp-1);
    padding-top: var(--sp-1);
  }
  .pv-2-m {
    padding-bottom: var(--sp-2);
    padding-top: var(--sp-2);
  }
  .pv-3-m {
    padding-bottom: var(--sp-3);
    padding-top: var(--sp-3);
  }
  .pv-4-m {
    padding-bottom: var(--sp-4);
    padding-top: var(--sp-4);
  }
  .pv-5-m {
    padding-bottom: var(--sp-5);
    padding-top: var(--sp-5);
  }
  .pv-6-m {
    padding-bottom: var(--sp-6);
    padding-top: var(--sp-6);
  }
  .pv-7-m {
    padding-bottom: var(--sp-7);
    padding-top: var(--sp-7);
  }
  .pv-8-m {
    padding-bottom: var(--sp-8);
    padding-top: var(--sp-8);
  }
  .ma-0-m {
    margin: 0;
  }
  .ma-1-m {
    margin: var(--sp-1);
  }
  .ma-2-m {
    margin: var(--sp-2);
  }
  .ma-3-m {
    margin: var(--sp-3);
  }
  .ma-4-m {
    margin: var(--sp-4);
  }
  .ma-5-m {
    margin: var(--sp-5);
  }
  .ma-6-m {
    margin: var(--sp-6);
  }
  .ma-7-m {
    margin: var(--sp-7);
  }
  .ma-8-m {
    margin: var(--sp-8);
  }
  .ma-auto-m {
    margin: auto;
  }
  .ml-0-m {
    margin-left: 0;
  }
  .ml-1-m {
    margin-left: var(--sp-1);
  }
  .ml-2-m {
    margin-left: var(--sp-2);
  }
  .ml-3-m {
    margin-left: var(--sp-3);
  }
  .ml-4-m {
    margin-left: var(--sp-4);
  }
  .ml-5-m {
    margin-left: var(--sp-5);
  }
  .ml-6-m {
    margin-left: var(--sp-6);
  }
  .ml-7-m {
    margin-left: var(--sp-7);
  }
  .ml-8-m {
    margin-left: var(--sp-8);
  }
  .ml-auto-m {
    margin-left: auto;
  }
  .mr-0-m {
    margin-right: 0;
  }
  .mr-1-m {
    margin-right: var(--sp-1);
  }
  .mr-2-m {
    margin-right: var(--sp-2);
  }
  .mr-3-m {
    margin-right: var(--sp-3);
  }
  .mr-4-m {
    margin-right: var(--sp-4);
  }
  .mr-5-m {
    margin-right: var(--sp-5);
  }
  .mr-6-m {
    margin-right: var(--sp-6);
  }
  .mr-7-m {
    margin-right: var(--sp-7);
  }
  .mr-8-m {
    margin-right: var(--sp-8);
  }
  .mr-auto-m {
    margin-right: auto;
  }
  .mt-0-m {
    margin-top: 0;
  }
  .mt-1-m {
    margin-top: var(--sp-1);
  }
  .mt-2-m {
    margin-top: var(--sp-2);
  }
  .mt-3-m {
    margin-top: var(--sp-3);
  }
  .mt-4-m {
    margin-top: var(--sp-4);
  }
  .mt-5-m {
    margin-top: var(--sp-5);
  }
  .mt-6-m {
    margin-top: var(--sp-6);
  }
  .mt-7-m {
    margin-top: var(--sp-7);
  }
  .mt-8-m {
    margin-top: var(--sp-8);
  }
  .mt-auto-m {
    margin-top: auto;
  }
  .mb-0-m {
    margin-bottom: 0;
  }
  .mb-1-m {
    margin-bottom: var(--sp-1);
  }
  .mb-2-m {
    margin-bottom: var(--sp-2);
  }
  .mb-3-m {
    margin-bottom: var(--sp-3);
  }
  .mb-4-m {
    margin-bottom: var(--sp-4);
  }
  .mb-5-m {
    margin-bottom: var(--sp-5);
  }
  .mb-6-m {
    margin-bottom: var(--sp-6);
  }
  .mb-7-m {
    margin-bottom: var(--sp-7);
  }
  .mb-8-m {
    margin-bottom: var(--sp-8);
  }
  .mb-auto-m {
    margin-bottom: auto;
  }
  .mh-0-m {
    margin-left: 0;
    margin-right: 0;
  }
  .mh-1-m {
    margin-left: var(--sp-1);
    margin-right: var(--sp-1);
  }
  .mh-2-m {
    margin-left: var(--sp-2);
    margin-right: var(--sp-2);
  }
  .mh-3-m {
    margin-left: var(--sp-3);
    margin-right: var(--sp-3);
  }
  .mh-4-m {
    margin-left: var(--sp-4);
    margin-right: var(--sp-4);
  }
  .mh-5-m {
    margin-left: var(--sp-5);
    margin-right: var(--sp-5);
  }
  .mh-6-m {
    margin-left: var(--sp-6);
    margin-right: var(--sp-6);
  }
  .mh-7-m {
    margin-left: var(--sp-7);
    margin-right: var(--sp-7);
  }
  .mh-8-m {
    margin-left: var(--sp-8);
    margin-right: var(--sp-8);
  }
  .mh-auto-m {
    margin-left: auto;
    margin-right: auto;
  }
  .mv-0-m {
    margin-bottom: 0;
    margin-top: 0;
  }
  .mv-1-m {
    margin-bottom: var(--sp-1);
    margin-top: var(--sp-1);
  }
  .mv-2-m {
    margin-bottom: var(--sp-2);
    margin-top: var(--sp-2);
  }
  .mv-3-m {
    margin-bottom: var(--sp-3);
    margin-top: var(--sp-3);
  }
  .mv-4-m {
    margin-bottom: var(--sp-4);
    margin-top: var(--sp-4);
  }
  .mv-5-m {
    margin-bottom: var(--sp-5);
    margin-top: var(--sp-5);
  }
  .mv-6-m {
    margin-bottom: var(--sp-6);
    margin-top: var(--sp-6);
  }
  .mv-7-m {
    margin-bottom: var(--sp-7);
    margin-top: var(--sp-7);
  }
  .mv-8-m {
    margin-bottom: var(--sp-8);
    margin-top: var(--sp-8);
  }
  .mv-auto-m {
    margin-bottom: auto;
    margin-top: auto;
  }
  .gap-0-m {
    gap: 0;
  }
  .gap-1-m {
    gap: var(--sp-1);
  }
  .gap-2-m {
    gap: var(--sp-2);
  }
  .gap-3-m {
    gap: var(--sp-3);
  }
  .gap-4-m {
    gap: var(--sp-4);
  }
  .gap-5-m {
    gap: var(--sp-5);
  }
  .gap-6-m {
    gap: var(--sp-6);
  }
  .gap-7-m {
    gap: var(--sp-7);
  }
  .gap-8-m {
    gap: var(--sp-8);
  }
  .row-gap-0-m {
    row-gap: 0;
  }
  .row-gap-1-m {
    row-gap: var(--sp-1);
  }
  .row-gap-2-m {
    row-gap: var(--sp-2);
  }
  .row-gap-3-m {
    row-gap: var(--sp-3);
  }
  .row-gap-4-m {
    row-gap: var(--sp-4);
  }
  .row-gap-5-m {
    row-gap: var(--sp-5);
  }
  .row-gap-6-m {
    row-gap: var(--sp-6);
  }
  .row-gap-7-m {
    row-gap: var(--sp-7);
  }
  .row-gap-8-m {
    row-gap: var(--sp-8);
  }
  .col-gap-0-m {
    column-gap: 0;
  }
  .col-gap-1-m {
    column-gap: var(--sp-1);
  }
  .col-gap-2-m {
    column-gap: var(--sp-2);
  }
  .col-gap-3-m {
    column-gap: var(--sp-3);
  }
  .col-gap-4-m {
    column-gap: var(--sp-4);
  }
  .col-gap-5-m {
    column-gap: var(--sp-5);
  }
  .col-gap-6-m {
    column-gap: var(--sp-6);
  }
  .col-gap-7-m {
    column-gap: var(--sp-7);
  }
  .col-gap-8-m {
    column-gap: var(--sp-8);
  }
  .ff-sans-m {
    font-family: var(--ff-sans);
  }
  .ff-serif-m {
    font-family: var(--ff-serif);
  }
  .ff-mono-m {
    font-family: var(--ff-mono);
  }
  .ff-cursive-m {
    font-family: var(--ff-cursive);
  }
  .ff-fantasy-m {
    font-family: var(--ff-fantasy);
  }
  .f-0-m {
    font-size: var(--fs-0);
  }
  .f-1-m {
    font-size: var(--fs-1);
  }
  .f-2-m {
    font-size: var(--fs-2);
  }
  .f-3-m {
    font-size: var(--fs-3);
  }
  .f-4-m {
    font-size: var(--fs-4);
  }
  .f-5-m {
    font-size: var(--fs-5);
  }
  .f-6-m {
    font-size: var(--fs-6);
  }
  .f-7-m {
    font-size: var(--fs-7);
  }
  .f-8-m {
    font-size: var(--fs-8);
  }
  .f-9-m {
    font-size: var(--fs-9);
  }
  .fw-normal-m {
    font-weight: 400;
  }
  .fw-bold-m {
    font-weight: 700;
  }
  .fw-1-m {
    font-weight: 100;
  }
  .fw-2-m {
    font-weight: 200;
  }
  .fw-3-m {
    font-weight: 300;
  }
  .fw-4-m {
    font-weight: 400;
  }
  .fw-5-m {
    font-weight: 500;
  }
  .fw-6-m {
    font-weight: 600;
  }
  .fw-7-m {
    font-weight: 700;
  }
  .fw-8-m {
    font-weight: 800;
  }
  .fw-9-m {
    font-weight: 900;
  }
  .fs-normal-m {
    font-style: normal;
  }
  .fs-italic-m {
    font-style: italic;
  }
  .fv-sc-m {
    font-variant: small-caps;
  }
  .fv-normal-m {
    font-variant: normal;
  }
  .tracked-m {
    letter-spacing: var(--ls-tracked);
  }
  .tracked-tight-m {
    letter-spacing: var(--ls-tight);
  }
  .tracked-mega-m {
    letter-spacing: var(--ls-mega);
  }
  .tracked-none-m {
    letter-spacing: var(--ls-none);
  }
  .lh-solid-m {
    line-height: var(--lh-solid);
  }
  .lh-title-m {
    line-height: var(--lh-title);
  }
  .lh-copy-m {
    line-height: var(--lh-copy);
  }
  .tr-m {
    text-align: right;
  }
  .tc-m {
    text-align: center;
  }
  .tl-m {
    text-align: left;
  }
  .ttn-m {
    text-transform: none;
  }
  .ttu-m {
    text-transform: uppercase;
  }
  .ttl-m {
    text-transform: lowercase;
  }
  .ttc-m {
    text-transform: capitalize;
  }
  .tdn-m {
    text-decoration: none;
  }
  .tdu-m,
  .u-m {
    text-decoration: underline;
  }
  .tds-m {
    text-decoration: line-through;
  }
  .tdo-m {
    text-decoration: overline;
  }
  .indent--3-m {
    text-indent: calc(var(--indent-3)*-1);
  }
  .indent--2-m {
    text-indent: calc(var(--indent-2)*-1);
  }
  .indent--1-m {
    text-indent: calc(var(--indent-1)*-1);
  }
  .indent-0-m {
    text-indent: 0;
  }
  .indent-1-m {
    text-indent: var(--indent-1);
  }
  .indent-2-m {
    text-indent: var(--indent-2);
  }
  .indent-3-m {
    text-indent: var(--indent-3);
  }
  .truncate-m {
    text-overflow: ellipsis;
  }
  .clip-m {
    text-overflow: clip;
  }
  .ws-normal-m {
    white-space: normal;
  }
  .ws-nowrap-m {
    white-space: nowrap;
  }
  .ws-pre-m {
    white-space: pre;
  }
  .measure-m {
    max-width: var(--tw);
  }
  .measure-wide-m {
    max-width: var(--tw-wide);
  }
  .measure-narrow-m {
    max-width: var(--tw-narrow);
  }
  .p-m {
    line-height: var(--lh-copy);
    max-width: var(--tw);
  }
  .b-m {
    font-weight: 700;
  }
  .sc-m {
    font-variant: small-caps;
  }
  .i-m {
    font-style: italic;
  }
  .sr-only-m {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
  }
  .undo-sr-only-m {
    margin: 0;
    padding: 0;
    position: static;
    clip: auto;
    height: auto;
    overflow: visible;
    white-space: normal;
    width: auto;
  }
  .hover-red-100-m:hover {
    color: var(--red-100);
  }
  .hover-red-200-m:hover {
    color: var(--red-200);
  }
  .hover-red-300-m:hover {
    color: var(--red-300);
  }
  .hover-red-400-m:hover {
    color: var(--red-400);
  }
  .hover-red-500-m:hover {
    color: var(--red-500);
  }
  .hover-red-600-m:hover {
    color: var(--red-600);
  }
  .hover-red-700-m:hover {
    color: var(--red-700);
  }
  .hover-red-800-m:hover {
    color: var(--red-800);
  }
  .hover-red-900-m:hover {
    color: var(--red-900);
  }
  .hover-orange-100-m:hover {
    color: var(--orange-100);
  }
  .hover-orange-200-m:hover {
    color: var(--orange-200);
  }
  .hover-orange-300-m:hover {
    color: var(--orange-300);
  }
  .hover-orange-400-m:hover {
    color: var(--orange-400);
  }
  .hover-orange-500-m:hover {
    color: var(--orange-500);
  }
  .hover-orange-600-m:hover {
    color: var(--orange-600);
  }
  .hover-orange-700-m:hover {
    color: var(--orange-700);
  }
  .hover-orange-800-m:hover {
    color: var(--orange-800);
  }
  .hover-orange-900-m:hover {
    color: var(--orange-900);
  }
  .hover-yellow-100-m:hover {
    color: var(--yellow-100);
  }
  .hover-yellow-200-m:hover {
    color: var(--yellow-200);
  }
  .hover-yellow-300-m:hover {
    color: var(--yellow-300);
  }
  .hover-yellow-400-m:hover {
    color: var(--yellow-400);
  }
  .hover-yellow-500-m:hover {
    color: var(--yellow-500);
  }
  .hover-yellow-600-m:hover {
    color: var(--yellow-600);
  }
  .hover-yellow-700-m:hover {
    color: var(--yellow-700);
  }
  .hover-yellow-800-m:hover {
    color: var(--yellow-800);
  }
  .hover-yellow-900-m:hover {
    color: var(--yellow-900);
  }
  .hover-green-100-m:hover {
    color: var(--green-100);
  }
  .hover-green-200-m:hover {
    color: var(--green-200);
  }
  .hover-green-300-m:hover {
    color: var(--green-300);
  }
  .hover-green-400-m:hover {
    color: var(--green-400);
  }
  .hover-green-500-m:hover {
    color: var(--green-500);
  }
  .hover-green-600-m:hover {
    color: var(--green-600);
  }
  .hover-green-700-m:hover {
    color: var(--green-700);
  }
  .hover-green-800-m:hover {
    color: var(--green-800);
  }
  .hover-green-900-m:hover {
    color: var(--green-900);
  }
  .hover-blue-100-m:hover {
    color: var(--blue-100);
  }
  .hover-blue-200-m:hover {
    color: var(--blue-200);
  }
  .hover-blue-300-m:hover {
    color: var(--blue-300);
  }
  .hover-blue-400-m:hover {
    color: var(--blue-400);
  }
  .hover-blue-500-m:hover {
    color: var(--blue-500);
  }
  .hover-blue-600-m:hover {
    color: var(--blue-600);
  }
  .hover-blue-700-m:hover {
    color: var(--blue-700);
  }
  .hover-blue-800-m:hover {
    color: var(--blue-800);
  }
  .hover-blue-900-m:hover {
    color: var(--blue-900);
  }
  .hover-purple-100-m:hover {
    color: var(--purple-100);
  }
  .hover-purple-200-m:hover {
    color: var(--purple-200);
  }
  .hover-purple-300-m:hover {
    color: var(--purple-300);
  }
  .hover-purple-400-m:hover {
    color: var(--purple-400);
  }
  .hover-purple-500-m:hover {
    color: var(--purple-500);
  }
  .hover-purple-600-m:hover {
    color: var(--purple-600);
  }
  .hover-purple-700-m:hover {
    color: var(--purple-700);
  }
  .hover-purple-800-m:hover {
    color: var(--purple-800);
  }
  .hover-purple-900-m:hover {
    color: var(--purple-900);
  }
  .hover-gray-100-m:hover {
    color: var(--gray-100);
  }
  .hover-gray-200-m:hover {
    color: var(--gray-200);
  }
  .hover-gray-300-m:hover {
    color: var(--gray-300);
  }
  .hover-gray-400-m:hover {
    color: var(--gray-400);
  }
  .hover-gray-500-m:hover {
    color: var(--gray-500);
  }
  .hover-gray-600-m:hover {
    color: var(--gray-600);
  }
  .hover-gray-700-m:hover {
    color: var(--gray-700);
  }
  .hover-gray-800-m:hover {
    color: var(--gray-800);
  }
  .hover-gray-900-m:hover {
    color: var(--gray-900);
  }
  .hover-black-ish-m:hover {
    color: var(--black-ish);
  }
  .hover-white-ish-m:hover {
    color: var(--white-ish);
  }
  .hover-bg-red-100-m:hover {
    background-color: var(--red-100);
  }
  .hover-bg-red-200-m:hover {
    background-color: var(--red-200);
  }
  .hover-bg-red-300-m:hover {
    background-color: var(--red-300);
  }
  .hover-bg-red-400-m:hover {
    background-color: var(--red-400);
  }
  .hover-bg-red-500-m:hover {
    background-color: var(--red-500);
  }
  .hover-bg-red-600-m:hover {
    background-color: var(--red-600);
  }
  .hover-bg-red-700-m:hover {
    background-color: var(--red-700);
  }
  .hover-bg-red-800-m:hover {
    background-color: var(--red-800);
  }
  .hover-bg-red-900-m:hover {
    background-color: var(--red-900);
  }
  .hover-bg-orange-100-m:hover {
    background-color: var(--orange-100);
  }
  .hover-bg-orange-200-m:hover {
    background-color: var(--orange-200);
  }
  .hover-bg-orange-300-m:hover {
    background-color: var(--orange-300);
  }
  .hover-bg-orange-400-m:hover {
    background-color: var(--orange-400);
  }
  .hover-bg-orange-500-m:hover {
    background-color: var(--orange-500);
  }
  .hover-bg-orange-600-m:hover {
    background-color: var(--orange-600);
  }
  .hover-bg-orange-700-m:hover {
    background-color: var(--orange-700);
  }
  .hover-bg-orange-800-m:hover {
    background-color: var(--orange-800);
  }
  .hover-bg-orange-900-m:hover {
    background-color: var(--orange-900);
  }
  .hover-bg-yellow-100-m:hover {
    background-color: var(--yellow-100);
  }
  .hover-bg-yellow-200-m:hover {
    background-color: var(--yellow-200);
  }
  .hover-bg-yellow-300-m:hover {
    background-color: var(--yellow-300);
  }
  .hover-bg-yellow-400-m:hover {
    background-color: var(--yellow-400);
  }
  .hover-bg-yellow-500-m:hover {
    background-color: var(--yellow-500);
  }
  .hover-bg-yellow-600-m:hover {
    background-color: var(--yellow-600);
  }
  .hover-bg-yellow-700-m:hover {
    background-color: var(--yellow-700);
  }
  .hover-bg-yellow-800-m:hover {
    background-color: var(--yellow-800);
  }
  .hover-bg-yellow-900-m:hover {
    background-color: var(--yellow-900);
  }
  .hover-bg-green-100-m:hover {
    background-color: var(--green-100);
  }
  .hover-bg-green-200-m:hover {
    background-color: var(--green-200);
  }
  .hover-bg-green-300-m:hover {
    background-color: var(--green-300);
  }
  .hover-bg-green-400-m:hover {
    background-color: var(--green-400);
  }
  .hover-bg-green-500-m:hover {
    background-color: var(--green-500);
  }
  .hover-bg-green-600-m:hover {
    background-color: var(--green-600);
  }
  .hover-bg-green-700-m:hover {
    background-color: var(--green-700);
  }
  .hover-bg-green-800-m:hover {
    background-color: var(--green-800);
  }
  .hover-bg-green-900-m:hover {
    background-color: var(--green-900);
  }
  .hover-bg-blue-100-m:hover {
    background-color: var(--blue-100);
  }
  .hover-bg-blue-200-m:hover {
    background-color: var(--blue-200);
  }
  .hover-bg-blue-300-m:hover {
    background-color: var(--blue-300);
  }
  .hover-bg-blue-400-m:hover {
    background-color: var(--blue-400);
  }
  .hover-bg-blue-500-m:hover {
    background-color: var(--blue-500);
  }
  .hover-bg-blue-600-m:hover {
    background-color: var(--blue-600);
  }
  .hover-bg-blue-700-m:hover {
    background-color: var(--blue-700);
  }
  .hover-bg-blue-800-m:hover {
    background-color: var(--blue-800);
  }
  .hover-bg-blue-900-m:hover {
    background-color: var(--blue-900);
  }
  .hover-bg-purple-100-m:hover {
    background-color: var(--purple-100);
  }
  .hover-bg-purple-200-m:hover {
    background-color: var(--purple-200);
  }
  .hover-bg-purple-300-m:hover {
    background-color: var(--purple-300);
  }
  .hover-bg-purple-400-m:hover {
    background-color: var(--purple-400);
  }
  .hover-bg-purple-500-m:hover {
    background-color: var(--purple-500);
  }
  .hover-bg-purple-600-m:hover {
    background-color: var(--purple-600);
  }
  .hover-bg-purple-700-m:hover {
    background-color: var(--purple-700);
  }
  .hover-bg-purple-800-m:hover {
    background-color: var(--purple-800);
  }
  .hover-bg-purple-900-m:hover {
    background-color: var(--purple-900);
  }
  .hover-bg-gray-100-m:hover {
    background-color: var(--gray-100);
  }
  .hover-bg-gray-200-m:hover {
    background-color: var(--gray-200);
  }
  .hover-bg-gray-300-m:hover {
    background-color: var(--gray-300);
  }
  .hover-bg-gray-400-m:hover {
    background-color: var(--gray-400);
  }
  .hover-bg-gray-500-m:hover {
    background-color: var(--gray-500);
  }
  .hover-bg-gray-600-m:hover {
    background-color: var(--gray-600);
  }
  .hover-bg-gray-700-m:hover {
    background-color: var(--gray-700);
  }
  .hover-bg-gray-800-m:hover {
    background-color: var(--gray-800);
  }
  .hover-bg-gray-900-m:hover {
    background-color: var(--gray-900);
  }
  .hover-bg-black-m:hover {
    background-color: var(--black);
  }
  .hover-bg-black-ish-m:hover {
    background-color: var(--black-ish);
  }
  .hover-bg-white-m:hover {
    background-color: var(--white);
  }
  .hover-bg-white-ish-m:hover {
    background-color: var(--white-ish);
  }
  .hover-bg-none-m:hover {
    background-repeat: no-repeat;
  }
  .hover-tdu-m:hover {
    text-decoration: underline;
  }
  .disabled-gray-100-m:disabled {
    color: var(--gray-100);
  }
  .disabled-gray-200-m:disabled {
    color: var(--gray-200);
  }
  .disabled-gray-300-m:disabled {
    color: var(--gray-300);
  }
  .disabled-gray-400-m:disabled {
    color: var(--gray-400);
  }
  .disabled-gray-500-m:disabled {
    color: var(--gray-500);
  }
  .disabled-gray-600-m:disabled {
    color: var(--gray-600);
  }
  .disabled-gray-700-m:disabled {
    color: var(--gray-700);
  }
  .disabled-gray-800-m:disabled {
    color: var(--gray-800);
  }
  .disabled-gray-900-m:disabled {
    color: var(--gray-900);
  }
  .disabled-bg-gray-100-m:disabled {
    background-color: var(--gray-100);
  }
  .disabled-bg-gray-200-m:disabled {
    background-color: var(--gray-200);
  }
  .disabled-bg-gray-300-m:disabled {
    background-color: var(--gray-300);
  }
  .disabled-bg-gray-400-m:disabled {
    background-color: var(--gray-400);
  }
  .disabled-bg-gray-500-m:disabled {
    background-color: var(--gray-500);
  }
  .disabled-bg-gray-600-m:disabled {
    background-color: var(--gray-600);
  }
  .disabled-bg-gray-700-m:disabled {
    background-color: var(--gray-700);
  }
  .disabled-bg-gray-800-m:disabled {
    background-color: var(--gray-800);
  }
  .disabled-bg-gray-900-m:disabled {
    background-color: var(--gray-900);
  }
}
@media screen and (min-width:60em) {
  .appearance-none-l {
    appearance: none;
  }
  .appearance-auto-l {
    appearance: auto;
  }
  .shadow-1-l {
    box-shadow: 1px 1px 4px 0 #878787;
  }
  .shadow-2-l {
    box-shadow: 1px 1px 10.64px 0 #878787;
  }
  .shadow-3-l {
    box-shadow: 1px 1px 15.022px 0 #878787;
  }
  .shadow-4-l {
    box-shadow: 1px 1px 22.297px 0 #878787;
  }
  .shadow-5-l {
    box-shadow: 1px 1px 34.373px 0 #878787;
  }
  .shadow-6-l {
    box-shadow: 1px 1px 54.419px 0 #878787;
  }
  .shadow-none-l {
    box-shadow: none;
  }
  .inset-shadow-1-l {
    box-shadow: inset 1px 1px 4px -1px #6a6a6a;
  }
  .inset-shadow-2-l {
    box-shadow: inset 1px 1px 5.52px -1.043px #6a6a6a;
  }
  .inset-shadow-3-l {
    box-shadow: inset 1px 1px 8.195px -1.193px #6a6a6a;
  }
  .inset-shadow-4-l {
    box-shadow: inset 1px 1px 12.903px -1.485px #6a6a6a;
  }
  .inset-shadow-5-l {
    box-shadow: inset 1px 1px 21.19px -1.986px #6a6a6a;
  }
  .inset-shadow-6-l {
    box-shadow: inset 1px 1px 35.774px -2.802px #6a6a6a;
  }
  .inset-shadow-none-l {
    box-shadow: none;
  }
  .cursor-default-l {
    cursor: default;
  }
  .cursor-pointer-l,
  .pointer-l {
    cursor: pointer;
  }
  .cursor-progress-l {
    cursor: progress;
  }
  .cursor-move-l {
    cursor: move;
  }
  .cursor-grab-l {
    cursor: grab;
  }
  .cursor-not-allowed-l {
    cursor: not-allowed;
  }
  .o-10-l {
    opacity: 10%;
  }
  .o-20-l {
    opacity: 20%;
  }
  .o-25-l {
    opacity: 25%;
  }
  .o-30-l {
    opacity: 30%;
  }
  .o-40-l {
    opacity: 40%;
  }
  .o-50-l {
    opacity: 50%;
  }
  .o-60-l {
    opacity: 60%;
  }
  .o-70-l {
    opacity: 70%;
  }
  .o-75-l {
    opacity: 75%;
  }
  .o-80-l {
    opacity: 80%;
  }
  .o-90-l {
    opacity: 90%;
  }
  .o-100-l {
    opacity: 100%;
  }
  .o-third-l {
    opacity: 33.33333%;
  }
  .o-two-thirds-l {
    opacity: 66.66667%;
  }
  .ba-l {
    border-style: solid;
    border-width: 1px;
  }
  .bl-l {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .br-l {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bt-l {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .bb-l {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bn-l {
    border-style: none;
    border-width: 0;
  }
  .collapse-l {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .br-0-l {
    border-radius: 0;
  }
  .br-1-l {
    border-radius: var(--bw-1);
  }
  .br-2-l {
    border-radius: var(--bw-2);
  }
  .br-3-l {
    border-radius: var(--bw-3);
  }
  .br-4-l {
    border-radius: var(--bw-4);
  }
  .br-5-l {
    border-radius: var(--bw-5);
  }
  .br-100-l {
    border-radius: 100%;
  }
  .br-pill-l {
    border-radius: 999px;
  }
  .br-bottom-0-l {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br-bottom-1-l {
    border-bottom-left-radius: var(--bw-1);
    border-bottom-right-radius: var(--bw-1);
  }
  .br-bottom-2-l {
    border-bottom-left-radius: var(--bw-2);
    border-bottom-right-radius: var(--bw-2);
  }
  .br-bottom-3-l {
    border-bottom-left-radius: var(--bw-3);
    border-bottom-right-radius: var(--bw-3);
  }
  .br-bottom-4-l {
    border-bottom-left-radius: var(--bw-4);
    border-bottom-right-radius: var(--bw-4);
  }
  .br-bottom-5-l {
    border-bottom-left-radius: var(--bw-5);
    border-bottom-right-radius: var(--bw-5);
  }
  .br-bottom-100-l {
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
  }
  .br-bottom-pill-l {
    border-bottom-left-radius: 999px;
    border-bottom-right-radius: 999px;
  }
  .br-top-0-l {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br-top-1-l {
    border-top-left-radius: var(--bw-1);
    border-top-right-radius: var(--bw-1);
  }
  .br-top-2-l {
    border-top-left-radius: var(--bw-2);
    border-top-right-radius: var(--bw-2);
  }
  .br-top-3-l {
    border-top-left-radius: var(--bw-3);
    border-top-right-radius: var(--bw-3);
  }
  .br-top-4-l {
    border-top-left-radius: var(--bw-4);
    border-top-right-radius: var(--bw-4);
  }
  .br-top-5-l {
    border-top-left-radius: var(--bw-5);
    border-top-right-radius: var(--bw-5);
  }
  .br-top-100-l {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
  }
  .br-top-pill-l {
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
  }
  .br-left-0-l {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .br-left-1-l {
    border-bottom-left-radius: var(--bw-1);
    border-top-left-radius: var(--bw-1);
  }
  .br-left-2-l {
    border-bottom-left-radius: var(--bw-2);
    border-top-left-radius: var(--bw-2);
  }
  .br-left-3-l {
    border-bottom-left-radius: var(--bw-3);
    border-top-left-radius: var(--bw-3);
  }
  .br-left-4-l {
    border-bottom-left-radius: var(--bw-4);
    border-top-left-radius: var(--bw-4);
  }
  .br-left-5-l {
    border-bottom-left-radius: var(--bw-5);
    border-top-left-radius: var(--bw-5);
  }
  .br-left-100-l {
    border-bottom-left-radius: 100%;
    border-top-left-radius: 100%;
  }
  .br-left-pill-l {
    border-bottom-left-radius: 999px;
    border-top-left-radius: 999px;
  }
  .br-right-0-l {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .br-right-1-l {
    border-bottom-right-radius: var(--bw-1);
    border-top-right-radius: var(--bw-1);
  }
  .br-right-2-l {
    border-bottom-right-radius: var(--bw-2);
    border-top-right-radius: var(--bw-2);
  }
  .br-right-3-l {
    border-bottom-right-radius: var(--bw-3);
    border-top-right-radius: var(--bw-3);
  }
  .br-right-4-l {
    border-bottom-right-radius: var(--bw-4);
    border-top-right-radius: var(--bw-4);
  }
  .br-right-5-l {
    border-bottom-right-radius: var(--bw-5);
    border-top-right-radius: var(--bw-5);
  }
  .br-right-100-l {
    border-bottom-right-radius: 100%;
    border-top-right-radius: 100%;
  }
  .br-right-pill-l {
    border-bottom-right-radius: 999px;
    border-top-right-radius: 999px;
  }
  .br-tr-0-l {
    border-top-right-radius: 0;
  }
  .br-tr-1-l {
    border-top-right-radius: var(--bw-1);
  }
  .br-tr-2-l {
    border-top-right-radius: var(--bw-2);
  }
  .br-tr-3-l {
    border-top-right-radius: var(--bw-3);
  }
  .br-tr-4-l {
    border-top-right-radius: var(--bw-4);
  }
  .br-tr-5-l {
    border-top-right-radius: var(--bw-5);
  }
  .br-tr-100-l {
    border-top-right-radius: 100%;
  }
  .br-tr-pill-l {
    border-top-right-radius: 999px;
  }
  .br-br-0-l {
    border-bottom-right-radius: 0;
  }
  .br-br-1-l {
    border-bottom-right-radius: var(--bw-1);
  }
  .br-br-2-l {
    border-bottom-right-radius: var(--bw-2);
  }
  .br-br-3-l {
    border-bottom-right-radius: var(--bw-3);
  }
  .br-br-4-l {
    border-bottom-right-radius: var(--bw-4);
  }
  .br-br-5-l {
    border-bottom-right-radius: var(--bw-5);
  }
  .br-br-100-l {
    border-bottom-right-radius: 100%;
  }
  .br-br-pill-l {
    border-bottom-right-radius: 999px;
  }
  .br-tl-0-l {
    border-top-left-radius: 0;
  }
  .br-tl-1-l {
    border-top-left-radius: var(--bw-1);
  }
  .br-tl-2-l {
    border-top-left-radius: var(--bw-2);
  }
  .br-tl-3-l {
    border-top-left-radius: var(--bw-3);
  }
  .br-tl-4-l {
    border-top-left-radius: var(--bw-4);
  }
  .br-tl-5-l {
    border-top-left-radius: var(--bw-5);
  }
  .br-tl-100-l {
    border-top-left-radius: 100%;
  }
  .br-tl-pill-l {
    border-top-left-radius: 999px;
  }
  .br-bl-0-l {
    border-bottom-left-radius: 0;
  }
  .br-bl-1-l {
    border-bottom-left-radius: var(--bw-1);
  }
  .br-bl-2-l {
    border-bottom-left-radius: var(--bw-2);
  }
  .br-bl-3-l {
    border-bottom-left-radius: var(--bw-3);
  }
  .br-bl-4-l {
    border-bottom-left-radius: var(--bw-4);
  }
  .br-bl-5-l {
    border-bottom-left-radius: var(--bw-5);
  }
  .br-bl-100-l {
    border-bottom-left-radius: 100%;
  }
  .br-bl-pill-l {
    border-bottom-left-radius: 999px;
  }
  .bs-dotted-l {
    border-style: dotted;
  }
  .bs-dashed-l {
    border-style: dashed;
  }
  .bs-solid-l {
    border-style: solid;
  }
  .bs-none-l {
    border-style: none;
  }
  .bls-dotted-l {
    border-left-style: dotted;
  }
  .bls-dashed-l {
    border-left-style: dashed;
  }
  .bls-solid-l {
    border-left-style: solid;
  }
  .bls-none-l {
    border-left-style: none;
  }
  .brs-dotted-l {
    border-right-style: dotted;
  }
  .brs-dashed-l {
    border-right-style: dashed;
  }
  .brs-solid-l {
    border-right-style: solid;
  }
  .brs-none-l {
    border-right-style: none;
  }
  .bts-dotted-l {
    border-top-style: dotted;
  }
  .bts-dashed-l {
    border-top-style: dashed;
  }
  .bts-solid-l {
    border-top-style: solid;
  }
  .bts-none-l {
    border-top-style: none;
  }
  .bbs-dotted-l {
    border-bottom-style: dotted;
  }
  .bbs-dashed-l {
    border-bottom-style: dashed;
  }
  .bbs-solid-l {
    border-bottom-style: solid;
  }
  .bbs-none-l {
    border-bottom-style: none;
  }
  .bw-0-l {
    border-width: 0;
  }
  .bw-1-l {
    border-width: var(--bw-1);
  }
  .bw-2-l {
    border-width: var(--bw-2);
  }
  .bw-3-l {
    border-width: var(--bw-3);
  }
  .bw-4-l {
    border-width: var(--bw-4);
  }
  .bw-5-l {
    border-width: var(--bw-5);
  }
  .blw-0-l {
    border-left-width: 0;
  }
  .blw-1-l {
    border-left-width: var(--bw-1);
  }
  .blw-2-l {
    border-left-width: var(--bw-2);
  }
  .blw-3-l {
    border-left-width: var(--bw-3);
  }
  .blw-4-l {
    border-left-width: var(--bw-4);
  }
  .blw-5-l {
    border-left-width: var(--bw-5);
  }
  .brw-0-l {
    border-right-width: 0;
  }
  .brw-1-l {
    border-right-width: var(--bw-1);
  }
  .brw-2-l {
    border-right-width: var(--bw-2);
  }
  .brw-3-l {
    border-right-width: var(--bw-3);
  }
  .brw-4-l {
    border-right-width: var(--bw-4);
  }
  .brw-5-l {
    border-right-width: var(--bw-5);
  }
  .btw-0-l {
    border-top-width: 0;
  }
  .btw-1-l {
    border-top-width: var(--bw-1);
  }
  .btw-2-l {
    border-top-width: var(--bw-2);
  }
  .btw-3-l {
    border-top-width: var(--bw-3);
  }
  .btw-4-l {
    border-top-width: var(--bw-4);
  }
  .btw-5-l {
    border-top-width: var(--bw-5);
  }
  .bbw-0-l {
    border-bottom-width: 0;
  }
  .bbw-1-l {
    border-bottom-width: var(--bw-1);
  }
  .bbw-2-l {
    border-bottom-width: var(--bw-2);
  }
  .bbw-3-l {
    border-bottom-width: var(--bw-3);
  }
  .bbw-4-l {
    border-bottom-width: var(--bw-4);
  }
  .bbw-5-l {
    border-bottom-width: var(--bw-5);
  }
  .red-100-l {
    color: var(--red-100);
  }
  .red-200-l {
    color: var(--red-200);
  }
  .red-300-l {
    color: var(--red-300);
  }
  .red-400-l {
    color: var(--red-400);
  }
  .red-500-l {
    color: var(--red-500);
  }
  .red-600-l {
    color: var(--red-600);
  }
  .red-700-l {
    color: var(--red-700);
  }
  .red-800-l {
    color: var(--red-800);
  }
  .red-900-l {
    color: var(--red-900);
  }
  .orange-100-l {
    color: var(--orange-100);
  }
  .orange-200-l {
    color: var(--orange-200);
  }
  .orange-300-l {
    color: var(--orange-300);
  }
  .orange-400-l {
    color: var(--orange-400);
  }
  .orange-500-l {
    color: var(--orange-500);
  }
  .orange-600-l {
    color: var(--orange-600);
  }
  .orange-700-l {
    color: var(--orange-700);
  }
  .orange-800-l {
    color: var(--orange-800);
  }
  .orange-900-l {
    color: var(--orange-900);
  }
  .yellow-100-l {
    color: var(--yellow-100);
  }
  .yellow-200-l {
    color: var(--yellow-200);
  }
  .yellow-300-l {
    color: var(--yellow-300);
  }
  .yellow-400-l {
    color: var(--yellow-400);
  }
  .yellow-500-l {
    color: var(--yellow-500);
  }
  .yellow-600-l {
    color: var(--yellow-600);
  }
  .yellow-700-l {
    color: var(--yellow-700);
  }
  .yellow-800-l {
    color: var(--yellow-800);
  }
  .yellow-900-l {
    color: var(--yellow-900);
  }
  .green-100-l {
    color: var(--green-100);
  }
  .green-200-l {
    color: var(--green-200);
  }
  .green-300-l {
    color: var(--green-300);
  }
  .green-400-l {
    color: var(--green-400);
  }
  .green-500-l {
    color: var(--green-500);
  }
  .green-600-l {
    color: var(--green-600);
  }
  .green-700-l {
    color: var(--green-700);
  }
  .green-800-l {
    color: var(--green-800);
  }
  .green-900-l {
    color: var(--green-900);
  }
  .blue-100-l {
    color: var(--blue-100);
  }
  .blue-200-l {
    color: var(--blue-200);
  }
  .blue-300-l {
    color: var(--blue-300);
  }
  .blue-400-l {
    color: var(--blue-400);
  }
  .blue-500-l {
    color: var(--blue-500);
  }
  .blue-600-l {
    color: var(--blue-600);
  }
  .blue-700-l {
    color: var(--blue-700);
  }
  .blue-800-l {
    color: var(--blue-800);
  }
  .blue-900-l {
    color: var(--blue-900);
  }
  .purple-100-l {
    color: var(--purple-100);
  }
  .purple-200-l {
    color: var(--purple-200);
  }
  .purple-300-l {
    color: var(--purple-300);
  }
  .purple-400-l {
    color: var(--purple-400);
  }
  .purple-500-l {
    color: var(--purple-500);
  }
  .purple-600-l {
    color: var(--purple-600);
  }
  .purple-700-l {
    color: var(--purple-700);
  }
  .purple-800-l {
    color: var(--purple-800);
  }
  .purple-900-l {
    color: var(--purple-900);
  }
  .gray-100-l {
    color: var(--gray-100);
  }
  .gray-200-l {
    color: var(--gray-200);
  }
  .gray-300-l {
    color: var(--gray-300);
  }
  .gray-400-l {
    color: var(--gray-400);
  }
  .gray-500-l {
    color: var(--gray-500);
  }
  .gray-600-l {
    color: var(--gray-600);
  }
  .gray-700-l {
    color: var(--gray-700);
  }
  .gray-800-l {
    color: var(--gray-800);
  }
  .gray-900-l {
    color: var(--gray-900);
  }
  .black-l {
    color: var(--black);
  }
  .black-ish-l {
    color: var(--black-ish);
  }
  .white-l {
    color: var(--white);
  }
  .white-ish-l {
    color: var(--white-ish);
  }
  .bg-red-100-l {
    background-color: var(--red-100);
  }
  .bg-red-200-l {
    background-color: var(--red-200);
  }
  .bg-red-300-l {
    background-color: var(--red-300);
  }
  .bg-red-400-l {
    background-color: var(--red-400);
  }
  .bg-red-500-l {
    background-color: var(--red-500);
  }
  .bg-red-600-l {
    background-color: var(--red-600);
  }
  .bg-red-700-l {
    background-color: var(--red-700);
  }
  .bg-red-800-l {
    background-color: var(--red-800);
  }
  .bg-red-900-l {
    background-color: var(--red-900);
  }
  .bg-orange-100-l {
    background-color: var(--orange-100);
  }
  .bg-orange-200-l {
    background-color: var(--orange-200);
  }
  .bg-orange-300-l {
    background-color: var(--orange-300);
  }
  .bg-orange-400-l {
    background-color: var(--orange-400);
  }
  .bg-orange-500-l {
    background-color: var(--orange-500);
  }
  .bg-orange-600-l {
    background-color: var(--orange-600);
  }
  .bg-orange-700-l {
    background-color: var(--orange-700);
  }
  .bg-orange-800-l {
    background-color: var(--orange-800);
  }
  .bg-orange-900-l {
    background-color: var(--orange-900);
  }
  .bg-yellow-100-l {
    background-color: var(--yellow-100);
  }
  .bg-yellow-200-l {
    background-color: var(--yellow-200);
  }
  .bg-yellow-300-l {
    background-color: var(--yellow-300);
  }
  .bg-yellow-400-l {
    background-color: var(--yellow-400);
  }
  .bg-yellow-500-l {
    background-color: var(--yellow-500);
  }
  .bg-yellow-600-l {
    background-color: var(--yellow-600);
  }
  .bg-yellow-700-l {
    background-color: var(--yellow-700);
  }
  .bg-yellow-800-l {
    background-color: var(--yellow-800);
  }
  .bg-yellow-900-l {
    background-color: var(--yellow-900);
  }
  .bg-green-100-l {
    background-color: var(--green-100);
  }
  .bg-green-200-l {
    background-color: var(--green-200);
  }
  .bg-green-300-l {
    background-color: var(--green-300);
  }
  .bg-green-400-l {
    background-color: var(--green-400);
  }
  .bg-green-500-l {
    background-color: var(--green-500);
  }
  .bg-green-600-l {
    background-color: var(--green-600);
  }
  .bg-green-700-l {
    background-color: var(--green-700);
  }
  .bg-green-800-l {
    background-color: var(--green-800);
  }
  .bg-green-900-l {
    background-color: var(--green-900);
  }
  .bg-blue-100-l {
    background-color: var(--blue-100);
  }
  .bg-blue-200-l {
    background-color: var(--blue-200);
  }
  .bg-blue-300-l {
    background-color: var(--blue-300);
  }
  .bg-blue-400-l {
    background-color: var(--blue-400);
  }
  .bg-blue-500-l {
    background-color: var(--blue-500);
  }
  .bg-blue-600-l {
    background-color: var(--blue-600);
  }
  .bg-blue-700-l {
    background-color: var(--blue-700);
  }
  .bg-blue-800-l {
    background-color: var(--blue-800);
  }
  .bg-blue-900-l {
    background-color: var(--blue-900);
  }
  .bg-purple-100-l {
    background-color: var(--purple-100);
  }
  .bg-purple-200-l {
    background-color: var(--purple-200);
  }
  .bg-purple-300-l {
    background-color: var(--purple-300);
  }
  .bg-purple-400-l {
    background-color: var(--purple-400);
  }
  .bg-purple-500-l {
    background-color: var(--purple-500);
  }
  .bg-purple-600-l {
    background-color: var(--purple-600);
  }
  .bg-purple-700-l {
    background-color: var(--purple-700);
  }
  .bg-purple-800-l {
    background-color: var(--purple-800);
  }
  .bg-purple-900-l {
    background-color: var(--purple-900);
  }
  .bg-gray-100-l {
    background-color: var(--gray-100);
  }
  .bg-gray-200-l {
    background-color: var(--gray-200);
  }
  .bg-gray-300-l {
    background-color: var(--gray-300);
  }
  .bg-gray-400-l {
    background-color: var(--gray-400);
  }
  .bg-gray-500-l {
    background-color: var(--gray-500);
  }
  .bg-gray-600-l {
    background-color: var(--gray-600);
  }
  .bg-gray-700-l {
    background-color: var(--gray-700);
  }
  .bg-gray-800-l {
    background-color: var(--gray-800);
  }
  .bg-gray-900-l {
    background-color: var(--gray-900);
  }
  .bg-black-l {
    background-color: var(--black);
  }
  .bg-black-ish-l {
    background-color: var(--black-ish);
  }
  .bg-white-l {
    background-color: var(--white);
  }
  .bg-white-ish-l {
    background-color: var(--white-ish);
  }
  .bc-red-100-l {
    border-color: var(--red-100);
  }
  .bc-red-200-l {
    border-color: var(--red-200);
  }
  .bc-red-300-l {
    border-color: var(--red-300);
  }
  .bc-red-400-l {
    border-color: var(--red-400);
  }
  .bc-red-500-l {
    border-color: var(--red-500);
  }
  .bc-red-600-l {
    border-color: var(--red-600);
  }
  .bc-red-700-l {
    border-color: var(--red-700);
  }
  .bc-red-800-l {
    border-color: var(--red-800);
  }
  .bc-red-900-l {
    border-color: var(--red-900);
  }
  .bc-orange-100-l {
    border-color: var(--orange-100);
  }
  .bc-orange-200-l {
    border-color: var(--orange-200);
  }
  .bc-orange-300-l {
    border-color: var(--orange-300);
  }
  .bc-orange-400-l {
    border-color: var(--orange-400);
  }
  .bc-orange-500-l {
    border-color: var(--orange-500);
  }
  .bc-orange-600-l {
    border-color: var(--orange-600);
  }
  .bc-orange-700-l {
    border-color: var(--orange-700);
  }
  .bc-orange-800-l {
    border-color: var(--orange-800);
  }
  .bc-orange-900-l {
    border-color: var(--orange-900);
  }
  .bc-yellow-100-l {
    border-color: var(--yellow-100);
  }
  .bc-yellow-200-l {
    border-color: var(--yellow-200);
  }
  .bc-yellow-300-l {
    border-color: var(--yellow-300);
  }
  .bc-yellow-400-l {
    border-color: var(--yellow-400);
  }
  .bc-yellow-500-l {
    border-color: var(--yellow-500);
  }
  .bc-yellow-600-l {
    border-color: var(--yellow-600);
  }
  .bc-yellow-700-l {
    border-color: var(--yellow-700);
  }
  .bc-yellow-800-l {
    border-color: var(--yellow-800);
  }
  .bc-yellow-900-l {
    border-color: var(--yellow-900);
  }
  .bc-green-100-l {
    border-color: var(--green-100);
  }
  .bc-green-200-l {
    border-color: var(--green-200);
  }
  .bc-green-300-l {
    border-color: var(--green-300);
  }
  .bc-green-400-l {
    border-color: var(--green-400);
  }
  .bc-green-500-l {
    border-color: var(--green-500);
  }
  .bc-green-600-l {
    border-color: var(--green-600);
  }
  .bc-green-700-l {
    border-color: var(--green-700);
  }
  .bc-green-800-l {
    border-color: var(--green-800);
  }
  .bc-green-900-l {
    border-color: var(--green-900);
  }
  .bc-blue-100-l {
    border-color: var(--blue-100);
  }
  .bc-blue-200-l {
    border-color: var(--blue-200);
  }
  .bc-blue-300-l {
    border-color: var(--blue-300);
  }
  .bc-blue-400-l {
    border-color: var(--blue-400);
  }
  .bc-blue-500-l {
    border-color: var(--blue-500);
  }
  .bc-blue-600-l {
    border-color: var(--blue-600);
  }
  .bc-blue-700-l {
    border-color: var(--blue-700);
  }
  .bc-blue-800-l {
    border-color: var(--blue-800);
  }
  .bc-blue-900-l {
    border-color: var(--blue-900);
  }
  .bc-purple-100-l {
    border-color: var(--purple-100);
  }
  .bc-purple-200-l {
    border-color: var(--purple-200);
  }
  .bc-purple-300-l {
    border-color: var(--purple-300);
  }
  .bc-purple-400-l {
    border-color: var(--purple-400);
  }
  .bc-purple-500-l {
    border-color: var(--purple-500);
  }
  .bc-purple-600-l {
    border-color: var(--purple-600);
  }
  .bc-purple-700-l {
    border-color: var(--purple-700);
  }
  .bc-purple-800-l {
    border-color: var(--purple-800);
  }
  .bc-purple-900-l {
    border-color: var(--purple-900);
  }
  .bc-gray-100-l {
    border-color: var(--gray-100);
  }
  .bc-gray-200-l {
    border-color: var(--gray-200);
  }
  .bc-gray-300-l {
    border-color: var(--gray-300);
  }
  .bc-gray-400-l {
    border-color: var(--gray-400);
  }
  .bc-gray-500-l {
    border-color: var(--gray-500);
  }
  .bc-gray-600-l {
    border-color: var(--gray-600);
  }
  .bc-gray-700-l {
    border-color: var(--gray-700);
  }
  .bc-gray-800-l {
    border-color: var(--gray-800);
  }
  .bc-gray-900-l {
    border-color: var(--gray-900);
  }
  .bc-black-l {
    border-color: var(--black);
  }
  .bc-black-ish-l {
    border-color: var(--black-ish);
  }
  .bc-white-l {
    border-color: var(--white);
  }
  .bc-white-ish-l {
    border-color: var(--white-ish);
  }
  .w-1-l {
    width: var(--wh-1);
  }
  .w-2-l {
    width: var(--wh-2);
  }
  .w-3-l {
    width: var(--wh-3);
  }
  .w-4-l {
    width: var(--wh-4);
  }
  .w-5-l {
    width: var(--wh-5);
  }
  .w-6-l {
    width: var(--wh-6);
  }
  .w-7-l {
    width: var(--wh-7);
  }
  .w-8-l {
    width: var(--wh-8);
  }
  .w-10-l {
    width: 10%;
  }
  .w-20-l {
    width: 20%;
  }
  .w-25-l {
    width: 25%;
  }
  .w-30-l {
    width: 30%;
  }
  .w-40-l {
    width: 40%;
  }
  .w-50-l {
    width: 50%;
  }
  .w-60-l {
    width: 60%;
  }
  .w-70-l {
    width: 70%;
  }
  .w-75-l {
    width: 75%;
  }
  .w-80-l {
    width: 80%;
  }
  .w-90-l {
    width: 90%;
  }
  .w-100-l {
    width: 100%;
  }
  .w-third-l {
    width: 33.33333%;
  }
  .w-two-thirds-l {
    width: 66.66667%;
  }
  .w-10vw-l {
    width: 10vw;
  }
  .w-20vw-l {
    width: 20vw;
  }
  .w-30vw-l {
    width: 30vw;
  }
  .w-40vw-l {
    width: 40vw;
  }
  .w-50vw-l {
    width: 50vw;
  }
  .w-60vw-l {
    width: 60vw;
  }
  .w-70vw-l {
    width: 70vw;
  }
  .w-80vw-l {
    width: 80vw;
  }
  .w-90vw-l {
    width: 90vw;
  }
  .w-100vw-l {
    width: 100vw;
  }
  .w-auto-l {
    width: auto;
  }
  .mw-1-l {
    max-width: var(--wh-1);
  }
  .mw-2-l {
    max-width: var(--wh-2);
  }
  .mw-3-l {
    max-width: var(--wh-3);
  }
  .mw-4-l {
    max-width: var(--wh-4);
  }
  .mw-5-l {
    max-width: var(--wh-5);
  }
  .mw-6-l {
    max-width: var(--wh-6);
  }
  .mw-7-l {
    max-width: var(--wh-7);
  }
  .mw-8-l {
    max-width: var(--wh-8);
  }
  .mw-10-l {
    max-width: 10%;
  }
  .mw-20-l {
    max-width: 20%;
  }
  .mw-25-l {
    max-width: 25%;
  }
  .mw-30-l {
    max-width: 30%;
  }
  .mw-40-l {
    max-width: 40%;
  }
  .mw-50-l {
    max-width: 50%;
  }
  .mw-60-l {
    max-width: 60%;
  }
  .mw-70-l {
    max-width: 70%;
  }
  .mw-75-l {
    max-width: 75%;
  }
  .mw-80-l {
    max-width: 80%;
  }
  .mw-90-l {
    max-width: 90%;
  }
  .mw-100-l {
    max-width: 100%;
  }
  .mw-third-l {
    max-width: 33.33333%;
  }
  .mw-two-thirds-l {
    max-width: 66.66667%;
  }
  .mw-10vw-l {
    max-width: 10vw;
  }
  .mw-20vw-l {
    max-width: 20vw;
  }
  .mw-30vw-l {
    max-width: 30vw;
  }
  .mw-40vw-l {
    max-width: 40vw;
  }
  .mw-50vw-l {
    max-width: 50vw;
  }
  .mw-60vw-l {
    max-width: 60vw;
  }
  .mw-70vw-l {
    max-width: 70vw;
  }
  .mw-80vw-l {
    max-width: 80vw;
  }
  .mw-90vw-l {
    max-width: 90vw;
  }
  .mw-100vw-l {
    max-width: 100vw;
  }
  .minw-1-l {
    min-width: var(--wh-1);
  }
  .minw-2-l {
    min-width: var(--wh-2);
  }
  .minw-3-l {
    min-width: var(--wh-3);
  }
  .minw-4-l {
    min-width: var(--wh-4);
  }
  .minw-5-l {
    min-width: var(--wh-5);
  }
  .minw-6-l {
    min-width: var(--wh-6);
  }
  .minw-7-l {
    min-width: var(--wh-7);
  }
  .minw-8-l {
    min-width: var(--wh-8);
  }
  .minw-10-l {
    min-width: 10%;
  }
  .minw-20-l {
    min-width: 20%;
  }
  .minw-25-l {
    min-width: 25%;
  }
  .minw-30-l {
    min-width: 30%;
  }
  .minw-40-l {
    min-width: 40%;
  }
  .minw-50-l {
    min-width: 50%;
  }
  .minw-60-l {
    min-width: 60%;
  }
  .minw-70-l {
    min-width: 70%;
  }
  .minw-75-l {
    min-width: 75%;
  }
  .minw-80-l {
    min-width: 80%;
  }
  .minw-90-l {
    min-width: 90%;
  }
  .minw-100-l {
    min-width: 100%;
  }
  .minw-third-l {
    min-width: 33.33333%;
  }
  .minw-two-thirds-l {
    min-width: 66.66667%;
  }
  .minw-10vw-l {
    min-width: 10vw;
  }
  .minw-20vw-l {
    min-width: 20vw;
  }
  .minw-30vw-l {
    min-width: 30vw;
  }
  .minw-40vw-l {
    min-width: 40vw;
  }
  .minw-50vw-l {
    min-width: 50vw;
  }
  .minw-60vw-l {
    min-width: 60vw;
  }
  .minw-70vw-l {
    min-width: 70vw;
  }
  .minw-80vw-l {
    min-width: 80vw;
  }
  .minw-90vw-l {
    min-width: 90vw;
  }
  .minw-100vw-l {
    min-width: 100vw;
  }
  .minw-auto-l {
    min-width: auto;
  }
  .h-1-l {
    height: var(--wh-1);
  }
  .h-2-l {
    height: var(--wh-2);
  }
  .h-3-l {
    height: var(--wh-3);
  }
  .h-4-l {
    height: var(--wh-4);
  }
  .h-5-l {
    height: var(--wh-5);
  }
  .h-6-l {
    height: var(--wh-6);
  }
  .h-7-l {
    height: var(--wh-7);
  }
  .h-8-l {
    height: var(--wh-8);
  }
  .h-10-l {
    height: 10%;
  }
  .h-20-l {
    height: 20%;
  }
  .h-25-l {
    height: 25%;
  }
  .h-30-l {
    height: 30%;
  }
  .h-40-l {
    height: 40%;
  }
  .h-50-l {
    height: 50%;
  }
  .h-60-l {
    height: 60%;
  }
  .h-70-l {
    height: 70%;
  }
  .h-75-l {
    height: 75%;
  }
  .h-80-l {
    height: 80%;
  }
  .h-90-l {
    height: 90%;
  }
  .h-100-l {
    height: 100%;
  }
  .h-third-l {
    height: 33.33333%;
  }
  .h-two-thirds-l {
    height: 66.66667%;
  }
  .h-10vh-l {
    height: 10vh;
  }
  .h-20vh-l {
    height: 20vh;
  }
  .h-30vh-l {
    height: 30vh;
  }
  .h-40vh-l {
    height: 40vh;
  }
  .h-50vh-l {
    height: 50vh;
  }
  .h-60vh-l {
    height: 60vh;
  }
  .h-70vh-l {
    height: 70vh;
  }
  .h-80vh-l {
    height: 80vh;
  }
  .h-90vh-l {
    height: 90vh;
  }
  .h-100vh-l {
    height: 100vh;
  }
  .h-auto-l {
    height: auto;
  }
  .max-height-1-l {
    max-height: var(--wh-1);
  }
  .max-height-2-l {
    max-height: var(--wh-2);
  }
  .max-height-3-l {
    max-height: var(--wh-3);
  }
  .max-height-4-l {
    max-height: var(--wh-4);
  }
  .max-height-5-l {
    max-height: var(--wh-5);
  }
  .max-height-6-l {
    max-height: var(--wh-6);
  }
  .max-height-7-l {
    max-height: var(--wh-7);
  }
  .max-height-8-l {
    max-height: var(--wh-8);
  }
  .max-height-10-l {
    max-height: 10%;
  }
  .max-height-20-l {
    max-height: 20%;
  }
  .max-height-25-l {
    max-height: 25%;
  }
  .max-height-30-l {
    max-height: 30%;
  }
  .max-height-40-l {
    max-height: 40%;
  }
  .max-height-50-l {
    max-height: 50%;
  }
  .max-height-60-l {
    max-height: 60%;
  }
  .max-height-70-l {
    max-height: 70%;
  }
  .max-height-75-l {
    max-height: 75%;
  }
  .max-height-80-l {
    max-height: 80%;
  }
  .max-height-90-l {
    max-height: 90%;
  }
  .max-height-100-l {
    max-height: 100%;
  }
  .max-height-third-l {
    max-height: 33.33333%;
  }
  .max-height-two-thirds-l {
    max-height: 66.66667%;
  }
  .max-height-10vh-l {
    max-height: 10vh;
  }
  .max-height-20vh-l {
    max-height: 20vh;
  }
  .max-height-30vh-l {
    max-height: 30vh;
  }
  .max-height-40vh-l {
    max-height: 40vh;
  }
  .max-height-50vh-l {
    max-height: 50vh;
  }
  .max-height-60vh-l {
    max-height: 60vh;
  }
  .max-height-70vh-l {
    max-height: 70vh;
  }
  .max-height-80vh-l {
    max-height: 80vh;
  }
  .max-height-90vh-l {
    max-height: 90vh;
  }
  .max-height-100vh-l {
    max-height: 100vh;
  }
  .flex-l {
    display: flex;
  }
  .inline-flex-l {
    display: inline-flex;
  }
  .flex-none-l {
    flex: none;
  }
  .flex-column-l {
    flex-direction: column;
  }
  .flex-row-l {
    flex-direction: row;
  }
  .flex-wrap-l {
    flex-wrap: wrap;
  }
  .flex-nowrap-l {
    flex-wrap: nowrap;
  }
  .items-start-l {
    align-items: flex-start;
  }
  .items-end-l {
    align-items: flex-end;
  }
  .items-center-l {
    align-items: center;
  }
  .items-baseline-l {
    align-items: baseline;
  }
  .items-stretch-l {
    align-items: stretch;
  }
  .self-start-l {
    align-self: flex-start;
  }
  .self-end-l {
    align-self: flex-end;
  }
  .self-center-l {
    align-self: center;
  }
  .self-baseline-l {
    align-self: baseline;
  }
  .self-stretch-l {
    align-self: stretch;
  }
  .justify-start-l {
    justify-content: start;
  }
  .justify-end-l {
    justify-content: end;
  }
  .justify-center-l {
    justify-content: center;
  }
  .justify-between-l {
    justify-content: space-between;
  }
  .justify-around-l {
    justify-content: space-around;
  }
  .justify-stretch-l {
    justify-content: stretch;
  }
  .content-start-l {
    align-content: start;
  }
  .content-end-l {
    align-content: end;
  }
  .content-center-l {
    align-content: center;
  }
  .content-between-l {
    align-content: space-between;
  }
  .content-around-l {
    align-content: space-around;
  }
  .content-stretch-l {
    align-content: stretch;
  }
  .flex-grow-0-l {
    flex-grow: 0;
  }
  .flex-grow-1-l {
    flex-grow: 1;
  }
  .flex-grow-2-l {
    flex-grow: 2;
  }
  .flex-grow-3-l {
    flex-grow: 3;
  }
  .flex-grow-4-l {
    flex-grow: 4;
  }
  .flex-grow-5-l {
    flex-grow: 5;
  }
  .flex-shrink-0-l {
    flex-shrink: 0;
  }
  .flex-shrink-1-l {
    flex-shrink: 1;
  }
  .flex-shrink-2-l {
    flex-shrink: 2;
  }
  .flex-shrink-3-l {
    flex-shrink: 3;
  }
  .flex-shrink-4-l {
    flex-shrink: 4;
  }
  .flex-shrink-5-l {
    flex-shrink: 5;
  }
  .flex-basis-0-l {
    flex-basis: 0;
  }
  .flex-basis-auto-l {
    flex-basis: auto;
  }
  .flex-basis-max-l {
    flex-basis: max-content;
  }
  .flex-basis-min-l {
    flex-basis: min-content;
  }
  .flex-basis-fit-l {
    flex-basis: fit-content;
  }
  .db-l {
    display: block;
  }
  .di-l {
    display: inline;
  }
  .dib-l {
    display: inline-block;
  }
  .dn-l {
    display: none;
  }
  .dfr-l {
    display: flow-root;
  }
  .dt-l {
    display: table;
  }
  .dtc-l {
    display: table-cell;
  }
  .dtrow-l {
    display: table-row;
  }
  .dtrow-group-l {
    display: table-row-group;
  }
  .dtcolumn-l {
    display: table-column;
  }
  .dtcolumn-group-l {
    display: table-column-group;
  }
  .content-box-l {
    box-sizing: content-box;
  }
  .border-box-l {
    box-sizing: border-box;
  }
  .overflow-visible-l {
    overflow: visible;
  }
  .overflow-scroll-l {
    overflow: scroll;
  }
  .overflow-hidden-l {
    overflow: hidden;
  }
  .overflow-clip-l {
    overflow: clip;
  }
  .overflow-auto-l {
    overflow: auto;
  }
  .overflow-x-visible-l {
    overflow-x: visible;
  }
  .overflow-x-scroll-l {
    overflow-x: scroll;
  }
  .overflow-x-hidden-l {
    overflow-x: hidden;
  }
  .overflow-x-clip-l {
    overflow-x: clip;
  }
  .overflow-x-auto-l {
    overflow-x: auto;
  }
  .overflow-y-visible-l {
    overflow-y: visible;
  }
  .overflow-y-scroll-l {
    overflow-y: scroll;
  }
  .overflow-y-hidden-l {
    overflow-y: hidden;
  }
  .overflow-y-clip-l {
    overflow-y: clip;
  }
  .overflow-y-auto-l {
    overflow-y: auto;
  }
  .lst-none-l {
    list-style-type: none;
  }
  .lst-disc-l {
    list-style-type: disc;
  }
  .lst-circle-l {
    list-style-type: circle;
  }
  .lst-square-l {
    list-style-type: square;
  }
  .lst-decimal-l {
    list-style-type: decimal;
  }
  .lst-lower-roman-l {
    list-style-type: lower-roman;
  }
  .lst-upper-roman-l {
    list-style-type: upper-roman;
  }
  .lsp-inside-l {
    list-style-position: inside;
  }
  .lsp-outside-l {
    list-style-position: outside;
  }
  .z-0-l {
    z-index: 0;
  }
  .z-1-l {
    z-index: 1;
  }
  .z-2-l {
    z-index: 2;
  }
  .z-3-l {
    z-index: 3;
  }
  .z-4-l {
    z-index: 4;
  }
  .z-5-l {
    z-index: 5;
  }
  .z-9999-l {
    z-index: 9999;
  }
  .z-auto-l {
    z-index: auto;
  }
  .va-baseline-l {
    vertical-align: baseline;
  }
  .va-middle-l {
    vertical-align: middle;
  }
  .va-top-l {
    vertical-align: top;
  }
  .va-bottom-l {
    vertical-align: bottom;
  }
  .pos-static-l {
    position: static;
  }
  .pos-relative-l {
    position: relative;
  }
  .pos-absolute-l {
    position: absolute;
  }
  .pos-fixed-l {
    position: fixed;
  }
  .pos-sticky-l {
    position: sticky;
  }
  .top-0-l {
    top: 0;
  }
  .top-1-l {
    top: var(--sp-1);
  }
  .top-2-l {
    top: var(--sp-2);
  }
  .top-3-l {
    top: var(--sp-3);
  }
  .top-4-l {
    top: var(--sp-4);
  }
  .top-5-l {
    top: var(--sp-5);
  }
  .top-6-l {
    top: var(--sp-6);
  }
  .top-7-l {
    top: var(--sp-7);
  }
  .top-8-l {
    top: var(--sp-8);
  }
  .top--1-l {
    top: calc(var(--sp-1)*-1);
  }
  .top--2-l {
    top: calc(var(--sp-2)*-1);
  }
  .top--3-l {
    top: calc(var(--sp-3)*-1);
  }
  .top--4-l {
    top: calc(var(--sp-4)*-1);
  }
  .top--5-l {
    top: calc(var(--sp-5)*-1);
  }
  .top--6-l {
    top: calc(var(--sp-6)*-1);
  }
  .top--7-l {
    top: calc(var(--sp-7)*-1);
  }
  .top--8-l {
    top: calc(var(--sp-8)*-1);
  }
  .left-0-l {
    left: 0;
  }
  .left-1-l {
    left: var(--sp-1);
  }
  .left-2-l {
    left: var(--sp-2);
  }
  .left-3-l {
    left: var(--sp-3);
  }
  .left-4-l {
    left: var(--sp-4);
  }
  .left-5-l {
    left: var(--sp-5);
  }
  .left-6-l {
    left: var(--sp-6);
  }
  .left-7-l {
    left: var(--sp-7);
  }
  .left-8-l {
    left: var(--sp-8);
  }
  .left--1-l {
    left: calc(var(--sp-1)*-1);
  }
  .left--2-l {
    left: calc(var(--sp-2)*-1);
  }
  .left--3-l {
    left: calc(var(--sp-3)*-1);
  }
  .left--4-l {
    left: calc(var(--sp-4)*-1);
  }
  .left--5-l {
    left: calc(var(--sp-5)*-1);
  }
  .left--6-l {
    left: calc(var(--sp-6)*-1);
  }
  .left--7-l {
    left: calc(var(--sp-7)*-1);
  }
  .left--8-l {
    left: calc(var(--sp-8)*-1);
  }
  .right-0-l {
    right: 0;
  }
  .right-1-l {
    right: var(--sp-1);
  }
  .right-2-l {
    right: var(--sp-2);
  }
  .right-3-l {
    right: var(--sp-3);
  }
  .right-4-l {
    right: var(--sp-4);
  }
  .right-5-l {
    right: var(--sp-5);
  }
  .right-6-l {
    right: var(--sp-6);
  }
  .right-7-l {
    right: var(--sp-7);
  }
  .right-8-l {
    right: var(--sp-8);
  }
  .right--1-l {
    right: calc(var(--sp-1)*-1);
  }
  .right--2-l {
    right: calc(var(--sp-2)*-1);
  }
  .right--3-l {
    right: calc(var(--sp-3)*-1);
  }
  .right--4-l {
    right: calc(var(--sp-4)*-1);
  }
  .right--5-l {
    right: calc(var(--sp-5)*-1);
  }
  .right--6-l {
    right: calc(var(--sp-6)*-1);
  }
  .right--7-l {
    right: calc(var(--sp-7)*-1);
  }
  .right--8-l {
    right: calc(var(--sp-8)*-1);
  }
  .bottom-0-l {
    bottom: 0;
  }
  .bottom-1-l {
    bottom: var(--sp-1);
  }
  .bottom-2-l {
    bottom: var(--sp-2);
  }
  .bottom-3-l {
    bottom: var(--sp-3);
  }
  .bottom-4-l {
    bottom: var(--sp-4);
  }
  .bottom-5-l {
    bottom: var(--sp-5);
  }
  .bottom-6-l {
    bottom: var(--sp-6);
  }
  .bottom-7-l {
    bottom: var(--sp-7);
  }
  .bottom-8-l {
    bottom: var(--sp-8);
  }
  .bottom--1-l {
    bottom: calc(var(--sp-1)*-1);
  }
  .bottom--2-l {
    bottom: calc(var(--sp-2)*-1);
  }
  .bottom--3-l {
    bottom: calc(var(--sp-3)*-1);
  }
  .bottom--4-l {
    bottom: calc(var(--sp-4)*-1);
  }
  .bottom--5-l {
    bottom: calc(var(--sp-5)*-1);
  }
  .bottom--6-l {
    bottom: calc(var(--sp-6)*-1);
  }
  .bottom--7-l {
    bottom: calc(var(--sp-7)*-1);
  }
  .bottom--8-l {
    bottom: calc(var(--sp-8)*-1);
  }
  .f-l-l {
    float: left;
  }
  .f-r-l {
    float: right;
  }
  .f-n-l {
    float: none;
  }
  .bgp-t-l {
    background-position: top;
  }
  .bgp-b-l {
    background-position: bottom;
  }
  .bgp-l-l {
    background-position: 0;
  }
  .bgp-r-l {
    background-position: 100%;
  }
  .bgp-c-l {
    background-position: 50%;
  }
  .bgp-tr-l {
    background-position: 100% 0;
  }
  .bgp-tl-l {
    background-position: 0 0;
  }
  .bgp-br-l {
    background-position: 100% 100%;
  }
  .bgp-bl-l {
    background-position: 0 100%;
  }
  .bgp-cr-l {
    background-position: 100%;
  }
  .bgp-cl-l {
    background-position: 0;
  }
  .bgp-ct-l {
    background-position: top;
  }
  .bgp-cb-l {
    background-position: bottom;
  }
  .bgr-l {
    background-repeat: repeat;
  }
  .bgr-x-l {
    background-repeat: repeat-x;
  }
  .bgr-y-l {
    background-repeat: repeat-y;
  }
  .bgr-s-l {
    background-repeat: space;
  }
  .bgr-r-l {
    background-repeat: round;
  }
  .bg-none-l {
    background-repeat: no-repeat;
  }
  .pa-0-l {
    padding: 0;
  }
  .pa-1-l {
    padding: var(--sp-1);
  }
  .pa-2-l {
    padding: var(--sp-2);
  }
  .pa-3-l {
    padding: var(--sp-3);
  }
  .pa-4-l {
    padding: var(--sp-4);
  }
  .pa-5-l {
    padding: var(--sp-5);
  }
  .pa-6-l {
    padding: var(--sp-6);
  }
  .pa-7-l {
    padding: var(--sp-7);
  }
  .pa-8-l {
    padding: var(--sp-8);
  }
  .pl-0-l {
    padding-left: 0;
  }
  .pl-1-l {
    padding-left: var(--sp-1);
  }
  .pl-2-l {
    padding-left: var(--sp-2);
  }
  .pl-3-l {
    padding-left: var(--sp-3);
  }
  .pl-4-l {
    padding-left: var(--sp-4);
  }
  .pl-5-l {
    padding-left: var(--sp-5);
  }
  .pl-6-l {
    padding-left: var(--sp-6);
  }
  .pl-7-l {
    padding-left: var(--sp-7);
  }
  .pl-8-l {
    padding-left: var(--sp-8);
  }
  .pr-0-l {
    padding-right: 0;
  }
  .pr-1-l {
    padding-right: var(--sp-1);
  }
  .pr-2-l {
    padding-right: var(--sp-2);
  }
  .pr-3-l {
    padding-right: var(--sp-3);
  }
  .pr-4-l {
    padding-right: var(--sp-4);
  }
  .pr-5-l {
    padding-right: var(--sp-5);
  }
  .pr-6-l {
    padding-right: var(--sp-6);
  }
  .pr-7-l {
    padding-right: var(--sp-7);
  }
  .pr-8-l {
    padding-right: var(--sp-8);
  }
  .pt-0-l {
    padding-top: 0;
  }
  .pt-1-l {
    padding-top: var(--sp-1);
  }
  .pt-2-l {
    padding-top: var(--sp-2);
  }
  .pt-3-l {
    padding-top: var(--sp-3);
  }
  .pt-4-l {
    padding-top: var(--sp-4);
  }
  .pt-5-l {
    padding-top: var(--sp-5);
  }
  .pt-6-l {
    padding-top: var(--sp-6);
  }
  .pt-7-l {
    padding-top: var(--sp-7);
  }
  .pt-8-l {
    padding-top: var(--sp-8);
  }
  .pb-0-l {
    padding-bottom: 0;
  }
  .pb-1-l {
    padding-bottom: var(--sp-1);
  }
  .pb-2-l {
    padding-bottom: var(--sp-2);
  }
  .pb-3-l {
    padding-bottom: var(--sp-3);
  }
  .pb-4-l {
    padding-bottom: var(--sp-4);
  }
  .pb-5-l {
    padding-bottom: var(--sp-5);
  }
  .pb-6-l {
    padding-bottom: var(--sp-6);
  }
  .pb-7-l {
    padding-bottom: var(--sp-7);
  }
  .pb-8-l {
    padding-bottom: var(--sp-8);
  }
  .ph-0-l {
    padding-left: 0;
    padding-right: 0;
  }
  .ph-1-l {
    padding-left: var(--sp-1);
    padding-right: var(--sp-1);
  }
  .ph-2-l {
    padding-left: var(--sp-2);
    padding-right: var(--sp-2);
  }
  .ph-3-l {
    padding-left: var(--sp-3);
    padding-right: var(--sp-3);
  }
  .ph-4-l {
    padding-left: var(--sp-4);
    padding-right: var(--sp-4);
  }
  .ph-5-l {
    padding-left: var(--sp-5);
    padding-right: var(--sp-5);
  }
  .ph-6-l {
    padding-left: var(--sp-6);
    padding-right: var(--sp-6);
  }
  .ph-7-l {
    padding-left: var(--sp-7);
    padding-right: var(--sp-7);
  }
  .ph-8-l {
    padding-left: var(--sp-8);
    padding-right: var(--sp-8);
  }
  .pv-0-l {
    padding-bottom: 0;
    padding-top: 0;
  }
  .pv-1-l {
    padding-bottom: var(--sp-1);
    padding-top: var(--sp-1);
  }
  .pv-2-l {
    padding-bottom: var(--sp-2);
    padding-top: var(--sp-2);
  }
  .pv-3-l {
    padding-bottom: var(--sp-3);
    padding-top: var(--sp-3);
  }
  .pv-4-l {
    padding-bottom: var(--sp-4);
    padding-top: var(--sp-4);
  }
  .pv-5-l {
    padding-bottom: var(--sp-5);
    padding-top: var(--sp-5);
  }
  .pv-6-l {
    padding-bottom: var(--sp-6);
    padding-top: var(--sp-6);
  }
  .pv-7-l {
    padding-bottom: var(--sp-7);
    padding-top: var(--sp-7);
  }
  .pv-8-l {
    padding-bottom: var(--sp-8);
    padding-top: var(--sp-8);
  }
  .ma-0-l {
    margin: 0;
  }
  .ma-1-l {
    margin: var(--sp-1);
  }
  .ma-2-l {
    margin: var(--sp-2);
  }
  .ma-3-l {
    margin: var(--sp-3);
  }
  .ma-4-l {
    margin: var(--sp-4);
  }
  .ma-5-l {
    margin: var(--sp-5);
  }
  .ma-6-l {
    margin: var(--sp-6);
  }
  .ma-7-l {
    margin: var(--sp-7);
  }
  .ma-8-l {
    margin: var(--sp-8);
  }
  .ma-auto-l {
    margin: auto;
  }
  .ml-0-l {
    margin-left: 0;
  }
  .ml-1-l {
    margin-left: var(--sp-1);
  }
  .ml-2-l {
    margin-left: var(--sp-2);
  }
  .ml-3-l {
    margin-left: var(--sp-3);
  }
  .ml-4-l {
    margin-left: var(--sp-4);
  }
  .ml-5-l {
    margin-left: var(--sp-5);
  }
  .ml-6-l {
    margin-left: var(--sp-6);
  }
  .ml-7-l {
    margin-left: var(--sp-7);
  }
  .ml-8-l {
    margin-left: var(--sp-8);
  }
  .ml-auto-l {
    margin-left: auto;
  }
  .mr-0-l {
    margin-right: 0;
  }
  .mr-1-l {
    margin-right: var(--sp-1);
  }
  .mr-2-l {
    margin-right: var(--sp-2);
  }
  .mr-3-l {
    margin-right: var(--sp-3);
  }
  .mr-4-l {
    margin-right: var(--sp-4);
  }
  .mr-5-l {
    margin-right: var(--sp-5);
  }
  .mr-6-l {
    margin-right: var(--sp-6);
  }
  .mr-7-l {
    margin-right: var(--sp-7);
  }
  .mr-8-l {
    margin-right: var(--sp-8);
  }
  .mr-auto-l {
    margin-right: auto;
  }
  .mt-0-l {
    margin-top: 0;
  }
  .mt-1-l {
    margin-top: var(--sp-1);
  }
  .mt-2-l {
    margin-top: var(--sp-2);
  }
  .mt-3-l {
    margin-top: var(--sp-3);
  }
  .mt-4-l {
    margin-top: var(--sp-4);
  }
  .mt-5-l {
    margin-top: var(--sp-5);
  }
  .mt-6-l {
    margin-top: var(--sp-6);
  }
  .mt-7-l {
    margin-top: var(--sp-7);
  }
  .mt-8-l {
    margin-top: var(--sp-8);
  }
  .mt-auto-l {
    margin-top: auto;
  }
  .mb-0-l {
    margin-bottom: 0;
  }
  .mb-1-l {
    margin-bottom: var(--sp-1);
  }
  .mb-2-l {
    margin-bottom: var(--sp-2);
  }
  .mb-3-l {
    margin-bottom: var(--sp-3);
  }
  .mb-4-l {
    margin-bottom: var(--sp-4);
  }
  .mb-5-l {
    margin-bottom: var(--sp-5);
  }
  .mb-6-l {
    margin-bottom: var(--sp-6);
  }
  .mb-7-l {
    margin-bottom: var(--sp-7);
  }
  .mb-8-l {
    margin-bottom: var(--sp-8);
  }
  .mb-auto-l {
    margin-bottom: auto;
  }
  .mh-0-l {
    margin-left: 0;
    margin-right: 0;
  }
  .mh-1-l {
    margin-left: var(--sp-1);
    margin-right: var(--sp-1);
  }
  .mh-2-l {
    margin-left: var(--sp-2);
    margin-right: var(--sp-2);
  }
  .mh-3-l {
    margin-left: var(--sp-3);
    margin-right: var(--sp-3);
  }
  .mh-4-l {
    margin-left: var(--sp-4);
    margin-right: var(--sp-4);
  }
  .mh-5-l {
    margin-left: var(--sp-5);
    margin-right: var(--sp-5);
  }
  .mh-6-l {
    margin-left: var(--sp-6);
    margin-right: var(--sp-6);
  }
  .mh-7-l {
    margin-left: var(--sp-7);
    margin-right: var(--sp-7);
  }
  .mh-8-l {
    margin-left: var(--sp-8);
    margin-right: var(--sp-8);
  }
  .mh-auto-l {
    margin-left: auto;
    margin-right: auto;
  }
  .mv-0-l {
    margin-bottom: 0;
    margin-top: 0;
  }
  .mv-1-l {
    margin-bottom: var(--sp-1);
    margin-top: var(--sp-1);
  }
  .mv-2-l {
    margin-bottom: var(--sp-2);
    margin-top: var(--sp-2);
  }
  .mv-3-l {
    margin-bottom: var(--sp-3);
    margin-top: var(--sp-3);
  }
  .mv-4-l {
    margin-bottom: var(--sp-4);
    margin-top: var(--sp-4);
  }
  .mv-5-l {
    margin-bottom: var(--sp-5);
    margin-top: var(--sp-5);
  }
  .mv-6-l {
    margin-bottom: var(--sp-6);
    margin-top: var(--sp-6);
  }
  .mv-7-l {
    margin-bottom: var(--sp-7);
    margin-top: var(--sp-7);
  }
  .mv-8-l {
    margin-bottom: var(--sp-8);
    margin-top: var(--sp-8);
  }
  .mv-auto-l {
    margin-bottom: auto;
    margin-top: auto;
  }
  .gap-0-l {
    gap: 0;
  }
  .gap-1-l {
    gap: var(--sp-1);
  }
  .gap-2-l {
    gap: var(--sp-2);
  }
  .gap-3-l {
    gap: var(--sp-3);
  }
  .gap-4-l {
    gap: var(--sp-4);
  }
  .gap-5-l {
    gap: var(--sp-5);
  }
  .gap-6-l {
    gap: var(--sp-6);
  }
  .gap-7-l {
    gap: var(--sp-7);
  }
  .gap-8-l {
    gap: var(--sp-8);
  }
  .row-gap-0-l {
    row-gap: 0;
  }
  .row-gap-1-l {
    row-gap: var(--sp-1);
  }
  .row-gap-2-l {
    row-gap: var(--sp-2);
  }
  .row-gap-3-l {
    row-gap: var(--sp-3);
  }
  .row-gap-4-l {
    row-gap: var(--sp-4);
  }
  .row-gap-5-l {
    row-gap: var(--sp-5);
  }
  .row-gap-6-l {
    row-gap: var(--sp-6);
  }
  .row-gap-7-l {
    row-gap: var(--sp-7);
  }
  .row-gap-8-l {
    row-gap: var(--sp-8);
  }
  .col-gap-0-l {
    column-gap: 0;
  }
  .col-gap-1-l {
    column-gap: var(--sp-1);
  }
  .col-gap-2-l {
    column-gap: var(--sp-2);
  }
  .col-gap-3-l {
    column-gap: var(--sp-3);
  }
  .col-gap-4-l {
    column-gap: var(--sp-4);
  }
  .col-gap-5-l {
    column-gap: var(--sp-5);
  }
  .col-gap-6-l {
    column-gap: var(--sp-6);
  }
  .col-gap-7-l {
    column-gap: var(--sp-7);
  }
  .col-gap-8-l {
    column-gap: var(--sp-8);
  }
  .ff-sans-l {
    font-family: var(--ff-sans);
  }
  .ff-serif-l {
    font-family: var(--ff-serif);
  }
  .ff-mono-l {
    font-family: var(--ff-mono);
  }
  .ff-cursive-l {
    font-family: var(--ff-cursive);
  }
  .ff-fantasy-l {
    font-family: var(--ff-fantasy);
  }
  .f-0-l {
    font-size: var(--fs-0);
  }
  .f-1-l {
    font-size: var(--fs-1);
  }
  .f-2-l {
    font-size: var(--fs-2);
  }
  .f-3-l {
    font-size: var(--fs-3);
  }
  .f-4-l {
    font-size: var(--fs-4);
  }
  .f-5-l {
    font-size: var(--fs-5);
  }
  .f-6-l {
    font-size: var(--fs-6);
  }
  .f-7-l {
    font-size: var(--fs-7);
  }
  .f-8-l {
    font-size: var(--fs-8);
  }
  .f-9-l {
    font-size: var(--fs-9);
  }
  .fw-normal-l {
    font-weight: 400;
  }
  .fw-bold-l {
    font-weight: 700;
  }
  .fw-1-l {
    font-weight: 100;
  }
  .fw-2-l {
    font-weight: 200;
  }
  .fw-3-l {
    font-weight: 300;
  }
  .fw-4-l {
    font-weight: 400;
  }
  .fw-5-l {
    font-weight: 500;
  }
  .fw-6-l {
    font-weight: 600;
  }
  .fw-7-l {
    font-weight: 700;
  }
  .fw-8-l {
    font-weight: 800;
  }
  .fw-9-l {
    font-weight: 900;
  }
  .fs-normal-l {
    font-style: normal;
  }
  .fs-italic-l {
    font-style: italic;
  }
  .fv-sc-l {
    font-variant: small-caps;
  }
  .fv-normal-l {
    font-variant: normal;
  }
  .tracked-l {
    letter-spacing: var(--ls-tracked);
  }
  .tracked-tight-l {
    letter-spacing: var(--ls-tight);
  }
  .tracked-mega-l {
    letter-spacing: var(--ls-mega);
  }
  .tracked-none-l {
    letter-spacing: var(--ls-none);
  }
  .lh-solid-l {
    line-height: var(--lh-solid);
  }
  .lh-title-l {
    line-height: var(--lh-title);
  }
  .lh-copy-l {
    line-height: var(--lh-copy);
  }
  .tr-l {
    text-align: right;
  }
  .tc-l {
    text-align: center;
  }
  .tl-l {
    text-align: left;
  }
  .ttn-l {
    text-transform: none;
  }
  .ttu-l {
    text-transform: uppercase;
  }
  .ttl-l {
    text-transform: lowercase;
  }
  .ttc-l {
    text-transform: capitalize;
  }
  .tdn-l {
    text-decoration: none;
  }
  .tdu-l,
  .u-l {
    text-decoration: underline;
  }
  .tds-l {
    text-decoration: line-through;
  }
  .tdo-l {
    text-decoration: overline;
  }
  .indent--3-l {
    text-indent: calc(var(--indent-3)*-1);
  }
  .indent--2-l {
    text-indent: calc(var(--indent-2)*-1);
  }
  .indent--1-l {
    text-indent: calc(var(--indent-1)*-1);
  }
  .indent-0-l {
    text-indent: 0;
  }
  .indent-1-l {
    text-indent: var(--indent-1);
  }
  .indent-2-l {
    text-indent: var(--indent-2);
  }
  .indent-3-l {
    text-indent: var(--indent-3);
  }
  .truncate-l {
    text-overflow: ellipsis;
  }
  .clip-l {
    text-overflow: clip;
  }
  .ws-normal-l {
    white-space: normal;
  }
  .ws-nowrap-l {
    white-space: nowrap;
  }
  .ws-pre-l {
    white-space: pre;
  }
  .measure-l {
    max-width: var(--tw);
  }
  .measure-wide-l {
    max-width: var(--tw-wide);
  }
  .measure-narrow-l {
    max-width: var(--tw-narrow);
  }
  .p-l {
    line-height: var(--lh-copy);
    max-width: var(--tw);
  }
  .b-l {
    font-weight: 700;
  }
  .sc-l {
    font-variant: small-caps;
  }
  .i-l {
    font-style: italic;
  }
  .sr-only-l {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
  }
  .undo-sr-only-l {
    margin: 0;
    padding: 0;
    position: static;
    clip: auto;
    height: auto;
    overflow: visible;
    white-space: normal;
    width: auto;
  }
  .hover-red-100-l:hover {
    color: var(--red-100);
  }
  .hover-red-200-l:hover {
    color: var(--red-200);
  }
  .hover-red-300-l:hover {
    color: var(--red-300);
  }
  .hover-red-400-l:hover {
    color: var(--red-400);
  }
  .hover-red-500-l:hover {
    color: var(--red-500);
  }
  .hover-red-600-l:hover {
    color: var(--red-600);
  }
  .hover-red-700-l:hover {
    color: var(--red-700);
  }
  .hover-red-800-l:hover {
    color: var(--red-800);
  }
  .hover-red-900-l:hover {
    color: var(--red-900);
  }
  .hover-orange-100-l:hover {
    color: var(--orange-100);
  }
  .hover-orange-200-l:hover {
    color: var(--orange-200);
  }
  .hover-orange-300-l:hover {
    color: var(--orange-300);
  }
  .hover-orange-400-l:hover {
    color: var(--orange-400);
  }
  .hover-orange-500-l:hover {
    color: var(--orange-500);
  }
  .hover-orange-600-l:hover {
    color: var(--orange-600);
  }
  .hover-orange-700-l:hover {
    color: var(--orange-700);
  }
  .hover-orange-800-l:hover {
    color: var(--orange-800);
  }
  .hover-orange-900-l:hover {
    color: var(--orange-900);
  }
  .hover-yellow-100-l:hover {
    color: var(--yellow-100);
  }
  .hover-yellow-200-l:hover {
    color: var(--yellow-200);
  }
  .hover-yellow-300-l:hover {
    color: var(--yellow-300);
  }
  .hover-yellow-400-l:hover {
    color: var(--yellow-400);
  }
  .hover-yellow-500-l:hover {
    color: var(--yellow-500);
  }
  .hover-yellow-600-l:hover {
    color: var(--yellow-600);
  }
  .hover-yellow-700-l:hover {
    color: var(--yellow-700);
  }
  .hover-yellow-800-l:hover {
    color: var(--yellow-800);
  }
  .hover-yellow-900-l:hover {
    color: var(--yellow-900);
  }
  .hover-green-100-l:hover {
    color: var(--green-100);
  }
  .hover-green-200-l:hover {
    color: var(--green-200);
  }
  .hover-green-300-l:hover {
    color: var(--green-300);
  }
  .hover-green-400-l:hover {
    color: var(--green-400);
  }
  .hover-green-500-l:hover {
    color: var(--green-500);
  }
  .hover-green-600-l:hover {
    color: var(--green-600);
  }
  .hover-green-700-l:hover {
    color: var(--green-700);
  }
  .hover-green-800-l:hover {
    color: var(--green-800);
  }
  .hover-green-900-l:hover {
    color: var(--green-900);
  }
  .hover-blue-100-l:hover {
    color: var(--blue-100);
  }
  .hover-blue-200-l:hover {
    color: var(--blue-200);
  }
  .hover-blue-300-l:hover {
    color: var(--blue-300);
  }
  .hover-blue-400-l:hover {
    color: var(--blue-400);
  }
  .hover-blue-500-l:hover {
    color: var(--blue-500);
  }
  .hover-blue-600-l:hover {
    color: var(--blue-600);
  }
  .hover-blue-700-l:hover {
    color: var(--blue-700);
  }
  .hover-blue-800-l:hover {
    color: var(--blue-800);
  }
  .hover-blue-900-l:hover {
    color: var(--blue-900);
  }
  .hover-purple-100-l:hover {
    color: var(--purple-100);
  }
  .hover-purple-200-l:hover {
    color: var(--purple-200);
  }
  .hover-purple-300-l:hover {
    color: var(--purple-300);
  }
  .hover-purple-400-l:hover {
    color: var(--purple-400);
  }
  .hover-purple-500-l:hover {
    color: var(--purple-500);
  }
  .hover-purple-600-l:hover {
    color: var(--purple-600);
  }
  .hover-purple-700-l:hover {
    color: var(--purple-700);
  }
  .hover-purple-800-l:hover {
    color: var(--purple-800);
  }
  .hover-purple-900-l:hover {
    color: var(--purple-900);
  }
  .hover-gray-100-l:hover {
    color: var(--gray-100);
  }
  .hover-gray-200-l:hover {
    color: var(--gray-200);
  }
  .hover-gray-300-l:hover {
    color: var(--gray-300);
  }
  .hover-gray-400-l:hover {
    color: var(--gray-400);
  }
  .hover-gray-500-l:hover {
    color: var(--gray-500);
  }
  .hover-gray-600-l:hover {
    color: var(--gray-600);
  }
  .hover-gray-700-l:hover {
    color: var(--gray-700);
  }
  .hover-gray-800-l:hover {
    color: var(--gray-800);
  }
  .hover-gray-900-l:hover {
    color: var(--gray-900);
  }
  .hover-black-ish-l:hover {
    color: var(--black-ish);
  }
  .hover-white-ish-l:hover {
    color: var(--white-ish);
  }
  .hover-bg-red-100-l:hover {
    background-color: var(--red-100);
  }
  .hover-bg-red-200-l:hover {
    background-color: var(--red-200);
  }
  .hover-bg-red-300-l:hover {
    background-color: var(--red-300);
  }
  .hover-bg-red-400-l:hover {
    background-color: var(--red-400);
  }
  .hover-bg-red-500-l:hover {
    background-color: var(--red-500);
  }
  .hover-bg-red-600-l:hover {
    background-color: var(--red-600);
  }
  .hover-bg-red-700-l:hover {
    background-color: var(--red-700);
  }
  .hover-bg-red-800-l:hover {
    background-color: var(--red-800);
  }
  .hover-bg-red-900-l:hover {
    background-color: var(--red-900);
  }
  .hover-bg-orange-100-l:hover {
    background-color: var(--orange-100);
  }
  .hover-bg-orange-200-l:hover {
    background-color: var(--orange-200);
  }
  .hover-bg-orange-300-l:hover {
    background-color: var(--orange-300);
  }
  .hover-bg-orange-400-l:hover {
    background-color: var(--orange-400);
  }
  .hover-bg-orange-500-l:hover {
    background-color: var(--orange-500);
  }
  .hover-bg-orange-600-l:hover {
    background-color: var(--orange-600);
  }
  .hover-bg-orange-700-l:hover {
    background-color: var(--orange-700);
  }
  .hover-bg-orange-800-l:hover {
    background-color: var(--orange-800);
  }
  .hover-bg-orange-900-l:hover {
    background-color: var(--orange-900);
  }
  .hover-bg-yellow-100-l:hover {
    background-color: var(--yellow-100);
  }
  .hover-bg-yellow-200-l:hover {
    background-color: var(--yellow-200);
  }
  .hover-bg-yellow-300-l:hover {
    background-color: var(--yellow-300);
  }
  .hover-bg-yellow-400-l:hover {
    background-color: var(--yellow-400);
  }
  .hover-bg-yellow-500-l:hover {
    background-color: var(--yellow-500);
  }
  .hover-bg-yellow-600-l:hover {
    background-color: var(--yellow-600);
  }
  .hover-bg-yellow-700-l:hover {
    background-color: var(--yellow-700);
  }
  .hover-bg-yellow-800-l:hover {
    background-color: var(--yellow-800);
  }
  .hover-bg-yellow-900-l:hover {
    background-color: var(--yellow-900);
  }
  .hover-bg-green-100-l:hover {
    background-color: var(--green-100);
  }
  .hover-bg-green-200-l:hover {
    background-color: var(--green-200);
  }
  .hover-bg-green-300-l:hover {
    background-color: var(--green-300);
  }
  .hover-bg-green-400-l:hover {
    background-color: var(--green-400);
  }
  .hover-bg-green-500-l:hover {
    background-color: var(--green-500);
  }
  .hover-bg-green-600-l:hover {
    background-color: var(--green-600);
  }
  .hover-bg-green-700-l:hover {
    background-color: var(--green-700);
  }
  .hover-bg-green-800-l:hover {
    background-color: var(--green-800);
  }
  .hover-bg-green-900-l:hover {
    background-color: var(--green-900);
  }
  .hover-bg-blue-100-l:hover {
    background-color: var(--blue-100);
  }
  .hover-bg-blue-200-l:hover {
    background-color: var(--blue-200);
  }
  .hover-bg-blue-300-l:hover {
    background-color: var(--blue-300);
  }
  .hover-bg-blue-400-l:hover {
    background-color: var(--blue-400);
  }
  .hover-bg-blue-500-l:hover {
    background-color: var(--blue-500);
  }
  .hover-bg-blue-600-l:hover {
    background-color: var(--blue-600);
  }
  .hover-bg-blue-700-l:hover {
    background-color: var(--blue-700);
  }
  .hover-bg-blue-800-l:hover {
    background-color: var(--blue-800);
  }
  .hover-bg-blue-900-l:hover {
    background-color: var(--blue-900);
  }
  .hover-bg-purple-100-l:hover {
    background-color: var(--purple-100);
  }
  .hover-bg-purple-200-l:hover {
    background-color: var(--purple-200);
  }
  .hover-bg-purple-300-l:hover {
    background-color: var(--purple-300);
  }
  .hover-bg-purple-400-l:hover {
    background-color: var(--purple-400);
  }
  .hover-bg-purple-500-l:hover {
    background-color: var(--purple-500);
  }
  .hover-bg-purple-600-l:hover {
    background-color: var(--purple-600);
  }
  .hover-bg-purple-700-l:hover {
    background-color: var(--purple-700);
  }
  .hover-bg-purple-800-l:hover {
    background-color: var(--purple-800);
  }
  .hover-bg-purple-900-l:hover {
    background-color: var(--purple-900);
  }
  .hover-bg-gray-100-l:hover {
    background-color: var(--gray-100);
  }
  .hover-bg-gray-200-l:hover {
    background-color: var(--gray-200);
  }
  .hover-bg-gray-300-l:hover {
    background-color: var(--gray-300);
  }
  .hover-bg-gray-400-l:hover {
    background-color: var(--gray-400);
  }
  .hover-bg-gray-500-l:hover {
    background-color: var(--gray-500);
  }
  .hover-bg-gray-600-l:hover {
    background-color: var(--gray-600);
  }
  .hover-bg-gray-700-l:hover {
    background-color: var(--gray-700);
  }
  .hover-bg-gray-800-l:hover {
    background-color: var(--gray-800);
  }
  .hover-bg-gray-900-l:hover {
    background-color: var(--gray-900);
  }
  .hover-bg-black-l:hover {
    background-color: var(--black);
  }
  .hover-bg-black-ish-l:hover {
    background-color: var(--black-ish);
  }
  .hover-bg-white-l:hover {
    background-color: var(--white);
  }
  .hover-bg-white-ish-l:hover {
    background-color: var(--white-ish);
  }
  .hover-bg-none-l:hover {
    background-repeat: no-repeat;
  }
  .hover-tdu-l:hover {
    text-decoration: underline;
  }
  .disabled-gray-100-l:disabled {
    color: var(--gray-100);
  }
  .disabled-gray-200-l:disabled {
    color: var(--gray-200);
  }
  .disabled-gray-300-l:disabled {
    color: var(--gray-300);
  }
  .disabled-gray-400-l:disabled {
    color: var(--gray-400);
  }
  .disabled-gray-500-l:disabled {
    color: var(--gray-500);
  }
  .disabled-gray-600-l:disabled {
    color: var(--gray-600);
  }
  .disabled-gray-700-l:disabled {
    color: var(--gray-700);
  }
  .disabled-gray-800-l:disabled {
    color: var(--gray-800);
  }
  .disabled-gray-900-l:disabled {
    color: var(--gray-900);
  }
  .disabled-bg-gray-100-l:disabled {
    background-color: var(--gray-100);
  }
  .disabled-bg-gray-200-l:disabled {
    background-color: var(--gray-200);
  }
  .disabled-bg-gray-300-l:disabled {
    background-color: var(--gray-300);
  }
  .disabled-bg-gray-400-l:disabled {
    background-color: var(--gray-400);
  }
  .disabled-bg-gray-500-l:disabled {
    background-color: var(--gray-500);
  }
  .disabled-bg-gray-600-l:disabled {
    background-color: var(--gray-600);
  }
  .disabled-bg-gray-700-l:disabled {
    background-color: var(--gray-700);
  }
  .disabled-bg-gray-800-l:disabled {
    background-color: var(--gray-800);
  }
  .disabled-bg-gray-900-l:disabled {
    background-color: var(--gray-900);
  }
}

/* app/src/front_end/css/colors.css */
:root {
  --green-100: #042E00;
  --green-200: #074E00;
  --green-300: #0F9B00;
  --green-400: #1EFF06;
  --green-500: #71ff62;
  --green-600: #ABFFA2;
  --green-700: #D6FFD1;
  --green-800: #F2FFF1;
  --green-900: #FCFFFC;
  --purple-100: #13002E;
  --purple-200: #20004E;
  --purple-300: #3F009B;
  --purple-400: #6C06FF;
  --purple-500: #A262FF;
  --purple-600: #C8A2FF;
  --purple-700: #E4D1FF;
  --purple-800: #F7F1FF;
  --purple-900: #FDFCFF;
  --red-100: #210306;
  --red-200: #37050A;
  --red-300: #6E0A14;
  --red-400: #BA1021;
  --red-500: #ec2539;
  --red-600: #F47E8A;
  --red-700: #F9C0C6;
  --red-800: #FDEBED;
  --red-900: #FFFBFB;
  --blue-100: #000E16;
  --blue-200: #001725;
  --blue-300: #002E49;
  --blue-400: #004D7B;
  --blue-500: #0068a6;
  --blue-600: #34B3FF;
  --blue-700: #9BDAFF;
  --blue-800: #E0F3FF;
  --blue-900: #F8FCFF;
  --orange-100: #241306;
  --orange-200: #3C200A;
  --orange-300: #784114;
  --orange-400: #CA6D21;
  --orange-500: #e4985a;
  --orange-600: #EFC29E;
  --orange-700: #F7E1CF;
  --orange-800: #FDF6F0;
  --orange-900: #FEFDFC;
  --gray-100: #101110;
  --gray-200: #1A1D1B;
  --gray-300: #353937;
  --gray-400: #59605D;
  --gray-500: #78827d;
  --gray-600: #AFB5B2;
  --gray-700: #D8DBD9;
  --gray-800: #F3F4F3;
  --gray-900: #FCFDFC;
}

/* app/src/front_end/css/fonts.css */
@font-face {
  font-family: "Monaspace Xenon";
  src: url("./monaspace-xenon-VZ5IIHXZ.ttf") format("truetype");
  font-display: swap;
}
:root {
  --ff-sans:
    ui-rounded,
    "Hiragino Maru Gothic ProN",
    Quicksand,
    Comfortaa,
    Manjari,
    "Arial Rounded MT",
    "Arial Rounded MT Bold",
    Calibri,
    source-sans-pro,
    sans-serif;
  --ff-mono: "Monaspace Xenon", monospace;
}
code {
  font-family: var(--ff-mono);
}
html {
  font-family: var(--ff-sans);
}
input,
button,
textarea,
select {
  font-family: inherit;
}

/* app/src/front_end/css/svgs.css */
svg {
  width: 1em;
  height: 1em;
}
svg path {
  fill: currentColor;
}
.w-3 svg {
  width: cal(2 * var(--sp-3));
}

/* app/src/front_end/css/disabled-and-readonly-inputs.css */
form {
  brut-cv {
    display: none;
  }
  brut-cv[server-side] {
    display: block;
  }
}
brut-form[submitted-invalid] input:user-invalid,
input[data-invalid] {
  background-color: var(--red-800);
  color: var(--red-200);
  border-color: var(--red-400);
}
brut-form[submitted-invalid] input[type=radio]:user-invalid:focus,
input[type=radio][data-invalid]:focus {
  outline: none;
}
brut-form[submitted-invalid] input[type=radio]:user-invalid,
input[type=radio][data-invalid] {
  background-color: transparent;
  color: currentColor;
  border-color: transparent;
}
brut-form[submitted-invalid] input:user-invalid:focus,
input[data-invalid]:focus {
  outline: solid thin var(--red-500);
}
brut-form[submitted-invalid] form:has(input:user-invalid) {
  brut-cv {
    display: block;
  }
  brut-cv:after {
    content: ", ";
  }
  brut-cv:last-child:after {
    content: "";
  }
}
input[disabled],
select[distabled],
textarea[disabled],
button[disabled] {
  cursor: not-allowed;
}
input[disabled],
textarea[disabled],
input[readonly][disabled],
textarea[readonly][disabled] {
  background-color: var(--gray-800);
}
input[readonly],
textarea[readonly] {
  background-color: transparent;
  box-shadow: none !important;
  border-color: var(--gray-700) !important;
}
label:has(input[disabled]),
label:has(textarea[disabled]),
label:has(input[disabled]) .label p,
label:has(textarea[disabled]) .label p {
  color: var(--gray-600);
}

/* app/src/front_end/css/buttons.css */
.button-shadow {
  box-shadow: rgb(106, 106, 106) 2px 3px 6px 0px;
}
.button-shadow:active,
.button-shadow[disabled] {
  box-shadow: none;
  transform: translate(2px, 2px);
  border: solid thin color-mix(in srgb, currentColor, white 70%);
}
.button-shadow[disabled] {
  color: color-mix(in srgb, currentColor, white 40%);
  border: solid thin color-mix(in srgb, currentColor, white 50%);
}
.button-shadow-subtle {
  box-shadow: rgb(106, 106, 106) 1px 1px 3px 0px;
}
.button-shadow-subtle:active,
.button-shadow-subtle[disabled] {
  box-shadow: none;
  transform: translate(1px, 1px);
  border: solid thin color-mix(in srgb, currentColor, white 70%);
}
.button-shadow-subtle[disabled] {
  color: color-mix(in srgb, currentColor, white 40%);
  border: solid thin color-mix(in srgb, currentColor, white 50%);
}

/* app/src/front_end/css/tables.css */
table.striped tr:nth-child(odd) td:not([scope]):not([colspan]) {
  background: rgb(0 0 0 / 3%);
}
table.striped tr:nth-child(even) td:not([scope]):not([colspan]) {
  background: rgb(0 0 0 / 8%);
}

/* app/src/front_end/css/weekly-view.css */
.weekly-view {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  article {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: var(--sp-3);
    gap: var(--sp-3);
    margin-top: var(--sp-3);
    margin-bottom: var(--sp-3);
    border-style: solid;
    border-width: 1px;
    border-color: var(--gray-500);
    border-radius: var(--bw-4);
    &.updated {
      animation: greenFadeOutDashboardPage 1.5s ease-in;
    }
    &.today {
      border-width: 2px;
      border-radius: var(--bw-3);
    }
    &.disabled {
      background-color: var(--gray-800);
      border-color: var(--gray-700);
      color: var(--gray-400);
      > time {
        [aria-labelledby="general.labels.day_of_week"] {
        }
        [aria-labelledby="general.labels.month_and_date"] {
          color: var(--gray-600);
        }
      }
    }
    > time {
      margin: 0;
      [aria-labelledby="general.labels.day_of_week"] {
        display: block;
        font-size: var(--fs-3);
      }
      [aria-labelledby="general.labels.month_and_date"] {
        display: block;
        font-size: var(--fs-2);
        color: var(--gray-500);
        white-space: nowrap;
      }
    }
  }
  @media screen and (min-width: 30em) {
    article {
      flex-wrap: nowrap;
      > time {
        text-align: right;
      }
    }
  }
}
@media screen and (min-width: 30em) {
  .weekly-view {
    width: 60%;
  }
}

/* app/src/front_end/css/pages/NewPlanByDatePage.css */
.NewPlanByDatePage {
  cc-meal-search {
    display: block;
    padding-left: var(--sp-3);
    padding-right: var(--sp-3);
    padding-bottom: var(--sp-3);
    border-bottom-width: 1px;
    border-bottom-color: var(--blue-700);
    border-bottom-style: solid;
    position: relative;
    @media screen and (min-width: 30em) {
      a:hover {
        background-color: var(--black-ish);
        color: var(--white-ish);
      }
    }
    a:active,
    a:focus {
      background-color: var(--blue-200);
      color: var(--blue-800);
    }
  }
  cc-meal-search-results {
    display: none;
    width: 90%;
    min-height: 10lh;
    max-height: 16lh;
    border-width: 1px;
    border-color: var(--gray-700);
    border-radius: var(--bw-2);
    overflow-y: scroll;
    box-shadow: var(--gray-400) 0px 12px 15px 3px;
    position: absolute;
    top: calc(var(--sp-3) + var(--sp-4));
    background-color: white;
    @supports (backdrop-filter: blur(10px)) {
      background-color: rgb(255, 255, 255, 0.75);
      backdrop-filter: blur(10px);
    }
    progress {
      accent-color: var(--purple-300);
    }
    a {
      line-height: var(--lh-copy);
    }
    @media screen and (min-width: 30em) {
      width: 80%;
      box-shadow: var(--gray-400) 0px 22px 30px 5px;
    }
  }
}

/* app/src/front_end/css/pages/PreferencesPage.css */
.PreferencesPage {
  brut-copy-to-clipboard {
    button .copy {
      display: inline;
    }
    button .copying,
    button .copied {
      display: none;
    }
    &[copying] button .copy,
    &[copied] button .copy {
      display: none;
    }
    &[copying] button .copying {
      display: inline;
    }
    &[copying] button .copy,
    &[copying] button .copied {
      display: none;
    }
    &[copied] button .copied {
      display: inline;
    }
    &[copied] button .copy,
    &[copied] button .copying {
      display: none;
    }
  }
}

/* app/src/front_end/css/pages/DashboardPage.css */
.DashboardPage {
}

/* app/src/front_end/css/components/TextInput.css */
label.text-field,
label.textarea {
  display: block;
  .label {
    font-size: var(--fs-2);
    margin-top: var(--sp-2);
    color: var(--blue-300);
    display: flex;
    align-items: baseline;
    gap: var(--sp-3);
    p {
      white-space: nowrap;
      display: block;
      font-size: var(--fs-1);
      font-weight: 600;
      margin: 0;
    }
  }
}
brut-cv-messages {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-1);
  font-size: var(--fs-1);
  font-weight: 400;
  color: var(--red-400);
}
label.text-field input,
input.text-field,
label.textarea textarea,
textarea.textarea {
  display: block;
  width: 100%;
  font-size: var(--fs-3);
  padding: var(--sp-2);
  border-style: solid;
  border-width: 1px;
  border-color: var(--gray-600);
  border-radius: var(--bw-2);
  box-shadow: var(--gray-400) 1px 1px 4px -1px inset;
  &.text-field__small {
    font-size: var(--fs-1);
  }
  &.text-field__tiny {
    font-size: var(--fs-1);
    padding: var(--sp-1);
  }
}
input::placeholder {
  font-size: 80%;
}

/* app/src/front_end/css/components/PlanEditorComponent.css */
cc-plan-editor-component {
  border-color: var(--gray-800);
  &[plan-state=past] {
    background-color: var(--gray-900);
    border-color: var(--gray-800);
    div:has(label.text-field) {
      align-self: center;
    }
    details[open] div:has(label.text-field) {
      align-self: unset;
    }
  }
  &[plan-state=eating-out] {
    background-color: var(--blue-900);
    border-color: var(--blue-800);
    div:has(label.text-field) {
      align-self: center;
    }
    details[open] {
      input[name=name] {
        display: none;
      }
      input[name=name] + h5 {
        display: block;
      }
      label p {
        display: none;
      }
    }
  }
  &[plan-state=meal] {
    background-color: var(--green-900);
    border-color: var(--green-700);
    div:has(label.text-field) {
      align-self: center;
    }
  }
  &[plan-state=nothing] {
    background-color: var(--red-900);
    border-color: var(--red-800);
    div:has(label.text-field) {
      align-self: center;
    }
    details[open] div:has(label.text-field) {
      align-self: unset;
    }
  }
  &[just-updated-animate-now] {
    animation: PlanEditorComponentFadeFromGreen 0.5s ease-in-out forwards;
    background-color: var(--green-700);
  }
  details {
    input[name=name] {
      display: none;
    }
    label p {
      display: none;
    }
    summary {
      cursor: pointer;
      [data-plan-title] {
        cursor: pointer;
      }
    }
    summary > time {
      box-shadow: rgb(106, 106, 106) 1px 1px 3px 0px;
      [data-right] {
        display: inline;
      }
      [data-down] {
        display: none;
      }
    }
    &[open] {
      input[name=name] {
        display: inline;
      }
      input[name=name] + h5 {
        display: none;
      }
      label p {
        display: block;
      }
      summary > time {
        box-shadow: none;
        transform: translate(1px, 1px);
        border: solid thin color-mix(in srgb, currentColor, white 70%);
        [data-right] {
          display: none;
        }
        [data-down] {
          display: inline;
        }
      }
    }
  }
  brut-toast {
    display: none;
  }
  brut-toast[key] {
    display: flex;
    transform: translateX(-100%);
    animation: PlanEditorComponentToastSlide 3s ease-in-out forwards;
  }
}
@keyframes PlanEditorComponentToastSlide {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  10% {
    transform: translateX(0);
    opacity: 1;
  }
  90% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes PlanEditorComponentFadeFromGreen {
  from {
    background-color: var(--green-700);
  }
  to {
    background-color: transparent;
  }
}

/* app/src/front_end/css/components/PlanEditorActionsSplitDropdownComponent.css */
cc-plan-editor-component {
  cc-split-dropdown {
    [data-down] {
      display: flex;
    }
    [data-up] {
      display: none;
    }
    button {
      padding: var(--sp-2);
      cursor: pointer;
      text-align: left;
    }
  }
  cc-split-dropdown:has([aria-expanded]) {
    [data-down] {
      display: none;
    }
    [data-up] {
      display: flex;
    }
    button[data-main-button],
    button[aria-haspopup] {
      border-bottom: none;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
}

/* app/src/front_end/css/brut-additions.css */
.flex-column-reverse {
  flex-direction: column-reverse;
}
.h-2lh {
  height: 2lh;
}
.h-3lh {
  height: 3lh;
}
.flex-column-reverse.flex-row {
  flex-direction: row;
}
.bg-transparent {
  background-color: transparent;
}
.min-height-100vh {
  min-height: 100vh;
}
.f-0 {
  font-size: calc(0.7 * var(--fs-1));
}
@media screen and (min-width: 30em) {
  .flex-column-reverse-ns {
    flex-direction: column-reverse;
  }
  .h-2lh-ns {
    height: 2lh;
  }
  .h-3lh-ns {
    height: 3lh;
  }
  .flex-column-reverse.flex-row-ns {
    flex-direction: row;
  }
  .bg-transparent-ns {
    background-color: transparent;
  }
  .min-height-100vh-ns {
    min-height: 100vh;
  }
  .f-0-ns {
    font-size: calc(0.7 * var(--fs-1));
  }
}

/* app/src/front_end/css/index.css */
body {
  touch-action: manipulation;
}
mark {
  background-color: var(--yellow-700);
  padding-left: var(--sp-1);
  padding-right: var(--sp-1);
}
summary p {
  display: inline;
  margin: 0;
}
details[open] .when-closed {
  display: none;
}
details:not([open]) .when-open {
  display: none;
}
/*# sourceMappingURL=styles-KGWBP7X4.css.map */