@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
@namespace svg "http://www.w3.org/2000/svg";
/**
 * Total Reset
 * ==================================================
 * Universal reset of styles for all elements and pseudo-elements for customizing Web Components and browser extensions.
 */
/* Selector targets all elements except tables and svg elements */
*:where(:not(table, thead, tbody, tr, th, td, svg, svg *)) {
  /* Resets all styles for the selected elements */
  all: unset;
  /* Set box-sizing to border-box so padding and borders do not affect the total width and height of elements */
  box-sizing: border-box;
  /* Resets styles for ::before and ::after pseudo-elements */
}
*:where(:not(table, thead, tbody, tr, th, td, svg, svg *))::before, *:where(:not(table, thead, tbody, tr, th, td, svg, svg *))::after {
  /* Unsets all styles for pseudo-elements */
  all: unset;
  /* Set box-sizing to border-box for pseudo-elements */
  box-sizing: border-box;
}

a,
abbr,
acronym,
address,
article,
aside,
audio,
b,
big,
blockquote,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  font-size: 100%;
}

article,
aside,
blockquote,
details,
div,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
main,
menu,
nav,
p,
pre,
section {
  display: block;
  box-sizing: border-box;
}

audio,
canvas,
video,
img,
picture,
svg {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  vertical-align: middle;
}

canvas,
iframe {
  display: block;
}

[hidden] {
  display: none;
}

head,
link,
meta,
script,
title,
template,
style {
  display: none;
}

a[href],
label[for],
select,
button {
  cursor: pointer;
  text-decoration: none;
}

/**
 * Table
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-indent: 0;
}

table,
thead,
tbody,
tr,
th,
td {
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: middle;
}

/**
 * Forms
 */
input {
  appearance: none;
  display: inline-block;
}

input[type=color] {
  width: 15px;
  height: 15px;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type=color]::-webkit-color-swatch {
  border: none;
}

input:required,
input {
  box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

a {
  color: currentColor;
}

/**
 * Only apply smooth scrolling when the user hasn't set their motion preference to "reduce"
 */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
[data-variant=ai] {
  color: var(--red);
  --color: var(--red);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: none;
  --shadow-color: var(--black);
}
[data-variant=ai] > * {
  background: linear-gradient(45deg, var(--red), var(--yellow));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-variant=tone-ai] {
  color: var(--red);
  --color: var(--red);
  background-color: var(--lightest-yellow);
  --bg-color: var(--lightest-yellow);
  outline: none;
  --shadow-color: var(--yellow);
}
[data-variant=tone-ai] > * {
  background: linear-gradient(45deg, var(--red), var(--yellow));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-variant=fill-ai] {
  color: var(--white);
  --color: var(--white);
  background: linear-gradient(45deg, var(--red), var(--yellow));
  --bg-color: linear-gradient(45deg, var(--red), var(--yellow));
  outline: none;
  --shadow-color: var(--black);
}

[data-variant=outline-ai] {
  color: var(--red);
  --color: var(--red);
  background-color: transparent;
  --bg-color: linear-gradient(45deg, var(--red), var(--yellow));
  outline: none;
  border: 1px solid transparent;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(45deg, var(--red), var(--yellow)) border-box;
  --shadow-color: transparent;
}
[data-variant=outline-ai] > * {
  background: linear-gradient(45deg, var(--red), var(--yellow));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-variant=true-white] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-true-white] {
  color: var(--dark-true-white, var(--true-white));
  --color: var(--dark-true-white, var(--true-white));
  background-color: var(--lightest-true-white, var(--true-black));
  --bg-color: var(--lightest-true-white, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-true-white] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid transparent;
  --outline-color: var(--true-white);
  --shadow-color: var(--black);
}

[data-variant=outline-true-white] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: transparent;
  outline: 1px solid var(--true-white);
  --outline-color: var(--true-white);
  --shadow-color: transparent;
}

[data-variant=border-true-white] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: transparent;
  border: 1px solid var(--true-white);
  --border-color: var(--true-white);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=true-white]:hover,
a[data-variant=true-white]:hover,
button[data-variant=true-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-white));
}

[data-clickable=true][data-variant=fill-true-white]:hover,
a[data-variant=fill-true-white]:hover,
button[data-variant=fill-true-white]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--true-white));
}

[data-clickable=true][data-variant=outline-true-white]:hover,
a[data-variant=outline-true-white]:hover,
button[data-variant=outline-true-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-white));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--true-white));
}

[data-clickable=true][data-variant=border-true-white]:hover,
a[data-variant=border-true-white]:hover,
button[data-variant=border-true-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-white));
  border-color: color-mix(in srgb, var(--black) 24%, var(--true-white));
}

[data-variant=white] {
  color: var(--white);
  --color: var(--white);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-white] {
  color: var(--dark-white, var(--white));
  --color: var(--dark-white, var(--white));
  background-color: var(--lightest-white, var(--dark-grey));
  --bg-color: var(--lightest-white, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-white] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: 1px solid transparent;
  --outline-color: var(--white);
  --shadow-color: var(--black);
}

[data-variant=outline-white] {
  color: var(--white);
  --color: var(--white);
  background-color: transparent;
  outline: 1px solid var(--white);
  --outline-color: var(--white);
  --shadow-color: transparent;
}

[data-variant=border-white] {
  color: var(--white);
  --color: var(--white);
  background-color: transparent;
  border: 1px solid var(--white);
  --border-color: var(--white);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=white]:hover,
a[data-variant=white]:hover,
button[data-variant=white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--white));
}

[data-clickable=true][data-variant=fill-white]:hover,
a[data-variant=fill-white]:hover,
button[data-variant=fill-white]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--white));
}

[data-clickable=true][data-variant=outline-white]:hover,
a[data-variant=outline-white]:hover,
button[data-variant=outline-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--white));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--white));
}

[data-clickable=true][data-variant=border-white]:hover,
a[data-variant=border-white]:hover,
button[data-variant=border-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--white));
  border-color: color-mix(in srgb, var(--black) 24%, var(--white));
}

[data-variant=off-white] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-off-white] {
  color: var(--dark-off-white, var(--off-white));
  --color: var(--dark-off-white, var(--off-white));
  background-color: var(--lightest-off-white, var(--dark-grey));
  --bg-color: var(--lightest-off-white, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-off-white] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--off-white);
  --bg-color: var(--off-white);
  outline: 1px solid transparent;
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=outline-off-white] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: transparent;
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: transparent;
}

[data-variant=border-off-white] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: transparent;
  border: 1px solid var(--off-white);
  --border-color: var(--off-white);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=off-white]:hover,
a[data-variant=off-white]:hover,
button[data-variant=off-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-white));
}

[data-clickable=true][data-variant=fill-off-white]:hover,
a[data-variant=fill-off-white]:hover,
button[data-variant=fill-off-white]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--off-white));
}

[data-clickable=true][data-variant=outline-off-white]:hover,
a[data-variant=outline-off-white]:hover,
button[data-variant=outline-off-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-white));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--off-white));
}

[data-clickable=true][data-variant=border-off-white]:hover,
a[data-variant=border-off-white]:hover,
button[data-variant=border-off-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-white));
  border-color: color-mix(in srgb, var(--black) 24%, var(--off-white));
}

[data-variant=lightest-grey] {
  color: var(--lightest-grey);
  --color: var(--lightest-grey);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-grey] {
  color: var(--dark-lightest-grey, var(--lightest-grey));
  --color: var(--dark-lightest-grey, var(--lightest-grey));
  background-color: var(--lightest-lightest-grey, var(--dark-grey));
  --bg-color: var(--lightest-lightest-grey, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-grey);
  --bg-color: var(--lightest-grey);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-grey);
  --shadow-color: var(--black);
}

[data-variant=outline-lightest-grey] {
  color: var(--lightest-grey);
  --color: var(--lightest-grey);
  background-color: transparent;
  outline: 1px solid var(--lightest-grey);
  --outline-color: var(--lightest-grey);
  --shadow-color: transparent;
}

[data-variant=border-lightest-grey] {
  color: var(--lightest-grey);
  --color: var(--lightest-grey);
  background-color: transparent;
  border: 1px solid var(--lightest-grey);
  --border-color: var(--lightest-grey);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-grey]:hover,
a[data-variant=lightest-grey]:hover,
button[data-variant=lightest-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
}

[data-clickable=true][data-variant=fill-lightest-grey]:hover,
a[data-variant=fill-lightest-grey]:hover,
button[data-variant=fill-lightest-grey]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
}

[data-clickable=true][data-variant=outline-lightest-grey]:hover,
a[data-variant=outline-lightest-grey]:hover,
button[data-variant=outline-lightest-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
}

[data-clickable=true][data-variant=border-lightest-grey]:hover,
a[data-variant=border-lightest-grey]:hover,
button[data-variant=border-lightest-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
}

[data-variant=light-grey] {
  color: var(--light-grey);
  --color: var(--light-grey);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-grey] {
  color: var(--dark-light-grey, var(--light-grey));
  --color: var(--dark-light-grey, var(--light-grey));
  background-color: var(--lightest-light-grey, var(--dark-grey));
  --bg-color: var(--lightest-light-grey, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--light-grey);
  --bg-color: var(--light-grey);
  outline: 1px solid transparent;
  --outline-color: var(--light-grey);
  --shadow-color: var(--black);
}

[data-variant=outline-light-grey] {
  color: var(--light-grey);
  --color: var(--light-grey);
  background-color: transparent;
  outline: 1px solid var(--light-grey);
  --outline-color: var(--light-grey);
  --shadow-color: transparent;
}

[data-variant=border-light-grey] {
  color: var(--light-grey);
  --color: var(--light-grey);
  background-color: transparent;
  border: 1px solid var(--light-grey);
  --border-color: var(--light-grey);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-grey]:hover,
a[data-variant=light-grey]:hover,
button[data-variant=light-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
}

[data-clickable=true][data-variant=fill-light-grey]:hover,
a[data-variant=fill-light-grey]:hover,
button[data-variant=fill-light-grey]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
}

[data-clickable=true][data-variant=outline-light-grey]:hover,
a[data-variant=outline-light-grey]:hover,
button[data-variant=outline-light-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
}

[data-clickable=true][data-variant=border-light-grey]:hover,
a[data-variant=border-light-grey]:hover,
button[data-variant=border-light-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
}

[data-variant=grey] {
  color: var(--grey);
  --color: var(--grey);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-grey] {
  color: var(--dark-grey, var(--grey));
  --color: var(--dark-grey, var(--grey));
  background-color: var(--lightest-grey, var(--white));
  --bg-color: var(--lightest-grey, var(--white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-grey] {
  color: var(--white);
  --color: var(--white);
  background-color: var(--grey);
  --bg-color: var(--grey);
  outline: 1px solid transparent;
  --outline-color: var(--grey);
  --shadow-color: var(--black);
}

[data-variant=outline-grey] {
  color: var(--grey);
  --color: var(--grey);
  background-color: transparent;
  outline: 1px solid var(--grey);
  --outline-color: var(--grey);
  --shadow-color: transparent;
}

[data-variant=border-grey] {
  color: var(--grey);
  --color: var(--grey);
  background-color: transparent;
  border: 1px solid var(--grey);
  --border-color: var(--grey);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=grey]:hover,
a[data-variant=grey]:hover,
button[data-variant=grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--grey));
}

[data-clickable=true][data-variant=fill-grey]:hover,
a[data-variant=fill-grey]:hover,
button[data-variant=fill-grey]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--grey));
}

[data-clickable=true][data-variant=outline-grey]:hover,
a[data-variant=outline-grey]:hover,
button[data-variant=outline-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--grey));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--grey));
}

[data-clickable=true][data-variant=border-grey]:hover,
a[data-variant=border-grey]:hover,
button[data-variant=border-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--grey));
  border-color: color-mix(in srgb, var(--black) 24%, var(--grey));
}

[data-variant=dark-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-grey] {
  color: var(--dark-dark-grey, var(--dark-grey));
  --color: var(--dark-dark-grey, var(--dark-grey));
  background-color: var(--lightest-dark-grey, var(--white));
  --bg-color: var(--lightest-dark-grey, var(--white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-grey] {
  color: var(--white);
  --color: var(--white);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid transparent;
  --outline-color: var(--dark-grey);
  --shadow-color: var(--black);
}

[data-variant=outline-dark-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: transparent;
  outline: 1px solid var(--dark-grey);
  --outline-color: var(--dark-grey);
  --shadow-color: transparent;
}

[data-variant=border-dark-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: transparent;
  border: 1px solid var(--dark-grey);
  --border-color: var(--dark-grey);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-grey]:hover,
a[data-variant=dark-grey]:hover,
button[data-variant=dark-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
}

[data-clickable=true][data-variant=fill-dark-grey]:hover,
a[data-variant=fill-dark-grey]:hover,
button[data-variant=fill-dark-grey]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
}

[data-clickable=true][data-variant=outline-dark-grey]:hover,
a[data-variant=outline-dark-grey]:hover,
button[data-variant=outline-dark-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
}

[data-clickable=true][data-variant=border-dark-grey]:hover,
a[data-variant=border-dark-grey]:hover,
button[data-variant=border-dark-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
}

[data-variant=off-black] {
  color: var(--off-black);
  --color: var(--off-black);
  background-color: var(--light-grey);
  --bg-color: var(--light-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-off-black] {
  color: var(--dark-off-black, var(--off-black));
  --color: var(--dark-off-black, var(--off-black));
  background-color: var(--lightest-off-black, var(--light-grey));
  --bg-color: var(--lightest-off-black, var(--light-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-off-black] {
  color: var(--light-grey);
  --color: var(--light-grey);
  background-color: var(--off-black);
  --bg-color: var(--off-black);
  outline: 1px solid transparent;
  --outline-color: var(--off-black);
  --shadow-color: var(--black);
}

[data-variant=outline-off-black] {
  color: var(--off-black);
  --color: var(--off-black);
  background-color: transparent;
  outline: 1px solid var(--off-black);
  --outline-color: var(--off-black);
  --shadow-color: transparent;
}

[data-variant=border-off-black] {
  color: var(--off-black);
  --color: var(--off-black);
  background-color: transparent;
  border: 1px solid var(--off-black);
  --border-color: var(--off-black);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=off-black]:hover,
a[data-variant=off-black]:hover,
button[data-variant=off-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-black));
}

[data-clickable=true][data-variant=fill-off-black]:hover,
a[data-variant=fill-off-black]:hover,
button[data-variant=fill-off-black]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--off-black));
}

[data-clickable=true][data-variant=outline-off-black]:hover,
a[data-variant=outline-off-black]:hover,
button[data-variant=outline-off-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-black));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--off-black));
}

[data-clickable=true][data-variant=border-off-black]:hover,
a[data-variant=border-off-black]:hover,
button[data-variant=border-off-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-black));
  border-color: color-mix(in srgb, var(--black) 24%, var(--off-black));
}

[data-variant=black] {
  color: var(--black);
  --color: var(--black);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-black] {
  color: var(--dark-black, var(--black));
  --color: var(--dark-black, var(--black));
  background-color: var(--lightest-black, var(--white));
  --bg-color: var(--lightest-black, var(--white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-black] {
  color: var(--white);
  --color: var(--white);
  background-color: var(--black);
  --bg-color: var(--black);
  outline: 1px solid transparent;
  --outline-color: var(--black);
  --shadow-color: var(--black);
}

[data-variant=outline-black] {
  color: var(--black);
  --color: var(--black);
  background-color: transparent;
  outline: 1px solid var(--black);
  --outline-color: var(--black);
  --shadow-color: transparent;
}

[data-variant=border-black] {
  color: var(--black);
  --color: var(--black);
  background-color: transparent;
  border: 1px solid var(--black);
  --border-color: var(--black);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=black]:hover,
a[data-variant=black]:hover,
button[data-variant=black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--black));
}

[data-clickable=true][data-variant=fill-black]:hover,
a[data-variant=fill-black]:hover,
button[data-variant=fill-black]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--black));
}

[data-clickable=true][data-variant=outline-black]:hover,
a[data-variant=outline-black]:hover,
button[data-variant=outline-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--black));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--black));
}

[data-clickable=true][data-variant=border-black]:hover,
a[data-variant=border-black]:hover,
button[data-variant=border-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--black));
  border-color: color-mix(in srgb, var(--black) 24%, var(--black));
}

[data-variant=true-black] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-true-black] {
  color: var(--dark-true-black, var(--true-black));
  --color: var(--dark-true-black, var(--true-black));
  background-color: var(--lightest-true-black, var(--true-white));
  --bg-color: var(--lightest-true-black, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-true-black] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid transparent;
  --outline-color: var(--true-black);
  --shadow-color: var(--black);
}

[data-variant=outline-true-black] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: transparent;
  outline: 1px solid var(--true-black);
  --outline-color: var(--true-black);
  --shadow-color: transparent;
}

[data-variant=border-true-black] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: transparent;
  border: 1px solid var(--true-black);
  --border-color: var(--true-black);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=true-black]:hover,
a[data-variant=true-black]:hover,
button[data-variant=true-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-black));
}

[data-clickable=true][data-variant=fill-true-black]:hover,
a[data-variant=fill-true-black]:hover,
button[data-variant=fill-true-black]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--true-black));
}

[data-clickable=true][data-variant=outline-true-black]:hover,
a[data-variant=outline-true-black]:hover,
button[data-variant=outline-true-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-black));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--true-black));
}

[data-clickable=true][data-variant=border-true-black]:hover,
a[data-variant=border-true-black]:hover,
button[data-variant=border-true-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-black));
  border-color: color-mix(in srgb, var(--black) 24%, var(--true-black));
}

[data-variant=primary] {
  color: var(--primary);
  --color: var(--primary);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-primary] {
  color: var(--dark-primary, var(--primary));
  --color: var(--dark-primary, var(--primary));
  background-color: var(--lightest-primary, var(--true-white));
  --bg-color: var(--lightest-primary, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-primary] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--primary);
  --bg-color: var(--primary);
  outline: 1px solid transparent;
  --outline-color: var(--primary);
  --shadow-color: var(--primary);
}

[data-variant=outline-primary] {
  color: var(--primary);
  --color: var(--primary);
  background-color: transparent;
  outline: 1px solid var(--primary);
  --outline-color: var(--primary);
  --shadow-color: transparent;
}

[data-variant=border-primary] {
  color: var(--primary);
  --color: var(--primary);
  background-color: transparent;
  border: 1px solid var(--primary);
  --border-color: var(--primary);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=primary]:hover,
a[data-variant=primary]:hover,
button[data-variant=primary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--primary));
}

[data-clickable=true][data-variant=fill-primary]:hover,
a[data-variant=fill-primary]:hover,
button[data-variant=fill-primary]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--primary));
}

[data-clickable=true][data-variant=outline-primary]:hover,
a[data-variant=outline-primary]:hover,
button[data-variant=outline-primary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--primary));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--primary));
}

[data-clickable=true][data-variant=border-primary]:hover,
a[data-variant=border-primary]:hover,
button[data-variant=border-primary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--primary));
  border-color: color-mix(in srgb, var(--black) 24%, var(--primary));
}

[data-variant=secondary] {
  color: var(--secondary);
  --color: var(--secondary);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-secondary] {
  color: var(--dark-secondary, var(--secondary));
  --color: var(--dark-secondary, var(--secondary));
  background-color: var(--lightest-secondary, var(--true-white));
  --bg-color: var(--lightest-secondary, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-secondary] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--secondary);
  --bg-color: var(--secondary);
  outline: 1px solid transparent;
  --outline-color: var(--secondary);
  --shadow-color: var(--secondary);
}

[data-variant=outline-secondary] {
  color: var(--secondary);
  --color: var(--secondary);
  background-color: transparent;
  outline: 1px solid var(--secondary);
  --outline-color: var(--secondary);
  --shadow-color: transparent;
}

[data-variant=border-secondary] {
  color: var(--secondary);
  --color: var(--secondary);
  background-color: transparent;
  border: 1px solid var(--secondary);
  --border-color: var(--secondary);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=secondary]:hover,
a[data-variant=secondary]:hover,
button[data-variant=secondary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--secondary));
}

[data-clickable=true][data-variant=fill-secondary]:hover,
a[data-variant=fill-secondary]:hover,
button[data-variant=fill-secondary]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--secondary));
}

[data-clickable=true][data-variant=outline-secondary]:hover,
a[data-variant=outline-secondary]:hover,
button[data-variant=outline-secondary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--secondary));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--secondary));
}

[data-clickable=true][data-variant=border-secondary]:hover,
a[data-variant=border-secondary]:hover,
button[data-variant=border-secondary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--secondary));
  border-color: color-mix(in srgb, var(--black) 24%, var(--secondary));
}

[data-variant=complementary] {
  color: var(--complementary);
  --color: var(--complementary);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-complementary] {
  color: var(--dark-complementary, var(--complementary));
  --color: var(--dark-complementary, var(--complementary));
  background-color: var(--lightest-complementary, var(--true-white));
  --bg-color: var(--lightest-complementary, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-complementary] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--complementary);
  --bg-color: var(--complementary);
  outline: 1px solid transparent;
  --outline-color: var(--complementary);
  --shadow-color: var(--complementary);
}

[data-variant=outline-complementary] {
  color: var(--complementary);
  --color: var(--complementary);
  background-color: transparent;
  outline: 1px solid var(--complementary);
  --outline-color: var(--complementary);
  --shadow-color: transparent;
}

[data-variant=border-complementary] {
  color: var(--complementary);
  --color: var(--complementary);
  background-color: transparent;
  border: 1px solid var(--complementary);
  --border-color: var(--complementary);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=complementary]:hover,
a[data-variant=complementary]:hover,
button[data-variant=complementary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--complementary));
}

[data-clickable=true][data-variant=fill-complementary]:hover,
a[data-variant=fill-complementary]:hover,
button[data-variant=fill-complementary]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--complementary));
}

[data-clickable=true][data-variant=outline-complementary]:hover,
a[data-variant=outline-complementary]:hover,
button[data-variant=outline-complementary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--complementary));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--complementary));
}

[data-clickable=true][data-variant=border-complementary]:hover,
a[data-variant=border-complementary]:hover,
button[data-variant=border-complementary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--complementary));
  border-color: color-mix(in srgb, var(--black) 24%, var(--complementary));
}

[data-variant=accent] {
  color: var(--accent);
  --color: var(--accent);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-accent] {
  color: var(--dark-accent, var(--accent));
  --color: var(--dark-accent, var(--accent));
  background-color: var(--lightest-accent, var(--true-white));
  --bg-color: var(--lightest-accent, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-accent] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--accent);
  --bg-color: var(--accent);
  outline: 1px solid transparent;
  --outline-color: var(--accent);
  --shadow-color: var(--accent);
}

[data-variant=outline-accent] {
  color: var(--accent);
  --color: var(--accent);
  background-color: transparent;
  outline: 1px solid var(--accent);
  --outline-color: var(--accent);
  --shadow-color: transparent;
}

[data-variant=border-accent] {
  color: var(--accent);
  --color: var(--accent);
  background-color: transparent;
  border: 1px solid var(--accent);
  --border-color: var(--accent);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=accent]:hover,
a[data-variant=accent]:hover,
button[data-variant=accent]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--accent));
}

[data-clickable=true][data-variant=fill-accent]:hover,
a[data-variant=fill-accent]:hover,
button[data-variant=fill-accent]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--accent));
}

[data-clickable=true][data-variant=outline-accent]:hover,
a[data-variant=outline-accent]:hover,
button[data-variant=outline-accent]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--accent));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--accent));
}

[data-clickable=true][data-variant=border-accent]:hover,
a[data-variant=border-accent]:hover,
button[data-variant=border-accent]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--accent));
  border-color: color-mix(in srgb, var(--black) 24%, var(--accent));
}

[data-variant=info] {
  color: var(--info);
  --color: var(--info);
  background-color: var(--off-white);
  --bg-color: var(--off-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-info] {
  color: var(--dark-info, var(--info));
  --color: var(--dark-info, var(--info));
  background-color: var(--lightest-info, var(--off-white));
  --bg-color: var(--lightest-info, var(--off-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-info] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: var(--info);
  --bg-color: var(--info);
  outline: 1px solid transparent;
  --outline-color: var(--info);
  --shadow-color: var(--info);
}

[data-variant=outline-info] {
  color: var(--info);
  --color: var(--info);
  background-color: transparent;
  outline: 1px solid var(--info);
  --outline-color: var(--info);
  --shadow-color: transparent;
}

[data-variant=border-info] {
  color: var(--info);
  --color: var(--info);
  background-color: transparent;
  border: 1px solid var(--info);
  --border-color: var(--info);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=info]:hover,
a[data-variant=info]:hover,
button[data-variant=info]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--info));
}

[data-clickable=true][data-variant=fill-info]:hover,
a[data-variant=fill-info]:hover,
button[data-variant=fill-info]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--info));
}

[data-clickable=true][data-variant=outline-info]:hover,
a[data-variant=outline-info]:hover,
button[data-variant=outline-info]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--info));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--info));
}

[data-clickable=true][data-variant=border-info]:hover,
a[data-variant=border-info]:hover,
button[data-variant=border-info]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--info));
  border-color: color-mix(in srgb, var(--black) 24%, var(--info));
}

[data-variant=interaction] {
  color: var(--interaction);
  --color: var(--interaction);
  background-color: var(--off-white);
  --bg-color: var(--off-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-interaction] {
  color: var(--dark-interaction, var(--interaction));
  --color: var(--dark-interaction, var(--interaction));
  background-color: var(--lightest-interaction, var(--off-white));
  --bg-color: var(--lightest-interaction, var(--off-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-interaction] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: var(--interaction);
  --bg-color: var(--interaction);
  outline: 1px solid transparent;
  --outline-color: var(--interaction);
  --shadow-color: var(--interaction);
}

[data-variant=outline-interaction] {
  color: var(--interaction);
  --color: var(--interaction);
  background-color: transparent;
  outline: 1px solid var(--interaction);
  --outline-color: var(--interaction);
  --shadow-color: transparent;
}

[data-variant=border-interaction] {
  color: var(--interaction);
  --color: var(--interaction);
  background-color: transparent;
  border: 1px solid var(--interaction);
  --border-color: var(--interaction);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=interaction]:hover,
a[data-variant=interaction]:hover,
button[data-variant=interaction]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--interaction));
}

[data-clickable=true][data-variant=fill-interaction]:hover,
a[data-variant=fill-interaction]:hover,
button[data-variant=fill-interaction]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--interaction));
}

[data-clickable=true][data-variant=outline-interaction]:hover,
a[data-variant=outline-interaction]:hover,
button[data-variant=outline-interaction]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--interaction));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--interaction));
}

[data-clickable=true][data-variant=border-interaction]:hover,
a[data-variant=border-interaction]:hover,
button[data-variant=border-interaction]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--interaction));
  border-color: color-mix(in srgb, var(--black) 24%, var(--interaction));
}

[data-variant=success] {
  color: var(--success);
  --color: var(--success);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-success] {
  color: var(--dark-success, var(--success));
  --color: var(--dark-success, var(--success));
  background-color: var(--lightest-success, var(--true-white));
  --bg-color: var(--lightest-success, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-success] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--success);
  --bg-color: var(--success);
  outline: 1px solid transparent;
  --outline-color: var(--success);
  --shadow-color: var(--success);
}

[data-variant=outline-success] {
  color: var(--success);
  --color: var(--success);
  background-color: transparent;
  outline: 1px solid var(--success);
  --outline-color: var(--success);
  --shadow-color: transparent;
}

[data-variant=border-success] {
  color: var(--success);
  --color: var(--success);
  background-color: transparent;
  border: 1px solid var(--success);
  --border-color: var(--success);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=success]:hover,
a[data-variant=success]:hover,
button[data-variant=success]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--success));
}

[data-clickable=true][data-variant=fill-success]:hover,
a[data-variant=fill-success]:hover,
button[data-variant=fill-success]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--success));
}

[data-clickable=true][data-variant=outline-success]:hover,
a[data-variant=outline-success]:hover,
button[data-variant=outline-success]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--success));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--success));
}

[data-clickable=true][data-variant=border-success]:hover,
a[data-variant=border-success]:hover,
button[data-variant=border-success]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--success));
  border-color: color-mix(in srgb, var(--black) 24%, var(--success));
}

[data-variant=warning] {
  color: var(--warning);
  --color: var(--warning);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-warning] {
  color: var(--dark-warning, var(--warning));
  --color: var(--dark-warning, var(--warning));
  background-color: var(--lightest-warning, var(--true-black));
  --bg-color: var(--lightest-warning, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-warning] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--warning);
  --bg-color: var(--warning);
  outline: 1px solid transparent;
  --outline-color: var(--warning);
  --shadow-color: var(--warning);
}

[data-variant=outline-warning] {
  color: var(--warning);
  --color: var(--warning);
  background-color: transparent;
  outline: 1px solid var(--warning);
  --outline-color: var(--warning);
  --shadow-color: transparent;
}

[data-variant=border-warning] {
  color: var(--warning);
  --color: var(--warning);
  background-color: transparent;
  border: 1px solid var(--warning);
  --border-color: var(--warning);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=warning]:hover,
a[data-variant=warning]:hover,
button[data-variant=warning]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--warning));
}

[data-clickable=true][data-variant=fill-warning]:hover,
a[data-variant=fill-warning]:hover,
button[data-variant=fill-warning]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--warning));
}

[data-clickable=true][data-variant=outline-warning]:hover,
a[data-variant=outline-warning]:hover,
button[data-variant=outline-warning]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--warning));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--warning));
}

[data-clickable=true][data-variant=border-warning]:hover,
a[data-variant=border-warning]:hover,
button[data-variant=border-warning]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--warning));
  border-color: color-mix(in srgb, var(--black) 24%, var(--warning));
}

[data-variant=failure] {
  color: var(--failure);
  --color: var(--failure);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-failure] {
  color: var(--dark-failure, var(--failure));
  --color: var(--dark-failure, var(--failure));
  background-color: var(--lightest-failure, var(--true-white));
  --bg-color: var(--lightest-failure, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-failure] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--failure);
  --bg-color: var(--failure);
  outline: 1px solid transparent;
  --outline-color: var(--failure);
  --shadow-color: var(--failure);
}

[data-variant=outline-failure] {
  color: var(--failure);
  --color: var(--failure);
  background-color: transparent;
  outline: 1px solid var(--failure);
  --outline-color: var(--failure);
  --shadow-color: transparent;
}

[data-variant=border-failure] {
  color: var(--failure);
  --color: var(--failure);
  background-color: transparent;
  border: 1px solid var(--failure);
  --border-color: var(--failure);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=failure]:hover,
a[data-variant=failure]:hover,
button[data-variant=failure]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--failure));
}

[data-clickable=true][data-variant=fill-failure]:hover,
a[data-variant=fill-failure]:hover,
button[data-variant=fill-failure]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--failure));
}

[data-clickable=true][data-variant=outline-failure]:hover,
a[data-variant=outline-failure]:hover,
button[data-variant=outline-failure]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--failure));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--failure));
}

[data-clickable=true][data-variant=border-failure]:hover,
a[data-variant=border-failure]:hover,
button[data-variant=border-failure]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--failure));
  border-color: color-mix(in srgb, var(--black) 24%, var(--failure));
}

[data-variant=danger] {
  color: var(--danger);
  --color: var(--danger);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-danger] {
  color: var(--dark-danger, var(--danger));
  --color: var(--dark-danger, var(--danger));
  background-color: var(--lightest-danger, var(--true-white));
  --bg-color: var(--lightest-danger, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-danger] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--danger);
  --bg-color: var(--danger);
  outline: 1px solid transparent;
  --outline-color: var(--danger);
  --shadow-color: var(--danger);
}

[data-variant=outline-danger] {
  color: var(--danger);
  --color: var(--danger);
  background-color: transparent;
  outline: 1px solid var(--danger);
  --outline-color: var(--danger);
  --shadow-color: transparent;
}

[data-variant=border-danger] {
  color: var(--danger);
  --color: var(--danger);
  background-color: transparent;
  border: 1px solid var(--danger);
  --border-color: var(--danger);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=danger]:hover,
a[data-variant=danger]:hover,
button[data-variant=danger]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--danger));
}

[data-clickable=true][data-variant=fill-danger]:hover,
a[data-variant=fill-danger]:hover,
button[data-variant=fill-danger]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--danger));
}

[data-clickable=true][data-variant=outline-danger]:hover,
a[data-variant=outline-danger]:hover,
button[data-variant=outline-danger]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--danger));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--danger));
}

[data-clickable=true][data-variant=border-danger]:hover,
a[data-variant=border-danger]:hover,
button[data-variant=border-danger]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--danger));
  border-color: color-mix(in srgb, var(--black) 24%, var(--danger));
}

[data-variant=lightest-blue] {
  color: var(--lightest-blue);
  --color: var(--lightest-blue);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-blue] {
  color: var(--dark-lightest-blue, var(--lightest-blue));
  --color: var(--dark-lightest-blue, var(--lightest-blue));
  background-color: var(--lightest-lightest-blue, var(--dark-grey));
  --bg-color: var(--lightest-lightest-blue, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-blue] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-blue);
  --bg-color: var(--lightest-blue);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-blue);
  --shadow-color: var(--lightest-blue);
}

[data-variant=outline-lightest-blue] {
  color: var(--lightest-blue);
  --color: var(--lightest-blue);
  background-color: transparent;
  outline: 1px solid var(--lightest-blue);
  --outline-color: var(--lightest-blue);
  --shadow-color: transparent;
}

[data-variant=border-lightest-blue] {
  color: var(--lightest-blue);
  --color: var(--lightest-blue);
  background-color: transparent;
  border: 1px solid var(--lightest-blue);
  --border-color: var(--lightest-blue);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-blue]:hover,
a[data-variant=lightest-blue]:hover,
button[data-variant=lightest-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
}

[data-clickable=true][data-variant=fill-lightest-blue]:hover,
a[data-variant=fill-lightest-blue]:hover,
button[data-variant=fill-lightest-blue]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
}

[data-clickable=true][data-variant=outline-lightest-blue]:hover,
a[data-variant=outline-lightest-blue]:hover,
button[data-variant=outline-lightest-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
}

[data-clickable=true][data-variant=border-lightest-blue]:hover,
a[data-variant=border-lightest-blue]:hover,
button[data-variant=border-lightest-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
}

[data-variant=light-blue] {
  color: var(--light-blue);
  --color: var(--light-blue);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-blue] {
  color: var(--dark-light-blue, var(--light-blue));
  --color: var(--dark-light-blue, var(--light-blue));
  background-color: var(--lightest-light-blue, var(--true-white));
  --bg-color: var(--lightest-light-blue, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-blue] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--light-blue);
  --bg-color: var(--light-blue);
  outline: 1px solid transparent;
  --outline-color: var(--light-blue);
  --shadow-color: var(--light-blue);
}

[data-variant=outline-light-blue] {
  color: var(--light-blue);
  --color: var(--light-blue);
  background-color: transparent;
  outline: 1px solid var(--light-blue);
  --outline-color: var(--light-blue);
  --shadow-color: transparent;
}

[data-variant=border-light-blue] {
  color: var(--light-blue);
  --color: var(--light-blue);
  background-color: transparent;
  border: 1px solid var(--light-blue);
  --border-color: var(--light-blue);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-blue]:hover,
a[data-variant=light-blue]:hover,
button[data-variant=light-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
}

[data-clickable=true][data-variant=fill-light-blue]:hover,
a[data-variant=fill-light-blue]:hover,
button[data-variant=fill-light-blue]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
}

[data-clickable=true][data-variant=outline-light-blue]:hover,
a[data-variant=outline-light-blue]:hover,
button[data-variant=outline-light-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
}

[data-clickable=true][data-variant=border-light-blue]:hover,
a[data-variant=border-light-blue]:hover,
button[data-variant=border-light-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
}

[data-variant=blue] {
  color: var(--blue);
  --color: var(--blue);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-blue] {
  color: var(--dark-blue, var(--blue));
  --color: var(--dark-blue, var(--blue));
  background-color: var(--lightest-blue, var(--true-white));
  --bg-color: var(--lightest-blue, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-blue] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--blue);
  --bg-color: var(--blue);
  outline: 1px solid transparent;
  --outline-color: var(--blue);
  --shadow-color: var(--blue);
}

[data-variant=outline-blue] {
  color: var(--blue);
  --color: var(--blue);
  background-color: transparent;
  outline: 1px solid var(--blue);
  --outline-color: var(--blue);
  --shadow-color: transparent;
}

[data-variant=border-blue] {
  color: var(--blue);
  --color: var(--blue);
  background-color: transparent;
  border: 1px solid var(--blue);
  --border-color: var(--blue);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=blue]:hover,
a[data-variant=blue]:hover,
button[data-variant=blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--blue));
}

[data-clickable=true][data-variant=fill-blue]:hover,
a[data-variant=fill-blue]:hover,
button[data-variant=fill-blue]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--blue));
}

[data-clickable=true][data-variant=outline-blue]:hover,
a[data-variant=outline-blue]:hover,
button[data-variant=outline-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--blue));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--blue));
}

[data-clickable=true][data-variant=border-blue]:hover,
a[data-variant=border-blue]:hover,
button[data-variant=border-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--blue));
  border-color: color-mix(in srgb, var(--black) 24%, var(--blue));
}

[data-variant=dark-blue] {
  color: var(--dark-blue);
  --color: var(--dark-blue);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-blue] {
  color: var(--dark-dark-blue, var(--dark-blue));
  --color: var(--dark-dark-blue, var(--dark-blue));
  background-color: var(--lightest-dark-blue, var(--true-white));
  --bg-color: var(--lightest-dark-blue, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-blue] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-blue);
  --bg-color: var(--dark-blue);
  outline: 1px solid transparent;
  --outline-color: var(--dark-blue);
  --shadow-color: var(--dark-blue);
}

[data-variant=outline-dark-blue] {
  color: var(--dark-blue);
  --color: var(--dark-blue);
  background-color: transparent;
  outline: 1px solid var(--dark-blue);
  --outline-color: var(--dark-blue);
  --shadow-color: transparent;
}

[data-variant=border-dark-blue] {
  color: var(--dark-blue);
  --color: var(--dark-blue);
  background-color: transparent;
  border: 1px solid var(--dark-blue);
  --border-color: var(--dark-blue);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-blue]:hover,
a[data-variant=dark-blue]:hover,
button[data-variant=dark-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
}

[data-clickable=true][data-variant=fill-dark-blue]:hover,
a[data-variant=fill-dark-blue]:hover,
button[data-variant=fill-dark-blue]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
}

[data-clickable=true][data-variant=outline-dark-blue]:hover,
a[data-variant=outline-dark-blue]:hover,
button[data-variant=outline-dark-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
}

[data-clickable=true][data-variant=border-dark-blue]:hover,
a[data-variant=border-dark-blue]:hover,
button[data-variant=border-dark-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
}

[data-variant=lightest-green] {
  color: var(--lightest-green);
  --color: var(--lightest-green);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-green] {
  color: var(--dark-lightest-green, var(--lightest-green));
  --color: var(--dark-lightest-green, var(--lightest-green));
  background-color: var(--lightest-lightest-green, var(--dark-grey));
  --bg-color: var(--lightest-lightest-green, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-green] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-green);
  --bg-color: var(--lightest-green);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-green);
  --shadow-color: var(--lightest-green);
}

[data-variant=outline-lightest-green] {
  color: var(--lightest-green);
  --color: var(--lightest-green);
  background-color: transparent;
  outline: 1px solid var(--lightest-green);
  --outline-color: var(--lightest-green);
  --shadow-color: transparent;
}

[data-variant=border-lightest-green] {
  color: var(--lightest-green);
  --color: var(--lightest-green);
  background-color: transparent;
  border: 1px solid var(--lightest-green);
  --border-color: var(--lightest-green);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-green]:hover,
a[data-variant=lightest-green]:hover,
button[data-variant=lightest-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
}

[data-clickable=true][data-variant=fill-lightest-green]:hover,
a[data-variant=fill-lightest-green]:hover,
button[data-variant=fill-lightest-green]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
}

[data-clickable=true][data-variant=outline-lightest-green]:hover,
a[data-variant=outline-lightest-green]:hover,
button[data-variant=outline-lightest-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
}

[data-clickable=true][data-variant=border-lightest-green]:hover,
a[data-variant=border-lightest-green]:hover,
button[data-variant=border-lightest-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
}

[data-variant=light-green] {
  color: var(--light-green);
  --color: var(--light-green);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-green] {
  color: var(--dark-light-green, var(--light-green));
  --color: var(--dark-light-green, var(--light-green));
  background-color: var(--lightest-light-green, var(--true-white));
  --bg-color: var(--lightest-light-green, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-green] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--light-green);
  --bg-color: var(--light-green);
  outline: 1px solid transparent;
  --outline-color: var(--light-green);
  --shadow-color: var(--light-green);
}

[data-variant=outline-light-green] {
  color: var(--light-green);
  --color: var(--light-green);
  background-color: transparent;
  outline: 1px solid var(--light-green);
  --outline-color: var(--light-green);
  --shadow-color: transparent;
}

[data-variant=border-light-green] {
  color: var(--light-green);
  --color: var(--light-green);
  background-color: transparent;
  border: 1px solid var(--light-green);
  --border-color: var(--light-green);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-green]:hover,
a[data-variant=light-green]:hover,
button[data-variant=light-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-green));
}

[data-clickable=true][data-variant=fill-light-green]:hover,
a[data-variant=fill-light-green]:hover,
button[data-variant=fill-light-green]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-green));
}

[data-clickable=true][data-variant=outline-light-green]:hover,
a[data-variant=outline-light-green]:hover,
button[data-variant=outline-light-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-green));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-green));
}

[data-clickable=true][data-variant=border-light-green]:hover,
a[data-variant=border-light-green]:hover,
button[data-variant=border-light-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-green));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-green));
}

[data-variant=green] {
  color: var(--green);
  --color: var(--green);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-green] {
  color: var(--dark-green, var(--green));
  --color: var(--dark-green, var(--green));
  background-color: var(--lightest-green, var(--true-white));
  --bg-color: var(--lightest-green, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-green] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--green);
  --bg-color: var(--green);
  outline: 1px solid transparent;
  --outline-color: var(--green);
  --shadow-color: var(--green);
}

[data-variant=outline-green] {
  color: var(--green);
  --color: var(--green);
  background-color: transparent;
  outline: 1px solid var(--green);
  --outline-color: var(--green);
  --shadow-color: transparent;
}

[data-variant=border-green] {
  color: var(--green);
  --color: var(--green);
  background-color: transparent;
  border: 1px solid var(--green);
  --border-color: var(--green);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=green]:hover,
a[data-variant=green]:hover,
button[data-variant=green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--green));
}

[data-clickable=true][data-variant=fill-green]:hover,
a[data-variant=fill-green]:hover,
button[data-variant=fill-green]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--green));
}

[data-clickable=true][data-variant=outline-green]:hover,
a[data-variant=outline-green]:hover,
button[data-variant=outline-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--green));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--green));
}

[data-clickable=true][data-variant=border-green]:hover,
a[data-variant=border-green]:hover,
button[data-variant=border-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--green));
  border-color: color-mix(in srgb, var(--black) 24%, var(--green));
}

[data-variant=dark-green] {
  color: var(--dark-green);
  --color: var(--dark-green);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-green] {
  color: var(--dark-dark-green, var(--dark-green));
  --color: var(--dark-dark-green, var(--dark-green));
  background-color: var(--lightest-dark-green, var(--true-white));
  --bg-color: var(--lightest-dark-green, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-green] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-green);
  --bg-color: var(--dark-green);
  outline: 1px solid transparent;
  --outline-color: var(--dark-green);
  --shadow-color: var(--dark-green);
}

[data-variant=outline-dark-green] {
  color: var(--dark-green);
  --color: var(--dark-green);
  background-color: transparent;
  outline: 1px solid var(--dark-green);
  --outline-color: var(--dark-green);
  --shadow-color: transparent;
}

[data-variant=border-dark-green] {
  color: var(--dark-green);
  --color: var(--dark-green);
  background-color: transparent;
  border: 1px solid var(--dark-green);
  --border-color: var(--dark-green);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-green]:hover,
a[data-variant=dark-green]:hover,
button[data-variant=dark-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
}

[data-clickable=true][data-variant=fill-dark-green]:hover,
a[data-variant=fill-dark-green]:hover,
button[data-variant=fill-dark-green]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
}

[data-clickable=true][data-variant=outline-dark-green]:hover,
a[data-variant=outline-dark-green]:hover,
button[data-variant=outline-dark-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
}

[data-clickable=true][data-variant=border-dark-green]:hover,
a[data-variant=border-dark-green]:hover,
button[data-variant=border-dark-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
}

[data-variant=lightest-yellow] {
  color: var(--lightest-yellow);
  --color: var(--lightest-yellow);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-yellow] {
  color: var(--dark-lightest-yellow, var(--lightest-yellow));
  --color: var(--dark-lightest-yellow, var(--lightest-yellow));
  background-color: var(--lightest-lightest-yellow, var(--dark-grey));
  --bg-color: var(--lightest-lightest-yellow, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-yellow] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-yellow);
  --bg-color: var(--lightest-yellow);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-yellow);
  --shadow-color: var(--lightest-yellow);
}

[data-variant=outline-lightest-yellow] {
  color: var(--lightest-yellow);
  --color: var(--lightest-yellow);
  background-color: transparent;
  outline: 1px solid var(--lightest-yellow);
  --outline-color: var(--lightest-yellow);
  --shadow-color: transparent;
}

[data-variant=border-lightest-yellow] {
  color: var(--lightest-yellow);
  --color: var(--lightest-yellow);
  background-color: transparent;
  border: 1px solid var(--lightest-yellow);
  --border-color: var(--lightest-yellow);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-yellow]:hover,
a[data-variant=lightest-yellow]:hover,
button[data-variant=lightest-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
}

[data-clickable=true][data-variant=fill-lightest-yellow]:hover,
a[data-variant=fill-lightest-yellow]:hover,
button[data-variant=fill-lightest-yellow]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
}

[data-clickable=true][data-variant=outline-lightest-yellow]:hover,
a[data-variant=outline-lightest-yellow]:hover,
button[data-variant=outline-lightest-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
}

[data-clickable=true][data-variant=border-lightest-yellow]:hover,
a[data-variant=border-lightest-yellow]:hover,
button[data-variant=border-lightest-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
}

[data-variant=light-yellow] {
  color: var(--light-yellow);
  --color: var(--light-yellow);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-yellow] {
  color: var(--dark-light-yellow, var(--light-yellow));
  --color: var(--dark-light-yellow, var(--light-yellow));
  background-color: var(--lightest-light-yellow, var(--true-black));
  --bg-color: var(--lightest-light-yellow, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-yellow] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--light-yellow);
  --bg-color: var(--light-yellow);
  outline: 1px solid transparent;
  --outline-color: var(--light-yellow);
  --shadow-color: var(--light-yellow);
}

[data-variant=outline-light-yellow] {
  color: var(--light-yellow);
  --color: var(--light-yellow);
  background-color: transparent;
  outline: 1px solid var(--light-yellow);
  --outline-color: var(--light-yellow);
  --shadow-color: transparent;
}

[data-variant=border-light-yellow] {
  color: var(--light-yellow);
  --color: var(--light-yellow);
  background-color: transparent;
  border: 1px solid var(--light-yellow);
  --border-color: var(--light-yellow);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-yellow]:hover,
a[data-variant=light-yellow]:hover,
button[data-variant=light-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
}

[data-clickable=true][data-variant=fill-light-yellow]:hover,
a[data-variant=fill-light-yellow]:hover,
button[data-variant=fill-light-yellow]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
}

[data-clickable=true][data-variant=outline-light-yellow]:hover,
a[data-variant=outline-light-yellow]:hover,
button[data-variant=outline-light-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
}

[data-clickable=true][data-variant=border-light-yellow]:hover,
a[data-variant=border-light-yellow]:hover,
button[data-variant=border-light-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
}

[data-variant=yellow] {
  color: var(--yellow);
  --color: var(--yellow);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-yellow] {
  color: var(--dark-yellow, var(--yellow));
  --color: var(--dark-yellow, var(--yellow));
  background-color: var(--lightest-yellow, var(--true-black));
  --bg-color: var(--lightest-yellow, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-yellow] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--yellow);
  --bg-color: var(--yellow);
  outline: 1px solid transparent;
  --outline-color: var(--yellow);
  --shadow-color: var(--yellow);
}

[data-variant=outline-yellow] {
  color: var(--yellow);
  --color: var(--yellow);
  background-color: transparent;
  outline: 1px solid var(--yellow);
  --outline-color: var(--yellow);
  --shadow-color: transparent;
}

[data-variant=border-yellow] {
  color: var(--yellow);
  --color: var(--yellow);
  background-color: transparent;
  border: 1px solid var(--yellow);
  --border-color: var(--yellow);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=yellow]:hover,
a[data-variant=yellow]:hover,
button[data-variant=yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--yellow));
}

[data-clickable=true][data-variant=fill-yellow]:hover,
a[data-variant=fill-yellow]:hover,
button[data-variant=fill-yellow]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--yellow));
}

[data-clickable=true][data-variant=outline-yellow]:hover,
a[data-variant=outline-yellow]:hover,
button[data-variant=outline-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--yellow));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--yellow));
}

[data-clickable=true][data-variant=border-yellow]:hover,
a[data-variant=border-yellow]:hover,
button[data-variant=border-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--yellow));
  border-color: color-mix(in srgb, var(--black) 24%, var(--yellow));
}

[data-variant=dark-yellow] {
  color: var(--dark-yellow);
  --color: var(--dark-yellow);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-yellow] {
  color: var(--dark-dark-yellow, var(--dark-yellow));
  --color: var(--dark-dark-yellow, var(--dark-yellow));
  background-color: var(--lightest-dark-yellow, var(--true-white));
  --bg-color: var(--lightest-dark-yellow, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-yellow] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-yellow);
  --bg-color: var(--dark-yellow);
  outline: 1px solid transparent;
  --outline-color: var(--dark-yellow);
  --shadow-color: var(--dark-yellow);
}

[data-variant=outline-dark-yellow] {
  color: var(--dark-yellow);
  --color: var(--dark-yellow);
  background-color: transparent;
  outline: 1px solid var(--dark-yellow);
  --outline-color: var(--dark-yellow);
  --shadow-color: transparent;
}

[data-variant=border-dark-yellow] {
  color: var(--dark-yellow);
  --color: var(--dark-yellow);
  background-color: transparent;
  border: 1px solid var(--dark-yellow);
  --border-color: var(--dark-yellow);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-yellow]:hover,
a[data-variant=dark-yellow]:hover,
button[data-variant=dark-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
}

[data-clickable=true][data-variant=fill-dark-yellow]:hover,
a[data-variant=fill-dark-yellow]:hover,
button[data-variant=fill-dark-yellow]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
}

[data-clickable=true][data-variant=outline-dark-yellow]:hover,
a[data-variant=outline-dark-yellow]:hover,
button[data-variant=outline-dark-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
}

[data-clickable=true][data-variant=border-dark-yellow]:hover,
a[data-variant=border-dark-yellow]:hover,
button[data-variant=border-dark-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
}

[data-variant=lightest-orange] {
  color: var(--lightest-orange);
  --color: var(--lightest-orange);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-orange] {
  color: var(--dark-lightest-orange, var(--lightest-orange));
  --color: var(--dark-lightest-orange, var(--lightest-orange));
  background-color: var(--lightest-lightest-orange, var(--dark-grey));
  --bg-color: var(--lightest-lightest-orange, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-orange] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-orange);
  --bg-color: var(--lightest-orange);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-orange);
  --shadow-color: var(--lightest-orange);
}

[data-variant=outline-lightest-orange] {
  color: var(--lightest-orange);
  --color: var(--lightest-orange);
  background-color: transparent;
  outline: 1px solid var(--lightest-orange);
  --outline-color: var(--lightest-orange);
  --shadow-color: transparent;
}

[data-variant=border-lightest-orange] {
  color: var(--lightest-orange);
  --color: var(--lightest-orange);
  background-color: transparent;
  border: 1px solid var(--lightest-orange);
  --border-color: var(--lightest-orange);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-orange]:hover,
a[data-variant=lightest-orange]:hover,
button[data-variant=lightest-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
}

[data-clickable=true][data-variant=fill-lightest-orange]:hover,
a[data-variant=fill-lightest-orange]:hover,
button[data-variant=fill-lightest-orange]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
}

[data-clickable=true][data-variant=outline-lightest-orange]:hover,
a[data-variant=outline-lightest-orange]:hover,
button[data-variant=outline-lightest-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
}

[data-clickable=true][data-variant=border-lightest-orange]:hover,
a[data-variant=border-lightest-orange]:hover,
button[data-variant=border-lightest-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
}

[data-variant=light-orange] {
  color: var(--light-orange);
  --color: var(--light-orange);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-orange] {
  color: var(--dark-light-orange, var(--light-orange));
  --color: var(--dark-light-orange, var(--light-orange));
  background-color: var(--lightest-light-orange, var(--true-black));
  --bg-color: var(--lightest-light-orange, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-orange] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--light-orange);
  --bg-color: var(--light-orange);
  outline: 1px solid transparent;
  --outline-color: var(--light-orange);
  --shadow-color: var(--light-orange);
}

[data-variant=outline-light-orange] {
  color: var(--light-orange);
  --color: var(--light-orange);
  background-color: transparent;
  outline: 1px solid var(--light-orange);
  --outline-color: var(--light-orange);
  --shadow-color: transparent;
}

[data-variant=border-light-orange] {
  color: var(--light-orange);
  --color: var(--light-orange);
  background-color: transparent;
  border: 1px solid var(--light-orange);
  --border-color: var(--light-orange);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-orange]:hover,
a[data-variant=light-orange]:hover,
button[data-variant=light-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
}

[data-clickable=true][data-variant=fill-light-orange]:hover,
a[data-variant=fill-light-orange]:hover,
button[data-variant=fill-light-orange]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
}

[data-clickable=true][data-variant=outline-light-orange]:hover,
a[data-variant=outline-light-orange]:hover,
button[data-variant=outline-light-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
}

[data-clickable=true][data-variant=border-light-orange]:hover,
a[data-variant=border-light-orange]:hover,
button[data-variant=border-light-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
}

[data-variant=orange] {
  color: var(--orange);
  --color: var(--orange);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-orange] {
  color: var(--dark-orange, var(--orange));
  --color: var(--dark-orange, var(--orange));
  background-color: var(--lightest-orange, var(--true-black));
  --bg-color: var(--lightest-orange, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-orange] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--orange);
  --bg-color: var(--orange);
  outline: 1px solid transparent;
  --outline-color: var(--orange);
  --shadow-color: var(--orange);
}

[data-variant=outline-orange] {
  color: var(--orange);
  --color: var(--orange);
  background-color: transparent;
  outline: 1px solid var(--orange);
  --outline-color: var(--orange);
  --shadow-color: transparent;
}

[data-variant=border-orange] {
  color: var(--orange);
  --color: var(--orange);
  background-color: transparent;
  border: 1px solid var(--orange);
  --border-color: var(--orange);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=orange]:hover,
a[data-variant=orange]:hover,
button[data-variant=orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--orange));
}

[data-clickable=true][data-variant=fill-orange]:hover,
a[data-variant=fill-orange]:hover,
button[data-variant=fill-orange]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--orange));
}

[data-clickable=true][data-variant=outline-orange]:hover,
a[data-variant=outline-orange]:hover,
button[data-variant=outline-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--orange));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--orange));
}

[data-clickable=true][data-variant=border-orange]:hover,
a[data-variant=border-orange]:hover,
button[data-variant=border-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--orange));
  border-color: color-mix(in srgb, var(--black) 24%, var(--orange));
}

[data-variant=dark-orange] {
  color: var(--dark-orange);
  --color: var(--dark-orange);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-orange] {
  color: var(--dark-dark-orange, var(--dark-orange));
  --color: var(--dark-dark-orange, var(--dark-orange));
  background-color: var(--lightest-dark-orange, var(--true-white));
  --bg-color: var(--lightest-dark-orange, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-orange] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-orange);
  --bg-color: var(--dark-orange);
  outline: 1px solid transparent;
  --outline-color: var(--dark-orange);
  --shadow-color: var(--dark-orange);
}

[data-variant=outline-dark-orange] {
  color: var(--dark-orange);
  --color: var(--dark-orange);
  background-color: transparent;
  outline: 1px solid var(--dark-orange);
  --outline-color: var(--dark-orange);
  --shadow-color: transparent;
}

[data-variant=border-dark-orange] {
  color: var(--dark-orange);
  --color: var(--dark-orange);
  background-color: transparent;
  border: 1px solid var(--dark-orange);
  --border-color: var(--dark-orange);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-orange]:hover,
a[data-variant=dark-orange]:hover,
button[data-variant=dark-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
}

[data-clickable=true][data-variant=fill-dark-orange]:hover,
a[data-variant=fill-dark-orange]:hover,
button[data-variant=fill-dark-orange]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
}

[data-clickable=true][data-variant=outline-dark-orange]:hover,
a[data-variant=outline-dark-orange]:hover,
button[data-variant=outline-dark-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
}

[data-clickable=true][data-variant=border-dark-orange]:hover,
a[data-variant=border-dark-orange]:hover,
button[data-variant=border-dark-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
}

[data-variant=lightest-red] {
  color: var(--lightest-red);
  --color: var(--lightest-red);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-red] {
  color: var(--dark-lightest-red, var(--lightest-red));
  --color: var(--dark-lightest-red, var(--lightest-red));
  background-color: var(--lightest-lightest-red, var(--dark-grey));
  --bg-color: var(--lightest-lightest-red, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-red] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-red);
  --bg-color: var(--lightest-red);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-red);
  --shadow-color: var(--lightest-red);
}

[data-variant=outline-lightest-red] {
  color: var(--lightest-red);
  --color: var(--lightest-red);
  background-color: transparent;
  outline: 1px solid var(--lightest-red);
  --outline-color: var(--lightest-red);
  --shadow-color: transparent;
}

[data-variant=border-lightest-red] {
  color: var(--lightest-red);
  --color: var(--lightest-red);
  background-color: transparent;
  border: 1px solid var(--lightest-red);
  --border-color: var(--lightest-red);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-red]:hover,
a[data-variant=lightest-red]:hover,
button[data-variant=lightest-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
}

[data-clickable=true][data-variant=fill-lightest-red]:hover,
a[data-variant=fill-lightest-red]:hover,
button[data-variant=fill-lightest-red]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
}

[data-clickable=true][data-variant=outline-lightest-red]:hover,
a[data-variant=outline-lightest-red]:hover,
button[data-variant=outline-lightest-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
}

[data-clickable=true][data-variant=border-lightest-red]:hover,
a[data-variant=border-lightest-red]:hover,
button[data-variant=border-lightest-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
}

[data-variant=light-red] {
  color: var(--light-red);
  --color: var(--light-red);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-red] {
  color: var(--dark-light-red, var(--light-red));
  --color: var(--dark-light-red, var(--light-red));
  background-color: var(--lightest-light-red, var(--true-white));
  --bg-color: var(--lightest-light-red, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-red] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--light-red);
  --bg-color: var(--light-red);
  outline: 1px solid transparent;
  --outline-color: var(--light-red);
  --shadow-color: var(--light-red);
}

[data-variant=outline-light-red] {
  color: var(--light-red);
  --color: var(--light-red);
  background-color: transparent;
  outline: 1px solid var(--light-red);
  --outline-color: var(--light-red);
  --shadow-color: transparent;
}

[data-variant=border-light-red] {
  color: var(--light-red);
  --color: var(--light-red);
  background-color: transparent;
  border: 1px solid var(--light-red);
  --border-color: var(--light-red);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-red]:hover,
a[data-variant=light-red]:hover,
button[data-variant=light-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-red));
}

[data-clickable=true][data-variant=fill-light-red]:hover,
a[data-variant=fill-light-red]:hover,
button[data-variant=fill-light-red]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-red));
}

[data-clickable=true][data-variant=outline-light-red]:hover,
a[data-variant=outline-light-red]:hover,
button[data-variant=outline-light-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-red));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-red));
}

[data-clickable=true][data-variant=border-light-red]:hover,
a[data-variant=border-light-red]:hover,
button[data-variant=border-light-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-red));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-red));
}

[data-variant=red] {
  color: var(--red);
  --color: var(--red);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-red] {
  color: var(--dark-red, var(--red));
  --color: var(--dark-red, var(--red));
  background-color: var(--lightest-red, var(--true-white));
  --bg-color: var(--lightest-red, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-red] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--red);
  --bg-color: var(--red);
  outline: 1px solid transparent;
  --outline-color: var(--red);
  --shadow-color: var(--red);
}

[data-variant=outline-red] {
  color: var(--red);
  --color: var(--red);
  background-color: transparent;
  outline: 1px solid var(--red);
  --outline-color: var(--red);
  --shadow-color: transparent;
}

[data-variant=border-red] {
  color: var(--red);
  --color: var(--red);
  background-color: transparent;
  border: 1px solid var(--red);
  --border-color: var(--red);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=red]:hover,
a[data-variant=red]:hover,
button[data-variant=red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--red));
}

[data-clickable=true][data-variant=fill-red]:hover,
a[data-variant=fill-red]:hover,
button[data-variant=fill-red]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--red));
}

[data-clickable=true][data-variant=outline-red]:hover,
a[data-variant=outline-red]:hover,
button[data-variant=outline-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--red));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--red));
}

[data-clickable=true][data-variant=border-red]:hover,
a[data-variant=border-red]:hover,
button[data-variant=border-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--red));
  border-color: color-mix(in srgb, var(--black) 24%, var(--red));
}

[data-variant=dark-red] {
  color: var(--dark-red);
  --color: var(--dark-red);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-red] {
  color: var(--dark-dark-red, var(--dark-red));
  --color: var(--dark-dark-red, var(--dark-red));
  background-color: var(--lightest-dark-red, var(--true-white));
  --bg-color: var(--lightest-dark-red, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-red] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-red);
  --bg-color: var(--dark-red);
  outline: 1px solid transparent;
  --outline-color: var(--dark-red);
  --shadow-color: var(--dark-red);
}

[data-variant=outline-dark-red] {
  color: var(--dark-red);
  --color: var(--dark-red);
  background-color: transparent;
  outline: 1px solid var(--dark-red);
  --outline-color: var(--dark-red);
  --shadow-color: transparent;
}

[data-variant=border-dark-red] {
  color: var(--dark-red);
  --color: var(--dark-red);
  background-color: transparent;
  border: 1px solid var(--dark-red);
  --border-color: var(--dark-red);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-red]:hover,
a[data-variant=dark-red]:hover,
button[data-variant=dark-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
}

[data-clickable=true][data-variant=fill-dark-red]:hover,
a[data-variant=fill-dark-red]:hover,
button[data-variant=fill-dark-red]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
}

[data-clickable=true][data-variant=outline-dark-red]:hover,
a[data-variant=outline-dark-red]:hover,
button[data-variant=outline-dark-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
}

[data-clickable=true][data-variant=border-dark-red]:hover,
a[data-variant=border-dark-red]:hover,
button[data-variant=border-dark-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
}

button,
a {
  text-decoration: none;
  appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 1rem;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  user-select: none;
  text-transform: capitalize;
}
button:not([disabled]), button:hover:not([disabled]),
a:not([disabled]),
a:hover:not([disabled]) {
  cursor: pointer;
}
button:not([data-outline=true]):focus,
a:not([data-outline=true]):focus {
  outline: none;
}

.nst-button,
.nst-anchor {
  font-size: 1rem;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  user-select: none;
  text-transform: capitalize;
}
.nst-button:not([disabled]), .nst-button:hover:not([disabled]),
.nst-anchor:not([disabled]),
.nst-anchor:hover:not([disabled]) {
  cursor: pointer;
}
.nst-button:not([data-outline=true]):focus,
.nst-anchor:not([data-outline=true]):focus {
  outline: none;
}
.nst-button,
.nst-anchor {
  display: flex;
  align-items: center;
  width: fit-content;
  min-width: fit-content;
  height: 48px;
  justify-content: center;
  outline: 1px solid transparent;
  border-radius: 6px;
  margin: 0;
  transition: outline-color 128ms ease-in-out, background-color 128ms ease-in-out, color 128ms ease-in-out;
}
.nst-button, .nst-button > span,
.nst-anchor,
.nst-anchor > span {
  padding: 0 8px;
}
.nst-button, .nst-button > strong, .nst-button > span, .nst-button > span > strong,
.nst-anchor,
.nst-anchor > strong,
.nst-anchor > span,
.nst-anchor > span > strong {
  overflow: hidden;
  text-overflow: ellipsis;
}
.nst-button > strong, .nst-button > span > strong,
.nst-anchor > strong,
.nst-anchor > span > strong {
  white-space: nowrap;
}
.nst-button > span,
.nst-anchor > span {
  font-size: inherit;
  font-weight: inherit;
  color: var(--color, inherit);
  white-space: nowrap;
  min-width: fit-content;
}
.nst-button > span[data-hide-on-mobile=true],
.nst-anchor > span[data-hide-on-mobile=true] {
  display: none;
  visibility: hidden;
}
@media (min-width: 768px) {
  .nst-button > span[data-hide-on-mobile=true],
  .nst-anchor > span[data-hide-on-mobile=true] {
    display: initial;
    visibility: unset;
  }
}
.nst-button > svg.lucide, .nst-button > i[data-lucide], .nst-button > i.nst-icon,
.nst-anchor > svg.lucide,
.nst-anchor > i[data-lucide],
.nst-anchor > i.nst-icon {
  margin: 8px;
  justify-self: center;
}
.nst-button[data-children=false],
.nst-anchor[data-children=false] {
  min-width: 48px;
}
.nst-button[data-children=false] > svg.lucide, .nst-button[data-children=false] > i[data-lucide], .nst-button[data-children=false] > i.nst-icon,
.nst-anchor[data-children=false] > svg.lucide,
.nst-anchor[data-children=false] > i[data-lucide],
.nst-anchor[data-children=false] > i.nst-icon {
  margin: 4px;
}
.nst-button:focus,
.nst-anchor:focus {
  outline-color: var(--color, inherit);
}
@media (max-width: 768px) {
  .nst-button[data-hide-on-mobile=true],
  .nst-anchor[data-hide-on-mobile=true] {
    display: none;
  }
}
@media (min-width: 768px) {
  .nst-button[data-hide-on-desktop=true],
  .nst-anchor[data-hide-on-desktop=true] {
    display: none;
  }
}
.nst-button[data-outline=true],
.nst-anchor[data-outline=true] {
  outline: 1px solid var(--off-white) !important;
}

.nst-page, .nst-page > div {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
}
.nst-page > div {
  min-height: calc(100vh - 200px);
  min-height: calc(100dvh - 200px);
}
@media (min-width: 1152px) {
  .nst-page > div {
    padding-top: 16px;
    padding-left: 16px;
  }
}

.ns-divider {
  display: flex;
  height: 48px;
  box-sizing: border-box;
  align-items: center;
}
.ns-divider, .ns-divider > hr {
  width: 100%;
}
.ns-divider > hr {
  width: 100%;
  height: 1px;
  background-color: var(--off-white);
  appearance: none;
  outline: none;
  border: none;
}
.ns-divider, .ns-divider > legend {
  padding: 0 8px;
}
.ns-divider > legend {
  white-space: nowrap;
}

.nst-toolbar {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  min-height: 64px;
  height: 64px;
  column-gap: 8px;
  padding: 0 8px;
}
.nst-toolbar[data-variant=inline] {
  min-height: 48px;
  height: 48px;
  padding: 0;
}
.nst-toolbar[data-sticky=true] {
  position: sticky;
  background-color: var(--white);
  z-index: 1;
}
.nst-toolbar[data-pad="0"] {
  padding: 0;
}
.nst-toolbar[data-gap="0"] {
  column-gap: 0;
}
.nst-toolbar > svg.lucide, .nst-toolbar > i.nst-icon {
  margin: 12px;
}
.nst-toolbar > svg.lucide + .nst-toolbar > svg.lucide > h5, .nst-toolbar > svg.lucide + .nst-toolbar > svg.lucide > h6, .nst-toolbar > svg.lucide + .nst-toolbar > svg.lucide > p, .nst-toolbar > svg.lucide + .nst-toolbar > i.nst-icon > h5, .nst-toolbar > svg.lucide + .nst-toolbar > i.nst-icon > h6, .nst-toolbar > svg.lucide + .nst-toolbar > i.nst-icon > p, .nst-toolbar > i.nst-icon + .nst-toolbar > svg.lucide > h5, .nst-toolbar > i.nst-icon + .nst-toolbar > svg.lucide > h6, .nst-toolbar > i.nst-icon + .nst-toolbar > svg.lucide > p, .nst-toolbar > i.nst-icon + .nst-toolbar > i.nst-icon > h5, .nst-toolbar > i.nst-icon + .nst-toolbar > i.nst-icon > h6, .nst-toolbar > i.nst-icon + .nst-toolbar > i.nst-icon > p {
  padding-left: 4px;
}
.nst-toolbar h5, .nst-toolbar h6 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.nst-toolbar h5, .nst-toolbar h6, .nst-toolbar p {
  padding-top: 0;
  padding-bottom: 0;
}
.nst-toolbar h5, .nst-toolbar h6, .nst-toolbar p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.nst-toolbar h5 + svg.lucide, .nst-toolbar h5 + i.nst-icon, .nst-toolbar h6 + svg.lucide, .nst-toolbar h6 + i.nst-icon, .nst-toolbar p + svg.lucide, .nst-toolbar p + i.nst-icon {
  margin-left: 4px;
}
.nst-toolbar > * {
  margin-top: 0;
  margin-bottom: 0;
}

.nst-flex-rows, .nst-flex-columns {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
}
.nst-flex-rows, .nst-flex-rows[data-pad="0"], .nst-flex-columns, .nst-flex-columns[data-pad="0"] {
  padding: 0;
}
.nst-flex-rows[data-pad="1"], .nst-flex-columns[data-pad="1"] {
  padding: 8px;
}
.nst-flex-rows, .nst-flex-rows > div[data-child], .nst-flex-columns, .nst-flex-columns > div[data-child] {
  position: relative;
}
.nst-flex-rows[hidden], .nst-flex-rows > div[data-child][hidden], .nst-flex-columns[hidden], .nst-flex-columns > div[data-child][hidden] {
  display: none;
  visibility: hidden;
}
.nst-flex-rows[data-empty=true], .nst-flex-rows > div[data-child][data-empty=true], .nst-flex-columns[data-empty=true], .nst-flex-columns > div[data-child][data-empty=true] {
  display: contents;
}
.nst-flex-rows > div[data-child], .nst-flex-columns > div[data-child] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0;
}
.nst-flex-rows[data-pad="0"], .nst-flex-columns[data-pad="0"] {
  padding: 0;
}
.nst-flex-rows {
  row-gap: 16px;
}
@media (min-width: 1152px) {
  .nst-flex-rows {
    row-gap: 16px;
  }
}
.nst-flex-rows[data-gap="0"] {
  row-gap: 0;
}
.nst-flex-columns {
  column-gap: 16px;
  row-gap: 16px;
}
.nst-flex-columns[data-lock=true] {
  flex-direction: row;
}
@media (max-width: 768px) {
  .nst-flex-columns > div[data-child] {
    flex: unset !important;
    max-width: unset !important;
  }
}
@media (min-width: 768px) {
  .nst-flex-columns {
    flex-direction: row;
  }
}
@media (min-width: 1152px) {
  .nst-flex-columns {
    column-gap: 16px;
    row-gap: 16px;
  }
}
.nst-flex-columns[data-gap="0"] {
  column-gap: 0;
  row-gap: 0;
}
.nst-flex-rows[data-wrap=true], .nst-flex-columns[data-wrap=true] {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 16px;
}
@media (min-width: 1152px) {
  .nst-flex-rows[data-wrap=true], .nst-flex-columns[data-wrap=true] {
    row-gap: 16px;
    column-gap: 16px;
  }
}
.nst-flex-rows[data-wrap=true][data-gap="0"], .nst-flex-columns[data-wrap=true][data-gap="0"] {
  row-gap: 0;
  column-gap: 0;
}
.nst-flex-rows[data-wrap=true] > div[data-child], .nst-flex-columns[data-wrap=true] > div[data-child] {
  display: contents;
  flex: unset;
  width: fit-content;
  height: fit-content;
}

.nst-spacer {
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
}
.nst-spacer[data-fixed=true] {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.nst-panel,
.nst-panel-header,
.nst-panel-body,
.nst-panel-footer {
  width: 100%;
  box-sizing: border-box;
}

.nst-panel,
.nst-panel-header,
.nst-panel-footer {
  display: flex;
  border-radius: 12px;
}

.nst-panel {
  position: relative;
  flex-direction: column;
  background-color: var(--white);
  --bg-color: var(--white);
  --shadown-color: var(--true-black);
  outline: 1px solid var(--off-white);
}
.nst-panel[data-clickable=true] {
  cursor: pointer;
}
.nst-panel > .nst-toolbar:first-child[data-sticky=true] {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.nst-panel,
.nst-panel-body {
  height: fit-content;
}
.nst-panel[data-fit=true],
.nst-panel-body[data-fit=true] {
  flex: unset;
}

.nst-panel-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.nst-panel-header, .nst-panel-header > h5 {
  text-overflow: ellipsis;
}
.nst-panel-header, .nst-panel-header > h1, .nst-panel-header > h2, .nst-panel-header > h3, .nst-panel-header > h4, .nst-panel-header > h5, .nst-panel-header > h6, .nst-panel-header > p, .nst-panel-header > i {
  padding: 0 8px;
  margin: 0;
}
.nst-panel-header > h5 {
  color: var(--dark-grey);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
}
.nst-panel-header > i + h5 {
  padding-left: 0;
}
.nst-panel-header[data-sticky=true] {
  position: sticky;
  top: 128px;
  background-color: var(--white);
  box-shadow: 0 1px 0px var(--off-white);
  z-index: 1;
}

.nst-panel-header-info {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
}
.nst-panel-header-info > i, .nst-panel-header-info > span {
  font-size: inherit;
  color: var(--grey);
}
.nst-panel-header-info > i {
  padding: 0;
  margin: 0 8px 0 0;
}
.nst-panel-header-info > span {
  display: none;
}
.nst-panel-header-info::before {
  min-width: 128px;
}
@media (min-width: 768px) {
  .nst-panel-header-info {
    user-select: text;
  }
  .nst-panel-header-info > span {
    display: unset;
  }
  .nst-panel-header-info:hover::before {
    display: none;
  }
}

.nst-panel-header,
.nst-panel-footer {
  min-height: 64px;
  align-items: center;
  padding: 0 8px;
  column-gap: 8px;
}

.nst-panel-body {
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.nst-panel-body .nst-flex-rows {
  padding: 0;
}
.nst-panel-body[data-wrap=true] {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 8px;
}

.nst-panel-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  z-index: 1;
}

.nst-panel-connector {
  width: 100%;
  height: 0;
  top: -4px;
  overflow: visible;
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
.nst-panel-connector, .nst-panel-connector > div {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nst-panel-connector > div {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: var(--off-white);
  color: var(--dark-grey);
}
.nst-panel-connector > div > i {
  font-size: 16px;
}
@media (min-width: 1152px) {
  .nst-panel-connector {
    top: -8px;
  }
}

@keyframes busy {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 320px 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 1;
  }
}
.ns-fade-in {
  opacity: 0;
  animation: 256ms fadeIn forwards;
}
.ns-fade-in-1 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 64ms;
  will-change: opacity;
}
.ns-fade-in-2 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 128ms;
  will-change: opacity;
}
.ns-fade-in-3 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 192ms;
  will-change: opacity;
}
.ns-fade-in-4 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 256ms;
  will-change: opacity;
}
.ns-fade-in-5 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 320ms;
  will-change: opacity;
}
.ns-fade-in-6 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 384ms;
  will-change: opacity;
}
.ns-fade-in-7 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 448ms;
  will-change: opacity;
}
.ns-fade-in-8 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 512ms;
  will-change: opacity;
}
.ns-fade-in-9 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 576ms;
  will-change: opacity;
}
.ns-fade-in-10 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 640ms;
  will-change: opacity;
}
.ns-fade-in-11 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 704ms;
  will-change: opacity;
}
.ns-fade-in-12 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 768ms;
  will-change: opacity;
}
.ns-fade-in-13 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 832ms;
  will-change: opacity;
}
.ns-fade-in-14 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 896ms;
  will-change: opacity;
}
.ns-fade-in-15 {
  opacity: 0;
  animation: 256ms fadeIn forwards;
  animation-delay: 960ms;
  will-change: opacity;
}

@keyframes scaleIn {
  from {
    transform: scale3d(0, 0, 0);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.ns-scale-in {
  transform: scale3d(0, 0, 0);
  animation: 256ms scaleIn forwards;
}

@keyframes rotateZ360 {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
.ns-rotate-Z-360 {
  transform: rotateZ(0deg);
  animation: 256ms rotateZ360 forwards;
}

@keyframes bounceUp {
  0% {
    transform: translate3d(0, 0, 0);
  }
  33% {
    transform: translate3d(0, 100%, 0);
  }
  66% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.ns-bounce-up {
  transform: translate3d(0, 0, 0);
  animation: 256ms bounceUp forwards;
}

@keyframes slideUp {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.ns-slide-up {
  transform: translate3d(0, 100%, 0);
  animation: 256ms slideUp forwards;
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.ns-fade-slide-up {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  animation: 256ms fadeSlideUp forwards;
}

@keyframes slideIn {
  0% {
    transform: translate3d(100%, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.ns-slide-in {
  transform: translate3d(0, 100%, 0);
  animation: 256ms slideIn forwards;
}

progress {
  width: 100%;
  height: 8px;
  padding: 0;
  margin: 0;
  border-radius: 6px;
  appearance: none;
  border: none;
  background-color: var(--white);
}

progress::-webkit-progress-bar {
  background-color: transparent;
  appearance: none;
  border: none;
}

progress::-moz-progress-bar {
  background-color: transparent;
  appearance: none;
  border: none;
}

[disabled], [disabled] > *,
[aria-disabled=true],
[aria-disabled=true] > *,
[aria-busy=true],
[aria-busy=true] > *,
progress:not([value]),
progress:not([value]) > * {
  pointer-events: none !important;
}

[disabled]:not([readonly]),
[aria-disabled=true]:not([readonly]) {
  outline: 1px solid rgb(from var(--outline-color, var(--dark-grey)) r g b/0.08) !important;
  background-color: rgb(from var(--bg-color) r g b/0.48) !important;
  background-size: 9px 9px !important;
  background-image: linear-gradient(45deg, rgb(from var(--shadow-color, var(--outline-color, var(--dark-grey))) r g b/0.08) 5.56%, transparent 5.56%, transparent 50%, rgb(from var(--shadow-color, var(--outline-color, var(--dark-grey))) r g b/0.08) 50%, rgb(from var(--shadow-color, var(--outline-color, var(--dark-grey))) r g b/0.08) 55.56%, transparent 55.56%, transparent 100%) !important;
}
[disabled]:not([readonly]) *,
[aria-disabled=true]:not([readonly]) * {
  color: rgb(from var(--color, currentColor) r g b/0.48) !important;
}
[disabled]:not([readonly]) svg.lucide,
[aria-disabled=true]:not([readonly]) svg.lucide {
  stroke: rgb(from var(--color, currentColor) r g b/0.48) !important;
}

[aria-busy=true],
[disabled][aria-busy=true],
[aria-disabled=true][aria-busy=true],
progress:not([value]) {
  outline: 1px solid rgb(from var(--outline-color, var(--dark-grey)) r g b/0.16) !important;
  background-color: rgb(from var(--bg-color) r g b/0.48) !important;
  background-size: 9px 9px !important;
  background-image: linear-gradient(45deg, rgb(from var(--shadow-color, var(--outline-color, var(--dark-grey))) r g b/0.16) 5.56%, transparent 5.56%, transparent 50%, rgb(from var(--shadow-color, var(--outline-color, var(--dark-grey))) r g b/0.16) 50%, rgb(from var(--shadow-color, var(--outline-color, var(--dark-grey))) r g b/0.16) 55.56%, transparent 55.56%, transparent 100%) !important;
}
[aria-busy=true] *,
[disabled][aria-busy=true] *,
[aria-disabled=true][aria-busy=true] *,
progress:not([value]) * {
  color: rgb(from var(--color, currentColor) r g b/0.48) !important;
}
[aria-busy=true] svg.lucide,
[disabled][aria-busy=true] svg.lucide,
[aria-disabled=true][aria-busy=true] svg.lucide,
progress:not([value]) svg.lucide {
  stroke: rgb(from var(--color, currentColor) r g b/0.48) !important;
}
[aria-busy=true],
[disabled][aria-busy=true],
[aria-disabled=true][aria-busy=true],
progress:not([value]) {
  animation-duration: 8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: busy;
}
[aria-busy=true] *:not([data-busy-ignore]),
[disabled][aria-busy=true] *:not([data-busy-ignore]),
[aria-disabled=true][aria-busy=true] *:not([data-busy-ignore]),
progress:not([value]) *:not([data-busy-ignore]) {
  opacity: 0 !important;
}

progress,
progress[value],
progress:not([value]) {
  appearance: none;
  width: 100%;
  height: 8px;
  border: none;
  border-radius: 3px;
  overflow: hidden;
}

progress[value] {
  background-color: var(--off-white);
}

progress[value]::-webkit-progress-bar {
  background-color: var(--off-white);
  border-radius: 3px;
}

progress[value]::-webkit-progress-value {
  background-color: var(--primary);
  border-radius: 3px;
}

progress[value]::-moz-progress-bar {
  background-color: var(--primary);
  border-radius: 3px;
}

[data-text-size=m] {
  font-size: 1rem;
}
[data-text-size=m] > svg.lucide {
  min-width: 24px;
}

[data-text-size=s] {
  font-size: 0.875rem;
}
[data-text-size=s] > svg.lucide {
  min-width: 16px;
}

[data-text-size=xs] {
  font-size: 0.675rem;
}
[data-text-size=xs] > svg.lucide {
  min-width: 12px;
}

[data-disable-scrollbar=true] {
  /*For Firefox*/
  scrollbar-width: none;
  /*For Internet Explorer 10+*/
  -ms-overflow-style: none;
}
[data-disable-scrollbar=true]::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  [data-disable-scrollbar=desktop] {
    /*For Firefox*/
    scrollbar-width: none;
    /*For Internet Explorer 10+*/
    -ms-overflow-style: none;
  }
  [data-disable-scrollbar=desktop]::-webkit-scrollbar {
    display: none;
  }
}

[data-clickable=true]:not([aria-busy=true]) {
  cursor: pointer;
}

[data-ai-halo]::before, [data-ai-halo]::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
[data-ai-halo]::before {
  top: 0;
  border-radius: 6px;
  background-color: rgba(from var(--white) r g b/0.96);
}
[data-ai-halo]::after {
  top: 8px;
  z-index: -1;
  transform-origin: center center;
  transform: scale(0.96) translateZ(0);
  filter: blur(16px);
  background: linear-gradient(to left, var(--red), var(--yellow), var(--red), var(--yellow), var(--red));
  background-size: 200% 200%;
}
[data-ai-halo]::before, [data-ai-halo]::after {
  opacity: 0;
  pointer-events: none;
}
[data-ai-halo][data-ai-halo=true]::before, [data-ai-halo][data-ai-halo=true]::after {
  opacity: 1;
}
[data-ai-halo][data-ai-halo=true]::after {
  animation: animateGlow 2.4s linear infinite;
}

[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  opacity: 0;
  width: fit-content;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  transition: transform 256ms ease-in-out, opacity 256ms ease-in-out;
  will-change: transform, opacity;
  padding: 4px 16px;
  background-color: var(--info);
  color: var(--white);
  white-space: pre;
  display: inline-block;
  font-size: 0.675rem;
  font-weight: 600;
  pointer-events: none;
  border-radius: 4px;
  text-transform: uppercase;
}

[data-tooltip-position=right]::before {
  left: unset;
  right: 0;
}

[data-tooltip-fixed=true]::before,
[data-tooltip]:hover::before {
  opacity: 1;
  transform: translate3d(0, -100%, 0);
  z-index: 888;
}

[data-tooltip=""]::before {
  display: none;
}

.nst-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-width: 16px;
  line-height: normal;
  border-radius: 6px;
  box-sizing: border-box;
  column-gap: 8px;
  outline: 1px solid transparent;
}
.nst-badge[data-outline=true] {
  outline: 1px solid var(--off-white) !important;
}
.nst-badge > svg.lucide, .nst-badge > i[data-lucide], .nst-badge > i.nst-icon {
  font-size: 0.75rem;
  line-height: 0.75;
  color: var(--color, inherit);
  margin: 0;
}
.nst-badge > i[data-lucide], .nst-badge > svg.lucide {
  width: 12px;
  height: 12px;
}
.nst-badge {
  overflow: hidden;
}
.nst-badge, .nst-badge > span {
  text-overflow: ellipsis;
  vertical-align: middle;
}
.nst-badge > span {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  display: block;
  color: var(--color, inherit);
}
.nst-badge, .nst-badge[data-size=xs] {
  height: 16px;
  max-height: 16px;
  column-gap: 4px;
  padding: 0 4px;
  font-size: 0.75rem;
}
.nst-badge > span, .nst-badge[data-size=xs] > span {
  padding: 0 4px;
}
.nst-badge > i[data-lucide], .nst-badge > svg.lucide, .nst-badge[data-size=xs] > i[data-lucide], .nst-badge[data-size=xs] > svg.lucide {
  width: 12px;
  height: 12px;
}
.nst-badge[data-size=s] {
  height: 24px;
  max-height: 24px;
  column-gap: 8px;
  padding: 0 8px;
  font-size: 0.75rem;
}
.nst-badge[data-size=s] > span {
  padding: 0 4px;
}
.nst-badge[data-size=s] > i[data-lucide], .nst-badge[data-size=s] > svg.lucide {
  width: 12px;
  height: 12px;
}
.nst-badge[data-size=m] {
  height: 32px;
  max-height: 32px;
  column-gap: 12px;
  padding: 0 12px;
  font-size: 1rem;
}
.nst-badge[data-size=m] > span {
  padding: 0 4px;
}
.nst-badge[data-size=m] > i[data-lucide], .nst-badge[data-size=m] > svg.lucide {
  width: 16px;
  height: 16px;
}
.nst-badge[data-clickable=true] {
  user-select: none;
  cursor: pointer;
}

[data-variant=ai] {
  color: var(--red);
  --color: var(--red);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: none;
  --shadow-color: var(--black);
}

[data-variant=ai] > * {
  background: linear-gradient(45deg, var(--red), var(--yellow));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-variant=tone-ai] {
  color: var(--red);
  --color: var(--red);
  background-color: var(--lightest-yellow);
  --bg-color: var(--lightest-yellow);
  outline: none;
  --shadow-color: var(--yellow);
}

[data-variant=tone-ai] > * {
  background: linear-gradient(45deg, var(--red), var(--yellow));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-variant=fill-ai] {
  color: var(--white);
  --color: var(--white);
  background: linear-gradient(45deg, var(--red), var(--yellow));
  --bg-color: linear-gradient(45deg, var(--red), var(--yellow));
  outline: none;
  --shadow-color: var(--black);
}

[data-variant=outline-ai] {
  color: var(--red);
  --color: var(--red);
  background-color: transparent;
  --bg-color: linear-gradient(45deg, var(--red), var(--yellow));
  outline: none;
  border: 1px solid transparent;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(45deg, var(--red), var(--yellow)) border-box;
  --shadow-color: transparent;
}

[data-variant=outline-ai] > * {
  background: linear-gradient(45deg, var(--red), var(--yellow));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-variant=true-white] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-true-white] {
  color: var(--dark-true-white, var(--true-white));
  --color: var(--dark-true-white, var(--true-white));
  background-color: var(--lightest-true-white, var(--true-black));
  --bg-color: var(--lightest-true-white, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-true-white] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid transparent;
  --outline-color: var(--true-white);
  --shadow-color: var(--black);
}

[data-variant=outline-true-white] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: transparent;
  outline: 1px solid var(--true-white);
  --outline-color: var(--true-white);
  --shadow-color: transparent;
}

[data-variant=border-true-white] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: transparent;
  border: 1px solid var(--true-white);
  --border-color: var(--true-white);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=true-white]:hover,
a[data-variant=true-white]:hover,
button[data-variant=true-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-white));
}

[data-clickable=true][data-variant=fill-true-white]:hover,
a[data-variant=fill-true-white]:hover,
button[data-variant=fill-true-white]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--true-white));
}

[data-clickable=true][data-variant=outline-true-white]:hover,
a[data-variant=outline-true-white]:hover,
button[data-variant=outline-true-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-white));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--true-white));
}

[data-clickable=true][data-variant=border-true-white]:hover,
a[data-variant=border-true-white]:hover,
button[data-variant=border-true-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-white));
  border-color: color-mix(in srgb, var(--black) 24%, var(--true-white));
}

[data-variant=white] {
  color: var(--white);
  --color: var(--white);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-white] {
  color: var(--dark-white, var(--white));
  --color: var(--dark-white, var(--white));
  background-color: var(--lightest-white, var(--dark-grey));
  --bg-color: var(--lightest-white, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-white] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: 1px solid transparent;
  --outline-color: var(--white);
  --shadow-color: var(--black);
}

[data-variant=outline-white] {
  color: var(--white);
  --color: var(--white);
  background-color: transparent;
  outline: 1px solid var(--white);
  --outline-color: var(--white);
  --shadow-color: transparent;
}

[data-variant=border-white] {
  color: var(--white);
  --color: var(--white);
  background-color: transparent;
  border: 1px solid var(--white);
  --border-color: var(--white);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=white]:hover,
a[data-variant=white]:hover,
button[data-variant=white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--white));
}

[data-clickable=true][data-variant=fill-white]:hover,
a[data-variant=fill-white]:hover,
button[data-variant=fill-white]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--white));
}

[data-clickable=true][data-variant=outline-white]:hover,
a[data-variant=outline-white]:hover,
button[data-variant=outline-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--white));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--white));
}

[data-clickable=true][data-variant=border-white]:hover,
a[data-variant=border-white]:hover,
button[data-variant=border-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--white));
  border-color: color-mix(in srgb, var(--black) 24%, var(--white));
}

[data-variant=off-white] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-off-white] {
  color: var(--dark-off-white, var(--off-white));
  --color: var(--dark-off-white, var(--off-white));
  background-color: var(--lightest-off-white, var(--dark-grey));
  --bg-color: var(--lightest-off-white, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-off-white] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--off-white);
  --bg-color: var(--off-white);
  outline: 1px solid transparent;
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=outline-off-white] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: transparent;
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: transparent;
}

[data-variant=border-off-white] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: transparent;
  border: 1px solid var(--off-white);
  --border-color: var(--off-white);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=off-white]:hover,
a[data-variant=off-white]:hover,
button[data-variant=off-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-white));
}

[data-clickable=true][data-variant=fill-off-white]:hover,
a[data-variant=fill-off-white]:hover,
button[data-variant=fill-off-white]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--off-white));
}

[data-clickable=true][data-variant=outline-off-white]:hover,
a[data-variant=outline-off-white]:hover,
button[data-variant=outline-off-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-white));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--off-white));
}

[data-clickable=true][data-variant=border-off-white]:hover,
a[data-variant=border-off-white]:hover,
button[data-variant=border-off-white]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-white));
  border-color: color-mix(in srgb, var(--black) 24%, var(--off-white));
}

[data-variant=lightest-grey] {
  color: var(--lightest-grey);
  --color: var(--lightest-grey);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-grey] {
  color: var(--dark-lightest-grey, var(--lightest-grey));
  --color: var(--dark-lightest-grey, var(--lightest-grey));
  background-color: var(--lightest-lightest-grey, var(--dark-grey));
  --bg-color: var(--lightest-lightest-grey, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-grey);
  --bg-color: var(--lightest-grey);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-grey);
  --shadow-color: var(--black);
}

[data-variant=outline-lightest-grey] {
  color: var(--lightest-grey);
  --color: var(--lightest-grey);
  background-color: transparent;
  outline: 1px solid var(--lightest-grey);
  --outline-color: var(--lightest-grey);
  --shadow-color: transparent;
}

[data-variant=border-lightest-grey] {
  color: var(--lightest-grey);
  --color: var(--lightest-grey);
  background-color: transparent;
  border: 1px solid var(--lightest-grey);
  --border-color: var(--lightest-grey);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-grey]:hover,
a[data-variant=lightest-grey]:hover,
button[data-variant=lightest-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
}

[data-clickable=true][data-variant=fill-lightest-grey]:hover,
a[data-variant=fill-lightest-grey]:hover,
button[data-variant=fill-lightest-grey]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
}

[data-clickable=true][data-variant=outline-lightest-grey]:hover,
a[data-variant=outline-lightest-grey]:hover,
button[data-variant=outline-lightest-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
}

[data-clickable=true][data-variant=border-lightest-grey]:hover,
a[data-variant=border-lightest-grey]:hover,
button[data-variant=border-lightest-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-grey));
}

[data-variant=light-grey] {
  color: var(--light-grey);
  --color: var(--light-grey);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-grey] {
  color: var(--dark-light-grey, var(--light-grey));
  --color: var(--dark-light-grey, var(--light-grey));
  background-color: var(--lightest-light-grey, var(--dark-grey));
  --bg-color: var(--lightest-light-grey, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--light-grey);
  --bg-color: var(--light-grey);
  outline: 1px solid transparent;
  --outline-color: var(--light-grey);
  --shadow-color: var(--black);
}

[data-variant=outline-light-grey] {
  color: var(--light-grey);
  --color: var(--light-grey);
  background-color: transparent;
  outline: 1px solid var(--light-grey);
  --outline-color: var(--light-grey);
  --shadow-color: transparent;
}

[data-variant=border-light-grey] {
  color: var(--light-grey);
  --color: var(--light-grey);
  background-color: transparent;
  border: 1px solid var(--light-grey);
  --border-color: var(--light-grey);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-grey]:hover,
a[data-variant=light-grey]:hover,
button[data-variant=light-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
}

[data-clickable=true][data-variant=fill-light-grey]:hover,
a[data-variant=fill-light-grey]:hover,
button[data-variant=fill-light-grey]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
}

[data-clickable=true][data-variant=outline-light-grey]:hover,
a[data-variant=outline-light-grey]:hover,
button[data-variant=outline-light-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
}

[data-clickable=true][data-variant=border-light-grey]:hover,
a[data-variant=border-light-grey]:hover,
button[data-variant=border-light-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-grey));
}

[data-variant=grey] {
  color: var(--grey);
  --color: var(--grey);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-grey] {
  color: var(--dark-grey, var(--grey));
  --color: var(--dark-grey, var(--grey));
  background-color: var(--lightest-grey, var(--white));
  --bg-color: var(--lightest-grey, var(--white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-grey] {
  color: var(--white);
  --color: var(--white);
  background-color: var(--grey);
  --bg-color: var(--grey);
  outline: 1px solid transparent;
  --outline-color: var(--grey);
  --shadow-color: var(--black);
}

[data-variant=outline-grey] {
  color: var(--grey);
  --color: var(--grey);
  background-color: transparent;
  outline: 1px solid var(--grey);
  --outline-color: var(--grey);
  --shadow-color: transparent;
}

[data-variant=border-grey] {
  color: var(--grey);
  --color: var(--grey);
  background-color: transparent;
  border: 1px solid var(--grey);
  --border-color: var(--grey);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=grey]:hover,
a[data-variant=grey]:hover,
button[data-variant=grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--grey));
}

[data-clickable=true][data-variant=fill-grey]:hover,
a[data-variant=fill-grey]:hover,
button[data-variant=fill-grey]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--grey));
}

[data-clickable=true][data-variant=outline-grey]:hover,
a[data-variant=outline-grey]:hover,
button[data-variant=outline-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--grey));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--grey));
}

[data-clickable=true][data-variant=border-grey]:hover,
a[data-variant=border-grey]:hover,
button[data-variant=border-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--grey));
  border-color: color-mix(in srgb, var(--black) 24%, var(--grey));
}

[data-variant=dark-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-grey] {
  color: var(--dark-dark-grey, var(--dark-grey));
  --color: var(--dark-dark-grey, var(--dark-grey));
  background-color: var(--lightest-dark-grey, var(--white));
  --bg-color: var(--lightest-dark-grey, var(--white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-grey] {
  color: var(--white);
  --color: var(--white);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid transparent;
  --outline-color: var(--dark-grey);
  --shadow-color: var(--black);
}

[data-variant=outline-dark-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: transparent;
  outline: 1px solid var(--dark-grey);
  --outline-color: var(--dark-grey);
  --shadow-color: transparent;
}

[data-variant=border-dark-grey] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: transparent;
  border: 1px solid var(--dark-grey);
  --border-color: var(--dark-grey);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-grey]:hover,
a[data-variant=dark-grey]:hover,
button[data-variant=dark-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
}

[data-clickable=true][data-variant=fill-dark-grey]:hover,
a[data-variant=fill-dark-grey]:hover,
button[data-variant=fill-dark-grey]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
}

[data-clickable=true][data-variant=outline-dark-grey]:hover,
a[data-variant=outline-dark-grey]:hover,
button[data-variant=outline-dark-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
}

[data-clickable=true][data-variant=border-dark-grey]:hover,
a[data-variant=border-dark-grey]:hover,
button[data-variant=border-dark-grey]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-grey));
}

[data-variant=off-black] {
  color: var(--off-black);
  --color: var(--off-black);
  background-color: var(--light-grey);
  --bg-color: var(--light-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-off-black] {
  color: var(--dark-off-black, var(--off-black));
  --color: var(--dark-off-black, var(--off-black));
  background-color: var(--lightest-off-black, var(--light-grey));
  --bg-color: var(--lightest-off-black, var(--light-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-off-black] {
  color: var(--light-grey);
  --color: var(--light-grey);
  background-color: var(--off-black);
  --bg-color: var(--off-black);
  outline: 1px solid transparent;
  --outline-color: var(--off-black);
  --shadow-color: var(--black);
}

[data-variant=outline-off-black] {
  color: var(--off-black);
  --color: var(--off-black);
  background-color: transparent;
  outline: 1px solid var(--off-black);
  --outline-color: var(--off-black);
  --shadow-color: transparent;
}

[data-variant=border-off-black] {
  color: var(--off-black);
  --color: var(--off-black);
  background-color: transparent;
  border: 1px solid var(--off-black);
  --border-color: var(--off-black);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=off-black]:hover,
a[data-variant=off-black]:hover,
button[data-variant=off-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-black));
}

[data-clickable=true][data-variant=fill-off-black]:hover,
a[data-variant=fill-off-black]:hover,
button[data-variant=fill-off-black]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--off-black));
}

[data-clickable=true][data-variant=outline-off-black]:hover,
a[data-variant=outline-off-black]:hover,
button[data-variant=outline-off-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-black));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--off-black));
}

[data-clickable=true][data-variant=border-off-black]:hover,
a[data-variant=border-off-black]:hover,
button[data-variant=border-off-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--off-black));
  border-color: color-mix(in srgb, var(--black) 24%, var(--off-black));
}

[data-variant=black] {
  color: var(--black);
  --color: var(--black);
  background-color: var(--white);
  --bg-color: var(--white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-black] {
  color: var(--dark-black, var(--black));
  --color: var(--dark-black, var(--black));
  background-color: var(--lightest-black, var(--white));
  --bg-color: var(--lightest-black, var(--white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-black] {
  color: var(--white);
  --color: var(--white);
  background-color: var(--black);
  --bg-color: var(--black);
  outline: 1px solid transparent;
  --outline-color: var(--black);
  --shadow-color: var(--black);
}

[data-variant=outline-black] {
  color: var(--black);
  --color: var(--black);
  background-color: transparent;
  outline: 1px solid var(--black);
  --outline-color: var(--black);
  --shadow-color: transparent;
}

[data-variant=border-black] {
  color: var(--black);
  --color: var(--black);
  background-color: transparent;
  border: 1px solid var(--black);
  --border-color: var(--black);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=black]:hover,
a[data-variant=black]:hover,
button[data-variant=black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--black));
}

[data-clickable=true][data-variant=fill-black]:hover,
a[data-variant=fill-black]:hover,
button[data-variant=fill-black]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--black));
}

[data-clickable=true][data-variant=outline-black]:hover,
a[data-variant=outline-black]:hover,
button[data-variant=outline-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--black));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--black));
}

[data-clickable=true][data-variant=border-black]:hover,
a[data-variant=border-black]:hover,
button[data-variant=border-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--black));
  border-color: color-mix(in srgb, var(--black) 24%, var(--black));
}

[data-variant=true-black] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-true-black] {
  color: var(--dark-true-black, var(--true-black));
  --color: var(--dark-true-black, var(--true-black));
  background-color: var(--lightest-true-black, var(--true-white));
  --bg-color: var(--lightest-true-black, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-true-black] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid transparent;
  --outline-color: var(--true-black);
  --shadow-color: var(--black);
}

[data-variant=outline-true-black] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: transparent;
  outline: 1px solid var(--true-black);
  --outline-color: var(--true-black);
  --shadow-color: transparent;
}

[data-variant=border-true-black] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: transparent;
  border: 1px solid var(--true-black);
  --border-color: var(--true-black);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=true-black]:hover,
a[data-variant=true-black]:hover,
button[data-variant=true-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-black));
}

[data-clickable=true][data-variant=fill-true-black]:hover,
a[data-variant=fill-true-black]:hover,
button[data-variant=fill-true-black]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--true-black));
}

[data-clickable=true][data-variant=outline-true-black]:hover,
a[data-variant=outline-true-black]:hover,
button[data-variant=outline-true-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-black));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--true-black));
}

[data-clickable=true][data-variant=border-true-black]:hover,
a[data-variant=border-true-black]:hover,
button[data-variant=border-true-black]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--true-black));
  border-color: color-mix(in srgb, var(--black) 24%, var(--true-black));
}

[data-variant=primary] {
  color: var(--primary);
  --color: var(--primary);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-primary] {
  color: var(--dark-primary, var(--primary));
  --color: var(--dark-primary, var(--primary));
  background-color: var(--lightest-primary, var(--true-white));
  --bg-color: var(--lightest-primary, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-primary] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--primary);
  --bg-color: var(--primary);
  outline: 1px solid transparent;
  --outline-color: var(--primary);
  --shadow-color: var(--primary);
}

[data-variant=outline-primary] {
  color: var(--primary);
  --color: var(--primary);
  background-color: transparent;
  outline: 1px solid var(--primary);
  --outline-color: var(--primary);
  --shadow-color: transparent;
}

[data-variant=border-primary] {
  color: var(--primary);
  --color: var(--primary);
  background-color: transparent;
  border: 1px solid var(--primary);
  --border-color: var(--primary);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=primary]:hover,
a[data-variant=primary]:hover,
button[data-variant=primary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--primary));
}

[data-clickable=true][data-variant=fill-primary]:hover,
a[data-variant=fill-primary]:hover,
button[data-variant=fill-primary]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--primary));
}

[data-clickable=true][data-variant=outline-primary]:hover,
a[data-variant=outline-primary]:hover,
button[data-variant=outline-primary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--primary));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--primary));
}

[data-clickable=true][data-variant=border-primary]:hover,
a[data-variant=border-primary]:hover,
button[data-variant=border-primary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--primary));
  border-color: color-mix(in srgb, var(--black) 24%, var(--primary));
}

[data-variant=secondary] {
  color: var(--secondary);
  --color: var(--secondary);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-secondary] {
  color: var(--dark-secondary, var(--secondary));
  --color: var(--dark-secondary, var(--secondary));
  background-color: var(--lightest-secondary, var(--true-white));
  --bg-color: var(--lightest-secondary, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-secondary] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--secondary);
  --bg-color: var(--secondary);
  outline: 1px solid transparent;
  --outline-color: var(--secondary);
  --shadow-color: var(--secondary);
}

[data-variant=outline-secondary] {
  color: var(--secondary);
  --color: var(--secondary);
  background-color: transparent;
  outline: 1px solid var(--secondary);
  --outline-color: var(--secondary);
  --shadow-color: transparent;
}

[data-variant=border-secondary] {
  color: var(--secondary);
  --color: var(--secondary);
  background-color: transparent;
  border: 1px solid var(--secondary);
  --border-color: var(--secondary);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=secondary]:hover,
a[data-variant=secondary]:hover,
button[data-variant=secondary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--secondary));
}

[data-clickable=true][data-variant=fill-secondary]:hover,
a[data-variant=fill-secondary]:hover,
button[data-variant=fill-secondary]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--secondary));
}

[data-clickable=true][data-variant=outline-secondary]:hover,
a[data-variant=outline-secondary]:hover,
button[data-variant=outline-secondary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--secondary));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--secondary));
}

[data-clickable=true][data-variant=border-secondary]:hover,
a[data-variant=border-secondary]:hover,
button[data-variant=border-secondary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--secondary));
  border-color: color-mix(in srgb, var(--black) 24%, var(--secondary));
}

[data-variant=complementary] {
  color: var(--complementary);
  --color: var(--complementary);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-complementary] {
  color: var(--dark-complementary, var(--complementary));
  --color: var(--dark-complementary, var(--complementary));
  background-color: var(--lightest-complementary, var(--true-white));
  --bg-color: var(--lightest-complementary, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-complementary] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--complementary);
  --bg-color: var(--complementary);
  outline: 1px solid transparent;
  --outline-color: var(--complementary);
  --shadow-color: var(--complementary);
}

[data-variant=outline-complementary] {
  color: var(--complementary);
  --color: var(--complementary);
  background-color: transparent;
  outline: 1px solid var(--complementary);
  --outline-color: var(--complementary);
  --shadow-color: transparent;
}

[data-variant=border-complementary] {
  color: var(--complementary);
  --color: var(--complementary);
  background-color: transparent;
  border: 1px solid var(--complementary);
  --border-color: var(--complementary);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=complementary]:hover,
a[data-variant=complementary]:hover,
button[data-variant=complementary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--complementary));
}

[data-clickable=true][data-variant=fill-complementary]:hover,
a[data-variant=fill-complementary]:hover,
button[data-variant=fill-complementary]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--complementary));
}

[data-clickable=true][data-variant=outline-complementary]:hover,
a[data-variant=outline-complementary]:hover,
button[data-variant=outline-complementary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--complementary));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--complementary));
}

[data-clickable=true][data-variant=border-complementary]:hover,
a[data-variant=border-complementary]:hover,
button[data-variant=border-complementary]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--complementary));
  border-color: color-mix(in srgb, var(--black) 24%, var(--complementary));
}

[data-variant=accent] {
  color: var(--accent);
  --color: var(--accent);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-accent] {
  color: var(--dark-accent, var(--accent));
  --color: var(--dark-accent, var(--accent));
  background-color: var(--lightest-accent, var(--true-white));
  --bg-color: var(--lightest-accent, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-accent] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--accent);
  --bg-color: var(--accent);
  outline: 1px solid transparent;
  --outline-color: var(--accent);
  --shadow-color: var(--accent);
}

[data-variant=outline-accent] {
  color: var(--accent);
  --color: var(--accent);
  background-color: transparent;
  outline: 1px solid var(--accent);
  --outline-color: var(--accent);
  --shadow-color: transparent;
}

[data-variant=border-accent] {
  color: var(--accent);
  --color: var(--accent);
  background-color: transparent;
  border: 1px solid var(--accent);
  --border-color: var(--accent);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=accent]:hover,
a[data-variant=accent]:hover,
button[data-variant=accent]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--accent));
}

[data-clickable=true][data-variant=fill-accent]:hover,
a[data-variant=fill-accent]:hover,
button[data-variant=fill-accent]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--accent));
}

[data-clickable=true][data-variant=outline-accent]:hover,
a[data-variant=outline-accent]:hover,
button[data-variant=outline-accent]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--accent));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--accent));
}

[data-clickable=true][data-variant=border-accent]:hover,
a[data-variant=border-accent]:hover,
button[data-variant=border-accent]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--accent));
  border-color: color-mix(in srgb, var(--black) 24%, var(--accent));
}

[data-variant=info] {
  color: var(--info);
  --color: var(--info);
  background-color: var(--off-white);
  --bg-color: var(--off-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-info] {
  color: var(--dark-info, var(--info));
  --color: var(--dark-info, var(--info));
  background-color: var(--lightest-info, var(--off-white));
  --bg-color: var(--lightest-info, var(--off-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-info] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: var(--info);
  --bg-color: var(--info);
  outline: 1px solid transparent;
  --outline-color: var(--info);
  --shadow-color: var(--info);
}

[data-variant=outline-info] {
  color: var(--info);
  --color: var(--info);
  background-color: transparent;
  outline: 1px solid var(--info);
  --outline-color: var(--info);
  --shadow-color: transparent;
}

[data-variant=border-info] {
  color: var(--info);
  --color: var(--info);
  background-color: transparent;
  border: 1px solid var(--info);
  --border-color: var(--info);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=info]:hover,
a[data-variant=info]:hover,
button[data-variant=info]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--info));
}

[data-clickable=true][data-variant=fill-info]:hover,
a[data-variant=fill-info]:hover,
button[data-variant=fill-info]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--info));
}

[data-clickable=true][data-variant=outline-info]:hover,
a[data-variant=outline-info]:hover,
button[data-variant=outline-info]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--info));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--info));
}

[data-clickable=true][data-variant=border-info]:hover,
a[data-variant=border-info]:hover,
button[data-variant=border-info]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--info));
  border-color: color-mix(in srgb, var(--black) 24%, var(--info));
}

[data-variant=interaction] {
  color: var(--interaction);
  --color: var(--interaction);
  background-color: var(--off-white);
  --bg-color: var(--off-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-interaction] {
  color: var(--dark-interaction, var(--interaction));
  --color: var(--dark-interaction, var(--interaction));
  background-color: var(--lightest-interaction, var(--off-white));
  --bg-color: var(--lightest-interaction, var(--off-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-interaction] {
  color: var(--off-white);
  --color: var(--off-white);
  background-color: var(--interaction);
  --bg-color: var(--interaction);
  outline: 1px solid transparent;
  --outline-color: var(--interaction);
  --shadow-color: var(--interaction);
}

[data-variant=outline-interaction] {
  color: var(--interaction);
  --color: var(--interaction);
  background-color: transparent;
  outline: 1px solid var(--interaction);
  --outline-color: var(--interaction);
  --shadow-color: transparent;
}

[data-variant=border-interaction] {
  color: var(--interaction);
  --color: var(--interaction);
  background-color: transparent;
  border: 1px solid var(--interaction);
  --border-color: var(--interaction);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=interaction]:hover,
a[data-variant=interaction]:hover,
button[data-variant=interaction]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--interaction));
}

[data-clickable=true][data-variant=fill-interaction]:hover,
a[data-variant=fill-interaction]:hover,
button[data-variant=fill-interaction]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--interaction));
}

[data-clickable=true][data-variant=outline-interaction]:hover,
a[data-variant=outline-interaction]:hover,
button[data-variant=outline-interaction]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--interaction));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--interaction));
}

[data-clickable=true][data-variant=border-interaction]:hover,
a[data-variant=border-interaction]:hover,
button[data-variant=border-interaction]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--interaction));
  border-color: color-mix(in srgb, var(--black) 24%, var(--interaction));
}

[data-variant=success] {
  color: var(--success);
  --color: var(--success);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-success] {
  color: var(--dark-success, var(--success));
  --color: var(--dark-success, var(--success));
  background-color: var(--lightest-success, var(--true-white));
  --bg-color: var(--lightest-success, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-success] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--success);
  --bg-color: var(--success);
  outline: 1px solid transparent;
  --outline-color: var(--success);
  --shadow-color: var(--success);
}

[data-variant=outline-success] {
  color: var(--success);
  --color: var(--success);
  background-color: transparent;
  outline: 1px solid var(--success);
  --outline-color: var(--success);
  --shadow-color: transparent;
}

[data-variant=border-success] {
  color: var(--success);
  --color: var(--success);
  background-color: transparent;
  border: 1px solid var(--success);
  --border-color: var(--success);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=success]:hover,
a[data-variant=success]:hover,
button[data-variant=success]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--success));
}

[data-clickable=true][data-variant=fill-success]:hover,
a[data-variant=fill-success]:hover,
button[data-variant=fill-success]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--success));
}

[data-clickable=true][data-variant=outline-success]:hover,
a[data-variant=outline-success]:hover,
button[data-variant=outline-success]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--success));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--success));
}

[data-clickable=true][data-variant=border-success]:hover,
a[data-variant=border-success]:hover,
button[data-variant=border-success]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--success));
  border-color: color-mix(in srgb, var(--black) 24%, var(--success));
}

[data-variant=warning] {
  color: var(--warning);
  --color: var(--warning);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-warning] {
  color: var(--dark-warning, var(--warning));
  --color: var(--dark-warning, var(--warning));
  background-color: var(--lightest-warning, var(--true-black));
  --bg-color: var(--lightest-warning, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-warning] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--warning);
  --bg-color: var(--warning);
  outline: 1px solid transparent;
  --outline-color: var(--warning);
  --shadow-color: var(--warning);
}

[data-variant=outline-warning] {
  color: var(--warning);
  --color: var(--warning);
  background-color: transparent;
  outline: 1px solid var(--warning);
  --outline-color: var(--warning);
  --shadow-color: transparent;
}

[data-variant=border-warning] {
  color: var(--warning);
  --color: var(--warning);
  background-color: transparent;
  border: 1px solid var(--warning);
  --border-color: var(--warning);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=warning]:hover,
a[data-variant=warning]:hover,
button[data-variant=warning]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--warning));
}

[data-clickable=true][data-variant=fill-warning]:hover,
a[data-variant=fill-warning]:hover,
button[data-variant=fill-warning]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--warning));
}

[data-clickable=true][data-variant=outline-warning]:hover,
a[data-variant=outline-warning]:hover,
button[data-variant=outline-warning]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--warning));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--warning));
}

[data-clickable=true][data-variant=border-warning]:hover,
a[data-variant=border-warning]:hover,
button[data-variant=border-warning]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--warning));
  border-color: color-mix(in srgb, var(--black) 24%, var(--warning));
}

[data-variant=failure] {
  color: var(--failure);
  --color: var(--failure);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-failure] {
  color: var(--dark-failure, var(--failure));
  --color: var(--dark-failure, var(--failure));
  background-color: var(--lightest-failure, var(--true-white));
  --bg-color: var(--lightest-failure, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-failure] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--failure);
  --bg-color: var(--failure);
  outline: 1px solid transparent;
  --outline-color: var(--failure);
  --shadow-color: var(--failure);
}

[data-variant=outline-failure] {
  color: var(--failure);
  --color: var(--failure);
  background-color: transparent;
  outline: 1px solid var(--failure);
  --outline-color: var(--failure);
  --shadow-color: transparent;
}

[data-variant=border-failure] {
  color: var(--failure);
  --color: var(--failure);
  background-color: transparent;
  border: 1px solid var(--failure);
  --border-color: var(--failure);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=failure]:hover,
a[data-variant=failure]:hover,
button[data-variant=failure]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--failure));
}

[data-clickable=true][data-variant=fill-failure]:hover,
a[data-variant=fill-failure]:hover,
button[data-variant=fill-failure]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--failure));
}

[data-clickable=true][data-variant=outline-failure]:hover,
a[data-variant=outline-failure]:hover,
button[data-variant=outline-failure]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--failure));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--failure));
}

[data-clickable=true][data-variant=border-failure]:hover,
a[data-variant=border-failure]:hover,
button[data-variant=border-failure]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--failure));
  border-color: color-mix(in srgb, var(--black) 24%, var(--failure));
}

[data-variant=danger] {
  color: var(--danger);
  --color: var(--danger);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-danger] {
  color: var(--dark-danger, var(--danger));
  --color: var(--dark-danger, var(--danger));
  background-color: var(--lightest-danger, var(--true-white));
  --bg-color: var(--lightest-danger, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-danger] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--danger);
  --bg-color: var(--danger);
  outline: 1px solid transparent;
  --outline-color: var(--danger);
  --shadow-color: var(--danger);
}

[data-variant=outline-danger] {
  color: var(--danger);
  --color: var(--danger);
  background-color: transparent;
  outline: 1px solid var(--danger);
  --outline-color: var(--danger);
  --shadow-color: transparent;
}

[data-variant=border-danger] {
  color: var(--danger);
  --color: var(--danger);
  background-color: transparent;
  border: 1px solid var(--danger);
  --border-color: var(--danger);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=danger]:hover,
a[data-variant=danger]:hover,
button[data-variant=danger]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--danger));
}

[data-clickable=true][data-variant=fill-danger]:hover,
a[data-variant=fill-danger]:hover,
button[data-variant=fill-danger]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--danger));
}

[data-clickable=true][data-variant=outline-danger]:hover,
a[data-variant=outline-danger]:hover,
button[data-variant=outline-danger]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--danger));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--danger));
}

[data-clickable=true][data-variant=border-danger]:hover,
a[data-variant=border-danger]:hover,
button[data-variant=border-danger]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--danger));
  border-color: color-mix(in srgb, var(--black) 24%, var(--danger));
}

[data-variant=lightest-blue] {
  color: var(--lightest-blue);
  --color: var(--lightest-blue);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-blue] {
  color: var(--dark-lightest-blue, var(--lightest-blue));
  --color: var(--dark-lightest-blue, var(--lightest-blue));
  background-color: var(--lightest-lightest-blue, var(--dark-grey));
  --bg-color: var(--lightest-lightest-blue, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-blue] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-blue);
  --bg-color: var(--lightest-blue);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-blue);
  --shadow-color: var(--lightest-blue);
}

[data-variant=outline-lightest-blue] {
  color: var(--lightest-blue);
  --color: var(--lightest-blue);
  background-color: transparent;
  outline: 1px solid var(--lightest-blue);
  --outline-color: var(--lightest-blue);
  --shadow-color: transparent;
}

[data-variant=border-lightest-blue] {
  color: var(--lightest-blue);
  --color: var(--lightest-blue);
  background-color: transparent;
  border: 1px solid var(--lightest-blue);
  --border-color: var(--lightest-blue);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-blue]:hover,
a[data-variant=lightest-blue]:hover,
button[data-variant=lightest-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
}

[data-clickable=true][data-variant=fill-lightest-blue]:hover,
a[data-variant=fill-lightest-blue]:hover,
button[data-variant=fill-lightest-blue]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
}

[data-clickable=true][data-variant=outline-lightest-blue]:hover,
a[data-variant=outline-lightest-blue]:hover,
button[data-variant=outline-lightest-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
}

[data-clickable=true][data-variant=border-lightest-blue]:hover,
a[data-variant=border-lightest-blue]:hover,
button[data-variant=border-lightest-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-blue));
}

[data-variant=light-blue] {
  color: var(--light-blue);
  --color: var(--light-blue);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-blue] {
  color: var(--dark-light-blue, var(--light-blue));
  --color: var(--dark-light-blue, var(--light-blue));
  background-color: var(--lightest-light-blue, var(--true-white));
  --bg-color: var(--lightest-light-blue, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-blue] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--light-blue);
  --bg-color: var(--light-blue);
  outline: 1px solid transparent;
  --outline-color: var(--light-blue);
  --shadow-color: var(--light-blue);
}

[data-variant=outline-light-blue] {
  color: var(--light-blue);
  --color: var(--light-blue);
  background-color: transparent;
  outline: 1px solid var(--light-blue);
  --outline-color: var(--light-blue);
  --shadow-color: transparent;
}

[data-variant=border-light-blue] {
  color: var(--light-blue);
  --color: var(--light-blue);
  background-color: transparent;
  border: 1px solid var(--light-blue);
  --border-color: var(--light-blue);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-blue]:hover,
a[data-variant=light-blue]:hover,
button[data-variant=light-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
}

[data-clickable=true][data-variant=fill-light-blue]:hover,
a[data-variant=fill-light-blue]:hover,
button[data-variant=fill-light-blue]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
}

[data-clickable=true][data-variant=outline-light-blue]:hover,
a[data-variant=outline-light-blue]:hover,
button[data-variant=outline-light-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
}

[data-clickable=true][data-variant=border-light-blue]:hover,
a[data-variant=border-light-blue]:hover,
button[data-variant=border-light-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-blue));
}

[data-variant=blue] {
  color: var(--blue);
  --color: var(--blue);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-blue] {
  color: var(--dark-blue, var(--blue));
  --color: var(--dark-blue, var(--blue));
  background-color: var(--lightest-blue, var(--true-white));
  --bg-color: var(--lightest-blue, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-blue] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--blue);
  --bg-color: var(--blue);
  outline: 1px solid transparent;
  --outline-color: var(--blue);
  --shadow-color: var(--blue);
}

[data-variant=outline-blue] {
  color: var(--blue);
  --color: var(--blue);
  background-color: transparent;
  outline: 1px solid var(--blue);
  --outline-color: var(--blue);
  --shadow-color: transparent;
}

[data-variant=border-blue] {
  color: var(--blue);
  --color: var(--blue);
  background-color: transparent;
  border: 1px solid var(--blue);
  --border-color: var(--blue);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=blue]:hover,
a[data-variant=blue]:hover,
button[data-variant=blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--blue));
}

[data-clickable=true][data-variant=fill-blue]:hover,
a[data-variant=fill-blue]:hover,
button[data-variant=fill-blue]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--blue));
}

[data-clickable=true][data-variant=outline-blue]:hover,
a[data-variant=outline-blue]:hover,
button[data-variant=outline-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--blue));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--blue));
}

[data-clickable=true][data-variant=border-blue]:hover,
a[data-variant=border-blue]:hover,
button[data-variant=border-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--blue));
  border-color: color-mix(in srgb, var(--black) 24%, var(--blue));
}

[data-variant=dark-blue] {
  color: var(--dark-blue);
  --color: var(--dark-blue);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-blue] {
  color: var(--dark-dark-blue, var(--dark-blue));
  --color: var(--dark-dark-blue, var(--dark-blue));
  background-color: var(--lightest-dark-blue, var(--true-white));
  --bg-color: var(--lightest-dark-blue, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-blue] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-blue);
  --bg-color: var(--dark-blue);
  outline: 1px solid transparent;
  --outline-color: var(--dark-blue);
  --shadow-color: var(--dark-blue);
}

[data-variant=outline-dark-blue] {
  color: var(--dark-blue);
  --color: var(--dark-blue);
  background-color: transparent;
  outline: 1px solid var(--dark-blue);
  --outline-color: var(--dark-blue);
  --shadow-color: transparent;
}

[data-variant=border-dark-blue] {
  color: var(--dark-blue);
  --color: var(--dark-blue);
  background-color: transparent;
  border: 1px solid var(--dark-blue);
  --border-color: var(--dark-blue);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-blue]:hover,
a[data-variant=dark-blue]:hover,
button[data-variant=dark-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
}

[data-clickable=true][data-variant=fill-dark-blue]:hover,
a[data-variant=fill-dark-blue]:hover,
button[data-variant=fill-dark-blue]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
}

[data-clickable=true][data-variant=outline-dark-blue]:hover,
a[data-variant=outline-dark-blue]:hover,
button[data-variant=outline-dark-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
}

[data-clickable=true][data-variant=border-dark-blue]:hover,
a[data-variant=border-dark-blue]:hover,
button[data-variant=border-dark-blue]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-blue));
}

[data-variant=lightest-green] {
  color: var(--lightest-green);
  --color: var(--lightest-green);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-green] {
  color: var(--dark-lightest-green, var(--lightest-green));
  --color: var(--dark-lightest-green, var(--lightest-green));
  background-color: var(--lightest-lightest-green, var(--dark-grey));
  --bg-color: var(--lightest-lightest-green, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-green] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-green);
  --bg-color: var(--lightest-green);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-green);
  --shadow-color: var(--lightest-green);
}

[data-variant=outline-lightest-green] {
  color: var(--lightest-green);
  --color: var(--lightest-green);
  background-color: transparent;
  outline: 1px solid var(--lightest-green);
  --outline-color: var(--lightest-green);
  --shadow-color: transparent;
}

[data-variant=border-lightest-green] {
  color: var(--lightest-green);
  --color: var(--lightest-green);
  background-color: transparent;
  border: 1px solid var(--lightest-green);
  --border-color: var(--lightest-green);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-green]:hover,
a[data-variant=lightest-green]:hover,
button[data-variant=lightest-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
}

[data-clickable=true][data-variant=fill-lightest-green]:hover,
a[data-variant=fill-lightest-green]:hover,
button[data-variant=fill-lightest-green]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
}

[data-clickable=true][data-variant=outline-lightest-green]:hover,
a[data-variant=outline-lightest-green]:hover,
button[data-variant=outline-lightest-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
}

[data-clickable=true][data-variant=border-lightest-green]:hover,
a[data-variant=border-lightest-green]:hover,
button[data-variant=border-lightest-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-green));
}

[data-variant=light-green] {
  color: var(--light-green);
  --color: var(--light-green);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-green] {
  color: var(--dark-light-green, var(--light-green));
  --color: var(--dark-light-green, var(--light-green));
  background-color: var(--lightest-light-green, var(--true-white));
  --bg-color: var(--lightest-light-green, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-green] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--light-green);
  --bg-color: var(--light-green);
  outline: 1px solid transparent;
  --outline-color: var(--light-green);
  --shadow-color: var(--light-green);
}

[data-variant=outline-light-green] {
  color: var(--light-green);
  --color: var(--light-green);
  background-color: transparent;
  outline: 1px solid var(--light-green);
  --outline-color: var(--light-green);
  --shadow-color: transparent;
}

[data-variant=border-light-green] {
  color: var(--light-green);
  --color: var(--light-green);
  background-color: transparent;
  border: 1px solid var(--light-green);
  --border-color: var(--light-green);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-green]:hover,
a[data-variant=light-green]:hover,
button[data-variant=light-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-green));
}

[data-clickable=true][data-variant=fill-light-green]:hover,
a[data-variant=fill-light-green]:hover,
button[data-variant=fill-light-green]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-green));
}

[data-clickable=true][data-variant=outline-light-green]:hover,
a[data-variant=outline-light-green]:hover,
button[data-variant=outline-light-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-green));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-green));
}

[data-clickable=true][data-variant=border-light-green]:hover,
a[data-variant=border-light-green]:hover,
button[data-variant=border-light-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-green));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-green));
}

[data-variant=green] {
  color: var(--green);
  --color: var(--green);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-green] {
  color: var(--dark-green, var(--green));
  --color: var(--dark-green, var(--green));
  background-color: var(--lightest-green, var(--true-white));
  --bg-color: var(--lightest-green, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-green] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--green);
  --bg-color: var(--green);
  outline: 1px solid transparent;
  --outline-color: var(--green);
  --shadow-color: var(--green);
}

[data-variant=outline-green] {
  color: var(--green);
  --color: var(--green);
  background-color: transparent;
  outline: 1px solid var(--green);
  --outline-color: var(--green);
  --shadow-color: transparent;
}

[data-variant=border-green] {
  color: var(--green);
  --color: var(--green);
  background-color: transparent;
  border: 1px solid var(--green);
  --border-color: var(--green);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=green]:hover,
a[data-variant=green]:hover,
button[data-variant=green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--green));
}

[data-clickable=true][data-variant=fill-green]:hover,
a[data-variant=fill-green]:hover,
button[data-variant=fill-green]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--green));
}

[data-clickable=true][data-variant=outline-green]:hover,
a[data-variant=outline-green]:hover,
button[data-variant=outline-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--green));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--green));
}

[data-clickable=true][data-variant=border-green]:hover,
a[data-variant=border-green]:hover,
button[data-variant=border-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--green));
  border-color: color-mix(in srgb, var(--black) 24%, var(--green));
}

[data-variant=dark-green] {
  color: var(--dark-green);
  --color: var(--dark-green);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-green] {
  color: var(--dark-dark-green, var(--dark-green));
  --color: var(--dark-dark-green, var(--dark-green));
  background-color: var(--lightest-dark-green, var(--true-white));
  --bg-color: var(--lightest-dark-green, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-green] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-green);
  --bg-color: var(--dark-green);
  outline: 1px solid transparent;
  --outline-color: var(--dark-green);
  --shadow-color: var(--dark-green);
}

[data-variant=outline-dark-green] {
  color: var(--dark-green);
  --color: var(--dark-green);
  background-color: transparent;
  outline: 1px solid var(--dark-green);
  --outline-color: var(--dark-green);
  --shadow-color: transparent;
}

[data-variant=border-dark-green] {
  color: var(--dark-green);
  --color: var(--dark-green);
  background-color: transparent;
  border: 1px solid var(--dark-green);
  --border-color: var(--dark-green);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-green]:hover,
a[data-variant=dark-green]:hover,
button[data-variant=dark-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
}

[data-clickable=true][data-variant=fill-dark-green]:hover,
a[data-variant=fill-dark-green]:hover,
button[data-variant=fill-dark-green]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
}

[data-clickable=true][data-variant=outline-dark-green]:hover,
a[data-variant=outline-dark-green]:hover,
button[data-variant=outline-dark-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
}

[data-clickable=true][data-variant=border-dark-green]:hover,
a[data-variant=border-dark-green]:hover,
button[data-variant=border-dark-green]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-green));
}

[data-variant=lightest-yellow] {
  color: var(--lightest-yellow);
  --color: var(--lightest-yellow);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-yellow] {
  color: var(--dark-lightest-yellow, var(--lightest-yellow));
  --color: var(--dark-lightest-yellow, var(--lightest-yellow));
  background-color: var(--lightest-lightest-yellow, var(--dark-grey));
  --bg-color: var(--lightest-lightest-yellow, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-yellow] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-yellow);
  --bg-color: var(--lightest-yellow);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-yellow);
  --shadow-color: var(--lightest-yellow);
}

[data-variant=outline-lightest-yellow] {
  color: var(--lightest-yellow);
  --color: var(--lightest-yellow);
  background-color: transparent;
  outline: 1px solid var(--lightest-yellow);
  --outline-color: var(--lightest-yellow);
  --shadow-color: transparent;
}

[data-variant=border-lightest-yellow] {
  color: var(--lightest-yellow);
  --color: var(--lightest-yellow);
  background-color: transparent;
  border: 1px solid var(--lightest-yellow);
  --border-color: var(--lightest-yellow);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-yellow]:hover,
a[data-variant=lightest-yellow]:hover,
button[data-variant=lightest-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
}

[data-clickable=true][data-variant=fill-lightest-yellow]:hover,
a[data-variant=fill-lightest-yellow]:hover,
button[data-variant=fill-lightest-yellow]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
}

[data-clickable=true][data-variant=outline-lightest-yellow]:hover,
a[data-variant=outline-lightest-yellow]:hover,
button[data-variant=outline-lightest-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
}

[data-clickable=true][data-variant=border-lightest-yellow]:hover,
a[data-variant=border-lightest-yellow]:hover,
button[data-variant=border-lightest-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-yellow));
}

[data-variant=light-yellow] {
  color: var(--light-yellow);
  --color: var(--light-yellow);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-yellow] {
  color: var(--dark-light-yellow, var(--light-yellow));
  --color: var(--dark-light-yellow, var(--light-yellow));
  background-color: var(--lightest-light-yellow, var(--true-black));
  --bg-color: var(--lightest-light-yellow, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-yellow] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--light-yellow);
  --bg-color: var(--light-yellow);
  outline: 1px solid transparent;
  --outline-color: var(--light-yellow);
  --shadow-color: var(--light-yellow);
}

[data-variant=outline-light-yellow] {
  color: var(--light-yellow);
  --color: var(--light-yellow);
  background-color: transparent;
  outline: 1px solid var(--light-yellow);
  --outline-color: var(--light-yellow);
  --shadow-color: transparent;
}

[data-variant=border-light-yellow] {
  color: var(--light-yellow);
  --color: var(--light-yellow);
  background-color: transparent;
  border: 1px solid var(--light-yellow);
  --border-color: var(--light-yellow);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-yellow]:hover,
a[data-variant=light-yellow]:hover,
button[data-variant=light-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
}

[data-clickable=true][data-variant=fill-light-yellow]:hover,
a[data-variant=fill-light-yellow]:hover,
button[data-variant=fill-light-yellow]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
}

[data-clickable=true][data-variant=outline-light-yellow]:hover,
a[data-variant=outline-light-yellow]:hover,
button[data-variant=outline-light-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
}

[data-clickable=true][data-variant=border-light-yellow]:hover,
a[data-variant=border-light-yellow]:hover,
button[data-variant=border-light-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-yellow));
}

[data-variant=yellow] {
  color: var(--yellow);
  --color: var(--yellow);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-yellow] {
  color: var(--dark-yellow, var(--yellow));
  --color: var(--dark-yellow, var(--yellow));
  background-color: var(--lightest-yellow, var(--true-black));
  --bg-color: var(--lightest-yellow, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-yellow] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--yellow);
  --bg-color: var(--yellow);
  outline: 1px solid transparent;
  --outline-color: var(--yellow);
  --shadow-color: var(--yellow);
}

[data-variant=outline-yellow] {
  color: var(--yellow);
  --color: var(--yellow);
  background-color: transparent;
  outline: 1px solid var(--yellow);
  --outline-color: var(--yellow);
  --shadow-color: transparent;
}

[data-variant=border-yellow] {
  color: var(--yellow);
  --color: var(--yellow);
  background-color: transparent;
  border: 1px solid var(--yellow);
  --border-color: var(--yellow);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=yellow]:hover,
a[data-variant=yellow]:hover,
button[data-variant=yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--yellow));
}

[data-clickable=true][data-variant=fill-yellow]:hover,
a[data-variant=fill-yellow]:hover,
button[data-variant=fill-yellow]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--yellow));
}

[data-clickable=true][data-variant=outline-yellow]:hover,
a[data-variant=outline-yellow]:hover,
button[data-variant=outline-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--yellow));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--yellow));
}

[data-clickable=true][data-variant=border-yellow]:hover,
a[data-variant=border-yellow]:hover,
button[data-variant=border-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--yellow));
  border-color: color-mix(in srgb, var(--black) 24%, var(--yellow));
}

[data-variant=dark-yellow] {
  color: var(--dark-yellow);
  --color: var(--dark-yellow);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-yellow] {
  color: var(--dark-dark-yellow, var(--dark-yellow));
  --color: var(--dark-dark-yellow, var(--dark-yellow));
  background-color: var(--lightest-dark-yellow, var(--true-white));
  --bg-color: var(--lightest-dark-yellow, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-yellow] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-yellow);
  --bg-color: var(--dark-yellow);
  outline: 1px solid transparent;
  --outline-color: var(--dark-yellow);
  --shadow-color: var(--dark-yellow);
}

[data-variant=outline-dark-yellow] {
  color: var(--dark-yellow);
  --color: var(--dark-yellow);
  background-color: transparent;
  outline: 1px solid var(--dark-yellow);
  --outline-color: var(--dark-yellow);
  --shadow-color: transparent;
}

[data-variant=border-dark-yellow] {
  color: var(--dark-yellow);
  --color: var(--dark-yellow);
  background-color: transparent;
  border: 1px solid var(--dark-yellow);
  --border-color: var(--dark-yellow);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-yellow]:hover,
a[data-variant=dark-yellow]:hover,
button[data-variant=dark-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
}

[data-clickable=true][data-variant=fill-dark-yellow]:hover,
a[data-variant=fill-dark-yellow]:hover,
button[data-variant=fill-dark-yellow]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
}

[data-clickable=true][data-variant=outline-dark-yellow]:hover,
a[data-variant=outline-dark-yellow]:hover,
button[data-variant=outline-dark-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
}

[data-clickable=true][data-variant=border-dark-yellow]:hover,
a[data-variant=border-dark-yellow]:hover,
button[data-variant=border-dark-yellow]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-yellow));
}

[data-variant=lightest-orange] {
  color: var(--lightest-orange);
  --color: var(--lightest-orange);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-orange] {
  color: var(--dark-lightest-orange, var(--lightest-orange));
  --color: var(--dark-lightest-orange, var(--lightest-orange));
  background-color: var(--lightest-lightest-orange, var(--dark-grey));
  --bg-color: var(--lightest-lightest-orange, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-orange] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-orange);
  --bg-color: var(--lightest-orange);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-orange);
  --shadow-color: var(--lightest-orange);
}

[data-variant=outline-lightest-orange] {
  color: var(--lightest-orange);
  --color: var(--lightest-orange);
  background-color: transparent;
  outline: 1px solid var(--lightest-orange);
  --outline-color: var(--lightest-orange);
  --shadow-color: transparent;
}

[data-variant=border-lightest-orange] {
  color: var(--lightest-orange);
  --color: var(--lightest-orange);
  background-color: transparent;
  border: 1px solid var(--lightest-orange);
  --border-color: var(--lightest-orange);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-orange]:hover,
a[data-variant=lightest-orange]:hover,
button[data-variant=lightest-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
}

[data-clickable=true][data-variant=fill-lightest-orange]:hover,
a[data-variant=fill-lightest-orange]:hover,
button[data-variant=fill-lightest-orange]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
}

[data-clickable=true][data-variant=outline-lightest-orange]:hover,
a[data-variant=outline-lightest-orange]:hover,
button[data-variant=outline-lightest-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
}

[data-clickable=true][data-variant=border-lightest-orange]:hover,
a[data-variant=border-lightest-orange]:hover,
button[data-variant=border-lightest-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-orange));
}

[data-variant=light-orange] {
  color: var(--light-orange);
  --color: var(--light-orange);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-orange] {
  color: var(--dark-light-orange, var(--light-orange));
  --color: var(--dark-light-orange, var(--light-orange));
  background-color: var(--lightest-light-orange, var(--true-black));
  --bg-color: var(--lightest-light-orange, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-orange] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--light-orange);
  --bg-color: var(--light-orange);
  outline: 1px solid transparent;
  --outline-color: var(--light-orange);
  --shadow-color: var(--light-orange);
}

[data-variant=outline-light-orange] {
  color: var(--light-orange);
  --color: var(--light-orange);
  background-color: transparent;
  outline: 1px solid var(--light-orange);
  --outline-color: var(--light-orange);
  --shadow-color: transparent;
}

[data-variant=border-light-orange] {
  color: var(--light-orange);
  --color: var(--light-orange);
  background-color: transparent;
  border: 1px solid var(--light-orange);
  --border-color: var(--light-orange);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-orange]:hover,
a[data-variant=light-orange]:hover,
button[data-variant=light-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
}

[data-clickable=true][data-variant=fill-light-orange]:hover,
a[data-variant=fill-light-orange]:hover,
button[data-variant=fill-light-orange]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
}

[data-clickable=true][data-variant=outline-light-orange]:hover,
a[data-variant=outline-light-orange]:hover,
button[data-variant=outline-light-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
}

[data-clickable=true][data-variant=border-light-orange]:hover,
a[data-variant=border-light-orange]:hover,
button[data-variant=border-light-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-orange));
}

[data-variant=orange] {
  color: var(--orange);
  --color: var(--orange);
  background-color: var(--true-black);
  --bg-color: var(--true-black);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-orange] {
  color: var(--dark-orange, var(--orange));
  --color: var(--dark-orange, var(--orange));
  background-color: var(--lightest-orange, var(--true-black));
  --bg-color: var(--lightest-orange, var(--true-black));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-orange] {
  color: var(--true-black);
  --color: var(--true-black);
  background-color: var(--orange);
  --bg-color: var(--orange);
  outline: 1px solid transparent;
  --outline-color: var(--orange);
  --shadow-color: var(--orange);
}

[data-variant=outline-orange] {
  color: var(--orange);
  --color: var(--orange);
  background-color: transparent;
  outline: 1px solid var(--orange);
  --outline-color: var(--orange);
  --shadow-color: transparent;
}

[data-variant=border-orange] {
  color: var(--orange);
  --color: var(--orange);
  background-color: transparent;
  border: 1px solid var(--orange);
  --border-color: var(--orange);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=orange]:hover,
a[data-variant=orange]:hover,
button[data-variant=orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--orange));
}

[data-clickable=true][data-variant=fill-orange]:hover,
a[data-variant=fill-orange]:hover,
button[data-variant=fill-orange]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--orange));
}

[data-clickable=true][data-variant=outline-orange]:hover,
a[data-variant=outline-orange]:hover,
button[data-variant=outline-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--orange));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--orange));
}

[data-clickable=true][data-variant=border-orange]:hover,
a[data-variant=border-orange]:hover,
button[data-variant=border-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--orange));
  border-color: color-mix(in srgb, var(--black) 24%, var(--orange));
}

[data-variant=dark-orange] {
  color: var(--dark-orange);
  --color: var(--dark-orange);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-orange] {
  color: var(--dark-dark-orange, var(--dark-orange));
  --color: var(--dark-dark-orange, var(--dark-orange));
  background-color: var(--lightest-dark-orange, var(--true-white));
  --bg-color: var(--lightest-dark-orange, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-orange] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-orange);
  --bg-color: var(--dark-orange);
  outline: 1px solid transparent;
  --outline-color: var(--dark-orange);
  --shadow-color: var(--dark-orange);
}

[data-variant=outline-dark-orange] {
  color: var(--dark-orange);
  --color: var(--dark-orange);
  background-color: transparent;
  outline: 1px solid var(--dark-orange);
  --outline-color: var(--dark-orange);
  --shadow-color: transparent;
}

[data-variant=border-dark-orange] {
  color: var(--dark-orange);
  --color: var(--dark-orange);
  background-color: transparent;
  border: 1px solid var(--dark-orange);
  --border-color: var(--dark-orange);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-orange]:hover,
a[data-variant=dark-orange]:hover,
button[data-variant=dark-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
}

[data-clickable=true][data-variant=fill-dark-orange]:hover,
a[data-variant=fill-dark-orange]:hover,
button[data-variant=fill-dark-orange]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
}

[data-clickable=true][data-variant=outline-dark-orange]:hover,
a[data-variant=outline-dark-orange]:hover,
button[data-variant=outline-dark-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
}

[data-clickable=true][data-variant=border-dark-orange]:hover,
a[data-variant=border-dark-orange]:hover,
button[data-variant=border-dark-orange]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-orange));
}

[data-variant=lightest-red] {
  color: var(--lightest-red);
  --color: var(--lightest-red);
  background-color: var(--dark-grey);
  --bg-color: var(--dark-grey);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-lightest-red] {
  color: var(--dark-lightest-red, var(--lightest-red));
  --color: var(--dark-lightest-red, var(--lightest-red));
  background-color: var(--lightest-lightest-red, var(--dark-grey));
  --bg-color: var(--lightest-lightest-red, var(--dark-grey));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-lightest-red] {
  color: var(--dark-grey);
  --color: var(--dark-grey);
  background-color: var(--lightest-red);
  --bg-color: var(--lightest-red);
  outline: 1px solid transparent;
  --outline-color: var(--lightest-red);
  --shadow-color: var(--lightest-red);
}

[data-variant=outline-lightest-red] {
  color: var(--lightest-red);
  --color: var(--lightest-red);
  background-color: transparent;
  outline: 1px solid var(--lightest-red);
  --outline-color: var(--lightest-red);
  --shadow-color: transparent;
}

[data-variant=border-lightest-red] {
  color: var(--lightest-red);
  --color: var(--lightest-red);
  background-color: transparent;
  border: 1px solid var(--lightest-red);
  --border-color: var(--lightest-red);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=lightest-red]:hover,
a[data-variant=lightest-red]:hover,
button[data-variant=lightest-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
}

[data-clickable=true][data-variant=fill-lightest-red]:hover,
a[data-variant=fill-lightest-red]:hover,
button[data-variant=fill-lightest-red]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
}

[data-clickable=true][data-variant=outline-lightest-red]:hover,
a[data-variant=outline-lightest-red]:hover,
button[data-variant=outline-lightest-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
}

[data-clickable=true][data-variant=border-lightest-red]:hover,
a[data-variant=border-lightest-red]:hover,
button[data-variant=border-lightest-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
  border-color: color-mix(in srgb, var(--black) 24%, var(--lightest-red));
}

[data-variant=light-red] {
  color: var(--light-red);
  --color: var(--light-red);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-light-red] {
  color: var(--dark-light-red, var(--light-red));
  --color: var(--dark-light-red, var(--light-red));
  background-color: var(--lightest-light-red, var(--true-white));
  --bg-color: var(--lightest-light-red, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-light-red] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--light-red);
  --bg-color: var(--light-red);
  outline: 1px solid transparent;
  --outline-color: var(--light-red);
  --shadow-color: var(--light-red);
}

[data-variant=outline-light-red] {
  color: var(--light-red);
  --color: var(--light-red);
  background-color: transparent;
  outline: 1px solid var(--light-red);
  --outline-color: var(--light-red);
  --shadow-color: transparent;
}

[data-variant=border-light-red] {
  color: var(--light-red);
  --color: var(--light-red);
  background-color: transparent;
  border: 1px solid var(--light-red);
  --border-color: var(--light-red);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=light-red]:hover,
a[data-variant=light-red]:hover,
button[data-variant=light-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-red));
}

[data-clickable=true][data-variant=fill-light-red]:hover,
a[data-variant=fill-light-red]:hover,
button[data-variant=fill-light-red]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--light-red));
}

[data-clickable=true][data-variant=outline-light-red]:hover,
a[data-variant=outline-light-red]:hover,
button[data-variant=outline-light-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-red));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--light-red));
}

[data-clickable=true][data-variant=border-light-red]:hover,
a[data-variant=border-light-red]:hover,
button[data-variant=border-light-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--light-red));
  border-color: color-mix(in srgb, var(--black) 24%, var(--light-red));
}

[data-variant=red] {
  color: var(--red);
  --color: var(--red);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-red] {
  color: var(--dark-red, var(--red));
  --color: var(--dark-red, var(--red));
  background-color: var(--lightest-red, var(--true-white));
  --bg-color: var(--lightest-red, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-red] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--red);
  --bg-color: var(--red);
  outline: 1px solid transparent;
  --outline-color: var(--red);
  --shadow-color: var(--red);
}

[data-variant=outline-red] {
  color: var(--red);
  --color: var(--red);
  background-color: transparent;
  outline: 1px solid var(--red);
  --outline-color: var(--red);
  --shadow-color: transparent;
}

[data-variant=border-red] {
  color: var(--red);
  --color: var(--red);
  background-color: transparent;
  border: 1px solid var(--red);
  --border-color: var(--red);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=red]:hover,
a[data-variant=red]:hover,
button[data-variant=red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--red));
}

[data-clickable=true][data-variant=fill-red]:hover,
a[data-variant=fill-red]:hover,
button[data-variant=fill-red]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--red));
}

[data-clickable=true][data-variant=outline-red]:hover,
a[data-variant=outline-red]:hover,
button[data-variant=outline-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--red));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--red));
}

[data-clickable=true][data-variant=border-red]:hover,
a[data-variant=border-red]:hover,
button[data-variant=border-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--red));
  border-color: color-mix(in srgb, var(--black) 24%, var(--red));
}

[data-variant=dark-red] {
  color: var(--dark-red);
  --color: var(--dark-red);
  background-color: var(--true-white);
  --bg-color: var(--true-white);
  outline: 1px solid var(--off-white);
  --outline-color: var(--off-white);
  --shadow-color: var(--black);
}

[data-variant=tone-dark-red] {
  color: var(--dark-dark-red, var(--dark-red));
  --color: var(--dark-dark-red, var(--dark-red));
  background-color: var(--lightest-dark-red, var(--true-white));
  --bg-color: var(--lightest-dark-red, var(--true-white));
  outline: 1px solid transparent;
  --outline-color: transparent;
  --shadow-color: var(--black);
}

[data-variant=fill-dark-red] {
  color: var(--true-white);
  --color: var(--true-white);
  background-color: var(--dark-red);
  --bg-color: var(--dark-red);
  outline: 1px solid transparent;
  --outline-color: var(--dark-red);
  --shadow-color: var(--dark-red);
}

[data-variant=outline-dark-red] {
  color: var(--dark-red);
  --color: var(--dark-red);
  background-color: transparent;
  outline: 1px solid var(--dark-red);
  --outline-color: var(--dark-red);
  --shadow-color: transparent;
}

[data-variant=border-dark-red] {
  color: var(--dark-red);
  --color: var(--dark-red);
  background-color: transparent;
  border: 1px solid var(--dark-red);
  --border-color: var(--dark-red);
  --shadow-color: transparent;
}

[data-clickable=true][data-variant=dark-red]:hover,
a[data-variant=dark-red]:hover,
button[data-variant=dark-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
}

[data-clickable=true][data-variant=fill-dark-red]:hover,
a[data-variant=fill-dark-red]:hover,
button[data-variant=fill-dark-red]:hover {
  background-color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
}

[data-clickable=true][data-variant=outline-dark-red]:hover,
a[data-variant=outline-dark-red]:hover,
button[data-variant=outline-dark-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
  outline-color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
}

[data-clickable=true][data-variant=border-dark-red]:hover,
a[data-variant=border-dark-red]:hover,
button[data-variant=border-dark-red]:hover {
  color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
  border-color: color-mix(in srgb, var(--black) 24%, var(--dark-red));
}

.nst-callout[data-variant=bg] {
  color: var(--bg);
  background-color: rgba(var(--bg), 0.1);
}
.nst-callout[data-variant=bg][data-outline=true] {
  border: 1px solid rgba(var(--bg), 0.16);
}
.nst-callout[data-variant=bg][data-crossout=true] > i::after {
  background-color: var(--bg);
}

.nst-callout[data-variant=transparent] {
  color: transparent;
  background-color: rgba(0, 0, 0, 0.1);
}
.nst-callout[data-variant=transparent][data-outline=true] {
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.nst-callout[data-variant=transparent][data-crossout=true] > i::after {
  background-color: transparent;
}

.nst-callout[data-variant=true-white] {
  color: var(--true-white);
  background-color: rgba(var(--true-white), 0.1);
}
.nst-callout[data-variant=true-white][data-outline=true] {
  border: 1px solid rgba(var(--true-white), 0.16);
}
.nst-callout[data-variant=true-white][data-crossout=true] > i::after {
  background-color: var(--true-white);
}

.nst-callout[data-variant=white] {
  color: var(--white);
  background-color: rgba(var(--white), 0.1);
}
.nst-callout[data-variant=white][data-outline=true] {
  border: 1px solid rgba(var(--white), 0.16);
}
.nst-callout[data-variant=white][data-crossout=true] > i::after {
  background-color: var(--white);
}

.nst-callout[data-variant=off-white] {
  color: var(--off-white);
  background-color: rgba(var(--off-white), 0.1);
}
.nst-callout[data-variant=off-white][data-outline=true] {
  border: 1px solid rgba(var(--off-white), 0.16);
}
.nst-callout[data-variant=off-white][data-crossout=true] > i::after {
  background-color: var(--off-white);
}

.nst-callout[data-variant=lightest-grey] {
  color: var(--lightest-grey);
  background-color: rgba(var(--lightest-grey), 0.1);
}
.nst-callout[data-variant=lightest-grey][data-outline=true] {
  border: 1px solid rgba(var(--lightest-grey), 0.16);
}
.nst-callout[data-variant=lightest-grey][data-crossout=true] > i::after {
  background-color: var(--lightest-grey);
}

.nst-callout[data-variant=light-grey] {
  color: var(--light-grey);
  background-color: rgba(var(--light-grey), 0.1);
}
.nst-callout[data-variant=light-grey][data-outline=true] {
  border: 1px solid rgba(var(--light-grey), 0.16);
}
.nst-callout[data-variant=light-grey][data-crossout=true] > i::after {
  background-color: var(--light-grey);
}

.nst-callout[data-variant=grey] {
  color: var(--grey);
  background-color: rgba(var(--grey), 0.1);
}
.nst-callout[data-variant=grey][data-outline=true] {
  border: 1px solid rgba(var(--grey), 0.16);
}
.nst-callout[data-variant=grey][data-crossout=true] > i::after {
  background-color: var(--grey);
}

.nst-callout[data-variant=dark-grey] {
  color: var(--dark-grey);
  background-color: rgba(var(--dark-grey), 0.1);
}
.nst-callout[data-variant=dark-grey][data-outline=true] {
  border: 1px solid rgba(var(--dark-grey), 0.16);
}
.nst-callout[data-variant=dark-grey][data-crossout=true] > i::after {
  background-color: var(--dark-grey);
}

.nst-callout[data-variant=off-black] {
  color: var(--off-black);
  background-color: rgba(var(--off-black), 0.1);
}
.nst-callout[data-variant=off-black][data-outline=true] {
  border: 1px solid rgba(var(--off-black), 0.16);
}
.nst-callout[data-variant=off-black][data-crossout=true] > i::after {
  background-color: var(--off-black);
}

.nst-callout[data-variant=black] {
  color: var(--black);
  background-color: rgba(var(--black), 0.1);
}
.nst-callout[data-variant=black][data-outline=true] {
  border: 1px solid rgba(var(--black), 0.16);
}
.nst-callout[data-variant=black][data-crossout=true] > i::after {
  background-color: var(--black);
}

.nst-callout[data-variant=true-black] {
  color: var(--true-black);
  background-color: rgba(var(--true-black), 0.1);
}
.nst-callout[data-variant=true-black][data-outline=true] {
  border: 1px solid rgba(var(--true-black), 0.16);
}
.nst-callout[data-variant=true-black][data-crossout=true] > i::after {
  background-color: var(--true-black);
}

.nst-callout[data-variant=primary] {
  color: var(--primary);
  background-color: rgba(var(--primary), 0.1);
}
.nst-callout[data-variant=primary][data-outline=true] {
  border: 1px solid rgba(var(--primary), 0.16);
}
.nst-callout[data-variant=primary][data-crossout=true] > i::after {
  background-color: var(--primary);
}

.nst-callout[data-variant=secondary] {
  color: var(--secondary);
  background-color: rgba(var(--secondary), 0.1);
}
.nst-callout[data-variant=secondary][data-outline=true] {
  border: 1px solid rgba(var(--secondary), 0.16);
}
.nst-callout[data-variant=secondary][data-crossout=true] > i::after {
  background-color: var(--secondary);
}

.nst-callout[data-variant=complementary] {
  color: var(--complementary);
  background-color: rgba(var(--complementary), 0.1);
}
.nst-callout[data-variant=complementary][data-outline=true] {
  border: 1px solid rgba(var(--complementary), 0.16);
}
.nst-callout[data-variant=complementary][data-crossout=true] > i::after {
  background-color: var(--complementary);
}

.nst-callout[data-variant=accent] {
  color: var(--accent);
  background-color: rgba(var(--accent), 0.1);
}
.nst-callout[data-variant=accent][data-outline=true] {
  border: 1px solid rgba(var(--accent), 0.16);
}
.nst-callout[data-variant=accent][data-crossout=true] > i::after {
  background-color: var(--accent);
}

.nst-callout[data-variant=info] {
  color: var(--info);
  background-color: rgba(var(--info), 0.1);
}
.nst-callout[data-variant=info][data-outline=true] {
  border: 1px solid rgba(var(--info), 0.16);
}
.nst-callout[data-variant=info][data-crossout=true] > i::after {
  background-color: var(--info);
}

.nst-callout[data-variant=interaction] {
  color: var(--interaction);
  background-color: rgba(var(--interaction), 0.1);
}
.nst-callout[data-variant=interaction][data-outline=true] {
  border: 1px solid rgba(var(--interaction), 0.16);
}
.nst-callout[data-variant=interaction][data-crossout=true] > i::after {
  background-color: var(--interaction);
}

.nst-callout[data-variant=success] {
  color: var(--success);
  background-color: rgba(var(--success), 0.1);
}
.nst-callout[data-variant=success][data-outline=true] {
  border: 1px solid rgba(var(--success), 0.16);
}
.nst-callout[data-variant=success][data-crossout=true] > i::after {
  background-color: var(--success);
}

.nst-callout[data-variant=warning] {
  color: var(--warning);
  background-color: rgba(var(--warning), 0.1);
}
.nst-callout[data-variant=warning][data-outline=true] {
  border: 1px solid rgba(var(--warning), 0.16);
}
.nst-callout[data-variant=warning][data-crossout=true] > i::after {
  background-color: var(--warning);
}

.nst-callout[data-variant=failure] {
  color: var(--failure);
  background-color: rgba(var(--failure), 0.1);
}
.nst-callout[data-variant=failure][data-outline=true] {
  border: 1px solid rgba(var(--failure), 0.16);
}
.nst-callout[data-variant=failure][data-crossout=true] > i::after {
  background-color: var(--failure);
}

.nst-callout[data-variant=danger] {
  color: var(--danger);
  background-color: rgba(var(--danger), 0.1);
}
.nst-callout[data-variant=danger][data-outline=true] {
  border: 1px solid rgba(var(--danger), 0.16);
}
.nst-callout[data-variant=danger][data-crossout=true] > i::after {
  background-color: var(--danger);
}

.nst-callout[data-variant=lightest-blue] {
  color: var(--lightest-blue);
  background-color: rgba(var(--lightest-blue), 0.1);
}
.nst-callout[data-variant=lightest-blue][data-outline=true] {
  border: 1px solid rgba(var(--lightest-blue), 0.16);
}
.nst-callout[data-variant=lightest-blue][data-crossout=true] > i::after {
  background-color: var(--lightest-blue);
}

.nst-callout[data-variant=light-blue] {
  color: var(--light-blue);
  background-color: rgba(var(--light-blue), 0.1);
}
.nst-callout[data-variant=light-blue][data-outline=true] {
  border: 1px solid rgba(var(--light-blue), 0.16);
}
.nst-callout[data-variant=light-blue][data-crossout=true] > i::after {
  background-color: var(--light-blue);
}

.nst-callout[data-variant=blue] {
  color: var(--blue);
  background-color: rgba(var(--blue), 0.1);
}
.nst-callout[data-variant=blue][data-outline=true] {
  border: 1px solid rgba(var(--blue), 0.16);
}
.nst-callout[data-variant=blue][data-crossout=true] > i::after {
  background-color: var(--blue);
}

.nst-callout[data-variant=dark-blue] {
  color: var(--dark-blue);
  background-color: rgba(var(--dark-blue), 0.1);
}
.nst-callout[data-variant=dark-blue][data-outline=true] {
  border: 1px solid rgba(var(--dark-blue), 0.16);
}
.nst-callout[data-variant=dark-blue][data-crossout=true] > i::after {
  background-color: var(--dark-blue);
}

.nst-callout[data-variant=lightest-green] {
  color: var(--lightest-green);
  background-color: rgba(var(--lightest-green), 0.1);
}
.nst-callout[data-variant=lightest-green][data-outline=true] {
  border: 1px solid rgba(var(--lightest-green), 0.16);
}
.nst-callout[data-variant=lightest-green][data-crossout=true] > i::after {
  background-color: var(--lightest-green);
}

.nst-callout[data-variant=light-green] {
  color: var(--light-green);
  background-color: rgba(var(--light-green), 0.1);
}
.nst-callout[data-variant=light-green][data-outline=true] {
  border: 1px solid rgba(var(--light-green), 0.16);
}
.nst-callout[data-variant=light-green][data-crossout=true] > i::after {
  background-color: var(--light-green);
}

.nst-callout[data-variant=green] {
  color: var(--green);
  background-color: rgba(var(--green), 0.1);
}
.nst-callout[data-variant=green][data-outline=true] {
  border: 1px solid rgba(var(--green), 0.16);
}
.nst-callout[data-variant=green][data-crossout=true] > i::after {
  background-color: var(--green);
}

.nst-callout[data-variant=dark-green] {
  color: var(--dark-green);
  background-color: rgba(var(--dark-green), 0.1);
}
.nst-callout[data-variant=dark-green][data-outline=true] {
  border: 1px solid rgba(var(--dark-green), 0.16);
}
.nst-callout[data-variant=dark-green][data-crossout=true] > i::after {
  background-color: var(--dark-green);
}

.nst-callout[data-variant=lightest-yellow] {
  color: var(--lightest-yellow);
  background-color: rgba(var(--lightest-yellow), 0.1);
}
.nst-callout[data-variant=lightest-yellow][data-outline=true] {
  border: 1px solid rgba(var(--lightest-yellow), 0.16);
}
.nst-callout[data-variant=lightest-yellow][data-crossout=true] > i::after {
  background-color: var(--lightest-yellow);
}

.nst-callout[data-variant=light-yellow] {
  color: var(--light-yellow);
  background-color: rgba(var(--light-yellow), 0.1);
}
.nst-callout[data-variant=light-yellow][data-outline=true] {
  border: 1px solid rgba(var(--light-yellow), 0.16);
}
.nst-callout[data-variant=light-yellow][data-crossout=true] > i::after {
  background-color: var(--light-yellow);
}

.nst-callout[data-variant=yellow] {
  color: var(--yellow);
  background-color: rgba(var(--yellow), 0.1);
}
.nst-callout[data-variant=yellow][data-outline=true] {
  border: 1px solid rgba(var(--yellow), 0.16);
}
.nst-callout[data-variant=yellow][data-crossout=true] > i::after {
  background-color: var(--yellow);
}

.nst-callout[data-variant=dark-yellow] {
  color: var(--dark-yellow);
  background-color: rgba(var(--dark-yellow), 0.1);
}
.nst-callout[data-variant=dark-yellow][data-outline=true] {
  border: 1px solid rgba(var(--dark-yellow), 0.16);
}
.nst-callout[data-variant=dark-yellow][data-crossout=true] > i::after {
  background-color: var(--dark-yellow);
}

.nst-callout[data-variant=lightest-orange] {
  color: var(--lightest-orange);
  background-color: rgba(var(--lightest-orange), 0.1);
}
.nst-callout[data-variant=lightest-orange][data-outline=true] {
  border: 1px solid rgba(var(--lightest-orange), 0.16);
}
.nst-callout[data-variant=lightest-orange][data-crossout=true] > i::after {
  background-color: var(--lightest-orange);
}

.nst-callout[data-variant=light-orange] {
  color: var(--light-orange);
  background-color: rgba(var(--light-orange), 0.1);
}
.nst-callout[data-variant=light-orange][data-outline=true] {
  border: 1px solid rgba(var(--light-orange), 0.16);
}
.nst-callout[data-variant=light-orange][data-crossout=true] > i::after {
  background-color: var(--light-orange);
}

.nst-callout[data-variant=orange] {
  color: var(--orange);
  background-color: rgba(var(--orange), 0.1);
}
.nst-callout[data-variant=orange][data-outline=true] {
  border: 1px solid rgba(var(--orange), 0.16);
}
.nst-callout[data-variant=orange][data-crossout=true] > i::after {
  background-color: var(--orange);
}

.nst-callout[data-variant=dark-orange] {
  color: var(--dark-orange);
  background-color: rgba(var(--dark-orange), 0.1);
}
.nst-callout[data-variant=dark-orange][data-outline=true] {
  border: 1px solid rgba(var(--dark-orange), 0.16);
}
.nst-callout[data-variant=dark-orange][data-crossout=true] > i::after {
  background-color: var(--dark-orange);
}

.nst-callout[data-variant=lightest-red] {
  color: var(--lightest-red);
  background-color: rgba(var(--lightest-red), 0.1);
}
.nst-callout[data-variant=lightest-red][data-outline=true] {
  border: 1px solid rgba(var(--lightest-red), 0.16);
}
.nst-callout[data-variant=lightest-red][data-crossout=true] > i::after {
  background-color: var(--lightest-red);
}

.nst-callout[data-variant=light-red] {
  color: var(--light-red);
  background-color: rgba(var(--light-red), 0.1);
}
.nst-callout[data-variant=light-red][data-outline=true] {
  border: 1px solid rgba(var(--light-red), 0.16);
}
.nst-callout[data-variant=light-red][data-crossout=true] > i::after {
  background-color: var(--light-red);
}

.nst-callout[data-variant=red] {
  color: var(--red);
  background-color: rgba(var(--red), 0.1);
}
.nst-callout[data-variant=red][data-outline=true] {
  border: 1px solid rgba(var(--red), 0.16);
}
.nst-callout[data-variant=red][data-crossout=true] > i::after {
  background-color: var(--red);
}

.nst-callout[data-variant=dark-red] {
  color: var(--dark-red);
  background-color: rgba(var(--dark-red), 0.1);
}
.nst-callout[data-variant=dark-red][data-outline=true] {
  border: 1px solid rgba(var(--dark-red), 0.16);
}
.nst-callout[data-variant=dark-red][data-crossout=true] > i::after {
  background-color: var(--dark-red);
}

.nst-callout {
  color: var(--info);
  background-color: rgb(from var(--shadow-color, rgb(147, 162, 221)) r g b/0.08);
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 12px;
  border-radius: 12px;
  width: 100%;
  min-height: 48px;
}
.nst-callout[data-outline=true] {
  border: 1px solid rgb(from var(--shadow-color, rgb(147, 162, 221)) r g b/0.16);
}
.nst-callout[data-crossout=true] > i {
  position: relative;
}
.nst-callout[data-crossout=true] > i::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 24px;
  display: block;
  top: -2px;
  left: 50%;
  transform: rotate(-45deg);
  background-color: var(--info);
}
.nst-callout[data-stack=true] {
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.nst-callout[data-stack=true] i {
  font-size: 32px;
}
.nst-callout[data-stack=true] i::after {
  height: 36px;
}
.nst-callout > i {
  color: inherit;
  opacity: 0.9;
  font-size: 20px;
}
.nst-callout > svg.lucide {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.nst-callout > p {
  color: inherit;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 400;
}

.lni {
  font-size: 20px;
  margin: 2px;
}

svg.lucide {
  stroke: currentColor;
}

svg.lucide,
.nst-icon {
  margin: 2px;
  color: currentColor;
}
svg.lucide[data-size=m],
.nst-icon[data-size=m] {
  font-size: 20px;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
svg.lucide[data-size=xs],
.nst-icon[data-size=xs] {
  font-size: 8px;
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
}
svg.lucide[data-size=s],
.nst-icon[data-size=s] {
  font-size: 12px;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
}
svg.lucide[data-size=l],
.nst-icon[data-size=l] {
  font-size: 24px;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
svg.lucide[data-size=xl],
.nst-icon[data-size=xl] {
  font-size: 28px;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
}

.nst-logo {
  display: inline-block;
  padding: 0 8px;
  box-sizing: border-box;
  text-align: center;
}
.nst-logo, .nst-logo > svg {
  vertical-align: baseline;
}
.nst-logo > svg {
  fill: var(--white);
  width: auto;
}
.nst-logo.xs, .nst-logo.xs > svg {
  height: 8px;
}
.nst-logo.s, .nst-logo.s > svg {
  height: 16px;
}
.nst-logo.m, .nst-logo.m > svg {
  height: 24px;
}
.nst-logo.l, .nst-logo.l > svg {
  height: 32px;
}
.nst-logo.invert > svg {
  fill: var(--black);
}
.nst-logo[data-variant=icon] {
  width: 48px;
}
.nst-logo[data-variant=icon].xs {
  width: 24px;
  height: 24px;
}

.nst-text-label {
  color: var(--off-black);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 2;
}
.nst-text-label.nst-label-primary {
  color: var(--primary);
}
.nst-text-label.nst-label-accent {
  color: var(--accent);
}
.nst-text-label.nst-label-complementary {
  color: var(--complementary);
}
.nst-text-label.nst-label-success {
  color: var(--success);
}
.nst-text-label.nst-label-danger {
  color: var(--failure);
}
.nst-text-label.nst-label-warning {
  color: var(--warning);
}
.nst-text-label.nst-label-info {
  color: var(--info);
}
.nst-text-label.nst-label-light {
  color: var(--light);
}
.nst-text-label.nst-label-dark {
  color: var(--dark);
}
.nst-text-label.nst-label-link {
  color: var(--link);
}

.nst-chip {
  display: flex;
  align-items: center;
  height: 24px;
  max-height: 24px;
  min-width: fit-content;
  width: fit-content;
  margin: 0;
}
.nst-chip[data-outline=true] {
  outline: 1px solid var(--off-white) !important;
}
.nst-chip, .nst-chip > span {
  overflow: hidden;
  max-width: 512px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nst-chip > span {
  color: inherit;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.25;
}
.nst-chip[data-rounded=true] {
  border-radius: 12px;
}
.nst-chip, .nst-chip[data-size=m] {
  height: 32px;
  max-height: 32px;
  column-gap: 4px;
  border-radius: 16px;
}
.nst-chip, .nst-chip > span, .nst-chip[data-size=m], .nst-chip[data-size=m] > span {
  padding: 0 8px;
}
.nst-chip > i[data-lucide], .nst-chip > svg.lucide, .nst-chip[data-size=m] > i[data-lucide], .nst-chip[data-size=m] > svg.lucide {
  width: 20px;
  height: 20px;
}
.nst-chip[data-size=s] {
  height: 24px;
  max-height: 24px;
  border-radius: 12px;
}
.nst-chip[data-size=s], .nst-chip[data-size=s] > span {
  padding: 0 4px;
  font-size: 0.9rem;
}
.nst-chip[data-size=s] > i[data-lucide], .nst-chip[data-size=s] > svg.lucide {
  width: 16px;
  height: 16px;
}
.nst-chip[data-size=l] {
  height: 48px;
  max-height: 48px;
  column-gap: 8px;
  border-radius: 24px;
}
.nst-chip[data-size=l], .nst-chip[data-size=l] > span {
  padding: 0 16px;
}
.nst-chip[data-size=l] > i[data-lucide], .nst-chip[data-size=l] > svg.lucide {
  width: 32px;
  height: 32px;
}

code {
  box-sizing: border-box;
  padding: 8px 16px;
  margin: 0;
  color: var(--warning);
}

.nst-text-block {
  white-space: wrap;
  text-align: start;
}
.nst-text-block > span {
  text-align: inherit;
}
.nst-text-block[data-ellipsis=true], .nst-text-block[data-ellipsis=true] > span {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.nst-text-block[data-ellipsis=true][data-lines="1"] > span, .nst-text-block[data-ellipsis=true][data-lines="2"] > span, .nst-text-block[data-ellipsis=true][data-lines="3"] > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.nst-text-block[data-ellipsis=true][data-lines="1"], .nst-text-block[data-ellipsis=true][data-lines="1"] > span {
  word-break: break-all;
}
.nst-text-block[data-ellipsis=true][data-lines="1"] > span {
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.nst-text-block[data-ellipsis=true][data-lines="2"] > span {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.nst-text-block[data-ellipsis=true][data-lines="3"] > span {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}

input,
textarea,
select {
  font-family: "Poppins", sans-serif;
}

p, p .ns-sanitized-html,
.p,
.p .ns-sanitized-html,
h1,
h1 .ns-sanitized-html,
.h1,
.h1 .ns-sanitized-html,
h2,
h2 .ns-sanitized-html,
.h2,
.h2 .ns-sanitized-html,
h3,
h3 .ns-sanitized-html,
.h3,
.h3 .ns-sanitized-html,
h4,
h4 .ns-sanitized-html,
.h4,
.h4 .ns-sanitized-html,
h5,
h5 .ns-sanitized-html,
.h5,
.h5 .ns-sanitized-html,
h6,
h6 .ns-sanitized-html,
.h6,
.h6 .ns-sanitized-html {
  overflow-wrap: break-word;
}

h1, h1 .ns-sanitized-html,
.h1,
.h1 .ns-sanitized-html,
h2,
h2 .ns-sanitized-html,
.h2,
.h2 .ns-sanitized-html,
h3,
h3 .ns-sanitized-html,
.h3,
.h3 .ns-sanitized-html,
h4,
h4 .ns-sanitized-html,
.h4,
.h4 .ns-sanitized-html,
h5,
h5 .ns-sanitized-html,
.h5,
.h5 .ns-sanitized-html,
h6,
h6 .ns-sanitized-html,
.h6,
.h6 .ns-sanitized-html,
p,
p .ns-sanitized-html,
.p,
.p .ns-sanitized-html,
legend,
legend .ns-sanitized-html,
.legend,
.legend .ns-sanitized-html,
label,
label .ns-sanitized-html,
.label,
.label .ns-sanitized-html {
  padding: 0 8px;
  margin: 0;
}

h1, h1 .ns-sanitized-html,
.h1,
.h1 .ns-sanitized-html,
h2,
h2 .ns-sanitized-html,
.h2,
.h2 .ns-sanitized-html,
h3,
h3 .ns-sanitized-html,
.h3,
.h3 .ns-sanitized-html,
h4,
h4 .ns-sanitized-html,
.h4,
.h4 .ns-sanitized-html,
h5,
h5 .ns-sanitized-html,
.h5,
.h5 .ns-sanitized-html,
h6,
h6 .ns-sanitized-html,
.h6,
.h6 .ns-sanitized-html,
strong,
strong .ns-sanitized-html,
.strong,
.strong .ns-sanitized-html {
  font-weight: 700;
}

h1, h1 .ns-sanitized-html,
.h1,
.h1 .ns-sanitized-html {
  font-size: 3rem;
  font-size: clamp(42px, 39.6923px + 0.7212vw, 48px);
}

h2, h2 .ns-sanitized-html,
.h2,
.h2 .ns-sanitized-html {
  font-size: 2.5rem;
  font-size: clamp(31.5px, 29.7692px + 0.5409vw, 36px);
}

h3, h3 .ns-sanitized-html,
.h3,
.h3 .ns-sanitized-html {
  font-size: 2rem;
  font-size: clamp(28px, 26.4615px + 0.4808vw, 32px);
}

h4, h4 .ns-sanitized-html,
.h4,
.h4 .ns-sanitized-html {
  font-size: 1.75rem;
  font-size: clamp(24.5px, 23.1538px + 0.4207vw, 28px);
}

h5, h5 .ns-sanitized-html,
.h5,
.h5 .ns-sanitized-html {
  font-size: 1.5rem;
  font-size: clamp(21px, 19.8462px + 0.3606vw, 24px);
}

h6, h6 .ns-sanitized-html,
.h6,
.h6 .ns-sanitized-html {
  font-size: 1.25rem;
  font-size: clamp(17.5px, 16.5385px + 0.3005vw, 20px);
}

p, p .ns-sanitized-html,
.p,
.p .ns-sanitized-html {
  font-weight: 400;
  overflow-wrap: break-word;
  hyphens: auto;
}

p, p .ns-sanitized-html,
.p,
.p .ns-sanitized-html,
a,
a .ns-sanitized-html,
.a,
.a .ns-sanitized-html,
code,
code .ns-sanitized-html,
.code,
.code .ns-sanitized-html {
  font-size: 1rem;
}

label, label .ns-sanitized-html,
.label,
.label .ns-sanitized-html,
legend,
legend .ns-sanitized-html,
.legend,
.legend .ns-sanitized-html {
  width: fit-content;
  font-size: 0.875rem;
  font-size: clamp(12.25px, 11.5769px + 0.2103vw, 14px);
  color: var(--grey);
  padding: 0 8px;
}

legend, legend .ns-sanitized-html,
.legend,
.legend .ns-sanitized-html {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
}

a, a .ns-sanitized-html,
.a,
.a .ns-sanitized-html {
  font-weight: 600;
}

@media print {
  a[href] {
    text-decoration: none;
  }
  a[href]:after {
    content: none !important;
  }
}
input, input .ns-sanitized-html,
textarea,
textarea .ns-sanitized-html,
optgroup,
optgroup .ns-sanitized-html,
select,
select .ns-sanitized-html {
  font-size: 15rem;
  line-height: 1.5;
}

p,
textarea {
  font-family: "Poppins", sans-serif;
  font-style: normal;
}
p, p .ns-sanitized-html,
textarea,
textarea .ns-sanitized-html {
  line-height: 1.5;
}

small {
  font-size: 0.75rem;
  font-size: clamp(10.5px, 9.9231px + 0.1803vw, 12px);
}

sup,
sub {
  font-size: calc(0.5em + 2px);
  font-size: calc(clamp(7px, 6.6154px + 0.1202vw, 8px) + 2px);
  vertical-align: baseline;
  position: relative;
  top: calc(-0.83 * (1em - 4px));
  padding: 0 2px;
  /* Simplified top: calc(-0.83em + 3.32px) */
}

sub {
  top: calc(0.415 * (1em - 4px));
  /* Simplified top: calc(0.42em - 1.66px) */
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.25;
}

body .animate-none {
  animation: none;
}
body .animate-spin {
  animation: spin 1s linear infinite;
}
body .animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
body .animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
body .animate-pulse-grow {
  animation: pulse-grow 0.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
body .animate-bounce {
  animation: bounce 1s infinite;
}
body .animate-bell-ring {
  animation: bellRing 3.2s ease-in-out infinite;
}
body .animate-scale {
  transform: scale(0);
  animation: scale 256ms normal forwards;
}
body .hover\:animate-scale-up:hover {
  transform: scale(1.03);
  animation: scale 256ms normal forwards;
}
body .animate-fade {
  opacity: 0;
  animation: fade 256ms normal forwards;
  animation-delay: var(--animate-delay, 0ms);
}
@supports (animation-delay: attr(data-animate-delay ms)) {
  body .animate-fade[data-animate-delay] {
    animation-delay: attr(data-animate-delay ms, 0ms);
  }
}
body .animate-ai {
  position: relative;
}
body .animate-ai::before, body .animate-ai::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
}
body .animate-ai::before {
  top: 0;
  border-radius: 6px;
  background-color: color-mix(in srgb, var(--white) 96%, transparent);
}
body .animate-ai::after {
  top: 8px;
  z-index: -1;
  transform-origin: center center;
  transform: scale(0.96) translateZ(0);
  filter: blur(16px);
  background: linear-gradient(to left, var(--red), var(--yellow), var(--red), var(--yellow), var(--red));
  background-size: 200% 200%;
}
body .animate-ai::before, body .animate-ai::after {
  opacity: 0;
  pointer-events: none;
  transition: opacity 256ms ease-in-out;
}
body .animate-ai[data-ai-working=true]::before, body .animate-ai[data-ai-working=true]::after {
  opacity: 1;
}
body .animate-ai[data-ai-working=true]::after {
  animation: aiGlow 2.4s linear infinite;
}

@keyframes scale {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fade {
  to {
    opacity: 1;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
    scale: 0.5;
  }
}
@keyframes pulse-grow {
  50% {
    scale: 1.25;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes aiGlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
@keyframes moveUp {
  0% {
    transform: translateY(32px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes bellRing {
  0% {
    transform: rotateZ(0);
  }
  1% {
    transform: rotateZ(30deg);
  }
  4% {
    transform: rotateZ(-28deg);
  }
  7% {
    transform: rotateZ(34deg);
  }
  10% {
    transform: rotateZ(-32deg);
  }
  13% {
    transform: rotateZ(30deg);
  }
  16% {
    transform: rotateZ(-28deg);
  }
  19% {
    transform: rotateZ(26deg);
  }
  22% {
    transform: rotateZ(-24deg);
  }
  25% {
    transform: rotateZ(22deg);
  }
  28% {
    transform: rotateZ(-20deg);
  }
  31% {
    transform: rotateZ(18deg);
  }
  34% {
    transform: rotateZ(-16deg);
  }
  37% {
    transform: rotateZ(14deg);
  }
  40% {
    transform: rotateZ(-12deg);
  }
  43% {
    transform: rotateZ(10deg);
  }
  46% {
    transform: rotateZ(-8deg);
  }
  49% {
    transform: rotateZ(6deg);
  }
  52% {
    transform: rotateZ(-4deg);
  }
  55% {
    transform: rotateZ(2deg);
  }
  58% {
    transform: rotateZ(-1deg);
  }
  61% {
    transform: rotateZ(1deg);
  }
  64% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(0);
  }
}
body .border-0 {
  border-width: 0 !important;
  border-style: solid;
}
@media (min-width: 480px) {
  body .sm\:border-0.sm\:border-0 {
    border-width: 0 !important;
    border-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:border-0.md\:border-0 {
    border-width: 0 !important;
    border-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-0.lg\:border-0 {
    border-width: 0 !important;
    border-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-0.xl\:border-0 {
    border-width: 0 !important;
    border-style: solid;
  }
}
body .border-1 {
  border-width: 1px !important;
  border-style: solid;
}
@media (min-width: 480px) {
  body .sm\:border-1.sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:border-1.md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-1.lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-1.xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
}
body .border-2 {
  border-width: 2px !important;
  border-style: solid;
}
@media (min-width: 480px) {
  body .sm\:border-2.sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:border-2.md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-2.lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-2.xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
}
body .border-3 {
  border-width: 3px !important;
  border-style: solid;
}
@media (min-width: 480px) {
  body .sm\:border-3.sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:border-3.md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-3.lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-3.xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
}
body .border-4 {
  border-width: 4px !important;
  border-style: solid;
}
@media (min-width: 480px) {
  body .sm\:border-4.sm\:border-4 {
    border-width: 4px !important;
    border-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:border-4.md\:border-4 {
    border-width: 4px !important;
    border-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-4.lg\:border-4 {
    border-width: 4px !important;
    border-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-4.xl\:border-4 {
    border-width: 4px !important;
    border-style: solid;
  }
}
body .border-t-0 {
  border: 0;
  border-style: solid;
  border-top-width: 0;
}
@media (min-width: 480px) {
  body .sm\:border-t-0.sm\:border-t-0 {
    border: 0;
    border-style: solid;
    border-top-width: 0;
  }
}
@media (min-width: 768px) {
  body .md\:border-t-0.md\:border-t-0 {
    border: 0;
    border-style: solid;
    border-top-width: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-t-0.lg\:border-t-0 {
    border: 0;
    border-style: solid;
    border-top-width: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-t-0.xl\:border-t-0 {
    border: 0;
    border-style: solid;
    border-top-width: 0;
  }
}
body .border-t-1 {
  border: 0;
  border-style: solid;
  border-top-width: 1px;
}
@media (min-width: 480px) {
  body .sm\:border-t-1.sm\:border-t-1 {
    border: 0;
    border-style: solid;
    border-top-width: 1px;
  }
}
@media (min-width: 768px) {
  body .md\:border-t-1.md\:border-t-1 {
    border: 0;
    border-style: solid;
    border-top-width: 1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-t-1.lg\:border-t-1 {
    border: 0;
    border-style: solid;
    border-top-width: 1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-t-1.xl\:border-t-1 {
    border: 0;
    border-style: solid;
    border-top-width: 1px;
  }
}
body .border-t-2 {
  border: 0;
  border-style: solid;
  border-top-width: 2px;
}
@media (min-width: 480px) {
  body .sm\:border-t-2.sm\:border-t-2 {
    border: 0;
    border-style: solid;
    border-top-width: 2px;
  }
}
@media (min-width: 768px) {
  body .md\:border-t-2.md\:border-t-2 {
    border: 0;
    border-style: solid;
    border-top-width: 2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-t-2.lg\:border-t-2 {
    border: 0;
    border-style: solid;
    border-top-width: 2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-t-2.xl\:border-t-2 {
    border: 0;
    border-style: solid;
    border-top-width: 2px;
  }
}
body .border-t-3 {
  border: 0;
  border-style: solid;
  border-top-width: 3px;
}
@media (min-width: 480px) {
  body .sm\:border-t-3.sm\:border-t-3 {
    border: 0;
    border-style: solid;
    border-top-width: 3px;
  }
}
@media (min-width: 768px) {
  body .md\:border-t-3.md\:border-t-3 {
    border: 0;
    border-style: solid;
    border-top-width: 3px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-t-3.lg\:border-t-3 {
    border: 0;
    border-style: solid;
    border-top-width: 3px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-t-3.xl\:border-t-3 {
    border: 0;
    border-style: solid;
    border-top-width: 3px;
  }
}
body .border-t-4 {
  border: 0;
  border-style: solid;
  border-top-width: 4px;
}
@media (min-width: 480px) {
  body .sm\:border-t-4.sm\:border-t-4 {
    border: 0;
    border-style: solid;
    border-top-width: 4px;
  }
}
@media (min-width: 768px) {
  body .md\:border-t-4.md\:border-t-4 {
    border: 0;
    border-style: solid;
    border-top-width: 4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-t-4.lg\:border-t-4 {
    border: 0;
    border-style: solid;
    border-top-width: 4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-t-4.xl\:border-t-4 {
    border: 0;
    border-style: solid;
    border-top-width: 4px;
  }
}
body .border-b-0 {
  border: 0;
  border-style: solid;
  border-bottom-width: 0;
}
@media (min-width: 480px) {
  body .sm\:border-b-0.sm\:border-b-0 {
    border: 0;
    border-style: solid;
    border-bottom-width: 0;
  }
}
@media (min-width: 768px) {
  body .md\:border-b-0.md\:border-b-0 {
    border: 0;
    border-style: solid;
    border-bottom-width: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-b-0.lg\:border-b-0 {
    border: 0;
    border-style: solid;
    border-bottom-width: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-b-0.xl\:border-b-0 {
    border: 0;
    border-style: solid;
    border-bottom-width: 0;
  }
}
body .border-b-1 {
  border: 0;
  border-style: solid;
  border-bottom-width: 1px;
}
@media (min-width: 480px) {
  body .sm\:border-b-1.sm\:border-b-1 {
    border: 0;
    border-style: solid;
    border-bottom-width: 1px;
  }
}
@media (min-width: 768px) {
  body .md\:border-b-1.md\:border-b-1 {
    border: 0;
    border-style: solid;
    border-bottom-width: 1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-b-1.lg\:border-b-1 {
    border: 0;
    border-style: solid;
    border-bottom-width: 1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-b-1.xl\:border-b-1 {
    border: 0;
    border-style: solid;
    border-bottom-width: 1px;
  }
}
body .border-b-2 {
  border: 0;
  border-style: solid;
  border-bottom-width: 2px;
}
@media (min-width: 480px) {
  body .sm\:border-b-2.sm\:border-b-2 {
    border: 0;
    border-style: solid;
    border-bottom-width: 2px;
  }
}
@media (min-width: 768px) {
  body .md\:border-b-2.md\:border-b-2 {
    border: 0;
    border-style: solid;
    border-bottom-width: 2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-b-2.lg\:border-b-2 {
    border: 0;
    border-style: solid;
    border-bottom-width: 2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-b-2.xl\:border-b-2 {
    border: 0;
    border-style: solid;
    border-bottom-width: 2px;
  }
}
body .border-b-3 {
  border: 0;
  border-style: solid;
  border-bottom-width: 3px;
}
@media (min-width: 480px) {
  body .sm\:border-b-3.sm\:border-b-3 {
    border: 0;
    border-style: solid;
    border-bottom-width: 3px;
  }
}
@media (min-width: 768px) {
  body .md\:border-b-3.md\:border-b-3 {
    border: 0;
    border-style: solid;
    border-bottom-width: 3px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-b-3.lg\:border-b-3 {
    border: 0;
    border-style: solid;
    border-bottom-width: 3px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-b-3.xl\:border-b-3 {
    border: 0;
    border-style: solid;
    border-bottom-width: 3px;
  }
}
body .border-b-4 {
  border: 0;
  border-style: solid;
  border-bottom-width: 4px;
}
@media (min-width: 480px) {
  body .sm\:border-b-4.sm\:border-b-4 {
    border: 0;
    border-style: solid;
    border-bottom-width: 4px;
  }
}
@media (min-width: 768px) {
  body .md\:border-b-4.md\:border-b-4 {
    border: 0;
    border-style: solid;
    border-bottom-width: 4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-b-4.lg\:border-b-4 {
    border: 0;
    border-style: solid;
    border-bottom-width: 4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-b-4.xl\:border-b-4 {
    border: 0;
    border-style: solid;
    border-bottom-width: 4px;
  }
}
body .border-l-0 {
  border: 0;
  border-style: solid;
  border-left-width: 0;
}
@media (min-width: 480px) {
  body .sm\:border-l-0.sm\:border-l-0 {
    border: 0;
    border-style: solid;
    border-left-width: 0;
  }
}
@media (min-width: 768px) {
  body .md\:border-l-0.md\:border-l-0 {
    border: 0;
    border-style: solid;
    border-left-width: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-l-0.lg\:border-l-0 {
    border: 0;
    border-style: solid;
    border-left-width: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-l-0.xl\:border-l-0 {
    border: 0;
    border-style: solid;
    border-left-width: 0;
  }
}
body .border-l-1 {
  border: 0;
  border-style: solid;
  border-left-width: 1px;
}
@media (min-width: 480px) {
  body .sm\:border-l-1.sm\:border-l-1 {
    border: 0;
    border-style: solid;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  body .md\:border-l-1.md\:border-l-1 {
    border: 0;
    border-style: solid;
    border-left-width: 1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-l-1.lg\:border-l-1 {
    border: 0;
    border-style: solid;
    border-left-width: 1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-l-1.xl\:border-l-1 {
    border: 0;
    border-style: solid;
    border-left-width: 1px;
  }
}
body .border-l-2 {
  border: 0;
  border-style: solid;
  border-left-width: 2px;
}
@media (min-width: 480px) {
  body .sm\:border-l-2.sm\:border-l-2 {
    border: 0;
    border-style: solid;
    border-left-width: 2px;
  }
}
@media (min-width: 768px) {
  body .md\:border-l-2.md\:border-l-2 {
    border: 0;
    border-style: solid;
    border-left-width: 2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-l-2.lg\:border-l-2 {
    border: 0;
    border-style: solid;
    border-left-width: 2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-l-2.xl\:border-l-2 {
    border: 0;
    border-style: solid;
    border-left-width: 2px;
  }
}
body .border-l-3 {
  border: 0;
  border-style: solid;
  border-left-width: 3px;
}
@media (min-width: 480px) {
  body .sm\:border-l-3.sm\:border-l-3 {
    border: 0;
    border-style: solid;
    border-left-width: 3px;
  }
}
@media (min-width: 768px) {
  body .md\:border-l-3.md\:border-l-3 {
    border: 0;
    border-style: solid;
    border-left-width: 3px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-l-3.lg\:border-l-3 {
    border: 0;
    border-style: solid;
    border-left-width: 3px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-l-3.xl\:border-l-3 {
    border: 0;
    border-style: solid;
    border-left-width: 3px;
  }
}
body .border-l-4 {
  border: 0;
  border-style: solid;
  border-left-width: 4px;
}
@media (min-width: 480px) {
  body .sm\:border-l-4.sm\:border-l-4 {
    border: 0;
    border-style: solid;
    border-left-width: 4px;
  }
}
@media (min-width: 768px) {
  body .md\:border-l-4.md\:border-l-4 {
    border: 0;
    border-style: solid;
    border-left-width: 4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-l-4.lg\:border-l-4 {
    border: 0;
    border-style: solid;
    border-left-width: 4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-l-4.xl\:border-l-4 {
    border: 0;
    border-style: solid;
    border-left-width: 4px;
  }
}
body .border-r-0 {
  border: 0;
  border-style: solid;
  border-right-width: 0;
}
@media (min-width: 480px) {
  body .sm\:border-r-0.sm\:border-r-0 {
    border: 0;
    border-style: solid;
    border-right-width: 0;
  }
}
@media (min-width: 768px) {
  body .md\:border-r-0.md\:border-r-0 {
    border: 0;
    border-style: solid;
    border-right-width: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-r-0.lg\:border-r-0 {
    border: 0;
    border-style: solid;
    border-right-width: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-r-0.xl\:border-r-0 {
    border: 0;
    border-style: solid;
    border-right-width: 0;
  }
}
body .border-r-1 {
  border: 0;
  border-style: solid;
  border-right-width: 1px;
}
@media (min-width: 480px) {
  body .sm\:border-r-1.sm\:border-r-1 {
    border: 0;
    border-style: solid;
    border-right-width: 1px;
  }
}
@media (min-width: 768px) {
  body .md\:border-r-1.md\:border-r-1 {
    border: 0;
    border-style: solid;
    border-right-width: 1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-r-1.lg\:border-r-1 {
    border: 0;
    border-style: solid;
    border-right-width: 1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-r-1.xl\:border-r-1 {
    border: 0;
    border-style: solid;
    border-right-width: 1px;
  }
}
body .border-r-2 {
  border: 0;
  border-style: solid;
  border-right-width: 2px;
}
@media (min-width: 480px) {
  body .sm\:border-r-2.sm\:border-r-2 {
    border: 0;
    border-style: solid;
    border-right-width: 2px;
  }
}
@media (min-width: 768px) {
  body .md\:border-r-2.md\:border-r-2 {
    border: 0;
    border-style: solid;
    border-right-width: 2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-r-2.lg\:border-r-2 {
    border: 0;
    border-style: solid;
    border-right-width: 2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-r-2.xl\:border-r-2 {
    border: 0;
    border-style: solid;
    border-right-width: 2px;
  }
}
body .border-r-3 {
  border: 0;
  border-style: solid;
  border-right-width: 3px;
}
@media (min-width: 480px) {
  body .sm\:border-r-3.sm\:border-r-3 {
    border: 0;
    border-style: solid;
    border-right-width: 3px;
  }
}
@media (min-width: 768px) {
  body .md\:border-r-3.md\:border-r-3 {
    border: 0;
    border-style: solid;
    border-right-width: 3px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-r-3.lg\:border-r-3 {
    border: 0;
    border-style: solid;
    border-right-width: 3px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-r-3.xl\:border-r-3 {
    border: 0;
    border-style: solid;
    border-right-width: 3px;
  }
}
body .border-r-4 {
  border: 0;
  border-style: solid;
  border-right-width: 4px;
}
@media (min-width: 480px) {
  body .sm\:border-r-4.sm\:border-r-4 {
    border: 0;
    border-style: solid;
    border-right-width: 4px;
  }
}
@media (min-width: 768px) {
  body .md\:border-r-4.md\:border-r-4 {
    border: 0;
    border-style: solid;
    border-right-width: 4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-r-4.lg\:border-r-4 {
    border: 0;
    border-style: solid;
    border-right-width: 4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-r-4.xl\:border-r-4 {
    border: 0;
    border-style: solid;
    border-right-width: 4px;
  }
}
body .border-x-0 {
  border: 0;
  border-style: solid;
  border-inline-width: 0;
}
@media (min-width: 480px) {
  body .sm\:border-x-0.sm\:border-x-0 {
    border: 0;
    border-style: solid;
    border-inline-width: 0;
  }
}
@media (min-width: 768px) {
  body .md\:border-x-0.md\:border-x-0 {
    border: 0;
    border-style: solid;
    border-inline-width: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-x-0.lg\:border-x-0 {
    border: 0;
    border-style: solid;
    border-inline-width: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-x-0.xl\:border-x-0 {
    border: 0;
    border-style: solid;
    border-inline-width: 0;
  }
}
body .border-x-1 {
  border: 0;
  border-style: solid;
  border-inline-width: 1px;
}
@media (min-width: 480px) {
  body .sm\:border-x-1.sm\:border-x-1 {
    border: 0;
    border-style: solid;
    border-inline-width: 1px;
  }
}
@media (min-width: 768px) {
  body .md\:border-x-1.md\:border-x-1 {
    border: 0;
    border-style: solid;
    border-inline-width: 1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-x-1.lg\:border-x-1 {
    border: 0;
    border-style: solid;
    border-inline-width: 1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-x-1.xl\:border-x-1 {
    border: 0;
    border-style: solid;
    border-inline-width: 1px;
  }
}
body .border-x-2 {
  border: 0;
  border-style: solid;
  border-inline-width: 2px;
}
@media (min-width: 480px) {
  body .sm\:border-x-2.sm\:border-x-2 {
    border: 0;
    border-style: solid;
    border-inline-width: 2px;
  }
}
@media (min-width: 768px) {
  body .md\:border-x-2.md\:border-x-2 {
    border: 0;
    border-style: solid;
    border-inline-width: 2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-x-2.lg\:border-x-2 {
    border: 0;
    border-style: solid;
    border-inline-width: 2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-x-2.xl\:border-x-2 {
    border: 0;
    border-style: solid;
    border-inline-width: 2px;
  }
}
body .border-x-3 {
  border: 0;
  border-style: solid;
  border-inline-width: 3px;
}
@media (min-width: 480px) {
  body .sm\:border-x-3.sm\:border-x-3 {
    border: 0;
    border-style: solid;
    border-inline-width: 3px;
  }
}
@media (min-width: 768px) {
  body .md\:border-x-3.md\:border-x-3 {
    border: 0;
    border-style: solid;
    border-inline-width: 3px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-x-3.lg\:border-x-3 {
    border: 0;
    border-style: solid;
    border-inline-width: 3px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-x-3.xl\:border-x-3 {
    border: 0;
    border-style: solid;
    border-inline-width: 3px;
  }
}
body .border-x-4 {
  border: 0;
  border-style: solid;
  border-inline-width: 4px;
}
@media (min-width: 480px) {
  body .sm\:border-x-4.sm\:border-x-4 {
    border: 0;
    border-style: solid;
    border-inline-width: 4px;
  }
}
@media (min-width: 768px) {
  body .md\:border-x-4.md\:border-x-4 {
    border: 0;
    border-style: solid;
    border-inline-width: 4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-x-4.lg\:border-x-4 {
    border: 0;
    border-style: solid;
    border-inline-width: 4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-x-4.xl\:border-x-4 {
    border: 0;
    border-style: solid;
    border-inline-width: 4px;
  }
}
body .border-y-0 {
  border: 0;
  border-style: solid;
  border-block-width: 0;
}
@media (min-width: 480px) {
  body .sm\:border-y-0.sm\:border-y-0 {
    border: 0;
    border-style: solid;
    border-block-width: 0;
  }
}
@media (min-width: 768px) {
  body .md\:border-y-0.md\:border-y-0 {
    border: 0;
    border-style: solid;
    border-block-width: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-y-0.lg\:border-y-0 {
    border: 0;
    border-style: solid;
    border-block-width: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-y-0.xl\:border-y-0 {
    border: 0;
    border-style: solid;
    border-block-width: 0;
  }
}
body .border-y-1 {
  border: 0;
  border-style: solid;
  border-block-width: 1px;
}
@media (min-width: 480px) {
  body .sm\:border-y-1.sm\:border-y-1 {
    border: 0;
    border-style: solid;
    border-block-width: 1px;
  }
}
@media (min-width: 768px) {
  body .md\:border-y-1.md\:border-y-1 {
    border: 0;
    border-style: solid;
    border-block-width: 1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-y-1.lg\:border-y-1 {
    border: 0;
    border-style: solid;
    border-block-width: 1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-y-1.xl\:border-y-1 {
    border: 0;
    border-style: solid;
    border-block-width: 1px;
  }
}
body .border-y-2 {
  border: 0;
  border-style: solid;
  border-block-width: 2px;
}
@media (min-width: 480px) {
  body .sm\:border-y-2.sm\:border-y-2 {
    border: 0;
    border-style: solid;
    border-block-width: 2px;
  }
}
@media (min-width: 768px) {
  body .md\:border-y-2.md\:border-y-2 {
    border: 0;
    border-style: solid;
    border-block-width: 2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-y-2.lg\:border-y-2 {
    border: 0;
    border-style: solid;
    border-block-width: 2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-y-2.xl\:border-y-2 {
    border: 0;
    border-style: solid;
    border-block-width: 2px;
  }
}
body .border-y-3 {
  border: 0;
  border-style: solid;
  border-block-width: 3px;
}
@media (min-width: 480px) {
  body .sm\:border-y-3.sm\:border-y-3 {
    border: 0;
    border-style: solid;
    border-block-width: 3px;
  }
}
@media (min-width: 768px) {
  body .md\:border-y-3.md\:border-y-3 {
    border: 0;
    border-style: solid;
    border-block-width: 3px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-y-3.lg\:border-y-3 {
    border: 0;
    border-style: solid;
    border-block-width: 3px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-y-3.xl\:border-y-3 {
    border: 0;
    border-style: solid;
    border-block-width: 3px;
  }
}
body .border-y-4 {
  border: 0;
  border-style: solid;
  border-block-width: 4px;
}
@media (min-width: 480px) {
  body .sm\:border-y-4.sm\:border-y-4 {
    border: 0;
    border-style: solid;
    border-block-width: 4px;
  }
}
@media (min-width: 768px) {
  body .md\:border-y-4.md\:border-y-4 {
    border: 0;
    border-style: solid;
    border-block-width: 4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-y-4.lg\:border-y-4 {
    border: 0;
    border-style: solid;
    border-block-width: 4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-y-4.xl\:border-y-4 {
    border: 0;
    border-style: solid;
    border-block-width: 4px;
  }
}
body .border-solid {
  border-style: solid;
}
@media (min-width: 480px) {
  body .sm\:border-solid.sm\:border-solid {
    border-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:border-solid.md\:border-solid {
    border-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-solid.lg\:border-solid {
    border-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-solid.xl\:border-solid {
    border-style: solid;
  }
}
body .border-dashed {
  border-style: dashed;
}
@media (min-width: 480px) {
  body .sm\:border-dashed.sm\:border-dashed {
    border-style: dashed;
  }
}
@media (min-width: 768px) {
  body .md\:border-dashed.md\:border-dashed {
    border-style: dashed;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-dashed.lg\:border-dashed {
    border-style: dashed;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-dashed.xl\:border-dashed {
    border-style: dashed;
  }
}
body .border-dotted {
  border-style: dotted;
}
@media (min-width: 480px) {
  body .sm\:border-dotted.sm\:border-dotted {
    border-style: dotted;
  }
}
@media (min-width: 768px) {
  body .md\:border-dotted.md\:border-dotted {
    border-style: dotted;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-dotted.lg\:border-dotted {
    border-style: dotted;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-dotted.xl\:border-dotted {
    border-style: dotted;
  }
}
body .border-double {
  border-style: double;
}
@media (min-width: 480px) {
  body .sm\:border-double.sm\:border-double {
    border-style: double;
  }
}
@media (min-width: 768px) {
  body .md\:border-double.md\:border-double {
    border-style: double;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-double.lg\:border-double {
    border-style: double;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-double.xl\:border-double {
    border-style: double;
  }
}
body .border-hidden {
  border-style: hidden;
}
@media (min-width: 480px) {
  body .sm\:border-hidden.sm\:border-hidden {
    border-style: hidden;
  }
}
@media (min-width: 768px) {
  body .md\:border-hidden.md\:border-hidden {
    border-style: hidden;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-hidden.lg\:border-hidden {
    border-style: hidden;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-hidden.xl\:border-hidden {
    border-style: hidden;
  }
}
body .border-none {
  border-style: none;
}
@media (min-width: 480px) {
  body .sm\:border-none.sm\:border-none {
    border-style: none;
  }
}
@media (min-width: 768px) {
  body .md\:border-none.md\:border-none {
    border-style: none;
  }
}
@media (min-width: 1152px) {
  body .lg\:border-none.lg\:border-none {
    border-style: none;
  }
}
@media (min-width: 1440px) {
  body .xl\:border-none.xl\:border-none {
    border-style: none;
  }
}
body .rounded {
  border-radius: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:rounded.sm\:rounded {
    border-radius: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded.md\:rounded {
    border-radius: 6px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded.lg\:rounded {
    border-radius: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded.xl\:rounded {
    border-radius: 48px !important;
  }
}
body .rounded-none {
  border-radius: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:rounded-none.sm\:rounded-none {
    border-radius: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded-none.md\:rounded-none {
    border-radius: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded-none.lg\:rounded-none {
    border-radius: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded-none.xl\:rounded-none {
    border-radius: 0 !important;
  }
}
body .rounded-sm {
  border-radius: 6px !important;
}
@media (min-width: 480px) {
  body .sm\:rounded-sm.sm\:rounded-sm {
    border-radius: 6px !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded-sm.md\:rounded-sm {
    border-radius: 6px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded-sm.lg\:rounded-sm {
    border-radius: 6px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded-sm.xl\:rounded-sm {
    border-radius: 6px !important;
  }
}
body .rounded-md {
  border-radius: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:rounded-md.sm\:rounded-md {
    border-radius: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded-md.md\:rounded-md {
    border-radius: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded-md.lg\:rounded-md {
    border-radius: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded-md.xl\:rounded-md {
    border-radius: 12px !important;
  }
}
body .rounded-lg {
  border-radius: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:rounded-lg.sm\:rounded-lg {
    border-radius: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded-lg.md\:rounded-lg {
    border-radius: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded-lg.lg\:rounded-lg {
    border-radius: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded-lg.xl\:rounded-lg {
    border-radius: 16px !important;
  }
}
body .rounded-xl {
  border-radius: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:rounded-xl.sm\:rounded-xl {
    border-radius: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded-xl.md\:rounded-xl {
    border-radius: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded-xl.lg\:rounded-xl {
    border-radius: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded-xl.xl\:rounded-xl {
    border-radius: 24px !important;
  }
}
body .rounded-2xl {
  border-radius: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:rounded-2xl.sm\:rounded-2xl {
    border-radius: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded-2xl.md\:rounded-2xl {
    border-radius: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded-2xl.lg\:rounded-2xl {
    border-radius: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded-2xl.xl\:rounded-2xl {
    border-radius: 32px !important;
  }
}
body .rounded-3xl {
  border-radius: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:rounded-3xl.sm\:rounded-3xl {
    border-radius: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded-3xl.md\:rounded-3xl {
    border-radius: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded-3xl.lg\:rounded-3xl {
    border-radius: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded-3xl.xl\:rounded-3xl {
    border-radius: 48px !important;
  }
}
body .rounded-full {
  border-radius: 9999px !important;
}
@media (min-width: 480px) {
  body .sm\:rounded-full.sm\:rounded-full {
    border-radius: 9999px !important;
  }
}
@media (min-width: 768px) {
  body .md\:rounded-full.md\:rounded-full {
    border-radius: 9999px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:rounded-full.lg\:rounded-full {
    border-radius: 9999px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:rounded-full.xl\:rounded-full {
    border-radius: 9999px !important;
  }
}

body .cursor-default {
  cursor: default;
}
body .cursor-disabled {
  cursor: not-allowed;
}
body .cursor-pointer {
  cursor: pointer;
}
body .cursor-grab {
  cursor: grab;
}
body .cursor-grabbing {
  cursor: grabbing;
}
body .cursor-help {
  cursor: help;
}
body .pointer-events-auto {
  pointer-events: auto;
}
body .pointer-events-none {
  pointer-events: none;
}

body .text-bg {
  color: var(--bg) !important;
}
body .bg-bg {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-bg {
  border-color: var(--bg) !important;
}
body .outline-bg {
  outline-color: var(--bg) !important;
}
body .hover\:text-bg:hover {
  color: var(--bg) !important;
}
body .hover\:bg-bg:hover {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-bg:hover {
  border-color: var(--bg) !important;
}
body .hover\:outline-bg:hover {
  outline-color: var(--bg) !important;
}
body .group:hover .group-hover\:text-bg {
  color: var(--bg) !important;
}
body .group:hover .group-hover\:bg-bg {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-bg {
  border-color: var(--bg) !important;
}
body .group:hover .group-hover\:outline-bg {
  outline-color: var(--bg) !important;
}
body .active\:text-bg:active {
  color: var(--bg) !important;
}
body .active\:bg-bg:active {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-bg:active {
  border-color: var(--bg) !important;
}
body .active\:outline-bg:active {
  outline-color: var(--bg) !important;
}
body .group:active .group-active\:text-bg {
  color: var(--bg) !important;
}
body .group:active .group-active\:bg-bg {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-bg {
  border-color: var(--bg) !important;
}
body .group:active .group-active\:outline-bg {
  outline-color: var(--bg) !important;
}
body .focus\:text-bg:focus {
  color: var(--bg) !important;
}
body .focus\:bg-bg:focus {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-bg:focus {
  border-color: var(--bg) !important;
}
body .focus\:outline-bg:focus {
  outline-color: var(--bg) !important;
}
body .group:focus .group-focus\:text-bg {
  color: var(--bg) !important;
}
body .group:focus .group-focus\:bg-bg {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-bg {
  border-color: var(--bg) !important;
}
body .group:focus .group-focus\:outline-bg {
  outline-color: var(--bg) !important;
}
body .focus-within\:text-bg:focus-within {
  color: var(--bg) !important;
}
body .focus-within\:bg-bg:focus-within {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-bg:focus-within {
  border-color: var(--bg) !important;
}
body .focus-within\:outline-bg:focus-within {
  outline-color: var(--bg) !important;
}
body .group:focus-within .group-focus-within\:text-bg {
  color: var(--bg) !important;
}
body .group:focus-within .group-focus-within\:bg-bg {
  background-color: var(--bg) !important;
  --bg-color: var(--bg) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-bg {
  border-color: var(--bg) !important;
}
body .group:focus-within .group-focus-within\:outline-bg {
  outline-color: var(--bg) !important;
}
body .text-transparent {
  color: transparent !important;
}
body .bg-transparent {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .border-transparent {
  border-color: transparent !important;
}
body .outline-transparent {
  outline-color: transparent !important;
}
body .hover\:text-transparent:hover {
  color: transparent !important;
}
body .hover\:bg-transparent:hover {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .hover\:border-transparent:hover {
  border-color: transparent !important;
}
body .hover\:outline-transparent:hover {
  outline-color: transparent !important;
}
body .group:hover .group-hover\:text-transparent {
  color: transparent !important;
}
body .group:hover .group-hover\:bg-transparent {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .group:hover .group-hover\:border-transparent {
  border-color: transparent !important;
}
body .group:hover .group-hover\:outline-transparent {
  outline-color: transparent !important;
}
body .active\:text-transparent:active {
  color: transparent !important;
}
body .active\:bg-transparent:active {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .active\:border-transparent:active {
  border-color: transparent !important;
}
body .active\:outline-transparent:active {
  outline-color: transparent !important;
}
body .group:active .group-active\:text-transparent {
  color: transparent !important;
}
body .group:active .group-active\:bg-transparent {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .group:active .group-active\:border-transparent {
  border-color: transparent !important;
}
body .group:active .group-active\:outline-transparent {
  outline-color: transparent !important;
}
body .focus\:text-transparent:focus {
  color: transparent !important;
}
body .focus\:bg-transparent:focus {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .focus\:border-transparent:focus {
  border-color: transparent !important;
}
body .focus\:outline-transparent:focus {
  outline-color: transparent !important;
}
body .group:focus .group-focus\:text-transparent {
  color: transparent !important;
}
body .group:focus .group-focus\:bg-transparent {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .group:focus .group-focus\:border-transparent {
  border-color: transparent !important;
}
body .group:focus .group-focus\:outline-transparent {
  outline-color: transparent !important;
}
body .focus-within\:text-transparent:focus-within {
  color: transparent !important;
}
body .focus-within\:bg-transparent:focus-within {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .focus-within\:border-transparent:focus-within {
  border-color: transparent !important;
}
body .focus-within\:outline-transparent:focus-within {
  outline-color: transparent !important;
}
body .group:focus-within .group-focus-within\:text-transparent {
  color: transparent !important;
}
body .group:focus-within .group-focus-within\:bg-transparent {
  background-color: transparent !important;
  --bg-color: transparent !important;
  --shadow-color: transparent !important;
}
body .group:focus-within .group-focus-within\:border-transparent {
  border-color: transparent !important;
}
body .group:focus-within .group-focus-within\:outline-transparent {
  outline-color: transparent !important;
}
body .text-true-white {
  color: var(--true-white) !important;
}
body .bg-true-white {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-true-white {
  border-color: var(--true-white) !important;
}
body .outline-true-white {
  outline-color: var(--true-white) !important;
}
body .hover\:text-true-white:hover {
  color: var(--true-white) !important;
}
body .hover\:bg-true-white:hover {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-true-white:hover {
  border-color: var(--true-white) !important;
}
body .hover\:outline-true-white:hover {
  outline-color: var(--true-white) !important;
}
body .group:hover .group-hover\:text-true-white {
  color: var(--true-white) !important;
}
body .group:hover .group-hover\:bg-true-white {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-true-white {
  border-color: var(--true-white) !important;
}
body .group:hover .group-hover\:outline-true-white {
  outline-color: var(--true-white) !important;
}
body .active\:text-true-white:active {
  color: var(--true-white) !important;
}
body .active\:bg-true-white:active {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-true-white:active {
  border-color: var(--true-white) !important;
}
body .active\:outline-true-white:active {
  outline-color: var(--true-white) !important;
}
body .group:active .group-active\:text-true-white {
  color: var(--true-white) !important;
}
body .group:active .group-active\:bg-true-white {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-true-white {
  border-color: var(--true-white) !important;
}
body .group:active .group-active\:outline-true-white {
  outline-color: var(--true-white) !important;
}
body .focus\:text-true-white:focus {
  color: var(--true-white) !important;
}
body .focus\:bg-true-white:focus {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-true-white:focus {
  border-color: var(--true-white) !important;
}
body .focus\:outline-true-white:focus {
  outline-color: var(--true-white) !important;
}
body .group:focus .group-focus\:text-true-white {
  color: var(--true-white) !important;
}
body .group:focus .group-focus\:bg-true-white {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-true-white {
  border-color: var(--true-white) !important;
}
body .group:focus .group-focus\:outline-true-white {
  outline-color: var(--true-white) !important;
}
body .focus-within\:text-true-white:focus-within {
  color: var(--true-white) !important;
}
body .focus-within\:bg-true-white:focus-within {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-true-white:focus-within {
  border-color: var(--true-white) !important;
}
body .focus-within\:outline-true-white:focus-within {
  outline-color: var(--true-white) !important;
}
body .group:focus-within .group-focus-within\:text-true-white {
  color: var(--true-white) !important;
}
body .group:focus-within .group-focus-within\:bg-true-white {
  background-color: var(--true-white) !important;
  --bg-color: var(--true-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-true-white {
  border-color: var(--true-white) !important;
}
body .group:focus-within .group-focus-within\:outline-true-white {
  outline-color: var(--true-white) !important;
}
body .text-white {
  color: var(--white) !important;
}
body .bg-white {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-white {
  border-color: var(--white) !important;
}
body .outline-white {
  outline-color: var(--white) !important;
}
body .hover\:text-white:hover {
  color: var(--white) !important;
}
body .hover\:bg-white:hover {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-white:hover {
  border-color: var(--white) !important;
}
body .hover\:outline-white:hover {
  outline-color: var(--white) !important;
}
body .group:hover .group-hover\:text-white {
  color: var(--white) !important;
}
body .group:hover .group-hover\:bg-white {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-white {
  border-color: var(--white) !important;
}
body .group:hover .group-hover\:outline-white {
  outline-color: var(--white) !important;
}
body .active\:text-white:active {
  color: var(--white) !important;
}
body .active\:bg-white:active {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-white:active {
  border-color: var(--white) !important;
}
body .active\:outline-white:active {
  outline-color: var(--white) !important;
}
body .group:active .group-active\:text-white {
  color: var(--white) !important;
}
body .group:active .group-active\:bg-white {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-white {
  border-color: var(--white) !important;
}
body .group:active .group-active\:outline-white {
  outline-color: var(--white) !important;
}
body .focus\:text-white:focus {
  color: var(--white) !important;
}
body .focus\:bg-white:focus {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-white:focus {
  border-color: var(--white) !important;
}
body .focus\:outline-white:focus {
  outline-color: var(--white) !important;
}
body .group:focus .group-focus\:text-white {
  color: var(--white) !important;
}
body .group:focus .group-focus\:bg-white {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-white {
  border-color: var(--white) !important;
}
body .group:focus .group-focus\:outline-white {
  outline-color: var(--white) !important;
}
body .focus-within\:text-white:focus-within {
  color: var(--white) !important;
}
body .focus-within\:bg-white:focus-within {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-white:focus-within {
  border-color: var(--white) !important;
}
body .focus-within\:outline-white:focus-within {
  outline-color: var(--white) !important;
}
body .group:focus-within .group-focus-within\:text-white {
  color: var(--white) !important;
}
body .group:focus-within .group-focus-within\:bg-white {
  background-color: var(--white) !important;
  --bg-color: var(--white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-white {
  border-color: var(--white) !important;
}
body .group:focus-within .group-focus-within\:outline-white {
  outline-color: var(--white) !important;
}
body .text-off-white {
  color: var(--off-white) !important;
}
body .bg-off-white {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-off-white {
  border-color: var(--off-white) !important;
}
body .outline-off-white {
  outline-color: var(--off-white) !important;
}
body .hover\:text-off-white:hover {
  color: var(--off-white) !important;
}
body .hover\:bg-off-white:hover {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-off-white:hover {
  border-color: var(--off-white) !important;
}
body .hover\:outline-off-white:hover {
  outline-color: var(--off-white) !important;
}
body .group:hover .group-hover\:text-off-white {
  color: var(--off-white) !important;
}
body .group:hover .group-hover\:bg-off-white {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-off-white {
  border-color: var(--off-white) !important;
}
body .group:hover .group-hover\:outline-off-white {
  outline-color: var(--off-white) !important;
}
body .active\:text-off-white:active {
  color: var(--off-white) !important;
}
body .active\:bg-off-white:active {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-off-white:active {
  border-color: var(--off-white) !important;
}
body .active\:outline-off-white:active {
  outline-color: var(--off-white) !important;
}
body .group:active .group-active\:text-off-white {
  color: var(--off-white) !important;
}
body .group:active .group-active\:bg-off-white {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-off-white {
  border-color: var(--off-white) !important;
}
body .group:active .group-active\:outline-off-white {
  outline-color: var(--off-white) !important;
}
body .focus\:text-off-white:focus {
  color: var(--off-white) !important;
}
body .focus\:bg-off-white:focus {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-off-white:focus {
  border-color: var(--off-white) !important;
}
body .focus\:outline-off-white:focus {
  outline-color: var(--off-white) !important;
}
body .group:focus .group-focus\:text-off-white {
  color: var(--off-white) !important;
}
body .group:focus .group-focus\:bg-off-white {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-off-white {
  border-color: var(--off-white) !important;
}
body .group:focus .group-focus\:outline-off-white {
  outline-color: var(--off-white) !important;
}
body .focus-within\:text-off-white:focus-within {
  color: var(--off-white) !important;
}
body .focus-within\:bg-off-white:focus-within {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-off-white:focus-within {
  border-color: var(--off-white) !important;
}
body .focus-within\:outline-off-white:focus-within {
  outline-color: var(--off-white) !important;
}
body .group:focus-within .group-focus-within\:text-off-white {
  color: var(--off-white) !important;
}
body .group:focus-within .group-focus-within\:bg-off-white {
  background-color: var(--off-white) !important;
  --bg-color: var(--off-white) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-off-white {
  border-color: var(--off-white) !important;
}
body .group:focus-within .group-focus-within\:outline-off-white {
  outline-color: var(--off-white) !important;
}
body .text-lightest-grey {
  color: var(--lightest-grey) !important;
}
body .bg-lightest-grey {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .border-lightest-grey {
  border-color: var(--lightest-grey) !important;
}
body .outline-lightest-grey {
  outline-color: var(--lightest-grey) !important;
}
body .hover\:text-lightest-grey:hover {
  color: var(--lightest-grey) !important;
}
body .hover\:bg-lightest-grey:hover {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .hover\:border-lightest-grey:hover {
  border-color: var(--lightest-grey) !important;
}
body .hover\:outline-lightest-grey:hover {
  outline-color: var(--lightest-grey) !important;
}
body .group:hover .group-hover\:text-lightest-grey {
  color: var(--lightest-grey) !important;
}
body .group:hover .group-hover\:bg-lightest-grey {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .group:hover .group-hover\:border-lightest-grey {
  border-color: var(--lightest-grey) !important;
}
body .group:hover .group-hover\:outline-lightest-grey {
  outline-color: var(--lightest-grey) !important;
}
body .active\:text-lightest-grey:active {
  color: var(--lightest-grey) !important;
}
body .active\:bg-lightest-grey:active {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .active\:border-lightest-grey:active {
  border-color: var(--lightest-grey) !important;
}
body .active\:outline-lightest-grey:active {
  outline-color: var(--lightest-grey) !important;
}
body .group:active .group-active\:text-lightest-grey {
  color: var(--lightest-grey) !important;
}
body .group:active .group-active\:bg-lightest-grey {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .group:active .group-active\:border-lightest-grey {
  border-color: var(--lightest-grey) !important;
}
body .group:active .group-active\:outline-lightest-grey {
  outline-color: var(--lightest-grey) !important;
}
body .focus\:text-lightest-grey:focus {
  color: var(--lightest-grey) !important;
}
body .focus\:bg-lightest-grey:focus {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .focus\:border-lightest-grey:focus {
  border-color: var(--lightest-grey) !important;
}
body .focus\:outline-lightest-grey:focus {
  outline-color: var(--lightest-grey) !important;
}
body .group:focus .group-focus\:text-lightest-grey {
  color: var(--lightest-grey) !important;
}
body .group:focus .group-focus\:bg-lightest-grey {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .group:focus .group-focus\:border-lightest-grey {
  border-color: var(--lightest-grey) !important;
}
body .group:focus .group-focus\:outline-lightest-grey {
  outline-color: var(--lightest-grey) !important;
}
body .focus-within\:text-lightest-grey:focus-within {
  color: var(--lightest-grey) !important;
}
body .focus-within\:bg-lightest-grey:focus-within {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .focus-within\:border-lightest-grey:focus-within {
  border-color: var(--lightest-grey) !important;
}
body .focus-within\:outline-lightest-grey:focus-within {
  outline-color: var(--lightest-grey) !important;
}
body .group:focus-within .group-focus-within\:text-lightest-grey {
  color: var(--lightest-grey) !important;
}
body .group:focus-within .group-focus-within\:bg-lightest-grey {
  background-color: var(--lightest-grey) !important;
  --bg-color: var(--lightest-grey) !important;
  --shadow-color: var(--lightest-grey) !important;
}
body .group:focus-within .group-focus-within\:border-lightest-grey {
  border-color: var(--lightest-grey) !important;
}
body .group:focus-within .group-focus-within\:outline-lightest-grey {
  outline-color: var(--lightest-grey) !important;
}
body .text-light-grey {
  color: var(--light-grey) !important;
}
body .bg-light-grey {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-light-grey {
  border-color: var(--light-grey) !important;
}
body .outline-light-grey {
  outline-color: var(--light-grey) !important;
}
body .hover\:text-light-grey:hover {
  color: var(--light-grey) !important;
}
body .hover\:bg-light-grey:hover {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-light-grey:hover {
  border-color: var(--light-grey) !important;
}
body .hover\:outline-light-grey:hover {
  outline-color: var(--light-grey) !important;
}
body .group:hover .group-hover\:text-light-grey {
  color: var(--light-grey) !important;
}
body .group:hover .group-hover\:bg-light-grey {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-light-grey {
  border-color: var(--light-grey) !important;
}
body .group:hover .group-hover\:outline-light-grey {
  outline-color: var(--light-grey) !important;
}
body .active\:text-light-grey:active {
  color: var(--light-grey) !important;
}
body .active\:bg-light-grey:active {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-light-grey:active {
  border-color: var(--light-grey) !important;
}
body .active\:outline-light-grey:active {
  outline-color: var(--light-grey) !important;
}
body .group:active .group-active\:text-light-grey {
  color: var(--light-grey) !important;
}
body .group:active .group-active\:bg-light-grey {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-light-grey {
  border-color: var(--light-grey) !important;
}
body .group:active .group-active\:outline-light-grey {
  outline-color: var(--light-grey) !important;
}
body .focus\:text-light-grey:focus {
  color: var(--light-grey) !important;
}
body .focus\:bg-light-grey:focus {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-light-grey:focus {
  border-color: var(--light-grey) !important;
}
body .focus\:outline-light-grey:focus {
  outline-color: var(--light-grey) !important;
}
body .group:focus .group-focus\:text-light-grey {
  color: var(--light-grey) !important;
}
body .group:focus .group-focus\:bg-light-grey {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-light-grey {
  border-color: var(--light-grey) !important;
}
body .group:focus .group-focus\:outline-light-grey {
  outline-color: var(--light-grey) !important;
}
body .focus-within\:text-light-grey:focus-within {
  color: var(--light-grey) !important;
}
body .focus-within\:bg-light-grey:focus-within {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-light-grey:focus-within {
  border-color: var(--light-grey) !important;
}
body .focus-within\:outline-light-grey:focus-within {
  outline-color: var(--light-grey) !important;
}
body .group:focus-within .group-focus-within\:text-light-grey {
  color: var(--light-grey) !important;
}
body .group:focus-within .group-focus-within\:bg-light-grey {
  background-color: var(--light-grey) !important;
  --bg-color: var(--light-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-light-grey {
  border-color: var(--light-grey) !important;
}
body .group:focus-within .group-focus-within\:outline-light-grey {
  outline-color: var(--light-grey) !important;
}
body .text-grey {
  color: var(--grey) !important;
}
body .bg-grey {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-grey {
  border-color: var(--grey) !important;
}
body .outline-grey {
  outline-color: var(--grey) !important;
}
body .hover\:text-grey:hover {
  color: var(--grey) !important;
}
body .hover\:bg-grey:hover {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-grey:hover {
  border-color: var(--grey) !important;
}
body .hover\:outline-grey:hover {
  outline-color: var(--grey) !important;
}
body .group:hover .group-hover\:text-grey {
  color: var(--grey) !important;
}
body .group:hover .group-hover\:bg-grey {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-grey {
  border-color: var(--grey) !important;
}
body .group:hover .group-hover\:outline-grey {
  outline-color: var(--grey) !important;
}
body .active\:text-grey:active {
  color: var(--grey) !important;
}
body .active\:bg-grey:active {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-grey:active {
  border-color: var(--grey) !important;
}
body .active\:outline-grey:active {
  outline-color: var(--grey) !important;
}
body .group:active .group-active\:text-grey {
  color: var(--grey) !important;
}
body .group:active .group-active\:bg-grey {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-grey {
  border-color: var(--grey) !important;
}
body .group:active .group-active\:outline-grey {
  outline-color: var(--grey) !important;
}
body .focus\:text-grey:focus {
  color: var(--grey) !important;
}
body .focus\:bg-grey:focus {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-grey:focus {
  border-color: var(--grey) !important;
}
body .focus\:outline-grey:focus {
  outline-color: var(--grey) !important;
}
body .group:focus .group-focus\:text-grey {
  color: var(--grey) !important;
}
body .group:focus .group-focus\:bg-grey {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-grey {
  border-color: var(--grey) !important;
}
body .group:focus .group-focus\:outline-grey {
  outline-color: var(--grey) !important;
}
body .focus-within\:text-grey:focus-within {
  color: var(--grey) !important;
}
body .focus-within\:bg-grey:focus-within {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-grey:focus-within {
  border-color: var(--grey) !important;
}
body .focus-within\:outline-grey:focus-within {
  outline-color: var(--grey) !important;
}
body .group:focus-within .group-focus-within\:text-grey {
  color: var(--grey) !important;
}
body .group:focus-within .group-focus-within\:bg-grey {
  background-color: var(--grey) !important;
  --bg-color: var(--grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-grey {
  border-color: var(--grey) !important;
}
body .group:focus-within .group-focus-within\:outline-grey {
  outline-color: var(--grey) !important;
}
body .text-dark-grey {
  color: var(--dark-grey) !important;
}
body .bg-dark-grey {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-dark-grey {
  border-color: var(--dark-grey) !important;
}
body .outline-dark-grey {
  outline-color: var(--dark-grey) !important;
}
body .hover\:text-dark-grey:hover {
  color: var(--dark-grey) !important;
}
body .hover\:bg-dark-grey:hover {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-dark-grey:hover {
  border-color: var(--dark-grey) !important;
}
body .hover\:outline-dark-grey:hover {
  outline-color: var(--dark-grey) !important;
}
body .group:hover .group-hover\:text-dark-grey {
  color: var(--dark-grey) !important;
}
body .group:hover .group-hover\:bg-dark-grey {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-dark-grey {
  border-color: var(--dark-grey) !important;
}
body .group:hover .group-hover\:outline-dark-grey {
  outline-color: var(--dark-grey) !important;
}
body .active\:text-dark-grey:active {
  color: var(--dark-grey) !important;
}
body .active\:bg-dark-grey:active {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-dark-grey:active {
  border-color: var(--dark-grey) !important;
}
body .active\:outline-dark-grey:active {
  outline-color: var(--dark-grey) !important;
}
body .group:active .group-active\:text-dark-grey {
  color: var(--dark-grey) !important;
}
body .group:active .group-active\:bg-dark-grey {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-dark-grey {
  border-color: var(--dark-grey) !important;
}
body .group:active .group-active\:outline-dark-grey {
  outline-color: var(--dark-grey) !important;
}
body .focus\:text-dark-grey:focus {
  color: var(--dark-grey) !important;
}
body .focus\:bg-dark-grey:focus {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-dark-grey:focus {
  border-color: var(--dark-grey) !important;
}
body .focus\:outline-dark-grey:focus {
  outline-color: var(--dark-grey) !important;
}
body .group:focus .group-focus\:text-dark-grey {
  color: var(--dark-grey) !important;
}
body .group:focus .group-focus\:bg-dark-grey {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-dark-grey {
  border-color: var(--dark-grey) !important;
}
body .group:focus .group-focus\:outline-dark-grey {
  outline-color: var(--dark-grey) !important;
}
body .focus-within\:text-dark-grey:focus-within {
  color: var(--dark-grey) !important;
}
body .focus-within\:bg-dark-grey:focus-within {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-dark-grey:focus-within {
  border-color: var(--dark-grey) !important;
}
body .focus-within\:outline-dark-grey:focus-within {
  outline-color: var(--dark-grey) !important;
}
body .group:focus-within .group-focus-within\:text-dark-grey {
  color: var(--dark-grey) !important;
}
body .group:focus-within .group-focus-within\:bg-dark-grey {
  background-color: var(--dark-grey) !important;
  --bg-color: var(--dark-grey) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-dark-grey {
  border-color: var(--dark-grey) !important;
}
body .group:focus-within .group-focus-within\:outline-dark-grey {
  outline-color: var(--dark-grey) !important;
}
body .text-off-black {
  color: var(--off-black) !important;
}
body .bg-off-black {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-off-black {
  border-color: var(--off-black) !important;
}
body .outline-off-black {
  outline-color: var(--off-black) !important;
}
body .hover\:text-off-black:hover {
  color: var(--off-black) !important;
}
body .hover\:bg-off-black:hover {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-off-black:hover {
  border-color: var(--off-black) !important;
}
body .hover\:outline-off-black:hover {
  outline-color: var(--off-black) !important;
}
body .group:hover .group-hover\:text-off-black {
  color: var(--off-black) !important;
}
body .group:hover .group-hover\:bg-off-black {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-off-black {
  border-color: var(--off-black) !important;
}
body .group:hover .group-hover\:outline-off-black {
  outline-color: var(--off-black) !important;
}
body .active\:text-off-black:active {
  color: var(--off-black) !important;
}
body .active\:bg-off-black:active {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-off-black:active {
  border-color: var(--off-black) !important;
}
body .active\:outline-off-black:active {
  outline-color: var(--off-black) !important;
}
body .group:active .group-active\:text-off-black {
  color: var(--off-black) !important;
}
body .group:active .group-active\:bg-off-black {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-off-black {
  border-color: var(--off-black) !important;
}
body .group:active .group-active\:outline-off-black {
  outline-color: var(--off-black) !important;
}
body .focus\:text-off-black:focus {
  color: var(--off-black) !important;
}
body .focus\:bg-off-black:focus {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-off-black:focus {
  border-color: var(--off-black) !important;
}
body .focus\:outline-off-black:focus {
  outline-color: var(--off-black) !important;
}
body .group:focus .group-focus\:text-off-black {
  color: var(--off-black) !important;
}
body .group:focus .group-focus\:bg-off-black {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-off-black {
  border-color: var(--off-black) !important;
}
body .group:focus .group-focus\:outline-off-black {
  outline-color: var(--off-black) !important;
}
body .focus-within\:text-off-black:focus-within {
  color: var(--off-black) !important;
}
body .focus-within\:bg-off-black:focus-within {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-off-black:focus-within {
  border-color: var(--off-black) !important;
}
body .focus-within\:outline-off-black:focus-within {
  outline-color: var(--off-black) !important;
}
body .group:focus-within .group-focus-within\:text-off-black {
  color: var(--off-black) !important;
}
body .group:focus-within .group-focus-within\:bg-off-black {
  background-color: var(--off-black) !important;
  --bg-color: var(--off-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-off-black {
  border-color: var(--off-black) !important;
}
body .group:focus-within .group-focus-within\:outline-off-black {
  outline-color: var(--off-black) !important;
}
body .text-black {
  color: var(--black) !important;
}
body .bg-black {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-black {
  border-color: var(--black) !important;
}
body .outline-black {
  outline-color: var(--black) !important;
}
body .hover\:text-black:hover {
  color: var(--black) !important;
}
body .hover\:bg-black:hover {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-black:hover {
  border-color: var(--black) !important;
}
body .hover\:outline-black:hover {
  outline-color: var(--black) !important;
}
body .group:hover .group-hover\:text-black {
  color: var(--black) !important;
}
body .group:hover .group-hover\:bg-black {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-black {
  border-color: var(--black) !important;
}
body .group:hover .group-hover\:outline-black {
  outline-color: var(--black) !important;
}
body .active\:text-black:active {
  color: var(--black) !important;
}
body .active\:bg-black:active {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-black:active {
  border-color: var(--black) !important;
}
body .active\:outline-black:active {
  outline-color: var(--black) !important;
}
body .group:active .group-active\:text-black {
  color: var(--black) !important;
}
body .group:active .group-active\:bg-black {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-black {
  border-color: var(--black) !important;
}
body .group:active .group-active\:outline-black {
  outline-color: var(--black) !important;
}
body .focus\:text-black:focus {
  color: var(--black) !important;
}
body .focus\:bg-black:focus {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-black:focus {
  border-color: var(--black) !important;
}
body .focus\:outline-black:focus {
  outline-color: var(--black) !important;
}
body .group:focus .group-focus\:text-black {
  color: var(--black) !important;
}
body .group:focus .group-focus\:bg-black {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-black {
  border-color: var(--black) !important;
}
body .group:focus .group-focus\:outline-black {
  outline-color: var(--black) !important;
}
body .focus-within\:text-black:focus-within {
  color: var(--black) !important;
}
body .focus-within\:bg-black:focus-within {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-black:focus-within {
  border-color: var(--black) !important;
}
body .focus-within\:outline-black:focus-within {
  outline-color: var(--black) !important;
}
body .group:focus-within .group-focus-within\:text-black {
  color: var(--black) !important;
}
body .group:focus-within .group-focus-within\:bg-black {
  background-color: var(--black) !important;
  --bg-color: var(--black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-black {
  border-color: var(--black) !important;
}
body .group:focus-within .group-focus-within\:outline-black {
  outline-color: var(--black) !important;
}
body .text-true-black {
  color: var(--true-black) !important;
}
body .bg-true-black {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .border-true-black {
  border-color: var(--true-black) !important;
}
body .outline-true-black {
  outline-color: var(--true-black) !important;
}
body .hover\:text-true-black:hover {
  color: var(--true-black) !important;
}
body .hover\:bg-true-black:hover {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .hover\:border-true-black:hover {
  border-color: var(--true-black) !important;
}
body .hover\:outline-true-black:hover {
  outline-color: var(--true-black) !important;
}
body .group:hover .group-hover\:text-true-black {
  color: var(--true-black) !important;
}
body .group:hover .group-hover\:bg-true-black {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:hover .group-hover\:border-true-black {
  border-color: var(--true-black) !important;
}
body .group:hover .group-hover\:outline-true-black {
  outline-color: var(--true-black) !important;
}
body .active\:text-true-black:active {
  color: var(--true-black) !important;
}
body .active\:bg-true-black:active {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .active\:border-true-black:active {
  border-color: var(--true-black) !important;
}
body .active\:outline-true-black:active {
  outline-color: var(--true-black) !important;
}
body .group:active .group-active\:text-true-black {
  color: var(--true-black) !important;
}
body .group:active .group-active\:bg-true-black {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:active .group-active\:border-true-black {
  border-color: var(--true-black) !important;
}
body .group:active .group-active\:outline-true-black {
  outline-color: var(--true-black) !important;
}
body .focus\:text-true-black:focus {
  color: var(--true-black) !important;
}
body .focus\:bg-true-black:focus {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus\:border-true-black:focus {
  border-color: var(--true-black) !important;
}
body .focus\:outline-true-black:focus {
  outline-color: var(--true-black) !important;
}
body .group:focus .group-focus\:text-true-black {
  color: var(--true-black) !important;
}
body .group:focus .group-focus\:bg-true-black {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus .group-focus\:border-true-black {
  border-color: var(--true-black) !important;
}
body .group:focus .group-focus\:outline-true-black {
  outline-color: var(--true-black) !important;
}
body .focus-within\:text-true-black:focus-within {
  color: var(--true-black) !important;
}
body .focus-within\:bg-true-black:focus-within {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .focus-within\:border-true-black:focus-within {
  border-color: var(--true-black) !important;
}
body .focus-within\:outline-true-black:focus-within {
  outline-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:text-true-black {
  color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:bg-true-black {
  background-color: var(--true-black) !important;
  --bg-color: var(--true-black) !important;
  --shadow-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:border-true-black {
  border-color: var(--true-black) !important;
}
body .group:focus-within .group-focus-within\:outline-true-black {
  outline-color: var(--true-black) !important;
}
body .text-primary {
  color: var(--primary) !important;
}
body .bg-primary {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .border-primary {
  border-color: var(--primary) !important;
}
body .outline-primary {
  outline-color: var(--primary) !important;
}
body .hover\:text-primary:hover {
  color: var(--primary) !important;
}
body .hover\:bg-primary:hover {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .hover\:border-primary:hover {
  border-color: var(--primary) !important;
}
body .hover\:outline-primary:hover {
  outline-color: var(--primary) !important;
}
body .group:hover .group-hover\:text-primary {
  color: var(--primary) !important;
}
body .group:hover .group-hover\:bg-primary {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .group:hover .group-hover\:border-primary {
  border-color: var(--primary) !important;
}
body .group:hover .group-hover\:outline-primary {
  outline-color: var(--primary) !important;
}
body .active\:text-primary:active {
  color: var(--primary) !important;
}
body .active\:bg-primary:active {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .active\:border-primary:active {
  border-color: var(--primary) !important;
}
body .active\:outline-primary:active {
  outline-color: var(--primary) !important;
}
body .group:active .group-active\:text-primary {
  color: var(--primary) !important;
}
body .group:active .group-active\:bg-primary {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .group:active .group-active\:border-primary {
  border-color: var(--primary) !important;
}
body .group:active .group-active\:outline-primary {
  outline-color: var(--primary) !important;
}
body .focus\:text-primary:focus {
  color: var(--primary) !important;
}
body .focus\:bg-primary:focus {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .focus\:border-primary:focus {
  border-color: var(--primary) !important;
}
body .focus\:outline-primary:focus {
  outline-color: var(--primary) !important;
}
body .group:focus .group-focus\:text-primary {
  color: var(--primary) !important;
}
body .group:focus .group-focus\:bg-primary {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .group:focus .group-focus\:border-primary {
  border-color: var(--primary) !important;
}
body .group:focus .group-focus\:outline-primary {
  outline-color: var(--primary) !important;
}
body .focus-within\:text-primary:focus-within {
  color: var(--primary) !important;
}
body .focus-within\:bg-primary:focus-within {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .focus-within\:border-primary:focus-within {
  border-color: var(--primary) !important;
}
body .focus-within\:outline-primary:focus-within {
  outline-color: var(--primary) !important;
}
body .group:focus-within .group-focus-within\:text-primary {
  color: var(--primary) !important;
}
body .group:focus-within .group-focus-within\:bg-primary {
  background-color: var(--primary) !important;
  --bg-color: var(--primary) !important;
  --shadow-color: var(--primary) !important;
}
body .group:focus-within .group-focus-within\:border-primary {
  border-color: var(--primary) !important;
}
body .group:focus-within .group-focus-within\:outline-primary {
  outline-color: var(--primary) !important;
}
body .text-secondary {
  color: var(--secondary) !important;
}
body .bg-secondary {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .border-secondary {
  border-color: var(--secondary) !important;
}
body .outline-secondary {
  outline-color: var(--secondary) !important;
}
body .hover\:text-secondary:hover {
  color: var(--secondary) !important;
}
body .hover\:bg-secondary:hover {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .hover\:border-secondary:hover {
  border-color: var(--secondary) !important;
}
body .hover\:outline-secondary:hover {
  outline-color: var(--secondary) !important;
}
body .group:hover .group-hover\:text-secondary {
  color: var(--secondary) !important;
}
body .group:hover .group-hover\:bg-secondary {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .group:hover .group-hover\:border-secondary {
  border-color: var(--secondary) !important;
}
body .group:hover .group-hover\:outline-secondary {
  outline-color: var(--secondary) !important;
}
body .active\:text-secondary:active {
  color: var(--secondary) !important;
}
body .active\:bg-secondary:active {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .active\:border-secondary:active {
  border-color: var(--secondary) !important;
}
body .active\:outline-secondary:active {
  outline-color: var(--secondary) !important;
}
body .group:active .group-active\:text-secondary {
  color: var(--secondary) !important;
}
body .group:active .group-active\:bg-secondary {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .group:active .group-active\:border-secondary {
  border-color: var(--secondary) !important;
}
body .group:active .group-active\:outline-secondary {
  outline-color: var(--secondary) !important;
}
body .focus\:text-secondary:focus {
  color: var(--secondary) !important;
}
body .focus\:bg-secondary:focus {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .focus\:border-secondary:focus {
  border-color: var(--secondary) !important;
}
body .focus\:outline-secondary:focus {
  outline-color: var(--secondary) !important;
}
body .group:focus .group-focus\:text-secondary {
  color: var(--secondary) !important;
}
body .group:focus .group-focus\:bg-secondary {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .group:focus .group-focus\:border-secondary {
  border-color: var(--secondary) !important;
}
body .group:focus .group-focus\:outline-secondary {
  outline-color: var(--secondary) !important;
}
body .focus-within\:text-secondary:focus-within {
  color: var(--secondary) !important;
}
body .focus-within\:bg-secondary:focus-within {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .focus-within\:border-secondary:focus-within {
  border-color: var(--secondary) !important;
}
body .focus-within\:outline-secondary:focus-within {
  outline-color: var(--secondary) !important;
}
body .group:focus-within .group-focus-within\:text-secondary {
  color: var(--secondary) !important;
}
body .group:focus-within .group-focus-within\:bg-secondary {
  background-color: var(--secondary) !important;
  --bg-color: var(--secondary) !important;
  --shadow-color: var(--secondary) !important;
}
body .group:focus-within .group-focus-within\:border-secondary {
  border-color: var(--secondary) !important;
}
body .group:focus-within .group-focus-within\:outline-secondary {
  outline-color: var(--secondary) !important;
}
body .text-complementary {
  color: var(--complementary) !important;
}
body .bg-complementary {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .border-complementary {
  border-color: var(--complementary) !important;
}
body .outline-complementary {
  outline-color: var(--complementary) !important;
}
body .hover\:text-complementary:hover {
  color: var(--complementary) !important;
}
body .hover\:bg-complementary:hover {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .hover\:border-complementary:hover {
  border-color: var(--complementary) !important;
}
body .hover\:outline-complementary:hover {
  outline-color: var(--complementary) !important;
}
body .group:hover .group-hover\:text-complementary {
  color: var(--complementary) !important;
}
body .group:hover .group-hover\:bg-complementary {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .group:hover .group-hover\:border-complementary {
  border-color: var(--complementary) !important;
}
body .group:hover .group-hover\:outline-complementary {
  outline-color: var(--complementary) !important;
}
body .active\:text-complementary:active {
  color: var(--complementary) !important;
}
body .active\:bg-complementary:active {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .active\:border-complementary:active {
  border-color: var(--complementary) !important;
}
body .active\:outline-complementary:active {
  outline-color: var(--complementary) !important;
}
body .group:active .group-active\:text-complementary {
  color: var(--complementary) !important;
}
body .group:active .group-active\:bg-complementary {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .group:active .group-active\:border-complementary {
  border-color: var(--complementary) !important;
}
body .group:active .group-active\:outline-complementary {
  outline-color: var(--complementary) !important;
}
body .focus\:text-complementary:focus {
  color: var(--complementary) !important;
}
body .focus\:bg-complementary:focus {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .focus\:border-complementary:focus {
  border-color: var(--complementary) !important;
}
body .focus\:outline-complementary:focus {
  outline-color: var(--complementary) !important;
}
body .group:focus .group-focus\:text-complementary {
  color: var(--complementary) !important;
}
body .group:focus .group-focus\:bg-complementary {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .group:focus .group-focus\:border-complementary {
  border-color: var(--complementary) !important;
}
body .group:focus .group-focus\:outline-complementary {
  outline-color: var(--complementary) !important;
}
body .focus-within\:text-complementary:focus-within {
  color: var(--complementary) !important;
}
body .focus-within\:bg-complementary:focus-within {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .focus-within\:border-complementary:focus-within {
  border-color: var(--complementary) !important;
}
body .focus-within\:outline-complementary:focus-within {
  outline-color: var(--complementary) !important;
}
body .group:focus-within .group-focus-within\:text-complementary {
  color: var(--complementary) !important;
}
body .group:focus-within .group-focus-within\:bg-complementary {
  background-color: var(--complementary) !important;
  --bg-color: var(--complementary) !important;
  --shadow-color: var(--complementary) !important;
}
body .group:focus-within .group-focus-within\:border-complementary {
  border-color: var(--complementary) !important;
}
body .group:focus-within .group-focus-within\:outline-complementary {
  outline-color: var(--complementary) !important;
}
body .text-accent {
  color: var(--accent) !important;
}
body .bg-accent {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .border-accent {
  border-color: var(--accent) !important;
}
body .outline-accent {
  outline-color: var(--accent) !important;
}
body .hover\:text-accent:hover {
  color: var(--accent) !important;
}
body .hover\:bg-accent:hover {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .hover\:border-accent:hover {
  border-color: var(--accent) !important;
}
body .hover\:outline-accent:hover {
  outline-color: var(--accent) !important;
}
body .group:hover .group-hover\:text-accent {
  color: var(--accent) !important;
}
body .group:hover .group-hover\:bg-accent {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .group:hover .group-hover\:border-accent {
  border-color: var(--accent) !important;
}
body .group:hover .group-hover\:outline-accent {
  outline-color: var(--accent) !important;
}
body .active\:text-accent:active {
  color: var(--accent) !important;
}
body .active\:bg-accent:active {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .active\:border-accent:active {
  border-color: var(--accent) !important;
}
body .active\:outline-accent:active {
  outline-color: var(--accent) !important;
}
body .group:active .group-active\:text-accent {
  color: var(--accent) !important;
}
body .group:active .group-active\:bg-accent {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .group:active .group-active\:border-accent {
  border-color: var(--accent) !important;
}
body .group:active .group-active\:outline-accent {
  outline-color: var(--accent) !important;
}
body .focus\:text-accent:focus {
  color: var(--accent) !important;
}
body .focus\:bg-accent:focus {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .focus\:border-accent:focus {
  border-color: var(--accent) !important;
}
body .focus\:outline-accent:focus {
  outline-color: var(--accent) !important;
}
body .group:focus .group-focus\:text-accent {
  color: var(--accent) !important;
}
body .group:focus .group-focus\:bg-accent {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .group:focus .group-focus\:border-accent {
  border-color: var(--accent) !important;
}
body .group:focus .group-focus\:outline-accent {
  outline-color: var(--accent) !important;
}
body .focus-within\:text-accent:focus-within {
  color: var(--accent) !important;
}
body .focus-within\:bg-accent:focus-within {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .focus-within\:border-accent:focus-within {
  border-color: var(--accent) !important;
}
body .focus-within\:outline-accent:focus-within {
  outline-color: var(--accent) !important;
}
body .group:focus-within .group-focus-within\:text-accent {
  color: var(--accent) !important;
}
body .group:focus-within .group-focus-within\:bg-accent {
  background-color: var(--accent) !important;
  --bg-color: var(--accent) !important;
  --shadow-color: var(--accent) !important;
}
body .group:focus-within .group-focus-within\:border-accent {
  border-color: var(--accent) !important;
}
body .group:focus-within .group-focus-within\:outline-accent {
  outline-color: var(--accent) !important;
}
body .text-info {
  color: var(--info) !important;
}
body .bg-info {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .border-info {
  border-color: var(--info) !important;
}
body .outline-info {
  outline-color: var(--info) !important;
}
body .hover\:text-info:hover {
  color: var(--info) !important;
}
body .hover\:bg-info:hover {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .hover\:border-info:hover {
  border-color: var(--info) !important;
}
body .hover\:outline-info:hover {
  outline-color: var(--info) !important;
}
body .group:hover .group-hover\:text-info {
  color: var(--info) !important;
}
body .group:hover .group-hover\:bg-info {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .group:hover .group-hover\:border-info {
  border-color: var(--info) !important;
}
body .group:hover .group-hover\:outline-info {
  outline-color: var(--info) !important;
}
body .active\:text-info:active {
  color: var(--info) !important;
}
body .active\:bg-info:active {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .active\:border-info:active {
  border-color: var(--info) !important;
}
body .active\:outline-info:active {
  outline-color: var(--info) !important;
}
body .group:active .group-active\:text-info {
  color: var(--info) !important;
}
body .group:active .group-active\:bg-info {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .group:active .group-active\:border-info {
  border-color: var(--info) !important;
}
body .group:active .group-active\:outline-info {
  outline-color: var(--info) !important;
}
body .focus\:text-info:focus {
  color: var(--info) !important;
}
body .focus\:bg-info:focus {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .focus\:border-info:focus {
  border-color: var(--info) !important;
}
body .focus\:outline-info:focus {
  outline-color: var(--info) !important;
}
body .group:focus .group-focus\:text-info {
  color: var(--info) !important;
}
body .group:focus .group-focus\:bg-info {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .group:focus .group-focus\:border-info {
  border-color: var(--info) !important;
}
body .group:focus .group-focus\:outline-info {
  outline-color: var(--info) !important;
}
body .focus-within\:text-info:focus-within {
  color: var(--info) !important;
}
body .focus-within\:bg-info:focus-within {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .focus-within\:border-info:focus-within {
  border-color: var(--info) !important;
}
body .focus-within\:outline-info:focus-within {
  outline-color: var(--info) !important;
}
body .group:focus-within .group-focus-within\:text-info {
  color: var(--info) !important;
}
body .group:focus-within .group-focus-within\:bg-info {
  background-color: var(--info) !important;
  --bg-color: var(--info) !important;
  --shadow-color: var(--info) !important;
}
body .group:focus-within .group-focus-within\:border-info {
  border-color: var(--info) !important;
}
body .group:focus-within .group-focus-within\:outline-info {
  outline-color: var(--info) !important;
}
body .text-interaction {
  color: var(--interaction) !important;
}
body .bg-interaction {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .border-interaction {
  border-color: var(--interaction) !important;
}
body .outline-interaction {
  outline-color: var(--interaction) !important;
}
body .hover\:text-interaction:hover {
  color: var(--interaction) !important;
}
body .hover\:bg-interaction:hover {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .hover\:border-interaction:hover {
  border-color: var(--interaction) !important;
}
body .hover\:outline-interaction:hover {
  outline-color: var(--interaction) !important;
}
body .group:hover .group-hover\:text-interaction {
  color: var(--interaction) !important;
}
body .group:hover .group-hover\:bg-interaction {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .group:hover .group-hover\:border-interaction {
  border-color: var(--interaction) !important;
}
body .group:hover .group-hover\:outline-interaction {
  outline-color: var(--interaction) !important;
}
body .active\:text-interaction:active {
  color: var(--interaction) !important;
}
body .active\:bg-interaction:active {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .active\:border-interaction:active {
  border-color: var(--interaction) !important;
}
body .active\:outline-interaction:active {
  outline-color: var(--interaction) !important;
}
body .group:active .group-active\:text-interaction {
  color: var(--interaction) !important;
}
body .group:active .group-active\:bg-interaction {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .group:active .group-active\:border-interaction {
  border-color: var(--interaction) !important;
}
body .group:active .group-active\:outline-interaction {
  outline-color: var(--interaction) !important;
}
body .focus\:text-interaction:focus {
  color: var(--interaction) !important;
}
body .focus\:bg-interaction:focus {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .focus\:border-interaction:focus {
  border-color: var(--interaction) !important;
}
body .focus\:outline-interaction:focus {
  outline-color: var(--interaction) !important;
}
body .group:focus .group-focus\:text-interaction {
  color: var(--interaction) !important;
}
body .group:focus .group-focus\:bg-interaction {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .group:focus .group-focus\:border-interaction {
  border-color: var(--interaction) !important;
}
body .group:focus .group-focus\:outline-interaction {
  outline-color: var(--interaction) !important;
}
body .focus-within\:text-interaction:focus-within {
  color: var(--interaction) !important;
}
body .focus-within\:bg-interaction:focus-within {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .focus-within\:border-interaction:focus-within {
  border-color: var(--interaction) !important;
}
body .focus-within\:outline-interaction:focus-within {
  outline-color: var(--interaction) !important;
}
body .group:focus-within .group-focus-within\:text-interaction {
  color: var(--interaction) !important;
}
body .group:focus-within .group-focus-within\:bg-interaction {
  background-color: var(--interaction) !important;
  --bg-color: var(--interaction) !important;
  --shadow-color: var(--interaction) !important;
}
body .group:focus-within .group-focus-within\:border-interaction {
  border-color: var(--interaction) !important;
}
body .group:focus-within .group-focus-within\:outline-interaction {
  outline-color: var(--interaction) !important;
}
body .text-success {
  color: var(--success) !important;
}
body .bg-success {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .border-success {
  border-color: var(--success) !important;
}
body .outline-success {
  outline-color: var(--success) !important;
}
body .hover\:text-success:hover {
  color: var(--success) !important;
}
body .hover\:bg-success:hover {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .hover\:border-success:hover {
  border-color: var(--success) !important;
}
body .hover\:outline-success:hover {
  outline-color: var(--success) !important;
}
body .group:hover .group-hover\:text-success {
  color: var(--success) !important;
}
body .group:hover .group-hover\:bg-success {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .group:hover .group-hover\:border-success {
  border-color: var(--success) !important;
}
body .group:hover .group-hover\:outline-success {
  outline-color: var(--success) !important;
}
body .active\:text-success:active {
  color: var(--success) !important;
}
body .active\:bg-success:active {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .active\:border-success:active {
  border-color: var(--success) !important;
}
body .active\:outline-success:active {
  outline-color: var(--success) !important;
}
body .group:active .group-active\:text-success {
  color: var(--success) !important;
}
body .group:active .group-active\:bg-success {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .group:active .group-active\:border-success {
  border-color: var(--success) !important;
}
body .group:active .group-active\:outline-success {
  outline-color: var(--success) !important;
}
body .focus\:text-success:focus {
  color: var(--success) !important;
}
body .focus\:bg-success:focus {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .focus\:border-success:focus {
  border-color: var(--success) !important;
}
body .focus\:outline-success:focus {
  outline-color: var(--success) !important;
}
body .group:focus .group-focus\:text-success {
  color: var(--success) !important;
}
body .group:focus .group-focus\:bg-success {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .group:focus .group-focus\:border-success {
  border-color: var(--success) !important;
}
body .group:focus .group-focus\:outline-success {
  outline-color: var(--success) !important;
}
body .focus-within\:text-success:focus-within {
  color: var(--success) !important;
}
body .focus-within\:bg-success:focus-within {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .focus-within\:border-success:focus-within {
  border-color: var(--success) !important;
}
body .focus-within\:outline-success:focus-within {
  outline-color: var(--success) !important;
}
body .group:focus-within .group-focus-within\:text-success {
  color: var(--success) !important;
}
body .group:focus-within .group-focus-within\:bg-success {
  background-color: var(--success) !important;
  --bg-color: var(--success) !important;
  --shadow-color: var(--success) !important;
}
body .group:focus-within .group-focus-within\:border-success {
  border-color: var(--success) !important;
}
body .group:focus-within .group-focus-within\:outline-success {
  outline-color: var(--success) !important;
}
body .text-warning {
  color: var(--warning) !important;
}
body .bg-warning {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .border-warning {
  border-color: var(--warning) !important;
}
body .outline-warning {
  outline-color: var(--warning) !important;
}
body .hover\:text-warning:hover {
  color: var(--warning) !important;
}
body .hover\:bg-warning:hover {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .hover\:border-warning:hover {
  border-color: var(--warning) !important;
}
body .hover\:outline-warning:hover {
  outline-color: var(--warning) !important;
}
body .group:hover .group-hover\:text-warning {
  color: var(--warning) !important;
}
body .group:hover .group-hover\:bg-warning {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .group:hover .group-hover\:border-warning {
  border-color: var(--warning) !important;
}
body .group:hover .group-hover\:outline-warning {
  outline-color: var(--warning) !important;
}
body .active\:text-warning:active {
  color: var(--warning) !important;
}
body .active\:bg-warning:active {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .active\:border-warning:active {
  border-color: var(--warning) !important;
}
body .active\:outline-warning:active {
  outline-color: var(--warning) !important;
}
body .group:active .group-active\:text-warning {
  color: var(--warning) !important;
}
body .group:active .group-active\:bg-warning {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .group:active .group-active\:border-warning {
  border-color: var(--warning) !important;
}
body .group:active .group-active\:outline-warning {
  outline-color: var(--warning) !important;
}
body .focus\:text-warning:focus {
  color: var(--warning) !important;
}
body .focus\:bg-warning:focus {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .focus\:border-warning:focus {
  border-color: var(--warning) !important;
}
body .focus\:outline-warning:focus {
  outline-color: var(--warning) !important;
}
body .group:focus .group-focus\:text-warning {
  color: var(--warning) !important;
}
body .group:focus .group-focus\:bg-warning {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .group:focus .group-focus\:border-warning {
  border-color: var(--warning) !important;
}
body .group:focus .group-focus\:outline-warning {
  outline-color: var(--warning) !important;
}
body .focus-within\:text-warning:focus-within {
  color: var(--warning) !important;
}
body .focus-within\:bg-warning:focus-within {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .focus-within\:border-warning:focus-within {
  border-color: var(--warning) !important;
}
body .focus-within\:outline-warning:focus-within {
  outline-color: var(--warning) !important;
}
body .group:focus-within .group-focus-within\:text-warning {
  color: var(--warning) !important;
}
body .group:focus-within .group-focus-within\:bg-warning {
  background-color: var(--warning) !important;
  --bg-color: var(--warning) !important;
  --shadow-color: var(--warning) !important;
}
body .group:focus-within .group-focus-within\:border-warning {
  border-color: var(--warning) !important;
}
body .group:focus-within .group-focus-within\:outline-warning {
  outline-color: var(--warning) !important;
}
body .text-failure {
  color: var(--failure) !important;
}
body .bg-failure {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .border-failure {
  border-color: var(--failure) !important;
}
body .outline-failure {
  outline-color: var(--failure) !important;
}
body .hover\:text-failure:hover {
  color: var(--failure) !important;
}
body .hover\:bg-failure:hover {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .hover\:border-failure:hover {
  border-color: var(--failure) !important;
}
body .hover\:outline-failure:hover {
  outline-color: var(--failure) !important;
}
body .group:hover .group-hover\:text-failure {
  color: var(--failure) !important;
}
body .group:hover .group-hover\:bg-failure {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .group:hover .group-hover\:border-failure {
  border-color: var(--failure) !important;
}
body .group:hover .group-hover\:outline-failure {
  outline-color: var(--failure) !important;
}
body .active\:text-failure:active {
  color: var(--failure) !important;
}
body .active\:bg-failure:active {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .active\:border-failure:active {
  border-color: var(--failure) !important;
}
body .active\:outline-failure:active {
  outline-color: var(--failure) !important;
}
body .group:active .group-active\:text-failure {
  color: var(--failure) !important;
}
body .group:active .group-active\:bg-failure {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .group:active .group-active\:border-failure {
  border-color: var(--failure) !important;
}
body .group:active .group-active\:outline-failure {
  outline-color: var(--failure) !important;
}
body .focus\:text-failure:focus {
  color: var(--failure) !important;
}
body .focus\:bg-failure:focus {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .focus\:border-failure:focus {
  border-color: var(--failure) !important;
}
body .focus\:outline-failure:focus {
  outline-color: var(--failure) !important;
}
body .group:focus .group-focus\:text-failure {
  color: var(--failure) !important;
}
body .group:focus .group-focus\:bg-failure {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .group:focus .group-focus\:border-failure {
  border-color: var(--failure) !important;
}
body .group:focus .group-focus\:outline-failure {
  outline-color: var(--failure) !important;
}
body .focus-within\:text-failure:focus-within {
  color: var(--failure) !important;
}
body .focus-within\:bg-failure:focus-within {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .focus-within\:border-failure:focus-within {
  border-color: var(--failure) !important;
}
body .focus-within\:outline-failure:focus-within {
  outline-color: var(--failure) !important;
}
body .group:focus-within .group-focus-within\:text-failure {
  color: var(--failure) !important;
}
body .group:focus-within .group-focus-within\:bg-failure {
  background-color: var(--failure) !important;
  --bg-color: var(--failure) !important;
  --shadow-color: var(--failure) !important;
}
body .group:focus-within .group-focus-within\:border-failure {
  border-color: var(--failure) !important;
}
body .group:focus-within .group-focus-within\:outline-failure {
  outline-color: var(--failure) !important;
}
body .text-danger {
  color: var(--danger) !important;
}
body .bg-danger {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .border-danger {
  border-color: var(--danger) !important;
}
body .outline-danger {
  outline-color: var(--danger) !important;
}
body .hover\:text-danger:hover {
  color: var(--danger) !important;
}
body .hover\:bg-danger:hover {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .hover\:border-danger:hover {
  border-color: var(--danger) !important;
}
body .hover\:outline-danger:hover {
  outline-color: var(--danger) !important;
}
body .group:hover .group-hover\:text-danger {
  color: var(--danger) !important;
}
body .group:hover .group-hover\:bg-danger {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .group:hover .group-hover\:border-danger {
  border-color: var(--danger) !important;
}
body .group:hover .group-hover\:outline-danger {
  outline-color: var(--danger) !important;
}
body .active\:text-danger:active {
  color: var(--danger) !important;
}
body .active\:bg-danger:active {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .active\:border-danger:active {
  border-color: var(--danger) !important;
}
body .active\:outline-danger:active {
  outline-color: var(--danger) !important;
}
body .group:active .group-active\:text-danger {
  color: var(--danger) !important;
}
body .group:active .group-active\:bg-danger {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .group:active .group-active\:border-danger {
  border-color: var(--danger) !important;
}
body .group:active .group-active\:outline-danger {
  outline-color: var(--danger) !important;
}
body .focus\:text-danger:focus {
  color: var(--danger) !important;
}
body .focus\:bg-danger:focus {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .focus\:border-danger:focus {
  border-color: var(--danger) !important;
}
body .focus\:outline-danger:focus {
  outline-color: var(--danger) !important;
}
body .group:focus .group-focus\:text-danger {
  color: var(--danger) !important;
}
body .group:focus .group-focus\:bg-danger {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .group:focus .group-focus\:border-danger {
  border-color: var(--danger) !important;
}
body .group:focus .group-focus\:outline-danger {
  outline-color: var(--danger) !important;
}
body .focus-within\:text-danger:focus-within {
  color: var(--danger) !important;
}
body .focus-within\:bg-danger:focus-within {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .focus-within\:border-danger:focus-within {
  border-color: var(--danger) !important;
}
body .focus-within\:outline-danger:focus-within {
  outline-color: var(--danger) !important;
}
body .group:focus-within .group-focus-within\:text-danger {
  color: var(--danger) !important;
}
body .group:focus-within .group-focus-within\:bg-danger {
  background-color: var(--danger) !important;
  --bg-color: var(--danger) !important;
  --shadow-color: var(--danger) !important;
}
body .group:focus-within .group-focus-within\:border-danger {
  border-color: var(--danger) !important;
}
body .group:focus-within .group-focus-within\:outline-danger {
  outline-color: var(--danger) !important;
}
body .text-lightest-blue {
  color: var(--lightest-blue) !important;
}
body .bg-lightest-blue {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .border-lightest-blue {
  border-color: var(--lightest-blue) !important;
}
body .outline-lightest-blue {
  outline-color: var(--lightest-blue) !important;
}
body .hover\:text-lightest-blue:hover {
  color: var(--lightest-blue) !important;
}
body .hover\:bg-lightest-blue:hover {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .hover\:border-lightest-blue:hover {
  border-color: var(--lightest-blue) !important;
}
body .hover\:outline-lightest-blue:hover {
  outline-color: var(--lightest-blue) !important;
}
body .group:hover .group-hover\:text-lightest-blue {
  color: var(--lightest-blue) !important;
}
body .group:hover .group-hover\:bg-lightest-blue {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .group:hover .group-hover\:border-lightest-blue {
  border-color: var(--lightest-blue) !important;
}
body .group:hover .group-hover\:outline-lightest-blue {
  outline-color: var(--lightest-blue) !important;
}
body .active\:text-lightest-blue:active {
  color: var(--lightest-blue) !important;
}
body .active\:bg-lightest-blue:active {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .active\:border-lightest-blue:active {
  border-color: var(--lightest-blue) !important;
}
body .active\:outline-lightest-blue:active {
  outline-color: var(--lightest-blue) !important;
}
body .group:active .group-active\:text-lightest-blue {
  color: var(--lightest-blue) !important;
}
body .group:active .group-active\:bg-lightest-blue {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .group:active .group-active\:border-lightest-blue {
  border-color: var(--lightest-blue) !important;
}
body .group:active .group-active\:outline-lightest-blue {
  outline-color: var(--lightest-blue) !important;
}
body .focus\:text-lightest-blue:focus {
  color: var(--lightest-blue) !important;
}
body .focus\:bg-lightest-blue:focus {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .focus\:border-lightest-blue:focus {
  border-color: var(--lightest-blue) !important;
}
body .focus\:outline-lightest-blue:focus {
  outline-color: var(--lightest-blue) !important;
}
body .group:focus .group-focus\:text-lightest-blue {
  color: var(--lightest-blue) !important;
}
body .group:focus .group-focus\:bg-lightest-blue {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .group:focus .group-focus\:border-lightest-blue {
  border-color: var(--lightest-blue) !important;
}
body .group:focus .group-focus\:outline-lightest-blue {
  outline-color: var(--lightest-blue) !important;
}
body .focus-within\:text-lightest-blue:focus-within {
  color: var(--lightest-blue) !important;
}
body .focus-within\:bg-lightest-blue:focus-within {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .focus-within\:border-lightest-blue:focus-within {
  border-color: var(--lightest-blue) !important;
}
body .focus-within\:outline-lightest-blue:focus-within {
  outline-color: var(--lightest-blue) !important;
}
body .group:focus-within .group-focus-within\:text-lightest-blue {
  color: var(--lightest-blue) !important;
}
body .group:focus-within .group-focus-within\:bg-lightest-blue {
  background-color: var(--lightest-blue) !important;
  --bg-color: var(--lightest-blue) !important;
  --shadow-color: var(--lightest-blue) !important;
}
body .group:focus-within .group-focus-within\:border-lightest-blue {
  border-color: var(--lightest-blue) !important;
}
body .group:focus-within .group-focus-within\:outline-lightest-blue {
  outline-color: var(--lightest-blue) !important;
}
body .text-light-blue {
  color: var(--light-blue) !important;
}
body .bg-light-blue {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .border-light-blue {
  border-color: var(--light-blue) !important;
}
body .outline-light-blue {
  outline-color: var(--light-blue) !important;
}
body .hover\:text-light-blue:hover {
  color: var(--light-blue) !important;
}
body .hover\:bg-light-blue:hover {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .hover\:border-light-blue:hover {
  border-color: var(--light-blue) !important;
}
body .hover\:outline-light-blue:hover {
  outline-color: var(--light-blue) !important;
}
body .group:hover .group-hover\:text-light-blue {
  color: var(--light-blue) !important;
}
body .group:hover .group-hover\:bg-light-blue {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .group:hover .group-hover\:border-light-blue {
  border-color: var(--light-blue) !important;
}
body .group:hover .group-hover\:outline-light-blue {
  outline-color: var(--light-blue) !important;
}
body .active\:text-light-blue:active {
  color: var(--light-blue) !important;
}
body .active\:bg-light-blue:active {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .active\:border-light-blue:active {
  border-color: var(--light-blue) !important;
}
body .active\:outline-light-blue:active {
  outline-color: var(--light-blue) !important;
}
body .group:active .group-active\:text-light-blue {
  color: var(--light-blue) !important;
}
body .group:active .group-active\:bg-light-blue {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .group:active .group-active\:border-light-blue {
  border-color: var(--light-blue) !important;
}
body .group:active .group-active\:outline-light-blue {
  outline-color: var(--light-blue) !important;
}
body .focus\:text-light-blue:focus {
  color: var(--light-blue) !important;
}
body .focus\:bg-light-blue:focus {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .focus\:border-light-blue:focus {
  border-color: var(--light-blue) !important;
}
body .focus\:outline-light-blue:focus {
  outline-color: var(--light-blue) !important;
}
body .group:focus .group-focus\:text-light-blue {
  color: var(--light-blue) !important;
}
body .group:focus .group-focus\:bg-light-blue {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .group:focus .group-focus\:border-light-blue {
  border-color: var(--light-blue) !important;
}
body .group:focus .group-focus\:outline-light-blue {
  outline-color: var(--light-blue) !important;
}
body .focus-within\:text-light-blue:focus-within {
  color: var(--light-blue) !important;
}
body .focus-within\:bg-light-blue:focus-within {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .focus-within\:border-light-blue:focus-within {
  border-color: var(--light-blue) !important;
}
body .focus-within\:outline-light-blue:focus-within {
  outline-color: var(--light-blue) !important;
}
body .group:focus-within .group-focus-within\:text-light-blue {
  color: var(--light-blue) !important;
}
body .group:focus-within .group-focus-within\:bg-light-blue {
  background-color: var(--light-blue) !important;
  --bg-color: var(--light-blue) !important;
  --shadow-color: var(--light-blue) !important;
}
body .group:focus-within .group-focus-within\:border-light-blue {
  border-color: var(--light-blue) !important;
}
body .group:focus-within .group-focus-within\:outline-light-blue {
  outline-color: var(--light-blue) !important;
}
body .text-blue {
  color: var(--blue) !important;
}
body .bg-blue {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .border-blue {
  border-color: var(--blue) !important;
}
body .outline-blue {
  outline-color: var(--blue) !important;
}
body .hover\:text-blue:hover {
  color: var(--blue) !important;
}
body .hover\:bg-blue:hover {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .hover\:border-blue:hover {
  border-color: var(--blue) !important;
}
body .hover\:outline-blue:hover {
  outline-color: var(--blue) !important;
}
body .group:hover .group-hover\:text-blue {
  color: var(--blue) !important;
}
body .group:hover .group-hover\:bg-blue {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .group:hover .group-hover\:border-blue {
  border-color: var(--blue) !important;
}
body .group:hover .group-hover\:outline-blue {
  outline-color: var(--blue) !important;
}
body .active\:text-blue:active {
  color: var(--blue) !important;
}
body .active\:bg-blue:active {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .active\:border-blue:active {
  border-color: var(--blue) !important;
}
body .active\:outline-blue:active {
  outline-color: var(--blue) !important;
}
body .group:active .group-active\:text-blue {
  color: var(--blue) !important;
}
body .group:active .group-active\:bg-blue {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .group:active .group-active\:border-blue {
  border-color: var(--blue) !important;
}
body .group:active .group-active\:outline-blue {
  outline-color: var(--blue) !important;
}
body .focus\:text-blue:focus {
  color: var(--blue) !important;
}
body .focus\:bg-blue:focus {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .focus\:border-blue:focus {
  border-color: var(--blue) !important;
}
body .focus\:outline-blue:focus {
  outline-color: var(--blue) !important;
}
body .group:focus .group-focus\:text-blue {
  color: var(--blue) !important;
}
body .group:focus .group-focus\:bg-blue {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .group:focus .group-focus\:border-blue {
  border-color: var(--blue) !important;
}
body .group:focus .group-focus\:outline-blue {
  outline-color: var(--blue) !important;
}
body .focus-within\:text-blue:focus-within {
  color: var(--blue) !important;
}
body .focus-within\:bg-blue:focus-within {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .focus-within\:border-blue:focus-within {
  border-color: var(--blue) !important;
}
body .focus-within\:outline-blue:focus-within {
  outline-color: var(--blue) !important;
}
body .group:focus-within .group-focus-within\:text-blue {
  color: var(--blue) !important;
}
body .group:focus-within .group-focus-within\:bg-blue {
  background-color: var(--blue) !important;
  --bg-color: var(--blue) !important;
  --shadow-color: var(--blue) !important;
}
body .group:focus-within .group-focus-within\:border-blue {
  border-color: var(--blue) !important;
}
body .group:focus-within .group-focus-within\:outline-blue {
  outline-color: var(--blue) !important;
}
body .text-dark-blue {
  color: var(--dark-blue) !important;
}
body .bg-dark-blue {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .border-dark-blue {
  border-color: var(--dark-blue) !important;
}
body .outline-dark-blue {
  outline-color: var(--dark-blue) !important;
}
body .hover\:text-dark-blue:hover {
  color: var(--dark-blue) !important;
}
body .hover\:bg-dark-blue:hover {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .hover\:border-dark-blue:hover {
  border-color: var(--dark-blue) !important;
}
body .hover\:outline-dark-blue:hover {
  outline-color: var(--dark-blue) !important;
}
body .group:hover .group-hover\:text-dark-blue {
  color: var(--dark-blue) !important;
}
body .group:hover .group-hover\:bg-dark-blue {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .group:hover .group-hover\:border-dark-blue {
  border-color: var(--dark-blue) !important;
}
body .group:hover .group-hover\:outline-dark-blue {
  outline-color: var(--dark-blue) !important;
}
body .active\:text-dark-blue:active {
  color: var(--dark-blue) !important;
}
body .active\:bg-dark-blue:active {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .active\:border-dark-blue:active {
  border-color: var(--dark-blue) !important;
}
body .active\:outline-dark-blue:active {
  outline-color: var(--dark-blue) !important;
}
body .group:active .group-active\:text-dark-blue {
  color: var(--dark-blue) !important;
}
body .group:active .group-active\:bg-dark-blue {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .group:active .group-active\:border-dark-blue {
  border-color: var(--dark-blue) !important;
}
body .group:active .group-active\:outline-dark-blue {
  outline-color: var(--dark-blue) !important;
}
body .focus\:text-dark-blue:focus {
  color: var(--dark-blue) !important;
}
body .focus\:bg-dark-blue:focus {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .focus\:border-dark-blue:focus {
  border-color: var(--dark-blue) !important;
}
body .focus\:outline-dark-blue:focus {
  outline-color: var(--dark-blue) !important;
}
body .group:focus .group-focus\:text-dark-blue {
  color: var(--dark-blue) !important;
}
body .group:focus .group-focus\:bg-dark-blue {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .group:focus .group-focus\:border-dark-blue {
  border-color: var(--dark-blue) !important;
}
body .group:focus .group-focus\:outline-dark-blue {
  outline-color: var(--dark-blue) !important;
}
body .focus-within\:text-dark-blue:focus-within {
  color: var(--dark-blue) !important;
}
body .focus-within\:bg-dark-blue:focus-within {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .focus-within\:border-dark-blue:focus-within {
  border-color: var(--dark-blue) !important;
}
body .focus-within\:outline-dark-blue:focus-within {
  outline-color: var(--dark-blue) !important;
}
body .group:focus-within .group-focus-within\:text-dark-blue {
  color: var(--dark-blue) !important;
}
body .group:focus-within .group-focus-within\:bg-dark-blue {
  background-color: var(--dark-blue) !important;
  --bg-color: var(--dark-blue) !important;
  --shadow-color: var(--dark-blue) !important;
}
body .group:focus-within .group-focus-within\:border-dark-blue {
  border-color: var(--dark-blue) !important;
}
body .group:focus-within .group-focus-within\:outline-dark-blue {
  outline-color: var(--dark-blue) !important;
}
body .text-lightest-green {
  color: var(--lightest-green) !important;
}
body .bg-lightest-green {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .border-lightest-green {
  border-color: var(--lightest-green) !important;
}
body .outline-lightest-green {
  outline-color: var(--lightest-green) !important;
}
body .hover\:text-lightest-green:hover {
  color: var(--lightest-green) !important;
}
body .hover\:bg-lightest-green:hover {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .hover\:border-lightest-green:hover {
  border-color: var(--lightest-green) !important;
}
body .hover\:outline-lightest-green:hover {
  outline-color: var(--lightest-green) !important;
}
body .group:hover .group-hover\:text-lightest-green {
  color: var(--lightest-green) !important;
}
body .group:hover .group-hover\:bg-lightest-green {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .group:hover .group-hover\:border-lightest-green {
  border-color: var(--lightest-green) !important;
}
body .group:hover .group-hover\:outline-lightest-green {
  outline-color: var(--lightest-green) !important;
}
body .active\:text-lightest-green:active {
  color: var(--lightest-green) !important;
}
body .active\:bg-lightest-green:active {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .active\:border-lightest-green:active {
  border-color: var(--lightest-green) !important;
}
body .active\:outline-lightest-green:active {
  outline-color: var(--lightest-green) !important;
}
body .group:active .group-active\:text-lightest-green {
  color: var(--lightest-green) !important;
}
body .group:active .group-active\:bg-lightest-green {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .group:active .group-active\:border-lightest-green {
  border-color: var(--lightest-green) !important;
}
body .group:active .group-active\:outline-lightest-green {
  outline-color: var(--lightest-green) !important;
}
body .focus\:text-lightest-green:focus {
  color: var(--lightest-green) !important;
}
body .focus\:bg-lightest-green:focus {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .focus\:border-lightest-green:focus {
  border-color: var(--lightest-green) !important;
}
body .focus\:outline-lightest-green:focus {
  outline-color: var(--lightest-green) !important;
}
body .group:focus .group-focus\:text-lightest-green {
  color: var(--lightest-green) !important;
}
body .group:focus .group-focus\:bg-lightest-green {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .group:focus .group-focus\:border-lightest-green {
  border-color: var(--lightest-green) !important;
}
body .group:focus .group-focus\:outline-lightest-green {
  outline-color: var(--lightest-green) !important;
}
body .focus-within\:text-lightest-green:focus-within {
  color: var(--lightest-green) !important;
}
body .focus-within\:bg-lightest-green:focus-within {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .focus-within\:border-lightest-green:focus-within {
  border-color: var(--lightest-green) !important;
}
body .focus-within\:outline-lightest-green:focus-within {
  outline-color: var(--lightest-green) !important;
}
body .group:focus-within .group-focus-within\:text-lightest-green {
  color: var(--lightest-green) !important;
}
body .group:focus-within .group-focus-within\:bg-lightest-green {
  background-color: var(--lightest-green) !important;
  --bg-color: var(--lightest-green) !important;
  --shadow-color: var(--lightest-green) !important;
}
body .group:focus-within .group-focus-within\:border-lightest-green {
  border-color: var(--lightest-green) !important;
}
body .group:focus-within .group-focus-within\:outline-lightest-green {
  outline-color: var(--lightest-green) !important;
}
body .text-light-green {
  color: var(--light-green) !important;
}
body .bg-light-green {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .border-light-green {
  border-color: var(--light-green) !important;
}
body .outline-light-green {
  outline-color: var(--light-green) !important;
}
body .hover\:text-light-green:hover {
  color: var(--light-green) !important;
}
body .hover\:bg-light-green:hover {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .hover\:border-light-green:hover {
  border-color: var(--light-green) !important;
}
body .hover\:outline-light-green:hover {
  outline-color: var(--light-green) !important;
}
body .group:hover .group-hover\:text-light-green {
  color: var(--light-green) !important;
}
body .group:hover .group-hover\:bg-light-green {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .group:hover .group-hover\:border-light-green {
  border-color: var(--light-green) !important;
}
body .group:hover .group-hover\:outline-light-green {
  outline-color: var(--light-green) !important;
}
body .active\:text-light-green:active {
  color: var(--light-green) !important;
}
body .active\:bg-light-green:active {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .active\:border-light-green:active {
  border-color: var(--light-green) !important;
}
body .active\:outline-light-green:active {
  outline-color: var(--light-green) !important;
}
body .group:active .group-active\:text-light-green {
  color: var(--light-green) !important;
}
body .group:active .group-active\:bg-light-green {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .group:active .group-active\:border-light-green {
  border-color: var(--light-green) !important;
}
body .group:active .group-active\:outline-light-green {
  outline-color: var(--light-green) !important;
}
body .focus\:text-light-green:focus {
  color: var(--light-green) !important;
}
body .focus\:bg-light-green:focus {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .focus\:border-light-green:focus {
  border-color: var(--light-green) !important;
}
body .focus\:outline-light-green:focus {
  outline-color: var(--light-green) !important;
}
body .group:focus .group-focus\:text-light-green {
  color: var(--light-green) !important;
}
body .group:focus .group-focus\:bg-light-green {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .group:focus .group-focus\:border-light-green {
  border-color: var(--light-green) !important;
}
body .group:focus .group-focus\:outline-light-green {
  outline-color: var(--light-green) !important;
}
body .focus-within\:text-light-green:focus-within {
  color: var(--light-green) !important;
}
body .focus-within\:bg-light-green:focus-within {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .focus-within\:border-light-green:focus-within {
  border-color: var(--light-green) !important;
}
body .focus-within\:outline-light-green:focus-within {
  outline-color: var(--light-green) !important;
}
body .group:focus-within .group-focus-within\:text-light-green {
  color: var(--light-green) !important;
}
body .group:focus-within .group-focus-within\:bg-light-green {
  background-color: var(--light-green) !important;
  --bg-color: var(--light-green) !important;
  --shadow-color: var(--light-green) !important;
}
body .group:focus-within .group-focus-within\:border-light-green {
  border-color: var(--light-green) !important;
}
body .group:focus-within .group-focus-within\:outline-light-green {
  outline-color: var(--light-green) !important;
}
body .text-green {
  color: var(--green) !important;
}
body .bg-green {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .border-green {
  border-color: var(--green) !important;
}
body .outline-green {
  outline-color: var(--green) !important;
}
body .hover\:text-green:hover {
  color: var(--green) !important;
}
body .hover\:bg-green:hover {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .hover\:border-green:hover {
  border-color: var(--green) !important;
}
body .hover\:outline-green:hover {
  outline-color: var(--green) !important;
}
body .group:hover .group-hover\:text-green {
  color: var(--green) !important;
}
body .group:hover .group-hover\:bg-green {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .group:hover .group-hover\:border-green {
  border-color: var(--green) !important;
}
body .group:hover .group-hover\:outline-green {
  outline-color: var(--green) !important;
}
body .active\:text-green:active {
  color: var(--green) !important;
}
body .active\:bg-green:active {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .active\:border-green:active {
  border-color: var(--green) !important;
}
body .active\:outline-green:active {
  outline-color: var(--green) !important;
}
body .group:active .group-active\:text-green {
  color: var(--green) !important;
}
body .group:active .group-active\:bg-green {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .group:active .group-active\:border-green {
  border-color: var(--green) !important;
}
body .group:active .group-active\:outline-green {
  outline-color: var(--green) !important;
}
body .focus\:text-green:focus {
  color: var(--green) !important;
}
body .focus\:bg-green:focus {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .focus\:border-green:focus {
  border-color: var(--green) !important;
}
body .focus\:outline-green:focus {
  outline-color: var(--green) !important;
}
body .group:focus .group-focus\:text-green {
  color: var(--green) !important;
}
body .group:focus .group-focus\:bg-green {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .group:focus .group-focus\:border-green {
  border-color: var(--green) !important;
}
body .group:focus .group-focus\:outline-green {
  outline-color: var(--green) !important;
}
body .focus-within\:text-green:focus-within {
  color: var(--green) !important;
}
body .focus-within\:bg-green:focus-within {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .focus-within\:border-green:focus-within {
  border-color: var(--green) !important;
}
body .focus-within\:outline-green:focus-within {
  outline-color: var(--green) !important;
}
body .group:focus-within .group-focus-within\:text-green {
  color: var(--green) !important;
}
body .group:focus-within .group-focus-within\:bg-green {
  background-color: var(--green) !important;
  --bg-color: var(--green) !important;
  --shadow-color: var(--green) !important;
}
body .group:focus-within .group-focus-within\:border-green {
  border-color: var(--green) !important;
}
body .group:focus-within .group-focus-within\:outline-green {
  outline-color: var(--green) !important;
}
body .text-dark-green {
  color: var(--dark-green) !important;
}
body .bg-dark-green {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .border-dark-green {
  border-color: var(--dark-green) !important;
}
body .outline-dark-green {
  outline-color: var(--dark-green) !important;
}
body .hover\:text-dark-green:hover {
  color: var(--dark-green) !important;
}
body .hover\:bg-dark-green:hover {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .hover\:border-dark-green:hover {
  border-color: var(--dark-green) !important;
}
body .hover\:outline-dark-green:hover {
  outline-color: var(--dark-green) !important;
}
body .group:hover .group-hover\:text-dark-green {
  color: var(--dark-green) !important;
}
body .group:hover .group-hover\:bg-dark-green {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .group:hover .group-hover\:border-dark-green {
  border-color: var(--dark-green) !important;
}
body .group:hover .group-hover\:outline-dark-green {
  outline-color: var(--dark-green) !important;
}
body .active\:text-dark-green:active {
  color: var(--dark-green) !important;
}
body .active\:bg-dark-green:active {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .active\:border-dark-green:active {
  border-color: var(--dark-green) !important;
}
body .active\:outline-dark-green:active {
  outline-color: var(--dark-green) !important;
}
body .group:active .group-active\:text-dark-green {
  color: var(--dark-green) !important;
}
body .group:active .group-active\:bg-dark-green {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .group:active .group-active\:border-dark-green {
  border-color: var(--dark-green) !important;
}
body .group:active .group-active\:outline-dark-green {
  outline-color: var(--dark-green) !important;
}
body .focus\:text-dark-green:focus {
  color: var(--dark-green) !important;
}
body .focus\:bg-dark-green:focus {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .focus\:border-dark-green:focus {
  border-color: var(--dark-green) !important;
}
body .focus\:outline-dark-green:focus {
  outline-color: var(--dark-green) !important;
}
body .group:focus .group-focus\:text-dark-green {
  color: var(--dark-green) !important;
}
body .group:focus .group-focus\:bg-dark-green {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .group:focus .group-focus\:border-dark-green {
  border-color: var(--dark-green) !important;
}
body .group:focus .group-focus\:outline-dark-green {
  outline-color: var(--dark-green) !important;
}
body .focus-within\:text-dark-green:focus-within {
  color: var(--dark-green) !important;
}
body .focus-within\:bg-dark-green:focus-within {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .focus-within\:border-dark-green:focus-within {
  border-color: var(--dark-green) !important;
}
body .focus-within\:outline-dark-green:focus-within {
  outline-color: var(--dark-green) !important;
}
body .group:focus-within .group-focus-within\:text-dark-green {
  color: var(--dark-green) !important;
}
body .group:focus-within .group-focus-within\:bg-dark-green {
  background-color: var(--dark-green) !important;
  --bg-color: var(--dark-green) !important;
  --shadow-color: var(--dark-green) !important;
}
body .group:focus-within .group-focus-within\:border-dark-green {
  border-color: var(--dark-green) !important;
}
body .group:focus-within .group-focus-within\:outline-dark-green {
  outline-color: var(--dark-green) !important;
}
body .text-lightest-yellow {
  color: var(--lightest-yellow) !important;
}
body .bg-lightest-yellow {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .border-lightest-yellow {
  border-color: var(--lightest-yellow) !important;
}
body .outline-lightest-yellow {
  outline-color: var(--lightest-yellow) !important;
}
body .hover\:text-lightest-yellow:hover {
  color: var(--lightest-yellow) !important;
}
body .hover\:bg-lightest-yellow:hover {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .hover\:border-lightest-yellow:hover {
  border-color: var(--lightest-yellow) !important;
}
body .hover\:outline-lightest-yellow:hover {
  outline-color: var(--lightest-yellow) !important;
}
body .group:hover .group-hover\:text-lightest-yellow {
  color: var(--lightest-yellow) !important;
}
body .group:hover .group-hover\:bg-lightest-yellow {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .group:hover .group-hover\:border-lightest-yellow {
  border-color: var(--lightest-yellow) !important;
}
body .group:hover .group-hover\:outline-lightest-yellow {
  outline-color: var(--lightest-yellow) !important;
}
body .active\:text-lightest-yellow:active {
  color: var(--lightest-yellow) !important;
}
body .active\:bg-lightest-yellow:active {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .active\:border-lightest-yellow:active {
  border-color: var(--lightest-yellow) !important;
}
body .active\:outline-lightest-yellow:active {
  outline-color: var(--lightest-yellow) !important;
}
body .group:active .group-active\:text-lightest-yellow {
  color: var(--lightest-yellow) !important;
}
body .group:active .group-active\:bg-lightest-yellow {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .group:active .group-active\:border-lightest-yellow {
  border-color: var(--lightest-yellow) !important;
}
body .group:active .group-active\:outline-lightest-yellow {
  outline-color: var(--lightest-yellow) !important;
}
body .focus\:text-lightest-yellow:focus {
  color: var(--lightest-yellow) !important;
}
body .focus\:bg-lightest-yellow:focus {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .focus\:border-lightest-yellow:focus {
  border-color: var(--lightest-yellow) !important;
}
body .focus\:outline-lightest-yellow:focus {
  outline-color: var(--lightest-yellow) !important;
}
body .group:focus .group-focus\:text-lightest-yellow {
  color: var(--lightest-yellow) !important;
}
body .group:focus .group-focus\:bg-lightest-yellow {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .group:focus .group-focus\:border-lightest-yellow {
  border-color: var(--lightest-yellow) !important;
}
body .group:focus .group-focus\:outline-lightest-yellow {
  outline-color: var(--lightest-yellow) !important;
}
body .focus-within\:text-lightest-yellow:focus-within {
  color: var(--lightest-yellow) !important;
}
body .focus-within\:bg-lightest-yellow:focus-within {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .focus-within\:border-lightest-yellow:focus-within {
  border-color: var(--lightest-yellow) !important;
}
body .focus-within\:outline-lightest-yellow:focus-within {
  outline-color: var(--lightest-yellow) !important;
}
body .group:focus-within .group-focus-within\:text-lightest-yellow {
  color: var(--lightest-yellow) !important;
}
body .group:focus-within .group-focus-within\:bg-lightest-yellow {
  background-color: var(--lightest-yellow) !important;
  --bg-color: var(--lightest-yellow) !important;
  --shadow-color: var(--lightest-yellow) !important;
}
body .group:focus-within .group-focus-within\:border-lightest-yellow {
  border-color: var(--lightest-yellow) !important;
}
body .group:focus-within .group-focus-within\:outline-lightest-yellow {
  outline-color: var(--lightest-yellow) !important;
}
body .text-light-yellow {
  color: var(--light-yellow) !important;
}
body .bg-light-yellow {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .border-light-yellow {
  border-color: var(--light-yellow) !important;
}
body .outline-light-yellow {
  outline-color: var(--light-yellow) !important;
}
body .hover\:text-light-yellow:hover {
  color: var(--light-yellow) !important;
}
body .hover\:bg-light-yellow:hover {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .hover\:border-light-yellow:hover {
  border-color: var(--light-yellow) !important;
}
body .hover\:outline-light-yellow:hover {
  outline-color: var(--light-yellow) !important;
}
body .group:hover .group-hover\:text-light-yellow {
  color: var(--light-yellow) !important;
}
body .group:hover .group-hover\:bg-light-yellow {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .group:hover .group-hover\:border-light-yellow {
  border-color: var(--light-yellow) !important;
}
body .group:hover .group-hover\:outline-light-yellow {
  outline-color: var(--light-yellow) !important;
}
body .active\:text-light-yellow:active {
  color: var(--light-yellow) !important;
}
body .active\:bg-light-yellow:active {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .active\:border-light-yellow:active {
  border-color: var(--light-yellow) !important;
}
body .active\:outline-light-yellow:active {
  outline-color: var(--light-yellow) !important;
}
body .group:active .group-active\:text-light-yellow {
  color: var(--light-yellow) !important;
}
body .group:active .group-active\:bg-light-yellow {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .group:active .group-active\:border-light-yellow {
  border-color: var(--light-yellow) !important;
}
body .group:active .group-active\:outline-light-yellow {
  outline-color: var(--light-yellow) !important;
}
body .focus\:text-light-yellow:focus {
  color: var(--light-yellow) !important;
}
body .focus\:bg-light-yellow:focus {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .focus\:border-light-yellow:focus {
  border-color: var(--light-yellow) !important;
}
body .focus\:outline-light-yellow:focus {
  outline-color: var(--light-yellow) !important;
}
body .group:focus .group-focus\:text-light-yellow {
  color: var(--light-yellow) !important;
}
body .group:focus .group-focus\:bg-light-yellow {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .group:focus .group-focus\:border-light-yellow {
  border-color: var(--light-yellow) !important;
}
body .group:focus .group-focus\:outline-light-yellow {
  outline-color: var(--light-yellow) !important;
}
body .focus-within\:text-light-yellow:focus-within {
  color: var(--light-yellow) !important;
}
body .focus-within\:bg-light-yellow:focus-within {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .focus-within\:border-light-yellow:focus-within {
  border-color: var(--light-yellow) !important;
}
body .focus-within\:outline-light-yellow:focus-within {
  outline-color: var(--light-yellow) !important;
}
body .group:focus-within .group-focus-within\:text-light-yellow {
  color: var(--light-yellow) !important;
}
body .group:focus-within .group-focus-within\:bg-light-yellow {
  background-color: var(--light-yellow) !important;
  --bg-color: var(--light-yellow) !important;
  --shadow-color: var(--light-yellow) !important;
}
body .group:focus-within .group-focus-within\:border-light-yellow {
  border-color: var(--light-yellow) !important;
}
body .group:focus-within .group-focus-within\:outline-light-yellow {
  outline-color: var(--light-yellow) !important;
}
body .text-yellow {
  color: var(--yellow) !important;
}
body .bg-yellow {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .border-yellow {
  border-color: var(--yellow) !important;
}
body .outline-yellow {
  outline-color: var(--yellow) !important;
}
body .hover\:text-yellow:hover {
  color: var(--yellow) !important;
}
body .hover\:bg-yellow:hover {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .hover\:border-yellow:hover {
  border-color: var(--yellow) !important;
}
body .hover\:outline-yellow:hover {
  outline-color: var(--yellow) !important;
}
body .group:hover .group-hover\:text-yellow {
  color: var(--yellow) !important;
}
body .group:hover .group-hover\:bg-yellow {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .group:hover .group-hover\:border-yellow {
  border-color: var(--yellow) !important;
}
body .group:hover .group-hover\:outline-yellow {
  outline-color: var(--yellow) !important;
}
body .active\:text-yellow:active {
  color: var(--yellow) !important;
}
body .active\:bg-yellow:active {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .active\:border-yellow:active {
  border-color: var(--yellow) !important;
}
body .active\:outline-yellow:active {
  outline-color: var(--yellow) !important;
}
body .group:active .group-active\:text-yellow {
  color: var(--yellow) !important;
}
body .group:active .group-active\:bg-yellow {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .group:active .group-active\:border-yellow {
  border-color: var(--yellow) !important;
}
body .group:active .group-active\:outline-yellow {
  outline-color: var(--yellow) !important;
}
body .focus\:text-yellow:focus {
  color: var(--yellow) !important;
}
body .focus\:bg-yellow:focus {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .focus\:border-yellow:focus {
  border-color: var(--yellow) !important;
}
body .focus\:outline-yellow:focus {
  outline-color: var(--yellow) !important;
}
body .group:focus .group-focus\:text-yellow {
  color: var(--yellow) !important;
}
body .group:focus .group-focus\:bg-yellow {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .group:focus .group-focus\:border-yellow {
  border-color: var(--yellow) !important;
}
body .group:focus .group-focus\:outline-yellow {
  outline-color: var(--yellow) !important;
}
body .focus-within\:text-yellow:focus-within {
  color: var(--yellow) !important;
}
body .focus-within\:bg-yellow:focus-within {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .focus-within\:border-yellow:focus-within {
  border-color: var(--yellow) !important;
}
body .focus-within\:outline-yellow:focus-within {
  outline-color: var(--yellow) !important;
}
body .group:focus-within .group-focus-within\:text-yellow {
  color: var(--yellow) !important;
}
body .group:focus-within .group-focus-within\:bg-yellow {
  background-color: var(--yellow) !important;
  --bg-color: var(--yellow) !important;
  --shadow-color: var(--yellow) !important;
}
body .group:focus-within .group-focus-within\:border-yellow {
  border-color: var(--yellow) !important;
}
body .group:focus-within .group-focus-within\:outline-yellow {
  outline-color: var(--yellow) !important;
}
body .text-dark-yellow {
  color: var(--dark-yellow) !important;
}
body .bg-dark-yellow {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .border-dark-yellow {
  border-color: var(--dark-yellow) !important;
}
body .outline-dark-yellow {
  outline-color: var(--dark-yellow) !important;
}
body .hover\:text-dark-yellow:hover {
  color: var(--dark-yellow) !important;
}
body .hover\:bg-dark-yellow:hover {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .hover\:border-dark-yellow:hover {
  border-color: var(--dark-yellow) !important;
}
body .hover\:outline-dark-yellow:hover {
  outline-color: var(--dark-yellow) !important;
}
body .group:hover .group-hover\:text-dark-yellow {
  color: var(--dark-yellow) !important;
}
body .group:hover .group-hover\:bg-dark-yellow {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .group:hover .group-hover\:border-dark-yellow {
  border-color: var(--dark-yellow) !important;
}
body .group:hover .group-hover\:outline-dark-yellow {
  outline-color: var(--dark-yellow) !important;
}
body .active\:text-dark-yellow:active {
  color: var(--dark-yellow) !important;
}
body .active\:bg-dark-yellow:active {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .active\:border-dark-yellow:active {
  border-color: var(--dark-yellow) !important;
}
body .active\:outline-dark-yellow:active {
  outline-color: var(--dark-yellow) !important;
}
body .group:active .group-active\:text-dark-yellow {
  color: var(--dark-yellow) !important;
}
body .group:active .group-active\:bg-dark-yellow {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .group:active .group-active\:border-dark-yellow {
  border-color: var(--dark-yellow) !important;
}
body .group:active .group-active\:outline-dark-yellow {
  outline-color: var(--dark-yellow) !important;
}
body .focus\:text-dark-yellow:focus {
  color: var(--dark-yellow) !important;
}
body .focus\:bg-dark-yellow:focus {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .focus\:border-dark-yellow:focus {
  border-color: var(--dark-yellow) !important;
}
body .focus\:outline-dark-yellow:focus {
  outline-color: var(--dark-yellow) !important;
}
body .group:focus .group-focus\:text-dark-yellow {
  color: var(--dark-yellow) !important;
}
body .group:focus .group-focus\:bg-dark-yellow {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .group:focus .group-focus\:border-dark-yellow {
  border-color: var(--dark-yellow) !important;
}
body .group:focus .group-focus\:outline-dark-yellow {
  outline-color: var(--dark-yellow) !important;
}
body .focus-within\:text-dark-yellow:focus-within {
  color: var(--dark-yellow) !important;
}
body .focus-within\:bg-dark-yellow:focus-within {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .focus-within\:border-dark-yellow:focus-within {
  border-color: var(--dark-yellow) !important;
}
body .focus-within\:outline-dark-yellow:focus-within {
  outline-color: var(--dark-yellow) !important;
}
body .group:focus-within .group-focus-within\:text-dark-yellow {
  color: var(--dark-yellow) !important;
}
body .group:focus-within .group-focus-within\:bg-dark-yellow {
  background-color: var(--dark-yellow) !important;
  --bg-color: var(--dark-yellow) !important;
  --shadow-color: var(--dark-yellow) !important;
}
body .group:focus-within .group-focus-within\:border-dark-yellow {
  border-color: var(--dark-yellow) !important;
}
body .group:focus-within .group-focus-within\:outline-dark-yellow {
  outline-color: var(--dark-yellow) !important;
}
body .text-lightest-orange {
  color: var(--lightest-orange) !important;
}
body .bg-lightest-orange {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .border-lightest-orange {
  border-color: var(--lightest-orange) !important;
}
body .outline-lightest-orange {
  outline-color: var(--lightest-orange) !important;
}
body .hover\:text-lightest-orange:hover {
  color: var(--lightest-orange) !important;
}
body .hover\:bg-lightest-orange:hover {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .hover\:border-lightest-orange:hover {
  border-color: var(--lightest-orange) !important;
}
body .hover\:outline-lightest-orange:hover {
  outline-color: var(--lightest-orange) !important;
}
body .group:hover .group-hover\:text-lightest-orange {
  color: var(--lightest-orange) !important;
}
body .group:hover .group-hover\:bg-lightest-orange {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .group:hover .group-hover\:border-lightest-orange {
  border-color: var(--lightest-orange) !important;
}
body .group:hover .group-hover\:outline-lightest-orange {
  outline-color: var(--lightest-orange) !important;
}
body .active\:text-lightest-orange:active {
  color: var(--lightest-orange) !important;
}
body .active\:bg-lightest-orange:active {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .active\:border-lightest-orange:active {
  border-color: var(--lightest-orange) !important;
}
body .active\:outline-lightest-orange:active {
  outline-color: var(--lightest-orange) !important;
}
body .group:active .group-active\:text-lightest-orange {
  color: var(--lightest-orange) !important;
}
body .group:active .group-active\:bg-lightest-orange {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .group:active .group-active\:border-lightest-orange {
  border-color: var(--lightest-orange) !important;
}
body .group:active .group-active\:outline-lightest-orange {
  outline-color: var(--lightest-orange) !important;
}
body .focus\:text-lightest-orange:focus {
  color: var(--lightest-orange) !important;
}
body .focus\:bg-lightest-orange:focus {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .focus\:border-lightest-orange:focus {
  border-color: var(--lightest-orange) !important;
}
body .focus\:outline-lightest-orange:focus {
  outline-color: var(--lightest-orange) !important;
}
body .group:focus .group-focus\:text-lightest-orange {
  color: var(--lightest-orange) !important;
}
body .group:focus .group-focus\:bg-lightest-orange {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .group:focus .group-focus\:border-lightest-orange {
  border-color: var(--lightest-orange) !important;
}
body .group:focus .group-focus\:outline-lightest-orange {
  outline-color: var(--lightest-orange) !important;
}
body .focus-within\:text-lightest-orange:focus-within {
  color: var(--lightest-orange) !important;
}
body .focus-within\:bg-lightest-orange:focus-within {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .focus-within\:border-lightest-orange:focus-within {
  border-color: var(--lightest-orange) !important;
}
body .focus-within\:outline-lightest-orange:focus-within {
  outline-color: var(--lightest-orange) !important;
}
body .group:focus-within .group-focus-within\:text-lightest-orange {
  color: var(--lightest-orange) !important;
}
body .group:focus-within .group-focus-within\:bg-lightest-orange {
  background-color: var(--lightest-orange) !important;
  --bg-color: var(--lightest-orange) !important;
  --shadow-color: var(--lightest-orange) !important;
}
body .group:focus-within .group-focus-within\:border-lightest-orange {
  border-color: var(--lightest-orange) !important;
}
body .group:focus-within .group-focus-within\:outline-lightest-orange {
  outline-color: var(--lightest-orange) !important;
}
body .text-light-orange {
  color: var(--light-orange) !important;
}
body .bg-light-orange {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .border-light-orange {
  border-color: var(--light-orange) !important;
}
body .outline-light-orange {
  outline-color: var(--light-orange) !important;
}
body .hover\:text-light-orange:hover {
  color: var(--light-orange) !important;
}
body .hover\:bg-light-orange:hover {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .hover\:border-light-orange:hover {
  border-color: var(--light-orange) !important;
}
body .hover\:outline-light-orange:hover {
  outline-color: var(--light-orange) !important;
}
body .group:hover .group-hover\:text-light-orange {
  color: var(--light-orange) !important;
}
body .group:hover .group-hover\:bg-light-orange {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .group:hover .group-hover\:border-light-orange {
  border-color: var(--light-orange) !important;
}
body .group:hover .group-hover\:outline-light-orange {
  outline-color: var(--light-orange) !important;
}
body .active\:text-light-orange:active {
  color: var(--light-orange) !important;
}
body .active\:bg-light-orange:active {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .active\:border-light-orange:active {
  border-color: var(--light-orange) !important;
}
body .active\:outline-light-orange:active {
  outline-color: var(--light-orange) !important;
}
body .group:active .group-active\:text-light-orange {
  color: var(--light-orange) !important;
}
body .group:active .group-active\:bg-light-orange {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .group:active .group-active\:border-light-orange {
  border-color: var(--light-orange) !important;
}
body .group:active .group-active\:outline-light-orange {
  outline-color: var(--light-orange) !important;
}
body .focus\:text-light-orange:focus {
  color: var(--light-orange) !important;
}
body .focus\:bg-light-orange:focus {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .focus\:border-light-orange:focus {
  border-color: var(--light-orange) !important;
}
body .focus\:outline-light-orange:focus {
  outline-color: var(--light-orange) !important;
}
body .group:focus .group-focus\:text-light-orange {
  color: var(--light-orange) !important;
}
body .group:focus .group-focus\:bg-light-orange {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .group:focus .group-focus\:border-light-orange {
  border-color: var(--light-orange) !important;
}
body .group:focus .group-focus\:outline-light-orange {
  outline-color: var(--light-orange) !important;
}
body .focus-within\:text-light-orange:focus-within {
  color: var(--light-orange) !important;
}
body .focus-within\:bg-light-orange:focus-within {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .focus-within\:border-light-orange:focus-within {
  border-color: var(--light-orange) !important;
}
body .focus-within\:outline-light-orange:focus-within {
  outline-color: var(--light-orange) !important;
}
body .group:focus-within .group-focus-within\:text-light-orange {
  color: var(--light-orange) !important;
}
body .group:focus-within .group-focus-within\:bg-light-orange {
  background-color: var(--light-orange) !important;
  --bg-color: var(--light-orange) !important;
  --shadow-color: var(--light-orange) !important;
}
body .group:focus-within .group-focus-within\:border-light-orange {
  border-color: var(--light-orange) !important;
}
body .group:focus-within .group-focus-within\:outline-light-orange {
  outline-color: var(--light-orange) !important;
}
body .text-orange {
  color: var(--orange) !important;
}
body .bg-orange {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .border-orange {
  border-color: var(--orange) !important;
}
body .outline-orange {
  outline-color: var(--orange) !important;
}
body .hover\:text-orange:hover {
  color: var(--orange) !important;
}
body .hover\:bg-orange:hover {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .hover\:border-orange:hover {
  border-color: var(--orange) !important;
}
body .hover\:outline-orange:hover {
  outline-color: var(--orange) !important;
}
body .group:hover .group-hover\:text-orange {
  color: var(--orange) !important;
}
body .group:hover .group-hover\:bg-orange {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .group:hover .group-hover\:border-orange {
  border-color: var(--orange) !important;
}
body .group:hover .group-hover\:outline-orange {
  outline-color: var(--orange) !important;
}
body .active\:text-orange:active {
  color: var(--orange) !important;
}
body .active\:bg-orange:active {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .active\:border-orange:active {
  border-color: var(--orange) !important;
}
body .active\:outline-orange:active {
  outline-color: var(--orange) !important;
}
body .group:active .group-active\:text-orange {
  color: var(--orange) !important;
}
body .group:active .group-active\:bg-orange {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .group:active .group-active\:border-orange {
  border-color: var(--orange) !important;
}
body .group:active .group-active\:outline-orange {
  outline-color: var(--orange) !important;
}
body .focus\:text-orange:focus {
  color: var(--orange) !important;
}
body .focus\:bg-orange:focus {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .focus\:border-orange:focus {
  border-color: var(--orange) !important;
}
body .focus\:outline-orange:focus {
  outline-color: var(--orange) !important;
}
body .group:focus .group-focus\:text-orange {
  color: var(--orange) !important;
}
body .group:focus .group-focus\:bg-orange {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .group:focus .group-focus\:border-orange {
  border-color: var(--orange) !important;
}
body .group:focus .group-focus\:outline-orange {
  outline-color: var(--orange) !important;
}
body .focus-within\:text-orange:focus-within {
  color: var(--orange) !important;
}
body .focus-within\:bg-orange:focus-within {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .focus-within\:border-orange:focus-within {
  border-color: var(--orange) !important;
}
body .focus-within\:outline-orange:focus-within {
  outline-color: var(--orange) !important;
}
body .group:focus-within .group-focus-within\:text-orange {
  color: var(--orange) !important;
}
body .group:focus-within .group-focus-within\:bg-orange {
  background-color: var(--orange) !important;
  --bg-color: var(--orange) !important;
  --shadow-color: var(--orange) !important;
}
body .group:focus-within .group-focus-within\:border-orange {
  border-color: var(--orange) !important;
}
body .group:focus-within .group-focus-within\:outline-orange {
  outline-color: var(--orange) !important;
}
body .text-dark-orange {
  color: var(--dark-orange) !important;
}
body .bg-dark-orange {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .border-dark-orange {
  border-color: var(--dark-orange) !important;
}
body .outline-dark-orange {
  outline-color: var(--dark-orange) !important;
}
body .hover\:text-dark-orange:hover {
  color: var(--dark-orange) !important;
}
body .hover\:bg-dark-orange:hover {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .hover\:border-dark-orange:hover {
  border-color: var(--dark-orange) !important;
}
body .hover\:outline-dark-orange:hover {
  outline-color: var(--dark-orange) !important;
}
body .group:hover .group-hover\:text-dark-orange {
  color: var(--dark-orange) !important;
}
body .group:hover .group-hover\:bg-dark-orange {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .group:hover .group-hover\:border-dark-orange {
  border-color: var(--dark-orange) !important;
}
body .group:hover .group-hover\:outline-dark-orange {
  outline-color: var(--dark-orange) !important;
}
body .active\:text-dark-orange:active {
  color: var(--dark-orange) !important;
}
body .active\:bg-dark-orange:active {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .active\:border-dark-orange:active {
  border-color: var(--dark-orange) !important;
}
body .active\:outline-dark-orange:active {
  outline-color: var(--dark-orange) !important;
}
body .group:active .group-active\:text-dark-orange {
  color: var(--dark-orange) !important;
}
body .group:active .group-active\:bg-dark-orange {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .group:active .group-active\:border-dark-orange {
  border-color: var(--dark-orange) !important;
}
body .group:active .group-active\:outline-dark-orange {
  outline-color: var(--dark-orange) !important;
}
body .focus\:text-dark-orange:focus {
  color: var(--dark-orange) !important;
}
body .focus\:bg-dark-orange:focus {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .focus\:border-dark-orange:focus {
  border-color: var(--dark-orange) !important;
}
body .focus\:outline-dark-orange:focus {
  outline-color: var(--dark-orange) !important;
}
body .group:focus .group-focus\:text-dark-orange {
  color: var(--dark-orange) !important;
}
body .group:focus .group-focus\:bg-dark-orange {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .group:focus .group-focus\:border-dark-orange {
  border-color: var(--dark-orange) !important;
}
body .group:focus .group-focus\:outline-dark-orange {
  outline-color: var(--dark-orange) !important;
}
body .focus-within\:text-dark-orange:focus-within {
  color: var(--dark-orange) !important;
}
body .focus-within\:bg-dark-orange:focus-within {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .focus-within\:border-dark-orange:focus-within {
  border-color: var(--dark-orange) !important;
}
body .focus-within\:outline-dark-orange:focus-within {
  outline-color: var(--dark-orange) !important;
}
body .group:focus-within .group-focus-within\:text-dark-orange {
  color: var(--dark-orange) !important;
}
body .group:focus-within .group-focus-within\:bg-dark-orange {
  background-color: var(--dark-orange) !important;
  --bg-color: var(--dark-orange) !important;
  --shadow-color: var(--dark-orange) !important;
}
body .group:focus-within .group-focus-within\:border-dark-orange {
  border-color: var(--dark-orange) !important;
}
body .group:focus-within .group-focus-within\:outline-dark-orange {
  outline-color: var(--dark-orange) !important;
}
body .text-lightest-red {
  color: var(--lightest-red) !important;
}
body .bg-lightest-red {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .border-lightest-red {
  border-color: var(--lightest-red) !important;
}
body .outline-lightest-red {
  outline-color: var(--lightest-red) !important;
}
body .hover\:text-lightest-red:hover {
  color: var(--lightest-red) !important;
}
body .hover\:bg-lightest-red:hover {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .hover\:border-lightest-red:hover {
  border-color: var(--lightest-red) !important;
}
body .hover\:outline-lightest-red:hover {
  outline-color: var(--lightest-red) !important;
}
body .group:hover .group-hover\:text-lightest-red {
  color: var(--lightest-red) !important;
}
body .group:hover .group-hover\:bg-lightest-red {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .group:hover .group-hover\:border-lightest-red {
  border-color: var(--lightest-red) !important;
}
body .group:hover .group-hover\:outline-lightest-red {
  outline-color: var(--lightest-red) !important;
}
body .active\:text-lightest-red:active {
  color: var(--lightest-red) !important;
}
body .active\:bg-lightest-red:active {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .active\:border-lightest-red:active {
  border-color: var(--lightest-red) !important;
}
body .active\:outline-lightest-red:active {
  outline-color: var(--lightest-red) !important;
}
body .group:active .group-active\:text-lightest-red {
  color: var(--lightest-red) !important;
}
body .group:active .group-active\:bg-lightest-red {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .group:active .group-active\:border-lightest-red {
  border-color: var(--lightest-red) !important;
}
body .group:active .group-active\:outline-lightest-red {
  outline-color: var(--lightest-red) !important;
}
body .focus\:text-lightest-red:focus {
  color: var(--lightest-red) !important;
}
body .focus\:bg-lightest-red:focus {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .focus\:border-lightest-red:focus {
  border-color: var(--lightest-red) !important;
}
body .focus\:outline-lightest-red:focus {
  outline-color: var(--lightest-red) !important;
}
body .group:focus .group-focus\:text-lightest-red {
  color: var(--lightest-red) !important;
}
body .group:focus .group-focus\:bg-lightest-red {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .group:focus .group-focus\:border-lightest-red {
  border-color: var(--lightest-red) !important;
}
body .group:focus .group-focus\:outline-lightest-red {
  outline-color: var(--lightest-red) !important;
}
body .focus-within\:text-lightest-red:focus-within {
  color: var(--lightest-red) !important;
}
body .focus-within\:bg-lightest-red:focus-within {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .focus-within\:border-lightest-red:focus-within {
  border-color: var(--lightest-red) !important;
}
body .focus-within\:outline-lightest-red:focus-within {
  outline-color: var(--lightest-red) !important;
}
body .group:focus-within .group-focus-within\:text-lightest-red {
  color: var(--lightest-red) !important;
}
body .group:focus-within .group-focus-within\:bg-lightest-red {
  background-color: var(--lightest-red) !important;
  --bg-color: var(--lightest-red) !important;
  --shadow-color: var(--lightest-red) !important;
}
body .group:focus-within .group-focus-within\:border-lightest-red {
  border-color: var(--lightest-red) !important;
}
body .group:focus-within .group-focus-within\:outline-lightest-red {
  outline-color: var(--lightest-red) !important;
}
body .text-light-red {
  color: var(--light-red) !important;
}
body .bg-light-red {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .border-light-red {
  border-color: var(--light-red) !important;
}
body .outline-light-red {
  outline-color: var(--light-red) !important;
}
body .hover\:text-light-red:hover {
  color: var(--light-red) !important;
}
body .hover\:bg-light-red:hover {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .hover\:border-light-red:hover {
  border-color: var(--light-red) !important;
}
body .hover\:outline-light-red:hover {
  outline-color: var(--light-red) !important;
}
body .group:hover .group-hover\:text-light-red {
  color: var(--light-red) !important;
}
body .group:hover .group-hover\:bg-light-red {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .group:hover .group-hover\:border-light-red {
  border-color: var(--light-red) !important;
}
body .group:hover .group-hover\:outline-light-red {
  outline-color: var(--light-red) !important;
}
body .active\:text-light-red:active {
  color: var(--light-red) !important;
}
body .active\:bg-light-red:active {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .active\:border-light-red:active {
  border-color: var(--light-red) !important;
}
body .active\:outline-light-red:active {
  outline-color: var(--light-red) !important;
}
body .group:active .group-active\:text-light-red {
  color: var(--light-red) !important;
}
body .group:active .group-active\:bg-light-red {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .group:active .group-active\:border-light-red {
  border-color: var(--light-red) !important;
}
body .group:active .group-active\:outline-light-red {
  outline-color: var(--light-red) !important;
}
body .focus\:text-light-red:focus {
  color: var(--light-red) !important;
}
body .focus\:bg-light-red:focus {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .focus\:border-light-red:focus {
  border-color: var(--light-red) !important;
}
body .focus\:outline-light-red:focus {
  outline-color: var(--light-red) !important;
}
body .group:focus .group-focus\:text-light-red {
  color: var(--light-red) !important;
}
body .group:focus .group-focus\:bg-light-red {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .group:focus .group-focus\:border-light-red {
  border-color: var(--light-red) !important;
}
body .group:focus .group-focus\:outline-light-red {
  outline-color: var(--light-red) !important;
}
body .focus-within\:text-light-red:focus-within {
  color: var(--light-red) !important;
}
body .focus-within\:bg-light-red:focus-within {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .focus-within\:border-light-red:focus-within {
  border-color: var(--light-red) !important;
}
body .focus-within\:outline-light-red:focus-within {
  outline-color: var(--light-red) !important;
}
body .group:focus-within .group-focus-within\:text-light-red {
  color: var(--light-red) !important;
}
body .group:focus-within .group-focus-within\:bg-light-red {
  background-color: var(--light-red) !important;
  --bg-color: var(--light-red) !important;
  --shadow-color: var(--light-red) !important;
}
body .group:focus-within .group-focus-within\:border-light-red {
  border-color: var(--light-red) !important;
}
body .group:focus-within .group-focus-within\:outline-light-red {
  outline-color: var(--light-red) !important;
}
body .text-red {
  color: var(--red) !important;
}
body .bg-red {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .border-red {
  border-color: var(--red) !important;
}
body .outline-red {
  outline-color: var(--red) !important;
}
body .hover\:text-red:hover {
  color: var(--red) !important;
}
body .hover\:bg-red:hover {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .hover\:border-red:hover {
  border-color: var(--red) !important;
}
body .hover\:outline-red:hover {
  outline-color: var(--red) !important;
}
body .group:hover .group-hover\:text-red {
  color: var(--red) !important;
}
body .group:hover .group-hover\:bg-red {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .group:hover .group-hover\:border-red {
  border-color: var(--red) !important;
}
body .group:hover .group-hover\:outline-red {
  outline-color: var(--red) !important;
}
body .active\:text-red:active {
  color: var(--red) !important;
}
body .active\:bg-red:active {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .active\:border-red:active {
  border-color: var(--red) !important;
}
body .active\:outline-red:active {
  outline-color: var(--red) !important;
}
body .group:active .group-active\:text-red {
  color: var(--red) !important;
}
body .group:active .group-active\:bg-red {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .group:active .group-active\:border-red {
  border-color: var(--red) !important;
}
body .group:active .group-active\:outline-red {
  outline-color: var(--red) !important;
}
body .focus\:text-red:focus {
  color: var(--red) !important;
}
body .focus\:bg-red:focus {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .focus\:border-red:focus {
  border-color: var(--red) !important;
}
body .focus\:outline-red:focus {
  outline-color: var(--red) !important;
}
body .group:focus .group-focus\:text-red {
  color: var(--red) !important;
}
body .group:focus .group-focus\:bg-red {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .group:focus .group-focus\:border-red {
  border-color: var(--red) !important;
}
body .group:focus .group-focus\:outline-red {
  outline-color: var(--red) !important;
}
body .focus-within\:text-red:focus-within {
  color: var(--red) !important;
}
body .focus-within\:bg-red:focus-within {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .focus-within\:border-red:focus-within {
  border-color: var(--red) !important;
}
body .focus-within\:outline-red:focus-within {
  outline-color: var(--red) !important;
}
body .group:focus-within .group-focus-within\:text-red {
  color: var(--red) !important;
}
body .group:focus-within .group-focus-within\:bg-red {
  background-color: var(--red) !important;
  --bg-color: var(--red) !important;
  --shadow-color: var(--red) !important;
}
body .group:focus-within .group-focus-within\:border-red {
  border-color: var(--red) !important;
}
body .group:focus-within .group-focus-within\:outline-red {
  outline-color: var(--red) !important;
}
body .text-dark-red {
  color: var(--dark-red) !important;
}
body .bg-dark-red {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .border-dark-red {
  border-color: var(--dark-red) !important;
}
body .outline-dark-red {
  outline-color: var(--dark-red) !important;
}
body .hover\:text-dark-red:hover {
  color: var(--dark-red) !important;
}
body .hover\:bg-dark-red:hover {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .hover\:border-dark-red:hover {
  border-color: var(--dark-red) !important;
}
body .hover\:outline-dark-red:hover {
  outline-color: var(--dark-red) !important;
}
body .group:hover .group-hover\:text-dark-red {
  color: var(--dark-red) !important;
}
body .group:hover .group-hover\:bg-dark-red {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .group:hover .group-hover\:border-dark-red {
  border-color: var(--dark-red) !important;
}
body .group:hover .group-hover\:outline-dark-red {
  outline-color: var(--dark-red) !important;
}
body .active\:text-dark-red:active {
  color: var(--dark-red) !important;
}
body .active\:bg-dark-red:active {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .active\:border-dark-red:active {
  border-color: var(--dark-red) !important;
}
body .active\:outline-dark-red:active {
  outline-color: var(--dark-red) !important;
}
body .group:active .group-active\:text-dark-red {
  color: var(--dark-red) !important;
}
body .group:active .group-active\:bg-dark-red {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .group:active .group-active\:border-dark-red {
  border-color: var(--dark-red) !important;
}
body .group:active .group-active\:outline-dark-red {
  outline-color: var(--dark-red) !important;
}
body .focus\:text-dark-red:focus {
  color: var(--dark-red) !important;
}
body .focus\:bg-dark-red:focus {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .focus\:border-dark-red:focus {
  border-color: var(--dark-red) !important;
}
body .focus\:outline-dark-red:focus {
  outline-color: var(--dark-red) !important;
}
body .group:focus .group-focus\:text-dark-red {
  color: var(--dark-red) !important;
}
body .group:focus .group-focus\:bg-dark-red {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .group:focus .group-focus\:border-dark-red {
  border-color: var(--dark-red) !important;
}
body .group:focus .group-focus\:outline-dark-red {
  outline-color: var(--dark-red) !important;
}
body .focus-within\:text-dark-red:focus-within {
  color: var(--dark-red) !important;
}
body .focus-within\:bg-dark-red:focus-within {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .focus-within\:border-dark-red:focus-within {
  border-color: var(--dark-red) !important;
}
body .focus-within\:outline-dark-red:focus-within {
  outline-color: var(--dark-red) !important;
}
body .group:focus-within .group-focus-within\:text-dark-red {
  color: var(--dark-red) !important;
}
body .group:focus-within .group-focus-within\:bg-dark-red {
  background-color: var(--dark-red) !important;
  --bg-color: var(--dark-red) !important;
  --shadow-color: var(--dark-red) !important;
}
body .group:focus-within .group-focus-within\:border-dark-red {
  border-color: var(--dark-red) !important;
}
body .group:focus-within .group-focus-within\:outline-dark-red {
  outline-color: var(--dark-red) !important;
}

body .columns-auto {
  columns: auto;
}
body .columns-auto > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-auto.sm\:columns-auto {
    columns: auto;
  }
  body .sm\:columns-auto.sm\:columns-auto > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-auto.md\:columns-auto {
    columns: auto;
  }
  body .md\:columns-auto.md\:columns-auto > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-auto.lg\:columns-auto {
    columns: auto;
  }
  body .lg\:columns-auto.lg\:columns-auto > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-auto.xl\:columns-auto {
    columns: auto;
  }
  body .xl\:columns-auto.xl\:columns-auto > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-auto.xxl\:columns-auto {
    columns: auto;
  }
  body .xxl\:columns-auto.xxl\:columns-auto > * {
    break-inside: avoid;
  }
}
body .columns-1 {
  columns: 1;
}
body .columns-1 > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-1.sm\:columns-1 {
    columns: 1;
  }
  body .sm\:columns-1.sm\:columns-1 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-1.md\:columns-1 {
    columns: 1;
  }
  body .md\:columns-1.md\:columns-1 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-1.lg\:columns-1 {
    columns: 1;
  }
  body .lg\:columns-1.lg\:columns-1 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-1.xl\:columns-1 {
    columns: 1;
  }
  body .xl\:columns-1.xl\:columns-1 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-1.xxl\:columns-1 {
    columns: 1;
  }
  body .xxl\:columns-1.xxl\:columns-1 > * {
    break-inside: avoid;
  }
}
body .columns-2 {
  columns: 2;
}
body .columns-2 > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-2.sm\:columns-2 {
    columns: 2;
  }
  body .sm\:columns-2.sm\:columns-2 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-2.md\:columns-2 {
    columns: 2;
  }
  body .md\:columns-2.md\:columns-2 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-2.lg\:columns-2 {
    columns: 2;
  }
  body .lg\:columns-2.lg\:columns-2 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-2.xl\:columns-2 {
    columns: 2;
  }
  body .xl\:columns-2.xl\:columns-2 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-2.xxl\:columns-2 {
    columns: 2;
  }
  body .xxl\:columns-2.xxl\:columns-2 > * {
    break-inside: avoid;
  }
}
body .columns-3 {
  columns: 3;
}
body .columns-3 > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-3.sm\:columns-3 {
    columns: 3;
  }
  body .sm\:columns-3.sm\:columns-3 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-3.md\:columns-3 {
    columns: 3;
  }
  body .md\:columns-3.md\:columns-3 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-3.lg\:columns-3 {
    columns: 3;
  }
  body .lg\:columns-3.lg\:columns-3 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-3.xl\:columns-3 {
    columns: 3;
  }
  body .xl\:columns-3.xl\:columns-3 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-3.xxl\:columns-3 {
    columns: 3;
  }
  body .xxl\:columns-3.xxl\:columns-3 > * {
    break-inside: avoid;
  }
}
body .columns-4 {
  columns: 4;
}
body .columns-4 > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-4.sm\:columns-4 {
    columns: 4;
  }
  body .sm\:columns-4.sm\:columns-4 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-4.md\:columns-4 {
    columns: 4;
  }
  body .md\:columns-4.md\:columns-4 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-4.lg\:columns-4 {
    columns: 4;
  }
  body .lg\:columns-4.lg\:columns-4 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-4.xl\:columns-4 {
    columns: 4;
  }
  body .xl\:columns-4.xl\:columns-4 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-4.xxl\:columns-4 {
    columns: 4;
  }
  body .xxl\:columns-4.xxl\:columns-4 > * {
    break-inside: avoid;
  }
}
body .columns-5 {
  columns: 5;
}
body .columns-5 > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-5.sm\:columns-5 {
    columns: 5;
  }
  body .sm\:columns-5.sm\:columns-5 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-5.md\:columns-5 {
    columns: 5;
  }
  body .md\:columns-5.md\:columns-5 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-5.lg\:columns-5 {
    columns: 5;
  }
  body .lg\:columns-5.lg\:columns-5 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-5.xl\:columns-5 {
    columns: 5;
  }
  body .xl\:columns-5.xl\:columns-5 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-5.xxl\:columns-5 {
    columns: 5;
  }
  body .xxl\:columns-5.xxl\:columns-5 > * {
    break-inside: avoid;
  }
}
body .columns-6 {
  columns: 6;
}
body .columns-6 > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-6.sm\:columns-6 {
    columns: 6;
  }
  body .sm\:columns-6.sm\:columns-6 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-6.md\:columns-6 {
    columns: 6;
  }
  body .md\:columns-6.md\:columns-6 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-6.lg\:columns-6 {
    columns: 6;
  }
  body .lg\:columns-6.lg\:columns-6 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-6.xl\:columns-6 {
    columns: 6;
  }
  body .xl\:columns-6.xl\:columns-6 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-6.xxl\:columns-6 {
    columns: 6;
  }
  body .xxl\:columns-6.xxl\:columns-6 > * {
    break-inside: avoid;
  }
}
body .columns-7 {
  columns: 7;
}
body .columns-7 > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-7.sm\:columns-7 {
    columns: 7;
  }
  body .sm\:columns-7.sm\:columns-7 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-7.md\:columns-7 {
    columns: 7;
  }
  body .md\:columns-7.md\:columns-7 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-7.lg\:columns-7 {
    columns: 7;
  }
  body .lg\:columns-7.lg\:columns-7 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-7.xl\:columns-7 {
    columns: 7;
  }
  body .xl\:columns-7.xl\:columns-7 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-7.xxl\:columns-7 {
    columns: 7;
  }
  body .xxl\:columns-7.xxl\:columns-7 > * {
    break-inside: avoid;
  }
}
body .columns-8 {
  columns: 8;
}
body .columns-8 > * {
  break-inside: avoid;
}
@media (min-width: 480px) {
  body .sm\:columns-8.sm\:columns-8 {
    columns: 8;
  }
  body .sm\:columns-8.sm\:columns-8 > * {
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  body .md\:columns-8.md\:columns-8 {
    columns: 8;
  }
  body .md\:columns-8.md\:columns-8 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1152px) {
  body .lg\:columns-8.lg\:columns-8 {
    columns: 8;
  }
  body .lg\:columns-8.lg\:columns-8 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1440px) {
  body .xl\:columns-8.xl\:columns-8 {
    columns: 8;
  }
  body .xl\:columns-8.xl\:columns-8 > * {
    break-inside: avoid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:columns-8.xxl\:columns-8 {
    columns: 8;
  }
  body .xxl\:columns-8.xxl\:columns-8 > * {
    break-inside: avoid;
  }
}

body .gap-0 {
  gap: 0;
}
@media (min-width: 480px) {
  body .sm\:gap-0.sm\:gap-0 {
    gap: 0;
  }
}
@media (min-width: 768px) {
  body .md\:gap-0.md\:gap-0 {
    gap: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:gap-0.lg\:gap-0 {
    gap: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:gap-0.xl\:gap-0 {
    gap: 0;
  }
}
@media (min-width: 1920px) {
  body .xxl\:gap-0.xxl\:gap-0 {
    gap: 0;
  }
}
body .gap-1 {
  gap: 2px;
}
@media (min-width: 480px) {
  body .sm\:gap-1.sm\:gap-1 {
    gap: 2px;
  }
}
@media (min-width: 768px) {
  body .md\:gap-1.md\:gap-1 {
    gap: 2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:gap-1.lg\:gap-1 {
    gap: 2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:gap-1.xl\:gap-1 {
    gap: 2px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:gap-1.xxl\:gap-1 {
    gap: 2px;
  }
}
body .gap-2 {
  gap: 4px;
}
@media (min-width: 480px) {
  body .sm\:gap-2.sm\:gap-2 {
    gap: 4px;
  }
}
@media (min-width: 768px) {
  body .md\:gap-2.md\:gap-2 {
    gap: 4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:gap-2.lg\:gap-2 {
    gap: 4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:gap-2.xl\:gap-2 {
    gap: 4px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:gap-2.xxl\:gap-2 {
    gap: 4px;
  }
}
body .gap-3 {
  gap: 8px;
}
@media (min-width: 480px) {
  body .sm\:gap-3.sm\:gap-3 {
    gap: 8px;
  }
}
@media (min-width: 768px) {
  body .md\:gap-3.md\:gap-3 {
    gap: 8px;
  }
}
@media (min-width: 1152px) {
  body .lg\:gap-3.lg\:gap-3 {
    gap: 8px;
  }
}
@media (min-width: 1440px) {
  body .xl\:gap-3.xl\:gap-3 {
    gap: 8px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:gap-3.xxl\:gap-3 {
    gap: 8px;
  }
}
body .gap-4 {
  gap: 16px;
}
@media (min-width: 480px) {
  body .sm\:gap-4.sm\:gap-4 {
    gap: 16px;
  }
}
@media (min-width: 768px) {
  body .md\:gap-4.md\:gap-4 {
    gap: 16px;
  }
}
@media (min-width: 1152px) {
  body .lg\:gap-4.lg\:gap-4 {
    gap: 16px;
  }
}
@media (min-width: 1440px) {
  body .xl\:gap-4.xl\:gap-4 {
    gap: 16px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:gap-4.xxl\:gap-4 {
    gap: 16px;
  }
}
body .gap-5 {
  gap: 32px;
}
@media (min-width: 480px) {
  body .sm\:gap-5.sm\:gap-5 {
    gap: 32px;
  }
}
@media (min-width: 768px) {
  body .md\:gap-5.md\:gap-5 {
    gap: 32px;
  }
}
@media (min-width: 1152px) {
  body .lg\:gap-5.lg\:gap-5 {
    gap: 32px;
  }
}
@media (min-width: 1440px) {
  body .xl\:gap-5.xl\:gap-5 {
    gap: 32px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:gap-5.xxl\:gap-5 {
    gap: 32px;
  }
}
body .gap-6 {
  gap: 64px;
}
@media (min-width: 480px) {
  body .sm\:gap-6.sm\:gap-6 {
    gap: 64px;
  }
}
@media (min-width: 768px) {
  body .md\:gap-6.md\:gap-6 {
    gap: 64px;
  }
}
@media (min-width: 1152px) {
  body .lg\:gap-6.lg\:gap-6 {
    gap: 64px;
  }
}
@media (min-width: 1440px) {
  body .xl\:gap-6.xl\:gap-6 {
    gap: 64px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:gap-6.xxl\:gap-6 {
    gap: 64px;
  }
}
body .column-gap-0 {
  column-gap: 0;
}
@media (min-width: 480px) {
  body .sm\:column-gap-0.sm\:column-gap-0 {
    column-gap: 0;
  }
}
@media (min-width: 768px) {
  body .md\:column-gap-0.md\:column-gap-0 {
    column-gap: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:column-gap-0.lg\:column-gap-0 {
    column-gap: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:column-gap-0.xl\:column-gap-0 {
    column-gap: 0;
  }
}
@media (min-width: 1920px) {
  body .xxl\:column-gap-0.xxl\:column-gap-0 {
    column-gap: 0;
  }
}
body .column-gap-1 {
  column-gap: 2px;
}
@media (min-width: 480px) {
  body .sm\:column-gap-1.sm\:column-gap-1 {
    column-gap: 2px;
  }
}
@media (min-width: 768px) {
  body .md\:column-gap-1.md\:column-gap-1 {
    column-gap: 2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:column-gap-1.lg\:column-gap-1 {
    column-gap: 2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:column-gap-1.xl\:column-gap-1 {
    column-gap: 2px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:column-gap-1.xxl\:column-gap-1 {
    column-gap: 2px;
  }
}
body .column-gap-2 {
  column-gap: 4px;
}
@media (min-width: 480px) {
  body .sm\:column-gap-2.sm\:column-gap-2 {
    column-gap: 4px;
  }
}
@media (min-width: 768px) {
  body .md\:column-gap-2.md\:column-gap-2 {
    column-gap: 4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:column-gap-2.lg\:column-gap-2 {
    column-gap: 4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:column-gap-2.xl\:column-gap-2 {
    column-gap: 4px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:column-gap-2.xxl\:column-gap-2 {
    column-gap: 4px;
  }
}
body .column-gap-3 {
  column-gap: 8px;
}
@media (min-width: 480px) {
  body .sm\:column-gap-3.sm\:column-gap-3 {
    column-gap: 8px;
  }
}
@media (min-width: 768px) {
  body .md\:column-gap-3.md\:column-gap-3 {
    column-gap: 8px;
  }
}
@media (min-width: 1152px) {
  body .lg\:column-gap-3.lg\:column-gap-3 {
    column-gap: 8px;
  }
}
@media (min-width: 1440px) {
  body .xl\:column-gap-3.xl\:column-gap-3 {
    column-gap: 8px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:column-gap-3.xxl\:column-gap-3 {
    column-gap: 8px;
  }
}
body .column-gap-4 {
  column-gap: 16px;
}
@media (min-width: 480px) {
  body .sm\:column-gap-4.sm\:column-gap-4 {
    column-gap: 16px;
  }
}
@media (min-width: 768px) {
  body .md\:column-gap-4.md\:column-gap-4 {
    column-gap: 16px;
  }
}
@media (min-width: 1152px) {
  body .lg\:column-gap-4.lg\:column-gap-4 {
    column-gap: 16px;
  }
}
@media (min-width: 1440px) {
  body .xl\:column-gap-4.xl\:column-gap-4 {
    column-gap: 16px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:column-gap-4.xxl\:column-gap-4 {
    column-gap: 16px;
  }
}
body .column-gap-5 {
  column-gap: 32px;
}
@media (min-width: 480px) {
  body .sm\:column-gap-5.sm\:column-gap-5 {
    column-gap: 32px;
  }
}
@media (min-width: 768px) {
  body .md\:column-gap-5.md\:column-gap-5 {
    column-gap: 32px;
  }
}
@media (min-width: 1152px) {
  body .lg\:column-gap-5.lg\:column-gap-5 {
    column-gap: 32px;
  }
}
@media (min-width: 1440px) {
  body .xl\:column-gap-5.xl\:column-gap-5 {
    column-gap: 32px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:column-gap-5.xxl\:column-gap-5 {
    column-gap: 32px;
  }
}
body .column-gap-6 {
  column-gap: 64px;
}
@media (min-width: 480px) {
  body .sm\:column-gap-6.sm\:column-gap-6 {
    column-gap: 64px;
  }
}
@media (min-width: 768px) {
  body .md\:column-gap-6.md\:column-gap-6 {
    column-gap: 64px;
  }
}
@media (min-width: 1152px) {
  body .lg\:column-gap-6.lg\:column-gap-6 {
    column-gap: 64px;
  }
}
@media (min-width: 1440px) {
  body .xl\:column-gap-6.xl\:column-gap-6 {
    column-gap: 64px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:column-gap-6.xxl\:column-gap-6 {
    column-gap: 64px;
  }
}
body .flex-row {
  flex-direction: row;
}
@media (min-width: 480px) {
  body .sm\:flex-row.sm\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  body .md\:flex-row.md\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-row.lg\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-row.xl\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-row.xxl\:flex-row {
    flex-direction: row;
  }
}
body .flex-row-reverse {
  flex-direction: row-reverse;
}
@media (min-width: 480px) {
  body .sm\:flex-row-reverse.sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  body .md\:flex-row-reverse.md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-row-reverse.lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-row-reverse.xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-row-reverse.xxl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
}
body .flex-col {
  flex-direction: column;
}
@media (min-width: 480px) {
  body .sm\:flex-col.sm\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  body .md\:flex-col.md\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-col.lg\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-col.xl\:flex-col {
    flex-direction: column;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-col.xxl\:flex-col {
    flex-direction: column;
  }
}
body .flex-col-reverse {
  flex-direction: column-reverse;
}
@media (min-width: 480px) {
  body .sm\:flex-col-reverse.sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  body .md\:flex-col-reverse.md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-col-reverse.lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-col-reverse.xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-col-reverse.xxl\:flex-col-reverse {
    flex-direction: column-reverse;
  }
}
body .flex-wrap {
  flex-wrap: wrap;
}
@media (min-width: 480px) {
  body .sm\:flex-wrap.sm\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  body .md\:flex-wrap.md\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-wrap.lg\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-wrap.xl\:flex-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-wrap.xxl\:flex-wrap {
    flex-wrap: wrap;
  }
}
body .flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
@media (min-width: 480px) {
  body .sm\:flex-wrap-reverse.sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 768px) {
  body .md\:flex-wrap-reverse.md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-wrap-reverse.lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-wrap-reverse.xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-wrap-reverse.xxl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
body .flex-nowrap {
  flex-wrap: nowrap;
}
@media (min-width: 480px) {
  body .sm\:flex-nowrap.sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 768px) {
  body .md\:flex-nowrap.md\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-nowrap.lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-nowrap.xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-nowrap.xxl\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
body .flex-2 {
  flex: 2 1 0%;
}
@media (min-width: 480px) {
  body .sm\:flex-2.sm\:flex-2 {
    flex: 2 1 0%;
  }
}
@media (min-width: 768px) {
  body .md\:flex-2.md\:flex-2 {
    flex: 2 1 0%;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-2.lg\:flex-2 {
    flex: 2 1 0%;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-2.xl\:flex-2 {
    flex: 2 1 0%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-2.xxl\:flex-2 {
    flex: 2 1 0%;
  }
}
body .flex-1 {
  flex: 1 1 0%;
}
@media (min-width: 480px) {
  body .sm\:flex-1.sm\:flex-1 {
    flex: 1 1 0%;
  }
}
@media (min-width: 768px) {
  body .md\:flex-1.md\:flex-1 {
    flex: 1 1 0%;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-1.lg\:flex-1 {
    flex: 1 1 0%;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-1.xl\:flex-1 {
    flex: 1 1 0%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-1.xxl\:flex-1 {
    flex: 1 1 0%;
  }
}
body .flex-1_5 {
  flex: 1.5 1 0%;
}
@media (min-width: 480px) {
  body .sm\:flex-1_5.sm\:flex-1_5 {
    flex: 1.5 1 0%;
  }
}
@media (min-width: 768px) {
  body .md\:flex-1_5.md\:flex-1_5 {
    flex: 1.5 1 0%;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-1_5.lg\:flex-1_5 {
    flex: 1.5 1 0%;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-1_5.xl\:flex-1_5 {
    flex: 1.5 1 0%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-1_5.xxl\:flex-1_5 {
    flex: 1.5 1 0%;
  }
}
body .flex-auto {
  flex: 1 1 auto;
}
@media (min-width: 480px) {
  body .sm\:flex-auto.sm\:flex-auto {
    flex: 1 1 auto;
  }
}
@media (min-width: 768px) {
  body .md\:flex-auto.md\:flex-auto {
    flex: 1 1 auto;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-auto.lg\:flex-auto {
    flex: 1 1 auto;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-auto.xl\:flex-auto {
    flex: 1 1 auto;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-auto.xxl\:flex-auto {
    flex: 1 1 auto;
  }
}
body .flex-initial {
  flex: 0 1 auto;
}
@media (min-width: 480px) {
  body .sm\:flex-initial.sm\:flex-initial {
    flex: 0 1 auto;
  }
}
@media (min-width: 768px) {
  body .md\:flex-initial.md\:flex-initial {
    flex: 0 1 auto;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-initial.lg\:flex-initial {
    flex: 0 1 auto;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-initial.xl\:flex-initial {
    flex: 0 1 auto;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-initial.xxl\:flex-initial {
    flex: 0 1 auto;
  }
}
body .flex-none {
  flex: none;
}
@media (min-width: 480px) {
  body .sm\:flex-none.sm\:flex-none {
    flex: none;
  }
}
@media (min-width: 768px) {
  body .md\:flex-none.md\:flex-none {
    flex: none;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex-none.lg\:flex-none {
    flex: none;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex-none.xl\:flex-none {
    flex: none;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex-none.xxl\:flex-none {
    flex: none;
  }
}
body .justify-start {
  justify-content: flex-start;
}
@media (min-width: 480px) {
  body .sm\:justify-start.sm\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  body .md\:justify-start.md\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-start.lg\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-start.xl\:justify-start {
    justify-content: flex-start;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-start.xxl\:justify-start {
    justify-content: flex-start;
  }
}
body .justify-end {
  justify-content: flex-end;
}
@media (min-width: 480px) {
  body .sm\:justify-end.sm\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  body .md\:justify-end.md\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-end.lg\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-end.xl\:justify-end {
    justify-content: flex-end;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-end.xxl\:justify-end {
    justify-content: flex-end;
  }
}
body .justify-center {
  justify-content: center;
}
@media (min-width: 480px) {
  body .sm\:justify-center.sm\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  body .md\:justify-center.md\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-center.lg\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-center.xl\:justify-center {
    justify-content: center;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-center.xxl\:justify-center {
    justify-content: center;
  }
}
body .justify-between {
  justify-content: space-between;
}
@media (min-width: 480px) {
  body .sm\:justify-between.sm\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  body .md\:justify-between.md\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-between.lg\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-between.xl\:justify-between {
    justify-content: space-between;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-between.xxl\:justify-between {
    justify-content: space-between;
  }
}
body .justify-around {
  justify-content: space-around;
}
@media (min-width: 480px) {
  body .sm\:justify-around.sm\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 768px) {
  body .md\:justify-around.md\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-around.lg\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-around.xl\:justify-around {
    justify-content: space-around;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-around.xxl\:justify-around {
    justify-content: space-around;
  }
}
body .justify-stretch {
  justify-content: stretch;
}
@media (min-width: 480px) {
  body .sm\:justify-stretch.sm\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 768px) {
  body .md\:justify-stretch.md\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-stretch.lg\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-stretch.xl\:justify-stretch {
    justify-content: stretch;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-stretch.xxl\:justify-stretch {
    justify-content: stretch;
  }
}
body .items-start {
  align-items: flex-start;
}
@media (min-width: 480px) {
  body .sm\:items-start.sm\:items-start {
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  body .md\:items-start.md\:items-start {
    align-items: flex-start;
  }
}
@media (min-width: 1152px) {
  body .lg\:items-start.lg\:items-start {
    align-items: flex-start;
  }
}
@media (min-width: 1440px) {
  body .xl\:items-start.xl\:items-start {
    align-items: flex-start;
  }
}
@media (min-width: 1920px) {
  body .xxl\:items-start.xxl\:items-start {
    align-items: flex-start;
  }
}
body .items-end {
  align-items: flex-end;
}
@media (min-width: 480px) {
  body .sm\:items-end.sm\:items-end {
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  body .md\:items-end.md\:items-end {
    align-items: flex-end;
  }
}
@media (min-width: 1152px) {
  body .lg\:items-end.lg\:items-end {
    align-items: flex-end;
  }
}
@media (min-width: 1440px) {
  body .xl\:items-end.xl\:items-end {
    align-items: flex-end;
  }
}
@media (min-width: 1920px) {
  body .xxl\:items-end.xxl\:items-end {
    align-items: flex-end;
  }
}
body .items-center {
  align-items: center;
}
@media (min-width: 480px) {
  body .sm\:items-center.sm\:items-center {
    align-items: center;
  }
}
@media (min-width: 768px) {
  body .md\:items-center.md\:items-center {
    align-items: center;
  }
}
@media (min-width: 1152px) {
  body .lg\:items-center.lg\:items-center {
    align-items: center;
  }
}
@media (min-width: 1440px) {
  body .xl\:items-center.xl\:items-center {
    align-items: center;
  }
}
@media (min-width: 1920px) {
  body .xxl\:items-center.xxl\:items-center {
    align-items: center;
  }
}
body .items-stretch {
  align-items: stretch;
}
@media (min-width: 480px) {
  body .sm\:items-stretch.sm\:items-stretch {
    align-items: stretch;
  }
}
@media (min-width: 768px) {
  body .md\:items-stretch.md\:items-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1152px) {
  body .lg\:items-stretch.lg\:items-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1440px) {
  body .xl\:items-stretch.xl\:items-stretch {
    align-items: stretch;
  }
}
@media (min-width: 1920px) {
  body .xxl\:items-stretch.xxl\:items-stretch {
    align-items: stretch;
  }
}
body .justify-self-start {
  justify-self: flex-start;
}
@media (min-width: 480px) {
  body .sm\:justify-self-start.sm\:justify-self-start {
    justify-self: flex-start;
  }
}
@media (min-width: 768px) {
  body .md\:justify-self-start.md\:justify-self-start {
    justify-self: flex-start;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-self-start.lg\:justify-self-start {
    justify-self: flex-start;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-self-start.xl\:justify-self-start {
    justify-self: flex-start;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-self-start.xxl\:justify-self-start {
    justify-self: flex-start;
  }
}
body .justify-self-end {
  justify-self: flex-end;
}
@media (min-width: 480px) {
  body .sm\:justify-self-end.sm\:justify-self-end {
    justify-self: flex-end;
  }
}
@media (min-width: 768px) {
  body .md\:justify-self-end.md\:justify-self-end {
    justify-self: flex-end;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-self-end.lg\:justify-self-end {
    justify-self: flex-end;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-self-end.xl\:justify-self-end {
    justify-self: flex-end;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-self-end.xxl\:justify-self-end {
    justify-self: flex-end;
  }
}
body .justify-self-center {
  justify-self: center;
}
@media (min-width: 480px) {
  body .sm\:justify-self-center.sm\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 768px) {
  body .md\:justify-self-center.md\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-self-center.lg\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-self-center.xl\:justify-self-center {
    justify-self: center;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-self-center.xxl\:justify-self-center {
    justify-self: center;
  }
}
body .justify-self-between {
  justify-self: space-between;
}
@media (min-width: 480px) {
  body .sm\:justify-self-between.sm\:justify-self-between {
    justify-self: space-between;
  }
}
@media (min-width: 768px) {
  body .md\:justify-self-between.md\:justify-self-between {
    justify-self: space-between;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-self-between.lg\:justify-self-between {
    justify-self: space-between;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-self-between.xl\:justify-self-between {
    justify-self: space-between;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-self-between.xxl\:justify-self-between {
    justify-self: space-between;
  }
}
body .justify-self-around {
  justify-self: space-around;
}
@media (min-width: 480px) {
  body .sm\:justify-self-around.sm\:justify-self-around {
    justify-self: space-around;
  }
}
@media (min-width: 768px) {
  body .md\:justify-self-around.md\:justify-self-around {
    justify-self: space-around;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-self-around.lg\:justify-self-around {
    justify-self: space-around;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-self-around.xl\:justify-self-around {
    justify-self: space-around;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-self-around.xxl\:justify-self-around {
    justify-self: space-around;
  }
}
body .justify-self-stretch {
  justify-self: stretch;
}
@media (min-width: 480px) {
  body .sm\:justify-self-stretch.sm\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 768px) {
  body .md\:justify-self-stretch.md\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 1152px) {
  body .lg\:justify-self-stretch.lg\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 1440px) {
  body .xl\:justify-self-stretch.xl\:justify-self-stretch {
    justify-self: stretch;
  }
}
@media (min-width: 1920px) {
  body .xxl\:justify-self-stretch.xxl\:justify-self-stretch {
    justify-self: stretch;
  }
}
body .self-start {
  align-self: flex-start;
}
@media (min-width: 480px) {
  body .sm\:self-start.sm\:self-start {
    align-self: flex-start;
  }
}
@media (min-width: 768px) {
  body .md\:self-start.md\:self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1152px) {
  body .lg\:self-start.lg\:self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1440px) {
  body .xl\:self-start.xl\:self-start {
    align-self: flex-start;
  }
}
@media (min-width: 1920px) {
  body .xxl\:self-start.xxl\:self-start {
    align-self: flex-start;
  }
}
body .self-end {
  align-self: flex-end;
}
@media (min-width: 480px) {
  body .sm\:self-end.sm\:self-end {
    align-self: flex-end;
  }
}
@media (min-width: 768px) {
  body .md\:self-end.md\:self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1152px) {
  body .lg\:self-end.lg\:self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1440px) {
  body .xl\:self-end.xl\:self-end {
    align-self: flex-end;
  }
}
@media (min-width: 1920px) {
  body .xxl\:self-end.xxl\:self-end {
    align-self: flex-end;
  }
}
body .self-center {
  align-self: center;
}
@media (min-width: 480px) {
  body .sm\:self-center.sm\:self-center {
    align-self: center;
  }
}
@media (min-width: 768px) {
  body .md\:self-center.md\:self-center {
    align-self: center;
  }
}
@media (min-width: 1152px) {
  body .lg\:self-center.lg\:self-center {
    align-self: center;
  }
}
@media (min-width: 1440px) {
  body .xl\:self-center.xl\:self-center {
    align-self: center;
  }
}
@media (min-width: 1920px) {
  body .xxl\:self-center.xxl\:self-center {
    align-self: center;
  }
}
body .self-stretch {
  align-self: stretch;
}
@media (min-width: 480px) {
  body .sm\:self-stretch.sm\:self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  body .md\:self-stretch.md\:self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1152px) {
  body .lg\:self-stretch.lg\:self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1440px) {
  body .xl\:self-stretch.xl\:self-stretch {
    align-self: stretch;
  }
}
@media (min-width: 1920px) {
  body .xxl\:self-stretch.xxl\:self-stretch {
    align-self: stretch;
  }
}

body .block {
  display: block;
}
@media (min-width: 480px) {
  body .sm\:block.sm\:block {
    display: block;
  }
}
@media (min-width: 768px) {
  body .md\:block.md\:block {
    display: block;
  }
}
@media (min-width: 1152px) {
  body .lg\:block.lg\:block {
    display: block;
  }
}
@media (min-width: 1440px) {
  body .xl\:block.xl\:block {
    display: block;
  }
}
@media (min-width: 1920px) {
  body .xxl\:block.xxl\:block {
    display: block;
  }
}
body .inline-block {
  display: inline-block;
}
@media (min-width: 480px) {
  body .sm\:inline-block.sm\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  body .md\:inline-block.md\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 1152px) {
  body .lg\:inline-block.lg\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 1440px) {
  body .xl\:inline-block.xl\:inline-block {
    display: inline-block;
  }
}
@media (min-width: 1920px) {
  body .xxl\:inline-block.xxl\:inline-block {
    display: inline-block;
  }
}
body .inline {
  display: inline;
}
@media (min-width: 480px) {
  body .sm\:inline.sm\:inline {
    display: inline;
  }
}
@media (min-width: 768px) {
  body .md\:inline.md\:inline {
    display: inline;
  }
}
@media (min-width: 1152px) {
  body .lg\:inline.lg\:inline {
    display: inline;
  }
}
@media (min-width: 1440px) {
  body .xl\:inline.xl\:inline {
    display: inline;
  }
}
@media (min-width: 1920px) {
  body .xxl\:inline.xxl\:inline {
    display: inline;
  }
}
body .flex {
  display: flex;
}
@media (min-width: 480px) {
  body .sm\:flex.sm\:flex {
    display: flex;
  }
}
@media (min-width: 768px) {
  body .md\:flex.md\:flex {
    display: flex;
  }
}
@media (min-width: 1152px) {
  body .lg\:flex.lg\:flex {
    display: flex;
  }
}
@media (min-width: 1440px) {
  body .xl\:flex.xl\:flex {
    display: flex;
  }
}
@media (min-width: 1920px) {
  body .xxl\:flex.xxl\:flex {
    display: flex;
  }
}
body .inline-flex {
  display: inline-flex;
}
@media (min-width: 480px) {
  body .sm\:inline-flex.sm\:inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  body .md\:inline-flex.md\:inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1152px) {
  body .lg\:inline-flex.lg\:inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1440px) {
  body .xl\:inline-flex.xl\:inline-flex {
    display: inline-flex;
  }
}
@media (min-width: 1920px) {
  body .xxl\:inline-flex.xxl\:inline-flex {
    display: inline-flex;
  }
}
body .grid {
  display: grid;
}
@media (min-width: 480px) {
  body .sm\:grid.sm\:grid {
    display: grid;
  }
}
@media (min-width: 768px) {
  body .md\:grid.md\:grid {
    display: grid;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid.lg\:grid {
    display: grid;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid.xl\:grid {
    display: grid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid.xxl\:grid {
    display: grid;
  }
}
body .hidden {
  display: none;
}
@media (min-width: 480px) {
  body .sm\:hidden.sm\:hidden {
    display: none;
  }
}
@media (min-width: 768px) {
  body .md\:hidden.md\:hidden {
    display: none;
  }
}
@media (min-width: 1152px) {
  body .lg\:hidden.lg\:hidden {
    display: none;
  }
}
@media (min-width: 1440px) {
  body .xl\:hidden.xl\:hidden {
    display: none;
  }
}
@media (min-width: 1920px) {
  body .xxl\:hidden.xxl\:hidden {
    display: none;
  }
}
body .overflow-auto {
  overflow: auto;
}
body .overflow-x-auto {
  overflow-x: auto;
}
body .overflow-y-auto {
  overflow-y: auto;
}
body .overflow-hidden {
  overflow: hidden;
}
body .overflow-x-hidden {
  overflow-x: hidden;
}
body .overflow-y-hidden {
  overflow-y: hidden;
}
body .overflow-visible {
  overflow: visible;
}
body .overflow-x-visible {
  overflow-x: visible;
}
body .overflow-y-visible {
  overflow-y: visible;
}
body .overflow-scroll {
  overflow: scroll;
}
body .overflow-x-scroll {
  overflow-x: scroll;
}
body .overflow-y-scroll {
  overflow-y: scroll;
}
body .thin-scrollbar {
  /* FIREFOX */
  scrollbar-width: thin;
}
body .thin-scrollbar::-webkit-scrollbar {
  border-radius: 4px;
  height: 4px;
  width: 4px;
}
body .thin-scrollbar::-webkit-scrollbar-thumb {
  background: #e8eaf0;
  border-radius: 10px;
}
body .thin-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #d8dce6;
}

body .w-0 {
  width: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:w-0.sm\:w-0 {
    width: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-0.md\:w-0 {
    width: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-0.lg\:w-0 {
    width: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-0.xl\:w-0 {
    width: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-0.xxl\:w-0 {
    width: 0 !important;
  }
}
body .min-w-0 {
  min-width: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-0.sm\:min-w-0 {
    min-width: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-0.md\:min-w-0 {
    min-width: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-0.lg\:min-w-0 {
    min-width: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-0.xl\:min-w-0 {
    min-width: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-0.xxl\:min-w-0 {
    min-width: 0 !important;
  }
}
body .max-w-0 {
  max-width: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-0.sm\:max-w-0 {
    max-width: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-0.md\:max-w-0 {
    max-width: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-0.lg\:max-w-0 {
    max-width: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-0.xl\:max-w-0 {
    max-width: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-0.xxl\:max-w-0 {
    max-width: 0 !important;
  }
}
body .h-0 {
  height: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:h-0.sm\:h-0 {
    height: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-0.md\:h-0 {
    height: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-0.lg\:h-0 {
    height: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-0.xl\:h-0 {
    height: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-0.xxl\:h-0 {
    height: 0 !important;
  }
}
body .min-h-0 {
  min-height: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-0.sm\:min-h-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-0.md\:min-h-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-0.lg\:min-h-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-0.xl\:min-h-0 {
    min-height: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-0.xxl\:min-h-0 {
    min-height: 0 !important;
  }
}
body .max-h-0 {
  max-height: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-0.sm\:max-h-0 {
    max-height: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-0.md\:max-h-0 {
    max-height: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-0.lg\:max-h-0 {
    max-height: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-0.xl\:max-h-0 {
    max-height: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-0.xxl\:max-h-0 {
    max-height: 0 !important;
  }
}
body .w-full {
  width: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:w-full.sm\:w-full {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-full.md\:w-full {
    width: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-full.lg\:w-full {
    width: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-full.xl\:w-full {
    width: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-full.xxl\:w-full {
    width: 100% !important;
  }
}
body .min-w-full {
  min-width: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-full.sm\:min-w-full {
    min-width: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-full.md\:min-w-full {
    min-width: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-full.lg\:min-w-full {
    min-width: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-full.xl\:min-w-full {
    min-width: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-full.xxl\:min-w-full {
    min-width: 100% !important;
  }
}
body .max-w-full {
  max-width: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-full.sm\:max-w-full {
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-full.md\:max-w-full {
    max-width: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-full.lg\:max-w-full {
    max-width: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-full.xl\:max-w-full {
    max-width: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-full.xxl\:max-w-full {
    max-width: 100% !important;
  }
}
body .h-full {
  height: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:h-full.sm\:h-full {
    height: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-full.md\:h-full {
    height: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-full.lg\:h-full {
    height: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-full.xl\:h-full {
    height: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-full.xxl\:h-full {
    height: 100% !important;
  }
}
body .min-h-full {
  min-height: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-full.sm\:min-h-full {
    min-height: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-full.md\:min-h-full {
    min-height: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-full.lg\:min-h-full {
    min-height: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-full.xl\:min-h-full {
    min-height: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-full.xxl\:min-h-full {
    min-height: 100% !important;
  }
}
body .max-h-full {
  max-height: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-full.sm\:max-h-full {
    max-height: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-full.md\:max-h-full {
    max-height: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-full.lg\:max-h-full {
    max-height: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-full.xl\:max-h-full {
    max-height: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-full.xxl\:max-h-full {
    max-height: 100% !important;
  }
}
body .w-half {
  width: 50% !important;
}
@media (min-width: 480px) {
  body .sm\:w-half.sm\:w-half {
    width: 50% !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-half.md\:w-half {
    width: 50% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-half.lg\:w-half {
    width: 50% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-half.xl\:w-half {
    width: 50% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-half.xxl\:w-half {
    width: 50% !important;
  }
}
body .min-w-half {
  min-width: 50% !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-half.sm\:min-w-half {
    min-width: 50% !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-half.md\:min-w-half {
    min-width: 50% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-half.lg\:min-w-half {
    min-width: 50% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-half.xl\:min-w-half {
    min-width: 50% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-half.xxl\:min-w-half {
    min-width: 50% !important;
  }
}
body .max-w-half {
  max-width: 50% !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-half.sm\:max-w-half {
    max-width: 50% !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-half.md\:max-w-half {
    max-width: 50% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-half.lg\:max-w-half {
    max-width: 50% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-half.xl\:max-w-half {
    max-width: 50% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-half.xxl\:max-w-half {
    max-width: 50% !important;
  }
}
body .h-half {
  height: 50% !important;
}
@media (min-width: 480px) {
  body .sm\:h-half.sm\:h-half {
    height: 50% !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-half.md\:h-half {
    height: 50% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-half.lg\:h-half {
    height: 50% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-half.xl\:h-half {
    height: 50% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-half.xxl\:h-half {
    height: 50% !important;
  }
}
body .min-h-half {
  min-height: 50% !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-half.sm\:min-h-half {
    min-height: 50% !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-half.md\:min-h-half {
    min-height: 50% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-half.lg\:min-h-half {
    min-height: 50% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-half.xl\:min-h-half {
    min-height: 50% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-half.xxl\:min-h-half {
    min-height: 50% !important;
  }
}
body .max-h-half {
  max-height: 50% !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-half.sm\:max-h-half {
    max-height: 50% !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-half.md\:max-h-half {
    max-height: 50% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-half.lg\:max-h-half {
    max-height: 50% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-half.xl\:max-h-half {
    max-height: 50% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-half.xxl\:max-h-half {
    max-height: 50% !important;
  }
}
body .w-third {
  width: 33.33% !important;
}
@media (min-width: 480px) {
  body .sm\:w-third.sm\:w-third {
    width: 33.33% !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-third.md\:w-third {
    width: 33.33% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-third.lg\:w-third {
    width: 33.33% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-third.xl\:w-third {
    width: 33.33% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-third.xxl\:w-third {
    width: 33.33% !important;
  }
}
body .min-w-third {
  min-width: 33.33% !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-third.sm\:min-w-third {
    min-width: 33.33% !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-third.md\:min-w-third {
    min-width: 33.33% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-third.lg\:min-w-third {
    min-width: 33.33% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-third.xl\:min-w-third {
    min-width: 33.33% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-third.xxl\:min-w-third {
    min-width: 33.33% !important;
  }
}
body .max-w-third {
  max-width: 33.33% !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-third.sm\:max-w-third {
    max-width: 33.33% !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-third.md\:max-w-third {
    max-width: 33.33% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-third.lg\:max-w-third {
    max-width: 33.33% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-third.xl\:max-w-third {
    max-width: 33.33% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-third.xxl\:max-w-third {
    max-width: 33.33% !important;
  }
}
body .h-third {
  height: 33.33% !important;
}
@media (min-width: 480px) {
  body .sm\:h-third.sm\:h-third {
    height: 33.33% !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-third.md\:h-third {
    height: 33.33% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-third.lg\:h-third {
    height: 33.33% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-third.xl\:h-third {
    height: 33.33% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-third.xxl\:h-third {
    height: 33.33% !important;
  }
}
body .min-h-third {
  min-height: 33.33% !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-third.sm\:min-h-third {
    min-height: 33.33% !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-third.md\:min-h-third {
    min-height: 33.33% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-third.lg\:min-h-third {
    min-height: 33.33% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-third.xl\:min-h-third {
    min-height: 33.33% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-third.xxl\:min-h-third {
    min-height: 33.33% !important;
  }
}
body .max-h-third {
  max-height: 33.33% !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-third.sm\:max-h-third {
    max-height: 33.33% !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-third.md\:max-h-third {
    max-height: 33.33% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-third.lg\:max-h-third {
    max-height: 33.33% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-third.xl\:max-h-third {
    max-height: 33.33% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-third.xxl\:max-h-third {
    max-height: 33.33% !important;
  }
}
body .w-stretch {
  width: stretch !important;
}
@media (min-width: 480px) {
  body .sm\:w-stretch.sm\:w-stretch {
    width: stretch !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-stretch.md\:w-stretch {
    width: stretch !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-stretch.lg\:w-stretch {
    width: stretch !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-stretch.xl\:w-stretch {
    width: stretch !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-stretch.xxl\:w-stretch {
    width: stretch !important;
  }
}
body .min-w-stretch {
  min-width: stretch !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-stretch.sm\:min-w-stretch {
    min-width: stretch !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-stretch.md\:min-w-stretch {
    min-width: stretch !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-stretch.lg\:min-w-stretch {
    min-width: stretch !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-stretch.xl\:min-w-stretch {
    min-width: stretch !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-stretch.xxl\:min-w-stretch {
    min-width: stretch !important;
  }
}
body .max-w-stretch {
  max-width: stretch !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-stretch.sm\:max-w-stretch {
    max-width: stretch !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-stretch.md\:max-w-stretch {
    max-width: stretch !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-stretch.lg\:max-w-stretch {
    max-width: stretch !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-stretch.xl\:max-w-stretch {
    max-width: stretch !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-stretch.xxl\:max-w-stretch {
    max-width: stretch !important;
  }
}
body .h-stretch {
  height: stretch !important;
}
@media (min-width: 480px) {
  body .sm\:h-stretch.sm\:h-stretch {
    height: stretch !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-stretch.md\:h-stretch {
    height: stretch !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-stretch.lg\:h-stretch {
    height: stretch !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-stretch.xl\:h-stretch {
    height: stretch !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-stretch.xxl\:h-stretch {
    height: stretch !important;
  }
}
body .min-h-stretch {
  min-height: stretch !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-stretch.sm\:min-h-stretch {
    min-height: stretch !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-stretch.md\:min-h-stretch {
    min-height: stretch !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-stretch.lg\:min-h-stretch {
    min-height: stretch !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-stretch.xl\:min-h-stretch {
    min-height: stretch !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-stretch.xxl\:min-h-stretch {
    min-height: stretch !important;
  }
}
body .max-h-stretch {
  max-height: stretch !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-stretch.sm\:max-h-stretch {
    max-height: stretch !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-stretch.md\:max-h-stretch {
    max-height: stretch !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-stretch.lg\:max-h-stretch {
    max-height: stretch !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-stretch.xl\:max-h-stretch {
    max-height: stretch !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-stretch.xxl\:max-h-stretch {
    max-height: stretch !important;
  }
}
body .w-vw {
  width: 100vw !important;
}
@media (min-width: 480px) {
  body .sm\:w-vw.sm\:w-vw {
    width: 100vw !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-vw.md\:w-vw {
    width: 100vw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-vw.lg\:w-vw {
    width: 100vw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-vw.xl\:w-vw {
    width: 100vw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-vw.xxl\:w-vw {
    width: 100vw !important;
  }
}
body .min-w-vw {
  min-width: 100vw !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-vw.sm\:min-w-vw {
    min-width: 100vw !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-vw.md\:min-w-vw {
    min-width: 100vw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-vw.lg\:min-w-vw {
    min-width: 100vw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-vw.xl\:min-w-vw {
    min-width: 100vw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-vw.xxl\:min-w-vw {
    min-width: 100vw !important;
  }
}
body .max-w-vw {
  max-width: 100vw !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-vw.sm\:max-w-vw {
    max-width: 100vw !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-vw.md\:max-w-vw {
    max-width: 100vw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-vw.lg\:max-w-vw {
    max-width: 100vw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-vw.xl\:max-w-vw {
    max-width: 100vw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-vw.xxl\:max-w-vw {
    max-width: 100vw !important;
  }
}
body .h-vw {
  height: 100vw !important;
}
@media (min-width: 480px) {
  body .sm\:h-vw.sm\:h-vw {
    height: 100vw !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-vw.md\:h-vw {
    height: 100vw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-vw.lg\:h-vw {
    height: 100vw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-vw.xl\:h-vw {
    height: 100vw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-vw.xxl\:h-vw {
    height: 100vw !important;
  }
}
body .min-h-vw {
  min-height: 100vw !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-vw.sm\:min-h-vw {
    min-height: 100vw !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-vw.md\:min-h-vw {
    min-height: 100vw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-vw.lg\:min-h-vw {
    min-height: 100vw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-vw.xl\:min-h-vw {
    min-height: 100vw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-vw.xxl\:min-h-vw {
    min-height: 100vw !important;
  }
}
body .max-h-vw {
  max-height: 100vw !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-vw.sm\:max-h-vw {
    max-height: 100vw !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-vw.md\:max-h-vw {
    max-height: 100vw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-vw.lg\:max-h-vw {
    max-height: 100vw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-vw.xl\:max-h-vw {
    max-height: 100vw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-vw.xxl\:max-h-vw {
    max-height: 100vw !important;
  }
}
body .w-dvw {
  width: 100dvw !important;
}
@media (min-width: 480px) {
  body .sm\:w-dvw.sm\:w-dvw {
    width: 100dvw !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-dvw.md\:w-dvw {
    width: 100dvw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-dvw.lg\:w-dvw {
    width: 100dvw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-dvw.xl\:w-dvw {
    width: 100dvw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-dvw.xxl\:w-dvw {
    width: 100dvw !important;
  }
}
body .min-w-dvw {
  min-width: 100dvw !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-dvw.sm\:min-w-dvw {
    min-width: 100dvw !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-dvw.md\:min-w-dvw {
    min-width: 100dvw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-dvw.lg\:min-w-dvw {
    min-width: 100dvw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-dvw.xl\:min-w-dvw {
    min-width: 100dvw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-dvw.xxl\:min-w-dvw {
    min-width: 100dvw !important;
  }
}
body .max-w-dvw {
  max-width: 100dvw !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-dvw.sm\:max-w-dvw {
    max-width: 100dvw !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-dvw.md\:max-w-dvw {
    max-width: 100dvw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-dvw.lg\:max-w-dvw {
    max-width: 100dvw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-dvw.xl\:max-w-dvw {
    max-width: 100dvw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-dvw.xxl\:max-w-dvw {
    max-width: 100dvw !important;
  }
}
body .h-dvw {
  height: 100dvw !important;
}
@media (min-width: 480px) {
  body .sm\:h-dvw.sm\:h-dvw {
    height: 100dvw !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-dvw.md\:h-dvw {
    height: 100dvw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-dvw.lg\:h-dvw {
    height: 100dvw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-dvw.xl\:h-dvw {
    height: 100dvw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-dvw.xxl\:h-dvw {
    height: 100dvw !important;
  }
}
body .min-h-dvw {
  min-height: 100dvw !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-dvw.sm\:min-h-dvw {
    min-height: 100dvw !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-dvw.md\:min-h-dvw {
    min-height: 100dvw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-dvw.lg\:min-h-dvw {
    min-height: 100dvw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-dvw.xl\:min-h-dvw {
    min-height: 100dvw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-dvw.xxl\:min-h-dvw {
    min-height: 100dvw !important;
  }
}
body .max-h-dvw {
  max-height: 100dvw !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-dvw.sm\:max-h-dvw {
    max-height: 100dvw !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-dvw.md\:max-h-dvw {
    max-height: 100dvw !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-dvw.lg\:max-h-dvw {
    max-height: 100dvw !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-dvw.xl\:max-h-dvw {
    max-height: 100dvw !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-dvw.xxl\:max-h-dvw {
    max-height: 100dvw !important;
  }
}
body .w-vh {
  width: 100vh !important;
}
@media (min-width: 480px) {
  body .sm\:w-vh.sm\:w-vh {
    width: 100vh !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-vh.md\:w-vh {
    width: 100vh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-vh.lg\:w-vh {
    width: 100vh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-vh.xl\:w-vh {
    width: 100vh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-vh.xxl\:w-vh {
    width: 100vh !important;
  }
}
body .min-w-vh {
  min-width: 100vh !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-vh.sm\:min-w-vh {
    min-width: 100vh !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-vh.md\:min-w-vh {
    min-width: 100vh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-vh.lg\:min-w-vh {
    min-width: 100vh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-vh.xl\:min-w-vh {
    min-width: 100vh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-vh.xxl\:min-w-vh {
    min-width: 100vh !important;
  }
}
body .max-w-vh {
  max-width: 100vh !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-vh.sm\:max-w-vh {
    max-width: 100vh !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-vh.md\:max-w-vh {
    max-width: 100vh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-vh.lg\:max-w-vh {
    max-width: 100vh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-vh.xl\:max-w-vh {
    max-width: 100vh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-vh.xxl\:max-w-vh {
    max-width: 100vh !important;
  }
}
body .h-vh {
  height: 100vh !important;
}
@media (min-width: 480px) {
  body .sm\:h-vh.sm\:h-vh {
    height: 100vh !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-vh.md\:h-vh {
    height: 100vh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-vh.lg\:h-vh {
    height: 100vh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-vh.xl\:h-vh {
    height: 100vh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-vh.xxl\:h-vh {
    height: 100vh !important;
  }
}
body .min-h-vh {
  min-height: 100vh !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-vh.sm\:min-h-vh {
    min-height: 100vh !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-vh.md\:min-h-vh {
    min-height: 100vh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-vh.lg\:min-h-vh {
    min-height: 100vh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-vh.xl\:min-h-vh {
    min-height: 100vh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-vh.xxl\:min-h-vh {
    min-height: 100vh !important;
  }
}
body .max-h-vh {
  max-height: 100vh !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-vh.sm\:max-h-vh {
    max-height: 100vh !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-vh.md\:max-h-vh {
    max-height: 100vh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-vh.lg\:max-h-vh {
    max-height: 100vh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-vh.xl\:max-h-vh {
    max-height: 100vh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-vh.xxl\:max-h-vh {
    max-height: 100vh !important;
  }
}
body .w-dvh {
  width: 100dvh !important;
}
@media (min-width: 480px) {
  body .sm\:w-dvh.sm\:w-dvh {
    width: 100dvh !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-dvh.md\:w-dvh {
    width: 100dvh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-dvh.lg\:w-dvh {
    width: 100dvh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-dvh.xl\:w-dvh {
    width: 100dvh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-dvh.xxl\:w-dvh {
    width: 100dvh !important;
  }
}
body .min-w-dvh {
  min-width: 100dvh !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-dvh.sm\:min-w-dvh {
    min-width: 100dvh !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-dvh.md\:min-w-dvh {
    min-width: 100dvh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-dvh.lg\:min-w-dvh {
    min-width: 100dvh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-dvh.xl\:min-w-dvh {
    min-width: 100dvh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-dvh.xxl\:min-w-dvh {
    min-width: 100dvh !important;
  }
}
body .max-w-dvh {
  max-width: 100dvh !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-dvh.sm\:max-w-dvh {
    max-width: 100dvh !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-dvh.md\:max-w-dvh {
    max-width: 100dvh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-dvh.lg\:max-w-dvh {
    max-width: 100dvh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-dvh.xl\:max-w-dvh {
    max-width: 100dvh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-dvh.xxl\:max-w-dvh {
    max-width: 100dvh !important;
  }
}
body .h-dvh {
  height: 100dvh !important;
}
@media (min-width: 480px) {
  body .sm\:h-dvh.sm\:h-dvh {
    height: 100dvh !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-dvh.md\:h-dvh {
    height: 100dvh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-dvh.lg\:h-dvh {
    height: 100dvh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-dvh.xl\:h-dvh {
    height: 100dvh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-dvh.xxl\:h-dvh {
    height: 100dvh !important;
  }
}
body .min-h-dvh {
  min-height: 100dvh !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-dvh.sm\:min-h-dvh {
    min-height: 100dvh !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-dvh.md\:min-h-dvh {
    min-height: 100dvh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-dvh.lg\:min-h-dvh {
    min-height: 100dvh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-dvh.xl\:min-h-dvh {
    min-height: 100dvh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-dvh.xxl\:min-h-dvh {
    min-height: 100dvh !important;
  }
}
body .max-h-dvh {
  max-height: 100dvh !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-dvh.sm\:max-h-dvh {
    max-height: 100dvh !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-dvh.md\:max-h-dvh {
    max-height: 100dvh !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-dvh.lg\:max-h-dvh {
    max-height: 100dvh !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-dvh.xl\:max-h-dvh {
    max-height: 100dvh !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-dvh.xxl\:max-h-dvh {
    max-height: 100dvh !important;
  }
}
body .w-auto {
  width: auto !important;
}
@media (min-width: 480px) {
  body .sm\:w-auto.sm\:w-auto {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-auto.md\:w-auto {
    width: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-auto.lg\:w-auto {
    width: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-auto.xl\:w-auto {
    width: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-auto.xxl\:w-auto {
    width: auto !important;
  }
}
body .min-w-auto {
  min-width: auto !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-auto.sm\:min-w-auto {
    min-width: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-auto.md\:min-w-auto {
    min-width: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-auto.lg\:min-w-auto {
    min-width: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-auto.xl\:min-w-auto {
    min-width: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-auto.xxl\:min-w-auto {
    min-width: auto !important;
  }
}
body .max-w-auto {
  max-width: auto !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-auto.sm\:max-w-auto {
    max-width: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-auto.md\:max-w-auto {
    max-width: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-auto.lg\:max-w-auto {
    max-width: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-auto.xl\:max-w-auto {
    max-width: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-auto.xxl\:max-w-auto {
    max-width: auto !important;
  }
}
body .h-auto {
  height: auto !important;
}
@media (min-width: 480px) {
  body .sm\:h-auto.sm\:h-auto {
    height: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-auto.md\:h-auto {
    height: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-auto.lg\:h-auto {
    height: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-auto.xl\:h-auto {
    height: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-auto.xxl\:h-auto {
    height: auto !important;
  }
}
body .min-h-auto {
  min-height: auto !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-auto.sm\:min-h-auto {
    min-height: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-auto.md\:min-h-auto {
    min-height: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-auto.lg\:min-h-auto {
    min-height: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-auto.xl\:min-h-auto {
    min-height: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-auto.xxl\:min-h-auto {
    min-height: auto !important;
  }
}
body .max-h-auto {
  max-height: auto !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-auto.sm\:max-h-auto {
    max-height: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-auto.md\:max-h-auto {
    max-height: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-auto.lg\:max-h-auto {
    max-height: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-auto.xl\:max-h-auto {
    max-height: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-auto.xxl\:max-h-auto {
    max-height: auto !important;
  }
}
body .w-min {
  width: min-content !important;
}
@media (min-width: 480px) {
  body .sm\:w-min.sm\:w-min {
    width: min-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-min.md\:w-min {
    width: min-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-min.lg\:w-min {
    width: min-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-min.xl\:w-min {
    width: min-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-min.xxl\:w-min {
    width: min-content !important;
  }
}
body .min-w-min {
  min-width: min-content !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-min.sm\:min-w-min {
    min-width: min-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-min.md\:min-w-min {
    min-width: min-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-min.lg\:min-w-min {
    min-width: min-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-min.xl\:min-w-min {
    min-width: min-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-min.xxl\:min-w-min {
    min-width: min-content !important;
  }
}
body .max-w-min {
  max-width: min-content !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-min.sm\:max-w-min {
    max-width: min-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-min.md\:max-w-min {
    max-width: min-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-min.lg\:max-w-min {
    max-width: min-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-min.xl\:max-w-min {
    max-width: min-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-min.xxl\:max-w-min {
    max-width: min-content !important;
  }
}
body .h-min {
  height: min-content !important;
}
@media (min-width: 480px) {
  body .sm\:h-min.sm\:h-min {
    height: min-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-min.md\:h-min {
    height: min-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-min.lg\:h-min {
    height: min-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-min.xl\:h-min {
    height: min-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-min.xxl\:h-min {
    height: min-content !important;
  }
}
body .min-h-min {
  min-height: min-content !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-min.sm\:min-h-min {
    min-height: min-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-min.md\:min-h-min {
    min-height: min-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-min.lg\:min-h-min {
    min-height: min-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-min.xl\:min-h-min {
    min-height: min-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-min.xxl\:min-h-min {
    min-height: min-content !important;
  }
}
body .max-h-min {
  max-height: min-content !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-min.sm\:max-h-min {
    max-height: min-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-min.md\:max-h-min {
    max-height: min-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-min.lg\:max-h-min {
    max-height: min-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-min.xl\:max-h-min {
    max-height: min-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-min.xxl\:max-h-min {
    max-height: min-content !important;
  }
}
body .w-max {
  width: max-content !important;
}
@media (min-width: 480px) {
  body .sm\:w-max.sm\:w-max {
    width: max-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-max.md\:w-max {
    width: max-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-max.lg\:w-max {
    width: max-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-max.xl\:w-max {
    width: max-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-max.xxl\:w-max {
    width: max-content !important;
  }
}
body .min-w-max {
  min-width: max-content !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-max.sm\:min-w-max {
    min-width: max-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-max.md\:min-w-max {
    min-width: max-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-max.lg\:min-w-max {
    min-width: max-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-max.xl\:min-w-max {
    min-width: max-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-max.xxl\:min-w-max {
    min-width: max-content !important;
  }
}
body .max-w-max {
  max-width: max-content !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-max.sm\:max-w-max {
    max-width: max-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-max.md\:max-w-max {
    max-width: max-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-max.lg\:max-w-max {
    max-width: max-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-max.xl\:max-w-max {
    max-width: max-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-max.xxl\:max-w-max {
    max-width: max-content !important;
  }
}
body .h-max {
  height: max-content !important;
}
@media (min-width: 480px) {
  body .sm\:h-max.sm\:h-max {
    height: max-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-max.md\:h-max {
    height: max-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-max.lg\:h-max {
    height: max-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-max.xl\:h-max {
    height: max-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-max.xxl\:h-max {
    height: max-content !important;
  }
}
body .min-h-max {
  min-height: max-content !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-max.sm\:min-h-max {
    min-height: max-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-max.md\:min-h-max {
    min-height: max-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-max.lg\:min-h-max {
    min-height: max-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-max.xl\:min-h-max {
    min-height: max-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-max.xxl\:min-h-max {
    min-height: max-content !important;
  }
}
body .max-h-max {
  max-height: max-content !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-max.sm\:max-h-max {
    max-height: max-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-max.md\:max-h-max {
    max-height: max-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-max.lg\:max-h-max {
    max-height: max-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-max.xl\:max-h-max {
    max-height: max-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-max.xxl\:max-h-max {
    max-height: max-content !important;
  }
}
body .w-fit {
  width: fit-content !important;
}
@media (min-width: 480px) {
  body .sm\:w-fit.sm\:w-fit {
    width: fit-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-fit.md\:w-fit {
    width: fit-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-fit.lg\:w-fit {
    width: fit-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-fit.xl\:w-fit {
    width: fit-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-fit.xxl\:w-fit {
    width: fit-content !important;
  }
}
body .min-w-fit {
  min-width: fit-content !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-fit.sm\:min-w-fit {
    min-width: fit-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-fit.md\:min-w-fit {
    min-width: fit-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-fit.lg\:min-w-fit {
    min-width: fit-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-fit.xl\:min-w-fit {
    min-width: fit-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-fit.xxl\:min-w-fit {
    min-width: fit-content !important;
  }
}
body .max-w-fit {
  max-width: fit-content !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-fit.sm\:max-w-fit {
    max-width: fit-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-fit.md\:max-w-fit {
    max-width: fit-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-fit.lg\:max-w-fit {
    max-width: fit-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-fit.xl\:max-w-fit {
    max-width: fit-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-fit.xxl\:max-w-fit {
    max-width: fit-content !important;
  }
}
body .h-fit {
  height: fit-content !important;
}
@media (min-width: 480px) {
  body .sm\:h-fit.sm\:h-fit {
    height: fit-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-fit.md\:h-fit {
    height: fit-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-fit.lg\:h-fit {
    height: fit-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-fit.xl\:h-fit {
    height: fit-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-fit.xxl\:h-fit {
    height: fit-content !important;
  }
}
body .min-h-fit {
  min-height: fit-content !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-fit.sm\:min-h-fit {
    min-height: fit-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-fit.md\:min-h-fit {
    min-height: fit-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-fit.lg\:min-h-fit {
    min-height: fit-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-fit.xl\:min-h-fit {
    min-height: fit-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-fit.xxl\:min-h-fit {
    min-height: fit-content !important;
  }
}
body .max-h-fit {
  max-height: fit-content !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-fit.sm\:max-h-fit {
    max-height: fit-content !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-fit.md\:max-h-fit {
    max-height: fit-content !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-fit.lg\:max-h-fit {
    max-height: fit-content !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-fit.xl\:max-h-fit {
    max-height: fit-content !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-fit.xxl\:max-h-fit {
    max-height: fit-content !important;
  }
}
body .w-1 {
  width: 1px !important;
}
@media (min-width: 480px) {
  body .sm\:w-1.sm\:w-1 {
    width: 1px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-1.md\:w-1 {
    width: 1px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-1.lg\:w-1 {
    width: 1px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-1.xl\:w-1 {
    width: 1px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-1.xxl\:w-1 {
    width: 1px !important;
  }
}
body .min-w-1 {
  min-width: 1px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-1.sm\:min-w-1 {
    min-width: 1px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-1.md\:min-w-1 {
    min-width: 1px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-1.lg\:min-w-1 {
    min-width: 1px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-1.xl\:min-w-1 {
    min-width: 1px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-1.xxl\:min-w-1 {
    min-width: 1px !important;
  }
}
body .max-w-1 {
  max-width: 1px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-1.sm\:max-w-1 {
    max-width: 1px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-1.md\:max-w-1 {
    max-width: 1px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-1.lg\:max-w-1 {
    max-width: 1px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-1.xl\:max-w-1 {
    max-width: 1px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-1.xxl\:max-w-1 {
    max-width: 1px !important;
  }
}
body .h-1 {
  height: 1px !important;
}
@media (min-width: 480px) {
  body .sm\:h-1.sm\:h-1 {
    height: 1px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-1.md\:h-1 {
    height: 1px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-1.lg\:h-1 {
    height: 1px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-1.xl\:h-1 {
    height: 1px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-1.xxl\:h-1 {
    height: 1px !important;
  }
}
body .min-h-1 {
  min-height: 1px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-1.sm\:min-h-1 {
    min-height: 1px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-1.md\:min-h-1 {
    min-height: 1px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-1.lg\:min-h-1 {
    min-height: 1px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-1.xl\:min-h-1 {
    min-height: 1px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-1.xxl\:min-h-1 {
    min-height: 1px !important;
  }
}
body .max-h-1 {
  max-height: 1px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-1.sm\:max-h-1 {
    max-height: 1px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-1.md\:max-h-1 {
    max-height: 1px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-1.lg\:max-h-1 {
    max-height: 1px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-1.xl\:max-h-1 {
    max-height: 1px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-1.xxl\:max-h-1 {
    max-height: 1px !important;
  }
}
body .w-2 {
  width: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:w-2.sm\:w-2 {
    width: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-2.md\:w-2 {
    width: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-2.lg\:w-2 {
    width: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-2.xl\:w-2 {
    width: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-2.xxl\:w-2 {
    width: 2px !important;
  }
}
body .min-w-2 {
  min-width: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-2.sm\:min-w-2 {
    min-width: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-2.md\:min-w-2 {
    min-width: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-2.lg\:min-w-2 {
    min-width: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-2.xl\:min-w-2 {
    min-width: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-2.xxl\:min-w-2 {
    min-width: 2px !important;
  }
}
body .max-w-2 {
  max-width: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-2.sm\:max-w-2 {
    max-width: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-2.md\:max-w-2 {
    max-width: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-2.lg\:max-w-2 {
    max-width: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-2.xl\:max-w-2 {
    max-width: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-2.xxl\:max-w-2 {
    max-width: 2px !important;
  }
}
body .h-2 {
  height: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:h-2.sm\:h-2 {
    height: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-2.md\:h-2 {
    height: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-2.lg\:h-2 {
    height: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-2.xl\:h-2 {
    height: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-2.xxl\:h-2 {
    height: 2px !important;
  }
}
body .min-h-2 {
  min-height: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-2.sm\:min-h-2 {
    min-height: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-2.md\:min-h-2 {
    min-height: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-2.lg\:min-h-2 {
    min-height: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-2.xl\:min-h-2 {
    min-height: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-2.xxl\:min-h-2 {
    min-height: 2px !important;
  }
}
body .max-h-2 {
  max-height: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-2.sm\:max-h-2 {
    max-height: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-2.md\:max-h-2 {
    max-height: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-2.lg\:max-h-2 {
    max-height: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-2.xl\:max-h-2 {
    max-height: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-2.xxl\:max-h-2 {
    max-height: 2px !important;
  }
}
body .w-4 {
  width: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:w-4.sm\:w-4 {
    width: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-4.md\:w-4 {
    width: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-4.lg\:w-4 {
    width: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-4.xl\:w-4 {
    width: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-4.xxl\:w-4 {
    width: 4px !important;
  }
}
body .min-w-4 {
  min-width: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-4.sm\:min-w-4 {
    min-width: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-4.md\:min-w-4 {
    min-width: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-4.lg\:min-w-4 {
    min-width: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-4.xl\:min-w-4 {
    min-width: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-4.xxl\:min-w-4 {
    min-width: 4px !important;
  }
}
body .max-w-4 {
  max-width: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-4.sm\:max-w-4 {
    max-width: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-4.md\:max-w-4 {
    max-width: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-4.lg\:max-w-4 {
    max-width: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-4.xl\:max-w-4 {
    max-width: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-4.xxl\:max-w-4 {
    max-width: 4px !important;
  }
}
body .h-4 {
  height: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:h-4.sm\:h-4 {
    height: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-4.md\:h-4 {
    height: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-4.lg\:h-4 {
    height: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-4.xl\:h-4 {
    height: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-4.xxl\:h-4 {
    height: 4px !important;
  }
}
body .min-h-4 {
  min-height: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-4.sm\:min-h-4 {
    min-height: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-4.md\:min-h-4 {
    min-height: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-4.lg\:min-h-4 {
    min-height: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-4.xl\:min-h-4 {
    min-height: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-4.xxl\:min-h-4 {
    min-height: 4px !important;
  }
}
body .max-h-4 {
  max-height: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-4.sm\:max-h-4 {
    max-height: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-4.md\:max-h-4 {
    max-height: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-4.lg\:max-h-4 {
    max-height: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-4.xl\:max-h-4 {
    max-height: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-4.xxl\:max-h-4 {
    max-height: 4px !important;
  }
}
body .w-6 {
  width: 6px !important;
}
@media (min-width: 480px) {
  body .sm\:w-6.sm\:w-6 {
    width: 6px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-6.md\:w-6 {
    width: 6px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-6.lg\:w-6 {
    width: 6px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-6.xl\:w-6 {
    width: 6px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-6.xxl\:w-6 {
    width: 6px !important;
  }
}
body .min-w-6 {
  min-width: 6px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-6.sm\:min-w-6 {
    min-width: 6px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-6.md\:min-w-6 {
    min-width: 6px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-6.lg\:min-w-6 {
    min-width: 6px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-6.xl\:min-w-6 {
    min-width: 6px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-6.xxl\:min-w-6 {
    min-width: 6px !important;
  }
}
body .max-w-6 {
  max-width: 6px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-6.sm\:max-w-6 {
    max-width: 6px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-6.md\:max-w-6 {
    max-width: 6px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-6.lg\:max-w-6 {
    max-width: 6px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-6.xl\:max-w-6 {
    max-width: 6px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-6.xxl\:max-w-6 {
    max-width: 6px !important;
  }
}
body .h-6 {
  height: 6px !important;
}
@media (min-width: 480px) {
  body .sm\:h-6.sm\:h-6 {
    height: 6px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-6.md\:h-6 {
    height: 6px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-6.lg\:h-6 {
    height: 6px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-6.xl\:h-6 {
    height: 6px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-6.xxl\:h-6 {
    height: 6px !important;
  }
}
body .min-h-6 {
  min-height: 6px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-6.sm\:min-h-6 {
    min-height: 6px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-6.md\:min-h-6 {
    min-height: 6px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-6.lg\:min-h-6 {
    min-height: 6px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-6.xl\:min-h-6 {
    min-height: 6px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-6.xxl\:min-h-6 {
    min-height: 6px !important;
  }
}
body .max-h-6 {
  max-height: 6px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-6.sm\:max-h-6 {
    max-height: 6px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-6.md\:max-h-6 {
    max-height: 6px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-6.lg\:max-h-6 {
    max-height: 6px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-6.xl\:max-h-6 {
    max-height: 6px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-6.xxl\:max-h-6 {
    max-height: 6px !important;
  }
}
body .w-8 {
  width: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:w-8.sm\:w-8 {
    width: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-8.md\:w-8 {
    width: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-8.lg\:w-8 {
    width: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-8.xl\:w-8 {
    width: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-8.xxl\:w-8 {
    width: 8px !important;
  }
}
body .min-w-8 {
  min-width: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-8.sm\:min-w-8 {
    min-width: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-8.md\:min-w-8 {
    min-width: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-8.lg\:min-w-8 {
    min-width: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-8.xl\:min-w-8 {
    min-width: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-8.xxl\:min-w-8 {
    min-width: 8px !important;
  }
}
body .max-w-8 {
  max-width: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-8.sm\:max-w-8 {
    max-width: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-8.md\:max-w-8 {
    max-width: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-8.lg\:max-w-8 {
    max-width: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-8.xl\:max-w-8 {
    max-width: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-8.xxl\:max-w-8 {
    max-width: 8px !important;
  }
}
body .h-8 {
  height: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:h-8.sm\:h-8 {
    height: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-8.md\:h-8 {
    height: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-8.lg\:h-8 {
    height: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-8.xl\:h-8 {
    height: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-8.xxl\:h-8 {
    height: 8px !important;
  }
}
body .min-h-8 {
  min-height: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-8.sm\:min-h-8 {
    min-height: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-8.md\:min-h-8 {
    min-height: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-8.lg\:min-h-8 {
    min-height: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-8.xl\:min-h-8 {
    min-height: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-8.xxl\:min-h-8 {
    min-height: 8px !important;
  }
}
body .max-h-8 {
  max-height: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-8.sm\:max-h-8 {
    max-height: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-8.md\:max-h-8 {
    max-height: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-8.lg\:max-h-8 {
    max-height: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-8.xl\:max-h-8 {
    max-height: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-8.xxl\:max-h-8 {
    max-height: 8px !important;
  }
}
body .w-12 {
  width: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:w-12.sm\:w-12 {
    width: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-12.md\:w-12 {
    width: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-12.lg\:w-12 {
    width: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-12.xl\:w-12 {
    width: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-12.xxl\:w-12 {
    width: 12px !important;
  }
}
body .min-w-12 {
  min-width: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-12.sm\:min-w-12 {
    min-width: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-12.md\:min-w-12 {
    min-width: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-12.lg\:min-w-12 {
    min-width: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-12.xl\:min-w-12 {
    min-width: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-12.xxl\:min-w-12 {
    min-width: 12px !important;
  }
}
body .max-w-12 {
  max-width: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-12.sm\:max-w-12 {
    max-width: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-12.md\:max-w-12 {
    max-width: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-12.lg\:max-w-12 {
    max-width: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-12.xl\:max-w-12 {
    max-width: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-12.xxl\:max-w-12 {
    max-width: 12px !important;
  }
}
body .h-12 {
  height: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:h-12.sm\:h-12 {
    height: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-12.md\:h-12 {
    height: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-12.lg\:h-12 {
    height: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-12.xl\:h-12 {
    height: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-12.xxl\:h-12 {
    height: 12px !important;
  }
}
body .min-h-12 {
  min-height: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-12.sm\:min-h-12 {
    min-height: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-12.md\:min-h-12 {
    min-height: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-12.lg\:min-h-12 {
    min-height: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-12.xl\:min-h-12 {
    min-height: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-12.xxl\:min-h-12 {
    min-height: 12px !important;
  }
}
body .max-h-12 {
  max-height: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-12.sm\:max-h-12 {
    max-height: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-12.md\:max-h-12 {
    max-height: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-12.lg\:max-h-12 {
    max-height: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-12.xl\:max-h-12 {
    max-height: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-12.xxl\:max-h-12 {
    max-height: 12px !important;
  }
}
body .w-16 {
  width: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:w-16.sm\:w-16 {
    width: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-16.md\:w-16 {
    width: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-16.lg\:w-16 {
    width: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-16.xl\:w-16 {
    width: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-16.xxl\:w-16 {
    width: 16px !important;
  }
}
body .min-w-16 {
  min-width: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-16.sm\:min-w-16 {
    min-width: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-16.md\:min-w-16 {
    min-width: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-16.lg\:min-w-16 {
    min-width: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-16.xl\:min-w-16 {
    min-width: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-16.xxl\:min-w-16 {
    min-width: 16px !important;
  }
}
body .max-w-16 {
  max-width: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-16.sm\:max-w-16 {
    max-width: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-16.md\:max-w-16 {
    max-width: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-16.lg\:max-w-16 {
    max-width: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-16.xl\:max-w-16 {
    max-width: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-16.xxl\:max-w-16 {
    max-width: 16px !important;
  }
}
body .h-16 {
  height: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:h-16.sm\:h-16 {
    height: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-16.md\:h-16 {
    height: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-16.lg\:h-16 {
    height: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-16.xl\:h-16 {
    height: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-16.xxl\:h-16 {
    height: 16px !important;
  }
}
body .min-h-16 {
  min-height: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-16.sm\:min-h-16 {
    min-height: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-16.md\:min-h-16 {
    min-height: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-16.lg\:min-h-16 {
    min-height: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-16.xl\:min-h-16 {
    min-height: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-16.xxl\:min-h-16 {
    min-height: 16px !important;
  }
}
body .max-h-16 {
  max-height: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-16.sm\:max-h-16 {
    max-height: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-16.md\:max-h-16 {
    max-height: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-16.lg\:max-h-16 {
    max-height: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-16.xl\:max-h-16 {
    max-height: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-16.xxl\:max-h-16 {
    max-height: 16px !important;
  }
}
body .w-20 {
  width: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:w-20.sm\:w-20 {
    width: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-20.md\:w-20 {
    width: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-20.lg\:w-20 {
    width: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-20.xl\:w-20 {
    width: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-20.xxl\:w-20 {
    width: 20px !important;
  }
}
body .min-w-20 {
  min-width: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-20.sm\:min-w-20 {
    min-width: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-20.md\:min-w-20 {
    min-width: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-20.lg\:min-w-20 {
    min-width: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-20.xl\:min-w-20 {
    min-width: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-20.xxl\:min-w-20 {
    min-width: 20px !important;
  }
}
body .max-w-20 {
  max-width: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-20.sm\:max-w-20 {
    max-width: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-20.md\:max-w-20 {
    max-width: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-20.lg\:max-w-20 {
    max-width: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-20.xl\:max-w-20 {
    max-width: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-20.xxl\:max-w-20 {
    max-width: 20px !important;
  }
}
body .h-20 {
  height: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:h-20.sm\:h-20 {
    height: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-20.md\:h-20 {
    height: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-20.lg\:h-20 {
    height: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-20.xl\:h-20 {
    height: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-20.xxl\:h-20 {
    height: 20px !important;
  }
}
body .min-h-20 {
  min-height: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-20.sm\:min-h-20 {
    min-height: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-20.md\:min-h-20 {
    min-height: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-20.lg\:min-h-20 {
    min-height: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-20.xl\:min-h-20 {
    min-height: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-20.xxl\:min-h-20 {
    min-height: 20px !important;
  }
}
body .max-h-20 {
  max-height: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-20.sm\:max-h-20 {
    max-height: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-20.md\:max-h-20 {
    max-height: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-20.lg\:max-h-20 {
    max-height: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-20.xl\:max-h-20 {
    max-height: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-20.xxl\:max-h-20 {
    max-height: 20px !important;
  }
}
body .w-24 {
  width: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:w-24.sm\:w-24 {
    width: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-24.md\:w-24 {
    width: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-24.lg\:w-24 {
    width: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-24.xl\:w-24 {
    width: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-24.xxl\:w-24 {
    width: 24px !important;
  }
}
body .min-w-24 {
  min-width: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-24.sm\:min-w-24 {
    min-width: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-24.md\:min-w-24 {
    min-width: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-24.lg\:min-w-24 {
    min-width: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-24.xl\:min-w-24 {
    min-width: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-24.xxl\:min-w-24 {
    min-width: 24px !important;
  }
}
body .max-w-24 {
  max-width: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-24.sm\:max-w-24 {
    max-width: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-24.md\:max-w-24 {
    max-width: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-24.lg\:max-w-24 {
    max-width: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-24.xl\:max-w-24 {
    max-width: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-24.xxl\:max-w-24 {
    max-width: 24px !important;
  }
}
body .h-24 {
  height: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:h-24.sm\:h-24 {
    height: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-24.md\:h-24 {
    height: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-24.lg\:h-24 {
    height: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-24.xl\:h-24 {
    height: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-24.xxl\:h-24 {
    height: 24px !important;
  }
}
body .min-h-24 {
  min-height: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-24.sm\:min-h-24 {
    min-height: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-24.md\:min-h-24 {
    min-height: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-24.lg\:min-h-24 {
    min-height: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-24.xl\:min-h-24 {
    min-height: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-24.xxl\:min-h-24 {
    min-height: 24px !important;
  }
}
body .max-h-24 {
  max-height: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-24.sm\:max-h-24 {
    max-height: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-24.md\:max-h-24 {
    max-height: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-24.lg\:max-h-24 {
    max-height: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-24.xl\:max-h-24 {
    max-height: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-24.xxl\:max-h-24 {
    max-height: 24px !important;
  }
}
body .w-32 {
  width: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:w-32.sm\:w-32 {
    width: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-32.md\:w-32 {
    width: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-32.lg\:w-32 {
    width: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-32.xl\:w-32 {
    width: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-32.xxl\:w-32 {
    width: 32px !important;
  }
}
body .min-w-32 {
  min-width: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-32.sm\:min-w-32 {
    min-width: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-32.md\:min-w-32 {
    min-width: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-32.lg\:min-w-32 {
    min-width: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-32.xl\:min-w-32 {
    min-width: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-32.xxl\:min-w-32 {
    min-width: 32px !important;
  }
}
body .max-w-32 {
  max-width: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-32.sm\:max-w-32 {
    max-width: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-32.md\:max-w-32 {
    max-width: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-32.lg\:max-w-32 {
    max-width: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-32.xl\:max-w-32 {
    max-width: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-32.xxl\:max-w-32 {
    max-width: 32px !important;
  }
}
body .h-32 {
  height: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:h-32.sm\:h-32 {
    height: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-32.md\:h-32 {
    height: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-32.lg\:h-32 {
    height: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-32.xl\:h-32 {
    height: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-32.xxl\:h-32 {
    height: 32px !important;
  }
}
body .min-h-32 {
  min-height: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-32.sm\:min-h-32 {
    min-height: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-32.md\:min-h-32 {
    min-height: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-32.lg\:min-h-32 {
    min-height: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-32.xl\:min-h-32 {
    min-height: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-32.xxl\:min-h-32 {
    min-height: 32px !important;
  }
}
body .max-h-32 {
  max-height: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-32.sm\:max-h-32 {
    max-height: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-32.md\:max-h-32 {
    max-height: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-32.lg\:max-h-32 {
    max-height: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-32.xl\:max-h-32 {
    max-height: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-32.xxl\:max-h-32 {
    max-height: 32px !important;
  }
}
body .w-36 {
  width: 36px !important;
}
@media (min-width: 480px) {
  body .sm\:w-36.sm\:w-36 {
    width: 36px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-36.md\:w-36 {
    width: 36px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-36.lg\:w-36 {
    width: 36px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-36.xl\:w-36 {
    width: 36px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-36.xxl\:w-36 {
    width: 36px !important;
  }
}
body .min-w-36 {
  min-width: 36px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-36.sm\:min-w-36 {
    min-width: 36px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-36.md\:min-w-36 {
    min-width: 36px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-36.lg\:min-w-36 {
    min-width: 36px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-36.xl\:min-w-36 {
    min-width: 36px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-36.xxl\:min-w-36 {
    min-width: 36px !important;
  }
}
body .max-w-36 {
  max-width: 36px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-36.sm\:max-w-36 {
    max-width: 36px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-36.md\:max-w-36 {
    max-width: 36px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-36.lg\:max-w-36 {
    max-width: 36px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-36.xl\:max-w-36 {
    max-width: 36px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-36.xxl\:max-w-36 {
    max-width: 36px !important;
  }
}
body .h-36 {
  height: 36px !important;
}
@media (min-width: 480px) {
  body .sm\:h-36.sm\:h-36 {
    height: 36px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-36.md\:h-36 {
    height: 36px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-36.lg\:h-36 {
    height: 36px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-36.xl\:h-36 {
    height: 36px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-36.xxl\:h-36 {
    height: 36px !important;
  }
}
body .min-h-36 {
  min-height: 36px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-36.sm\:min-h-36 {
    min-height: 36px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-36.md\:min-h-36 {
    min-height: 36px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-36.lg\:min-h-36 {
    min-height: 36px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-36.xl\:min-h-36 {
    min-height: 36px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-36.xxl\:min-h-36 {
    min-height: 36px !important;
  }
}
body .max-h-36 {
  max-height: 36px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-36.sm\:max-h-36 {
    max-height: 36px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-36.md\:max-h-36 {
    max-height: 36px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-36.lg\:max-h-36 {
    max-height: 36px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-36.xl\:max-h-36 {
    max-height: 36px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-36.xxl\:max-h-36 {
    max-height: 36px !important;
  }
}
body .w-40 {
  width: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:w-40.sm\:w-40 {
    width: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-40.md\:w-40 {
    width: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-40.lg\:w-40 {
    width: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-40.xl\:w-40 {
    width: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-40.xxl\:w-40 {
    width: 40px !important;
  }
}
body .min-w-40 {
  min-width: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-40.sm\:min-w-40 {
    min-width: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-40.md\:min-w-40 {
    min-width: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-40.lg\:min-w-40 {
    min-width: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-40.xl\:min-w-40 {
    min-width: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-40.xxl\:min-w-40 {
    min-width: 40px !important;
  }
}
body .max-w-40 {
  max-width: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-40.sm\:max-w-40 {
    max-width: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-40.md\:max-w-40 {
    max-width: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-40.lg\:max-w-40 {
    max-width: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-40.xl\:max-w-40 {
    max-width: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-40.xxl\:max-w-40 {
    max-width: 40px !important;
  }
}
body .h-40 {
  height: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:h-40.sm\:h-40 {
    height: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-40.md\:h-40 {
    height: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-40.lg\:h-40 {
    height: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-40.xl\:h-40 {
    height: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-40.xxl\:h-40 {
    height: 40px !important;
  }
}
body .min-h-40 {
  min-height: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-40.sm\:min-h-40 {
    min-height: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-40.md\:min-h-40 {
    min-height: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-40.lg\:min-h-40 {
    min-height: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-40.xl\:min-h-40 {
    min-height: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-40.xxl\:min-h-40 {
    min-height: 40px !important;
  }
}
body .max-h-40 {
  max-height: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-40.sm\:max-h-40 {
    max-height: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-40.md\:max-h-40 {
    max-height: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-40.lg\:max-h-40 {
    max-height: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-40.xl\:max-h-40 {
    max-height: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-40.xxl\:max-h-40 {
    max-height: 40px !important;
  }
}
body .w-48 {
  width: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:w-48.sm\:w-48 {
    width: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-48.md\:w-48 {
    width: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-48.lg\:w-48 {
    width: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-48.xl\:w-48 {
    width: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-48.xxl\:w-48 {
    width: 48px !important;
  }
}
body .min-w-48 {
  min-width: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-48.sm\:min-w-48 {
    min-width: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-48.md\:min-w-48 {
    min-width: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-48.lg\:min-w-48 {
    min-width: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-48.xl\:min-w-48 {
    min-width: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-48.xxl\:min-w-48 {
    min-width: 48px !important;
  }
}
body .max-w-48 {
  max-width: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-48.sm\:max-w-48 {
    max-width: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-48.md\:max-w-48 {
    max-width: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-48.lg\:max-w-48 {
    max-width: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-48.xl\:max-w-48 {
    max-width: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-48.xxl\:max-w-48 {
    max-width: 48px !important;
  }
}
body .h-48 {
  height: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:h-48.sm\:h-48 {
    height: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-48.md\:h-48 {
    height: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-48.lg\:h-48 {
    height: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-48.xl\:h-48 {
    height: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-48.xxl\:h-48 {
    height: 48px !important;
  }
}
body .min-h-48 {
  min-height: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-48.sm\:min-h-48 {
    min-height: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-48.md\:min-h-48 {
    min-height: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-48.lg\:min-h-48 {
    min-height: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-48.xl\:min-h-48 {
    min-height: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-48.xxl\:min-h-48 {
    min-height: 48px !important;
  }
}
body .max-h-48 {
  max-height: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-48.sm\:max-h-48 {
    max-height: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-48.md\:max-h-48 {
    max-height: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-48.lg\:max-h-48 {
    max-height: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-48.xl\:max-h-48 {
    max-height: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-48.xxl\:max-h-48 {
    max-height: 48px !important;
  }
}
body .w-56 {
  width: 56px !important;
}
@media (min-width: 480px) {
  body .sm\:w-56.sm\:w-56 {
    width: 56px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-56.md\:w-56 {
    width: 56px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-56.lg\:w-56 {
    width: 56px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-56.xl\:w-56 {
    width: 56px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-56.xxl\:w-56 {
    width: 56px !important;
  }
}
body .min-w-56 {
  min-width: 56px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-56.sm\:min-w-56 {
    min-width: 56px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-56.md\:min-w-56 {
    min-width: 56px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-56.lg\:min-w-56 {
    min-width: 56px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-56.xl\:min-w-56 {
    min-width: 56px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-56.xxl\:min-w-56 {
    min-width: 56px !important;
  }
}
body .max-w-56 {
  max-width: 56px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-56.sm\:max-w-56 {
    max-width: 56px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-56.md\:max-w-56 {
    max-width: 56px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-56.lg\:max-w-56 {
    max-width: 56px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-56.xl\:max-w-56 {
    max-width: 56px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-56.xxl\:max-w-56 {
    max-width: 56px !important;
  }
}
body .h-56 {
  height: 56px !important;
}
@media (min-width: 480px) {
  body .sm\:h-56.sm\:h-56 {
    height: 56px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-56.md\:h-56 {
    height: 56px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-56.lg\:h-56 {
    height: 56px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-56.xl\:h-56 {
    height: 56px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-56.xxl\:h-56 {
    height: 56px !important;
  }
}
body .min-h-56 {
  min-height: 56px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-56.sm\:min-h-56 {
    min-height: 56px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-56.md\:min-h-56 {
    min-height: 56px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-56.lg\:min-h-56 {
    min-height: 56px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-56.xl\:min-h-56 {
    min-height: 56px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-56.xxl\:min-h-56 {
    min-height: 56px !important;
  }
}
body .max-h-56 {
  max-height: 56px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-56.sm\:max-h-56 {
    max-height: 56px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-56.md\:max-h-56 {
    max-height: 56px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-56.lg\:max-h-56 {
    max-height: 56px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-56.xl\:max-h-56 {
    max-height: 56px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-56.xxl\:max-h-56 {
    max-height: 56px !important;
  }
}
body .w-64 {
  width: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:w-64.sm\:w-64 {
    width: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-64.md\:w-64 {
    width: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-64.lg\:w-64 {
    width: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-64.xl\:w-64 {
    width: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-64.xxl\:w-64 {
    width: 64px !important;
  }
}
body .min-w-64 {
  min-width: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-64.sm\:min-w-64 {
    min-width: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-64.md\:min-w-64 {
    min-width: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-64.lg\:min-w-64 {
    min-width: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-64.xl\:min-w-64 {
    min-width: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-64.xxl\:min-w-64 {
    min-width: 64px !important;
  }
}
body .max-w-64 {
  max-width: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-64.sm\:max-w-64 {
    max-width: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-64.md\:max-w-64 {
    max-width: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-64.lg\:max-w-64 {
    max-width: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-64.xl\:max-w-64 {
    max-width: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-64.xxl\:max-w-64 {
    max-width: 64px !important;
  }
}
body .h-64 {
  height: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:h-64.sm\:h-64 {
    height: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-64.md\:h-64 {
    height: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-64.lg\:h-64 {
    height: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-64.xl\:h-64 {
    height: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-64.xxl\:h-64 {
    height: 64px !important;
  }
}
body .min-h-64 {
  min-height: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-64.sm\:min-h-64 {
    min-height: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-64.md\:min-h-64 {
    min-height: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-64.lg\:min-h-64 {
    min-height: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-64.xl\:min-h-64 {
    min-height: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-64.xxl\:min-h-64 {
    min-height: 64px !important;
  }
}
body .max-h-64 {
  max-height: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-64.sm\:max-h-64 {
    max-height: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-64.md\:max-h-64 {
    max-height: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-64.lg\:max-h-64 {
    max-height: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-64.xl\:max-h-64 {
    max-height: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-64.xxl\:max-h-64 {
    max-height: 64px !important;
  }
}
body .w-72 {
  width: 72px !important;
}
@media (min-width: 480px) {
  body .sm\:w-72.sm\:w-72 {
    width: 72px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-72.md\:w-72 {
    width: 72px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-72.lg\:w-72 {
    width: 72px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-72.xl\:w-72 {
    width: 72px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-72.xxl\:w-72 {
    width: 72px !important;
  }
}
body .min-w-72 {
  min-width: 72px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-72.sm\:min-w-72 {
    min-width: 72px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-72.md\:min-w-72 {
    min-width: 72px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-72.lg\:min-w-72 {
    min-width: 72px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-72.xl\:min-w-72 {
    min-width: 72px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-72.xxl\:min-w-72 {
    min-width: 72px !important;
  }
}
body .max-w-72 {
  max-width: 72px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-72.sm\:max-w-72 {
    max-width: 72px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-72.md\:max-w-72 {
    max-width: 72px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-72.lg\:max-w-72 {
    max-width: 72px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-72.xl\:max-w-72 {
    max-width: 72px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-72.xxl\:max-w-72 {
    max-width: 72px !important;
  }
}
body .h-72 {
  height: 72px !important;
}
@media (min-width: 480px) {
  body .sm\:h-72.sm\:h-72 {
    height: 72px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-72.md\:h-72 {
    height: 72px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-72.lg\:h-72 {
    height: 72px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-72.xl\:h-72 {
    height: 72px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-72.xxl\:h-72 {
    height: 72px !important;
  }
}
body .min-h-72 {
  min-height: 72px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-72.sm\:min-h-72 {
    min-height: 72px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-72.md\:min-h-72 {
    min-height: 72px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-72.lg\:min-h-72 {
    min-height: 72px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-72.xl\:min-h-72 {
    min-height: 72px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-72.xxl\:min-h-72 {
    min-height: 72px !important;
  }
}
body .max-h-72 {
  max-height: 72px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-72.sm\:max-h-72 {
    max-height: 72px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-72.md\:max-h-72 {
    max-height: 72px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-72.lg\:max-h-72 {
    max-height: 72px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-72.xl\:max-h-72 {
    max-height: 72px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-72.xxl\:max-h-72 {
    max-height: 72px !important;
  }
}
body .w-80 {
  width: 80px !important;
}
@media (min-width: 480px) {
  body .sm\:w-80.sm\:w-80 {
    width: 80px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-80.md\:w-80 {
    width: 80px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-80.lg\:w-80 {
    width: 80px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-80.xl\:w-80 {
    width: 80px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-80.xxl\:w-80 {
    width: 80px !important;
  }
}
body .min-w-80 {
  min-width: 80px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-80.sm\:min-w-80 {
    min-width: 80px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-80.md\:min-w-80 {
    min-width: 80px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-80.lg\:min-w-80 {
    min-width: 80px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-80.xl\:min-w-80 {
    min-width: 80px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-80.xxl\:min-w-80 {
    min-width: 80px !important;
  }
}
body .max-w-80 {
  max-width: 80px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-80.sm\:max-w-80 {
    max-width: 80px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-80.md\:max-w-80 {
    max-width: 80px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-80.lg\:max-w-80 {
    max-width: 80px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-80.xl\:max-w-80 {
    max-width: 80px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-80.xxl\:max-w-80 {
    max-width: 80px !important;
  }
}
body .h-80 {
  height: 80px !important;
}
@media (min-width: 480px) {
  body .sm\:h-80.sm\:h-80 {
    height: 80px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-80.md\:h-80 {
    height: 80px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-80.lg\:h-80 {
    height: 80px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-80.xl\:h-80 {
    height: 80px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-80.xxl\:h-80 {
    height: 80px !important;
  }
}
body .min-h-80 {
  min-height: 80px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-80.sm\:min-h-80 {
    min-height: 80px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-80.md\:min-h-80 {
    min-height: 80px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-80.lg\:min-h-80 {
    min-height: 80px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-80.xl\:min-h-80 {
    min-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-80.xxl\:min-h-80 {
    min-height: 80px !important;
  }
}
body .max-h-80 {
  max-height: 80px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-80.sm\:max-h-80 {
    max-height: 80px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-80.md\:max-h-80 {
    max-height: 80px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-80.lg\:max-h-80 {
    max-height: 80px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-80.xl\:max-h-80 {
    max-height: 80px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-80.xxl\:max-h-80 {
    max-height: 80px !important;
  }
}
body .w-96 {
  width: 96px !important;
}
@media (min-width: 480px) {
  body .sm\:w-96.sm\:w-96 {
    width: 96px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-96.md\:w-96 {
    width: 96px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-96.lg\:w-96 {
    width: 96px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-96.xl\:w-96 {
    width: 96px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-96.xxl\:w-96 {
    width: 96px !important;
  }
}
body .min-w-96 {
  min-width: 96px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-96.sm\:min-w-96 {
    min-width: 96px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-96.md\:min-w-96 {
    min-width: 96px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-96.lg\:min-w-96 {
    min-width: 96px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-96.xl\:min-w-96 {
    min-width: 96px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-96.xxl\:min-w-96 {
    min-width: 96px !important;
  }
}
body .max-w-96 {
  max-width: 96px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-96.sm\:max-w-96 {
    max-width: 96px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-96.md\:max-w-96 {
    max-width: 96px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-96.lg\:max-w-96 {
    max-width: 96px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-96.xl\:max-w-96 {
    max-width: 96px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-96.xxl\:max-w-96 {
    max-width: 96px !important;
  }
}
body .h-96 {
  height: 96px !important;
}
@media (min-width: 480px) {
  body .sm\:h-96.sm\:h-96 {
    height: 96px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-96.md\:h-96 {
    height: 96px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-96.lg\:h-96 {
    height: 96px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-96.xl\:h-96 {
    height: 96px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-96.xxl\:h-96 {
    height: 96px !important;
  }
}
body .min-h-96 {
  min-height: 96px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-96.sm\:min-h-96 {
    min-height: 96px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-96.md\:min-h-96 {
    min-height: 96px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-96.lg\:min-h-96 {
    min-height: 96px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-96.xl\:min-h-96 {
    min-height: 96px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-96.xxl\:min-h-96 {
    min-height: 96px !important;
  }
}
body .max-h-96 {
  max-height: 96px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-96.sm\:max-h-96 {
    max-height: 96px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-96.md\:max-h-96 {
    max-height: 96px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-96.lg\:max-h-96 {
    max-height: 96px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-96.xl\:max-h-96 {
    max-height: 96px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-96.xxl\:max-h-96 {
    max-height: 96px !important;
  }
}
body .w-112 {
  width: 112px !important;
}
@media (min-width: 480px) {
  body .sm\:w-112.sm\:w-112 {
    width: 112px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-112.md\:w-112 {
    width: 112px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-112.lg\:w-112 {
    width: 112px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-112.xl\:w-112 {
    width: 112px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-112.xxl\:w-112 {
    width: 112px !important;
  }
}
body .min-w-112 {
  min-width: 112px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-112.sm\:min-w-112 {
    min-width: 112px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-112.md\:min-w-112 {
    min-width: 112px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-112.lg\:min-w-112 {
    min-width: 112px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-112.xl\:min-w-112 {
    min-width: 112px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-112.xxl\:min-w-112 {
    min-width: 112px !important;
  }
}
body .max-w-112 {
  max-width: 112px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-112.sm\:max-w-112 {
    max-width: 112px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-112.md\:max-w-112 {
    max-width: 112px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-112.lg\:max-w-112 {
    max-width: 112px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-112.xl\:max-w-112 {
    max-width: 112px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-112.xxl\:max-w-112 {
    max-width: 112px !important;
  }
}
body .h-112 {
  height: 112px !important;
}
@media (min-width: 480px) {
  body .sm\:h-112.sm\:h-112 {
    height: 112px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-112.md\:h-112 {
    height: 112px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-112.lg\:h-112 {
    height: 112px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-112.xl\:h-112 {
    height: 112px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-112.xxl\:h-112 {
    height: 112px !important;
  }
}
body .min-h-112 {
  min-height: 112px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-112.sm\:min-h-112 {
    min-height: 112px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-112.md\:min-h-112 {
    min-height: 112px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-112.lg\:min-h-112 {
    min-height: 112px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-112.xl\:min-h-112 {
    min-height: 112px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-112.xxl\:min-h-112 {
    min-height: 112px !important;
  }
}
body .max-h-112 {
  max-height: 112px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-112.sm\:max-h-112 {
    max-height: 112px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-112.md\:max-h-112 {
    max-height: 112px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-112.lg\:max-h-112 {
    max-height: 112px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-112.xl\:max-h-112 {
    max-height: 112px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-112.xxl\:max-h-112 {
    max-height: 112px !important;
  }
}
body .w-128 {
  width: 128px !important;
}
@media (min-width: 480px) {
  body .sm\:w-128.sm\:w-128 {
    width: 128px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-128.md\:w-128 {
    width: 128px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-128.lg\:w-128 {
    width: 128px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-128.xl\:w-128 {
    width: 128px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-128.xxl\:w-128 {
    width: 128px !important;
  }
}
body .min-w-128 {
  min-width: 128px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-128.sm\:min-w-128 {
    min-width: 128px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-128.md\:min-w-128 {
    min-width: 128px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-128.lg\:min-w-128 {
    min-width: 128px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-128.xl\:min-w-128 {
    min-width: 128px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-128.xxl\:min-w-128 {
    min-width: 128px !important;
  }
}
body .max-w-128 {
  max-width: 128px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-128.sm\:max-w-128 {
    max-width: 128px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-128.md\:max-w-128 {
    max-width: 128px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-128.lg\:max-w-128 {
    max-width: 128px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-128.xl\:max-w-128 {
    max-width: 128px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-128.xxl\:max-w-128 {
    max-width: 128px !important;
  }
}
body .h-128 {
  height: 128px !important;
}
@media (min-width: 480px) {
  body .sm\:h-128.sm\:h-128 {
    height: 128px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-128.md\:h-128 {
    height: 128px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-128.lg\:h-128 {
    height: 128px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-128.xl\:h-128 {
    height: 128px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-128.xxl\:h-128 {
    height: 128px !important;
  }
}
body .min-h-128 {
  min-height: 128px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-128.sm\:min-h-128 {
    min-height: 128px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-128.md\:min-h-128 {
    min-height: 128px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-128.lg\:min-h-128 {
    min-height: 128px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-128.xl\:min-h-128 {
    min-height: 128px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-128.xxl\:min-h-128 {
    min-height: 128px !important;
  }
}
body .max-h-128 {
  max-height: 128px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-128.sm\:max-h-128 {
    max-height: 128px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-128.md\:max-h-128 {
    max-height: 128px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-128.lg\:max-h-128 {
    max-height: 128px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-128.xl\:max-h-128 {
    max-height: 128px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-128.xxl\:max-h-128 {
    max-height: 128px !important;
  }
}
body .w-160 {
  width: 160px !important;
}
@media (min-width: 480px) {
  body .sm\:w-160.sm\:w-160 {
    width: 160px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-160.md\:w-160 {
    width: 160px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-160.lg\:w-160 {
    width: 160px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-160.xl\:w-160 {
    width: 160px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-160.xxl\:w-160 {
    width: 160px !important;
  }
}
body .min-w-160 {
  min-width: 160px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-160.sm\:min-w-160 {
    min-width: 160px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-160.md\:min-w-160 {
    min-width: 160px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-160.lg\:min-w-160 {
    min-width: 160px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-160.xl\:min-w-160 {
    min-width: 160px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-160.xxl\:min-w-160 {
    min-width: 160px !important;
  }
}
body .max-w-160 {
  max-width: 160px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-160.sm\:max-w-160 {
    max-width: 160px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-160.md\:max-w-160 {
    max-width: 160px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-160.lg\:max-w-160 {
    max-width: 160px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-160.xl\:max-w-160 {
    max-width: 160px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-160.xxl\:max-w-160 {
    max-width: 160px !important;
  }
}
body .h-160 {
  height: 160px !important;
}
@media (min-width: 480px) {
  body .sm\:h-160.sm\:h-160 {
    height: 160px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-160.md\:h-160 {
    height: 160px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-160.lg\:h-160 {
    height: 160px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-160.xl\:h-160 {
    height: 160px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-160.xxl\:h-160 {
    height: 160px !important;
  }
}
body .min-h-160 {
  min-height: 160px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-160.sm\:min-h-160 {
    min-height: 160px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-160.md\:min-h-160 {
    min-height: 160px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-160.lg\:min-h-160 {
    min-height: 160px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-160.xl\:min-h-160 {
    min-height: 160px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-160.xxl\:min-h-160 {
    min-height: 160px !important;
  }
}
body .max-h-160 {
  max-height: 160px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-160.sm\:max-h-160 {
    max-height: 160px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-160.md\:max-h-160 {
    max-height: 160px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-160.lg\:max-h-160 {
    max-height: 160px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-160.xl\:max-h-160 {
    max-height: 160px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-160.xxl\:max-h-160 {
    max-height: 160px !important;
  }
}
body .w-176 {
  width: 176px !important;
}
@media (min-width: 480px) {
  body .sm\:w-176.sm\:w-176 {
    width: 176px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-176.md\:w-176 {
    width: 176px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-176.lg\:w-176 {
    width: 176px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-176.xl\:w-176 {
    width: 176px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-176.xxl\:w-176 {
    width: 176px !important;
  }
}
body .min-w-176 {
  min-width: 176px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-176.sm\:min-w-176 {
    min-width: 176px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-176.md\:min-w-176 {
    min-width: 176px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-176.lg\:min-w-176 {
    min-width: 176px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-176.xl\:min-w-176 {
    min-width: 176px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-176.xxl\:min-w-176 {
    min-width: 176px !important;
  }
}
body .max-w-176 {
  max-width: 176px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-176.sm\:max-w-176 {
    max-width: 176px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-176.md\:max-w-176 {
    max-width: 176px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-176.lg\:max-w-176 {
    max-width: 176px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-176.xl\:max-w-176 {
    max-width: 176px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-176.xxl\:max-w-176 {
    max-width: 176px !important;
  }
}
body .h-176 {
  height: 176px !important;
}
@media (min-width: 480px) {
  body .sm\:h-176.sm\:h-176 {
    height: 176px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-176.md\:h-176 {
    height: 176px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-176.lg\:h-176 {
    height: 176px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-176.xl\:h-176 {
    height: 176px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-176.xxl\:h-176 {
    height: 176px !important;
  }
}
body .min-h-176 {
  min-height: 176px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-176.sm\:min-h-176 {
    min-height: 176px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-176.md\:min-h-176 {
    min-height: 176px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-176.lg\:min-h-176 {
    min-height: 176px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-176.xl\:min-h-176 {
    min-height: 176px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-176.xxl\:min-h-176 {
    min-height: 176px !important;
  }
}
body .max-h-176 {
  max-height: 176px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-176.sm\:max-h-176 {
    max-height: 176px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-176.md\:max-h-176 {
    max-height: 176px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-176.lg\:max-h-176 {
    max-height: 176px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-176.xl\:max-h-176 {
    max-height: 176px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-176.xxl\:max-h-176 {
    max-height: 176px !important;
  }
}
body .w-192 {
  width: 192px !important;
}
@media (min-width: 480px) {
  body .sm\:w-192.sm\:w-192 {
    width: 192px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-192.md\:w-192 {
    width: 192px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-192.lg\:w-192 {
    width: 192px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-192.xl\:w-192 {
    width: 192px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-192.xxl\:w-192 {
    width: 192px !important;
  }
}
body .min-w-192 {
  min-width: 192px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-192.sm\:min-w-192 {
    min-width: 192px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-192.md\:min-w-192 {
    min-width: 192px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-192.lg\:min-w-192 {
    min-width: 192px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-192.xl\:min-w-192 {
    min-width: 192px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-192.xxl\:min-w-192 {
    min-width: 192px !important;
  }
}
body .max-w-192 {
  max-width: 192px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-192.sm\:max-w-192 {
    max-width: 192px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-192.md\:max-w-192 {
    max-width: 192px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-192.lg\:max-w-192 {
    max-width: 192px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-192.xl\:max-w-192 {
    max-width: 192px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-192.xxl\:max-w-192 {
    max-width: 192px !important;
  }
}
body .h-192 {
  height: 192px !important;
}
@media (min-width: 480px) {
  body .sm\:h-192.sm\:h-192 {
    height: 192px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-192.md\:h-192 {
    height: 192px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-192.lg\:h-192 {
    height: 192px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-192.xl\:h-192 {
    height: 192px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-192.xxl\:h-192 {
    height: 192px !important;
  }
}
body .min-h-192 {
  min-height: 192px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-192.sm\:min-h-192 {
    min-height: 192px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-192.md\:min-h-192 {
    min-height: 192px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-192.lg\:min-h-192 {
    min-height: 192px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-192.xl\:min-h-192 {
    min-height: 192px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-192.xxl\:min-h-192 {
    min-height: 192px !important;
  }
}
body .max-h-192 {
  max-height: 192px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-192.sm\:max-h-192 {
    max-height: 192px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-192.md\:max-h-192 {
    max-height: 192px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-192.lg\:max-h-192 {
    max-height: 192px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-192.xl\:max-h-192 {
    max-height: 192px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-192.xxl\:max-h-192 {
    max-height: 192px !important;
  }
}
body .w-224 {
  width: 224px !important;
}
@media (min-width: 480px) {
  body .sm\:w-224.sm\:w-224 {
    width: 224px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-224.md\:w-224 {
    width: 224px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-224.lg\:w-224 {
    width: 224px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-224.xl\:w-224 {
    width: 224px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-224.xxl\:w-224 {
    width: 224px !important;
  }
}
body .min-w-224 {
  min-width: 224px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-224.sm\:min-w-224 {
    min-width: 224px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-224.md\:min-w-224 {
    min-width: 224px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-224.lg\:min-w-224 {
    min-width: 224px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-224.xl\:min-w-224 {
    min-width: 224px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-224.xxl\:min-w-224 {
    min-width: 224px !important;
  }
}
body .max-w-224 {
  max-width: 224px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-224.sm\:max-w-224 {
    max-width: 224px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-224.md\:max-w-224 {
    max-width: 224px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-224.lg\:max-w-224 {
    max-width: 224px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-224.xl\:max-w-224 {
    max-width: 224px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-224.xxl\:max-w-224 {
    max-width: 224px !important;
  }
}
body .h-224 {
  height: 224px !important;
}
@media (min-width: 480px) {
  body .sm\:h-224.sm\:h-224 {
    height: 224px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-224.md\:h-224 {
    height: 224px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-224.lg\:h-224 {
    height: 224px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-224.xl\:h-224 {
    height: 224px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-224.xxl\:h-224 {
    height: 224px !important;
  }
}
body .min-h-224 {
  min-height: 224px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-224.sm\:min-h-224 {
    min-height: 224px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-224.md\:min-h-224 {
    min-height: 224px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-224.lg\:min-h-224 {
    min-height: 224px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-224.xl\:min-h-224 {
    min-height: 224px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-224.xxl\:min-h-224 {
    min-height: 224px !important;
  }
}
body .max-h-224 {
  max-height: 224px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-224.sm\:max-h-224 {
    max-height: 224px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-224.md\:max-h-224 {
    max-height: 224px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-224.lg\:max-h-224 {
    max-height: 224px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-224.xl\:max-h-224 {
    max-height: 224px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-224.xxl\:max-h-224 {
    max-height: 224px !important;
  }
}
body .w-232 {
  width: 232px !important;
}
@media (min-width: 480px) {
  body .sm\:w-232.sm\:w-232 {
    width: 232px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-232.md\:w-232 {
    width: 232px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-232.lg\:w-232 {
    width: 232px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-232.xl\:w-232 {
    width: 232px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-232.xxl\:w-232 {
    width: 232px !important;
  }
}
body .min-w-232 {
  min-width: 232px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-232.sm\:min-w-232 {
    min-width: 232px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-232.md\:min-w-232 {
    min-width: 232px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-232.lg\:min-w-232 {
    min-width: 232px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-232.xl\:min-w-232 {
    min-width: 232px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-232.xxl\:min-w-232 {
    min-width: 232px !important;
  }
}
body .max-w-232 {
  max-width: 232px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-232.sm\:max-w-232 {
    max-width: 232px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-232.md\:max-w-232 {
    max-width: 232px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-232.lg\:max-w-232 {
    max-width: 232px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-232.xl\:max-w-232 {
    max-width: 232px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-232.xxl\:max-w-232 {
    max-width: 232px !important;
  }
}
body .h-232 {
  height: 232px !important;
}
@media (min-width: 480px) {
  body .sm\:h-232.sm\:h-232 {
    height: 232px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-232.md\:h-232 {
    height: 232px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-232.lg\:h-232 {
    height: 232px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-232.xl\:h-232 {
    height: 232px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-232.xxl\:h-232 {
    height: 232px !important;
  }
}
body .min-h-232 {
  min-height: 232px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-232.sm\:min-h-232 {
    min-height: 232px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-232.md\:min-h-232 {
    min-height: 232px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-232.lg\:min-h-232 {
    min-height: 232px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-232.xl\:min-h-232 {
    min-height: 232px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-232.xxl\:min-h-232 {
    min-height: 232px !important;
  }
}
body .max-h-232 {
  max-height: 232px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-232.sm\:max-h-232 {
    max-height: 232px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-232.md\:max-h-232 {
    max-height: 232px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-232.lg\:max-h-232 {
    max-height: 232px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-232.xl\:max-h-232 {
    max-height: 232px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-232.xxl\:max-h-232 {
    max-height: 232px !important;
  }
}
body .w-256 {
  width: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:w-256.sm\:w-256 {
    width: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-256.md\:w-256 {
    width: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-256.lg\:w-256 {
    width: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-256.xl\:w-256 {
    width: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-256.xxl\:w-256 {
    width: 256px !important;
  }
}
body .min-w-256 {
  min-width: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-256.sm\:min-w-256 {
    min-width: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-256.md\:min-w-256 {
    min-width: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-256.lg\:min-w-256 {
    min-width: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-256.xl\:min-w-256 {
    min-width: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-256.xxl\:min-w-256 {
    min-width: 256px !important;
  }
}
body .max-w-256 {
  max-width: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-256.sm\:max-w-256 {
    max-width: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-256.md\:max-w-256 {
    max-width: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-256.lg\:max-w-256 {
    max-width: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-256.xl\:max-w-256 {
    max-width: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-256.xxl\:max-w-256 {
    max-width: 256px !important;
  }
}
body .h-256 {
  height: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:h-256.sm\:h-256 {
    height: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-256.md\:h-256 {
    height: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-256.lg\:h-256 {
    height: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-256.xl\:h-256 {
    height: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-256.xxl\:h-256 {
    height: 256px !important;
  }
}
body .min-h-256 {
  min-height: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-256.sm\:min-h-256 {
    min-height: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-256.md\:min-h-256 {
    min-height: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-256.lg\:min-h-256 {
    min-height: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-256.xl\:min-h-256 {
    min-height: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-256.xxl\:min-h-256 {
    min-height: 256px !important;
  }
}
body .max-h-256 {
  max-height: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-256.sm\:max-h-256 {
    max-height: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-256.md\:max-h-256 {
    max-height: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-256.lg\:max-h-256 {
    max-height: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-256.xl\:max-h-256 {
    max-height: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-256.xxl\:max-h-256 {
    max-height: 256px !important;
  }
}
body .w-288 {
  width: 288px !important;
}
@media (min-width: 480px) {
  body .sm\:w-288.sm\:w-288 {
    width: 288px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-288.md\:w-288 {
    width: 288px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-288.lg\:w-288 {
    width: 288px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-288.xl\:w-288 {
    width: 288px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-288.xxl\:w-288 {
    width: 288px !important;
  }
}
body .min-w-288 {
  min-width: 288px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-288.sm\:min-w-288 {
    min-width: 288px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-288.md\:min-w-288 {
    min-width: 288px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-288.lg\:min-w-288 {
    min-width: 288px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-288.xl\:min-w-288 {
    min-width: 288px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-288.xxl\:min-w-288 {
    min-width: 288px !important;
  }
}
body .max-w-288 {
  max-width: 288px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-288.sm\:max-w-288 {
    max-width: 288px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-288.md\:max-w-288 {
    max-width: 288px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-288.lg\:max-w-288 {
    max-width: 288px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-288.xl\:max-w-288 {
    max-width: 288px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-288.xxl\:max-w-288 {
    max-width: 288px !important;
  }
}
body .h-288 {
  height: 288px !important;
}
@media (min-width: 480px) {
  body .sm\:h-288.sm\:h-288 {
    height: 288px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-288.md\:h-288 {
    height: 288px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-288.lg\:h-288 {
    height: 288px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-288.xl\:h-288 {
    height: 288px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-288.xxl\:h-288 {
    height: 288px !important;
  }
}
body .min-h-288 {
  min-height: 288px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-288.sm\:min-h-288 {
    min-height: 288px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-288.md\:min-h-288 {
    min-height: 288px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-288.lg\:min-h-288 {
    min-height: 288px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-288.xl\:min-h-288 {
    min-height: 288px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-288.xxl\:min-h-288 {
    min-height: 288px !important;
  }
}
body .max-h-288 {
  max-height: 288px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-288.sm\:max-h-288 {
    max-height: 288px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-288.md\:max-h-288 {
    max-height: 288px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-288.lg\:max-h-288 {
    max-height: 288px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-288.xl\:max-h-288 {
    max-height: 288px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-288.xxl\:max-h-288 {
    max-height: 288px !important;
  }
}
body .w-320 {
  width: 320px !important;
}
@media (min-width: 480px) {
  body .sm\:w-320.sm\:w-320 {
    width: 320px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-320.md\:w-320 {
    width: 320px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-320.lg\:w-320 {
    width: 320px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-320.xl\:w-320 {
    width: 320px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-320.xxl\:w-320 {
    width: 320px !important;
  }
}
body .min-w-320 {
  min-width: 320px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-320.sm\:min-w-320 {
    min-width: 320px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-320.md\:min-w-320 {
    min-width: 320px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-320.lg\:min-w-320 {
    min-width: 320px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-320.xl\:min-w-320 {
    min-width: 320px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-320.xxl\:min-w-320 {
    min-width: 320px !important;
  }
}
body .max-w-320 {
  max-width: 320px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-320.sm\:max-w-320 {
    max-width: 320px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-320.md\:max-w-320 {
    max-width: 320px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-320.lg\:max-w-320 {
    max-width: 320px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-320.xl\:max-w-320 {
    max-width: 320px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-320.xxl\:max-w-320 {
    max-width: 320px !important;
  }
}
body .h-320 {
  height: 320px !important;
}
@media (min-width: 480px) {
  body .sm\:h-320.sm\:h-320 {
    height: 320px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-320.md\:h-320 {
    height: 320px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-320.lg\:h-320 {
    height: 320px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-320.xl\:h-320 {
    height: 320px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-320.xxl\:h-320 {
    height: 320px !important;
  }
}
body .min-h-320 {
  min-height: 320px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-320.sm\:min-h-320 {
    min-height: 320px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-320.md\:min-h-320 {
    min-height: 320px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-320.lg\:min-h-320 {
    min-height: 320px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-320.xl\:min-h-320 {
    min-height: 320px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-320.xxl\:min-h-320 {
    min-height: 320px !important;
  }
}
body .max-h-320 {
  max-height: 320px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-320.sm\:max-h-320 {
    max-height: 320px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-320.md\:max-h-320 {
    max-height: 320px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-320.lg\:max-h-320 {
    max-height: 320px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-320.xl\:max-h-320 {
    max-height: 320px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-320.xxl\:max-h-320 {
    max-height: 320px !important;
  }
}
body .w-352 {
  width: 352px !important;
}
@media (min-width: 480px) {
  body .sm\:w-352.sm\:w-352 {
    width: 352px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-352.md\:w-352 {
    width: 352px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-352.lg\:w-352 {
    width: 352px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-352.xl\:w-352 {
    width: 352px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-352.xxl\:w-352 {
    width: 352px !important;
  }
}
body .min-w-352 {
  min-width: 352px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-352.sm\:min-w-352 {
    min-width: 352px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-352.md\:min-w-352 {
    min-width: 352px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-352.lg\:min-w-352 {
    min-width: 352px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-352.xl\:min-w-352 {
    min-width: 352px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-352.xxl\:min-w-352 {
    min-width: 352px !important;
  }
}
body .max-w-352 {
  max-width: 352px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-352.sm\:max-w-352 {
    max-width: 352px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-352.md\:max-w-352 {
    max-width: 352px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-352.lg\:max-w-352 {
    max-width: 352px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-352.xl\:max-w-352 {
    max-width: 352px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-352.xxl\:max-w-352 {
    max-width: 352px !important;
  }
}
body .h-352 {
  height: 352px !important;
}
@media (min-width: 480px) {
  body .sm\:h-352.sm\:h-352 {
    height: 352px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-352.md\:h-352 {
    height: 352px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-352.lg\:h-352 {
    height: 352px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-352.xl\:h-352 {
    height: 352px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-352.xxl\:h-352 {
    height: 352px !important;
  }
}
body .min-h-352 {
  min-height: 352px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-352.sm\:min-h-352 {
    min-height: 352px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-352.md\:min-h-352 {
    min-height: 352px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-352.lg\:min-h-352 {
    min-height: 352px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-352.xl\:min-h-352 {
    min-height: 352px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-352.xxl\:min-h-352 {
    min-height: 352px !important;
  }
}
body .max-h-352 {
  max-height: 352px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-352.sm\:max-h-352 {
    max-height: 352px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-352.md\:max-h-352 {
    max-height: 352px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-352.lg\:max-h-352 {
    max-height: 352px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-352.xl\:max-h-352 {
    max-height: 352px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-352.xxl\:max-h-352 {
    max-height: 352px !important;
  }
}
body .w-384 {
  width: 384px !important;
}
@media (min-width: 480px) {
  body .sm\:w-384.sm\:w-384 {
    width: 384px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-384.md\:w-384 {
    width: 384px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-384.lg\:w-384 {
    width: 384px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-384.xl\:w-384 {
    width: 384px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-384.xxl\:w-384 {
    width: 384px !important;
  }
}
body .min-w-384 {
  min-width: 384px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-384.sm\:min-w-384 {
    min-width: 384px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-384.md\:min-w-384 {
    min-width: 384px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-384.lg\:min-w-384 {
    min-width: 384px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-384.xl\:min-w-384 {
    min-width: 384px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-384.xxl\:min-w-384 {
    min-width: 384px !important;
  }
}
body .max-w-384 {
  max-width: 384px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-384.sm\:max-w-384 {
    max-width: 384px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-384.md\:max-w-384 {
    max-width: 384px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-384.lg\:max-w-384 {
    max-width: 384px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-384.xl\:max-w-384 {
    max-width: 384px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-384.xxl\:max-w-384 {
    max-width: 384px !important;
  }
}
body .h-384 {
  height: 384px !important;
}
@media (min-width: 480px) {
  body .sm\:h-384.sm\:h-384 {
    height: 384px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-384.md\:h-384 {
    height: 384px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-384.lg\:h-384 {
    height: 384px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-384.xl\:h-384 {
    height: 384px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-384.xxl\:h-384 {
    height: 384px !important;
  }
}
body .min-h-384 {
  min-height: 384px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-384.sm\:min-h-384 {
    min-height: 384px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-384.md\:min-h-384 {
    min-height: 384px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-384.lg\:min-h-384 {
    min-height: 384px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-384.xl\:min-h-384 {
    min-height: 384px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-384.xxl\:min-h-384 {
    min-height: 384px !important;
  }
}
body .max-h-384 {
  max-height: 384px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-384.sm\:max-h-384 {
    max-height: 384px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-384.md\:max-h-384 {
    max-height: 384px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-384.lg\:max-h-384 {
    max-height: 384px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-384.xl\:max-h-384 {
    max-height: 384px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-384.xxl\:max-h-384 {
    max-height: 384px !important;
  }
}
body .w-480 {
  width: 480px !important;
}
@media (min-width: 480px) {
  body .sm\:w-480.sm\:w-480 {
    width: 480px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-480.md\:w-480 {
    width: 480px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-480.lg\:w-480 {
    width: 480px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-480.xl\:w-480 {
    width: 480px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-480.xxl\:w-480 {
    width: 480px !important;
  }
}
body .min-w-480 {
  min-width: 480px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-480.sm\:min-w-480 {
    min-width: 480px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-480.md\:min-w-480 {
    min-width: 480px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-480.lg\:min-w-480 {
    min-width: 480px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-480.xl\:min-w-480 {
    min-width: 480px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-480.xxl\:min-w-480 {
    min-width: 480px !important;
  }
}
body .max-w-480 {
  max-width: 480px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-480.sm\:max-w-480 {
    max-width: 480px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-480.md\:max-w-480 {
    max-width: 480px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-480.lg\:max-w-480 {
    max-width: 480px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-480.xl\:max-w-480 {
    max-width: 480px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-480.xxl\:max-w-480 {
    max-width: 480px !important;
  }
}
body .h-480 {
  height: 480px !important;
}
@media (min-width: 480px) {
  body .sm\:h-480.sm\:h-480 {
    height: 480px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-480.md\:h-480 {
    height: 480px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-480.lg\:h-480 {
    height: 480px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-480.xl\:h-480 {
    height: 480px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-480.xxl\:h-480 {
    height: 480px !important;
  }
}
body .min-h-480 {
  min-height: 480px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-480.sm\:min-h-480 {
    min-height: 480px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-480.md\:min-h-480 {
    min-height: 480px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-480.lg\:min-h-480 {
    min-height: 480px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-480.xl\:min-h-480 {
    min-height: 480px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-480.xxl\:min-h-480 {
    min-height: 480px !important;
  }
}
body .max-h-480 {
  max-height: 480px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-480.sm\:max-h-480 {
    max-height: 480px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-480.md\:max-h-480 {
    max-height: 480px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-480.lg\:max-h-480 {
    max-height: 480px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-480.xl\:max-h-480 {
    max-height: 480px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-480.xxl\:max-h-480 {
    max-height: 480px !important;
  }
}
body .w-512 {
  width: 512px !important;
}
@media (min-width: 480px) {
  body .sm\:w-512.sm\:w-512 {
    width: 512px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-512.md\:w-512 {
    width: 512px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-512.lg\:w-512 {
    width: 512px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-512.xl\:w-512 {
    width: 512px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-512.xxl\:w-512 {
    width: 512px !important;
  }
}
body .min-w-512 {
  min-width: 512px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-512.sm\:min-w-512 {
    min-width: 512px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-512.md\:min-w-512 {
    min-width: 512px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-512.lg\:min-w-512 {
    min-width: 512px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-512.xl\:min-w-512 {
    min-width: 512px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-512.xxl\:min-w-512 {
    min-width: 512px !important;
  }
}
body .max-w-512 {
  max-width: 512px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-512.sm\:max-w-512 {
    max-width: 512px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-512.md\:max-w-512 {
    max-width: 512px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-512.lg\:max-w-512 {
    max-width: 512px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-512.xl\:max-w-512 {
    max-width: 512px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-512.xxl\:max-w-512 {
    max-width: 512px !important;
  }
}
body .h-512 {
  height: 512px !important;
}
@media (min-width: 480px) {
  body .sm\:h-512.sm\:h-512 {
    height: 512px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-512.md\:h-512 {
    height: 512px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-512.lg\:h-512 {
    height: 512px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-512.xl\:h-512 {
    height: 512px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-512.xxl\:h-512 {
    height: 512px !important;
  }
}
body .min-h-512 {
  min-height: 512px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-512.sm\:min-h-512 {
    min-height: 512px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-512.md\:min-h-512 {
    min-height: 512px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-512.lg\:min-h-512 {
    min-height: 512px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-512.xl\:min-h-512 {
    min-height: 512px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-512.xxl\:min-h-512 {
    min-height: 512px !important;
  }
}
body .max-h-512 {
  max-height: 512px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-512.sm\:max-h-512 {
    max-height: 512px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-512.md\:max-h-512 {
    max-height: 512px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-512.lg\:max-h-512 {
    max-height: 512px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-512.xl\:max-h-512 {
    max-height: 512px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-512.xxl\:max-h-512 {
    max-height: 512px !important;
  }
}
body .w-624 {
  width: 624px !important;
}
@media (min-width: 480px) {
  body .sm\:w-624.sm\:w-624 {
    width: 624px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-624.md\:w-624 {
    width: 624px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-624.lg\:w-624 {
    width: 624px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-624.xl\:w-624 {
    width: 624px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-624.xxl\:w-624 {
    width: 624px !important;
  }
}
body .min-w-624 {
  min-width: 624px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-624.sm\:min-w-624 {
    min-width: 624px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-624.md\:min-w-624 {
    min-width: 624px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-624.lg\:min-w-624 {
    min-width: 624px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-624.xl\:min-w-624 {
    min-width: 624px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-624.xxl\:min-w-624 {
    min-width: 624px !important;
  }
}
body .max-w-624 {
  max-width: 624px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-624.sm\:max-w-624 {
    max-width: 624px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-624.md\:max-w-624 {
    max-width: 624px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-624.lg\:max-w-624 {
    max-width: 624px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-624.xl\:max-w-624 {
    max-width: 624px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-624.xxl\:max-w-624 {
    max-width: 624px !important;
  }
}
body .h-624 {
  height: 624px !important;
}
@media (min-width: 480px) {
  body .sm\:h-624.sm\:h-624 {
    height: 624px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-624.md\:h-624 {
    height: 624px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-624.lg\:h-624 {
    height: 624px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-624.xl\:h-624 {
    height: 624px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-624.xxl\:h-624 {
    height: 624px !important;
  }
}
body .min-h-624 {
  min-height: 624px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-624.sm\:min-h-624 {
    min-height: 624px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-624.md\:min-h-624 {
    min-height: 624px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-624.lg\:min-h-624 {
    min-height: 624px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-624.xl\:min-h-624 {
    min-height: 624px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-624.xxl\:min-h-624 {
    min-height: 624px !important;
  }
}
body .max-h-624 {
  max-height: 624px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-624.sm\:max-h-624 {
    max-height: 624px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-624.md\:max-h-624 {
    max-height: 624px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-624.lg\:max-h-624 {
    max-height: 624px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-624.xl\:max-h-624 {
    max-height: 624px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-624.xxl\:max-h-624 {
    max-height: 624px !important;
  }
}
body .w-640 {
  width: 640px !important;
}
@media (min-width: 480px) {
  body .sm\:w-640.sm\:w-640 {
    width: 640px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-640.md\:w-640 {
    width: 640px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-640.lg\:w-640 {
    width: 640px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-640.xl\:w-640 {
    width: 640px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-640.xxl\:w-640 {
    width: 640px !important;
  }
}
body .min-w-640 {
  min-width: 640px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-640.sm\:min-w-640 {
    min-width: 640px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-640.md\:min-w-640 {
    min-width: 640px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-640.lg\:min-w-640 {
    min-width: 640px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-640.xl\:min-w-640 {
    min-width: 640px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-640.xxl\:min-w-640 {
    min-width: 640px !important;
  }
}
body .max-w-640 {
  max-width: 640px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-640.sm\:max-w-640 {
    max-width: 640px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-640.md\:max-w-640 {
    max-width: 640px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-640.lg\:max-w-640 {
    max-width: 640px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-640.xl\:max-w-640 {
    max-width: 640px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-640.xxl\:max-w-640 {
    max-width: 640px !important;
  }
}
body .h-640 {
  height: 640px !important;
}
@media (min-width: 480px) {
  body .sm\:h-640.sm\:h-640 {
    height: 640px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-640.md\:h-640 {
    height: 640px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-640.lg\:h-640 {
    height: 640px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-640.xl\:h-640 {
    height: 640px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-640.xxl\:h-640 {
    height: 640px !important;
  }
}
body .min-h-640 {
  min-height: 640px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-640.sm\:min-h-640 {
    min-height: 640px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-640.md\:min-h-640 {
    min-height: 640px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-640.lg\:min-h-640 {
    min-height: 640px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-640.xl\:min-h-640 {
    min-height: 640px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-640.xxl\:min-h-640 {
    min-height: 640px !important;
  }
}
body .max-h-640 {
  max-height: 640px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-640.sm\:max-h-640 {
    max-height: 640px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-640.md\:max-h-640 {
    max-height: 640px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-640.lg\:max-h-640 {
    max-height: 640px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-640.xl\:max-h-640 {
    max-height: 640px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-640.xxl\:max-h-640 {
    max-height: 640px !important;
  }
}
body .w-704 {
  width: 704px !important;
}
@media (min-width: 480px) {
  body .sm\:w-704.sm\:w-704 {
    width: 704px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-704.md\:w-704 {
    width: 704px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-704.lg\:w-704 {
    width: 704px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-704.xl\:w-704 {
    width: 704px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-704.xxl\:w-704 {
    width: 704px !important;
  }
}
body .min-w-704 {
  min-width: 704px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-704.sm\:min-w-704 {
    min-width: 704px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-704.md\:min-w-704 {
    min-width: 704px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-704.lg\:min-w-704 {
    min-width: 704px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-704.xl\:min-w-704 {
    min-width: 704px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-704.xxl\:min-w-704 {
    min-width: 704px !important;
  }
}
body .max-w-704 {
  max-width: 704px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-704.sm\:max-w-704 {
    max-width: 704px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-704.md\:max-w-704 {
    max-width: 704px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-704.lg\:max-w-704 {
    max-width: 704px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-704.xl\:max-w-704 {
    max-width: 704px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-704.xxl\:max-w-704 {
    max-width: 704px !important;
  }
}
body .h-704 {
  height: 704px !important;
}
@media (min-width: 480px) {
  body .sm\:h-704.sm\:h-704 {
    height: 704px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-704.md\:h-704 {
    height: 704px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-704.lg\:h-704 {
    height: 704px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-704.xl\:h-704 {
    height: 704px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-704.xxl\:h-704 {
    height: 704px !important;
  }
}
body .min-h-704 {
  min-height: 704px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-704.sm\:min-h-704 {
    min-height: 704px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-704.md\:min-h-704 {
    min-height: 704px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-704.lg\:min-h-704 {
    min-height: 704px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-704.xl\:min-h-704 {
    min-height: 704px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-704.xxl\:min-h-704 {
    min-height: 704px !important;
  }
}
body .max-h-704 {
  max-height: 704px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-704.sm\:max-h-704 {
    max-height: 704px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-704.md\:max-h-704 {
    max-height: 704px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-704.lg\:max-h-704 {
    max-height: 704px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-704.xl\:max-h-704 {
    max-height: 704px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-704.xxl\:max-h-704 {
    max-height: 704px !important;
  }
}
body .w-760 {
  width: 752px !important;
}
@media (min-width: 480px) {
  body .sm\:w-760.sm\:w-760 {
    width: 752px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-760.md\:w-760 {
    width: 752px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-760.lg\:w-760 {
    width: 752px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-760.xl\:w-760 {
    width: 752px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-760.xxl\:w-760 {
    width: 752px !important;
  }
}
body .min-w-760 {
  min-width: 752px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-760.sm\:min-w-760 {
    min-width: 752px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-760.md\:min-w-760 {
    min-width: 752px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-760.lg\:min-w-760 {
    min-width: 752px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-760.xl\:min-w-760 {
    min-width: 752px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-760.xxl\:min-w-760 {
    min-width: 752px !important;
  }
}
body .max-w-760 {
  max-width: 752px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-760.sm\:max-w-760 {
    max-width: 752px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-760.md\:max-w-760 {
    max-width: 752px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-760.lg\:max-w-760 {
    max-width: 752px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-760.xl\:max-w-760 {
    max-width: 752px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-760.xxl\:max-w-760 {
    max-width: 752px !important;
  }
}
body .h-760 {
  height: 752px !important;
}
@media (min-width: 480px) {
  body .sm\:h-760.sm\:h-760 {
    height: 752px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-760.md\:h-760 {
    height: 752px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-760.lg\:h-760 {
    height: 752px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-760.xl\:h-760 {
    height: 752px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-760.xxl\:h-760 {
    height: 752px !important;
  }
}
body .min-h-760 {
  min-height: 752px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-760.sm\:min-h-760 {
    min-height: 752px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-760.md\:min-h-760 {
    min-height: 752px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-760.lg\:min-h-760 {
    min-height: 752px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-760.xl\:min-h-760 {
    min-height: 752px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-760.xxl\:min-h-760 {
    min-height: 752px !important;
  }
}
body .max-h-760 {
  max-height: 752px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-760.sm\:max-h-760 {
    max-height: 752px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-760.md\:max-h-760 {
    max-height: 752px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-760.lg\:max-h-760 {
    max-height: 752px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-760.xl\:max-h-760 {
    max-height: 752px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-760.xxl\:max-h-760 {
    max-height: 752px !important;
  }
}
body .w-768 {
  width: 768px !important;
}
@media (min-width: 480px) {
  body .sm\:w-768.sm\:w-768 {
    width: 768px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-768.md\:w-768 {
    width: 768px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-768.lg\:w-768 {
    width: 768px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-768.xl\:w-768 {
    width: 768px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-768.xxl\:w-768 {
    width: 768px !important;
  }
}
body .min-w-768 {
  min-width: 768px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-768.sm\:min-w-768 {
    min-width: 768px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-768.md\:min-w-768 {
    min-width: 768px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-768.lg\:min-w-768 {
    min-width: 768px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-768.xl\:min-w-768 {
    min-width: 768px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-768.xxl\:min-w-768 {
    min-width: 768px !important;
  }
}
body .max-w-768 {
  max-width: 768px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-768.sm\:max-w-768 {
    max-width: 768px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-768.md\:max-w-768 {
    max-width: 768px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-768.lg\:max-w-768 {
    max-width: 768px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-768.xl\:max-w-768 {
    max-width: 768px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-768.xxl\:max-w-768 {
    max-width: 768px !important;
  }
}
body .h-768 {
  height: 768px !important;
}
@media (min-width: 480px) {
  body .sm\:h-768.sm\:h-768 {
    height: 768px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-768.md\:h-768 {
    height: 768px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-768.lg\:h-768 {
    height: 768px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-768.xl\:h-768 {
    height: 768px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-768.xxl\:h-768 {
    height: 768px !important;
  }
}
body .min-h-768 {
  min-height: 768px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-768.sm\:min-h-768 {
    min-height: 768px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-768.md\:min-h-768 {
    min-height: 768px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-768.lg\:min-h-768 {
    min-height: 768px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-768.xl\:min-h-768 {
    min-height: 768px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-768.xxl\:min-h-768 {
    min-height: 768px !important;
  }
}
body .max-h-768 {
  max-height: 768px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-768.sm\:max-h-768 {
    max-height: 768px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-768.md\:max-h-768 {
    max-height: 768px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-768.lg\:max-h-768 {
    max-height: 768px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-768.xl\:max-h-768 {
    max-height: 768px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-768.xxl\:max-h-768 {
    max-height: 768px !important;
  }
}
body .w-896 {
  width: 896px !important;
}
@media (min-width: 480px) {
  body .sm\:w-896.sm\:w-896 {
    width: 896px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-896.md\:w-896 {
    width: 896px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-896.lg\:w-896 {
    width: 896px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-896.xl\:w-896 {
    width: 896px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-896.xxl\:w-896 {
    width: 896px !important;
  }
}
body .min-w-896 {
  min-width: 896px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-896.sm\:min-w-896 {
    min-width: 896px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-896.md\:min-w-896 {
    min-width: 896px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-896.lg\:min-w-896 {
    min-width: 896px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-896.xl\:min-w-896 {
    min-width: 896px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-896.xxl\:min-w-896 {
    min-width: 896px !important;
  }
}
body .max-w-896 {
  max-width: 896px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-896.sm\:max-w-896 {
    max-width: 896px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-896.md\:max-w-896 {
    max-width: 896px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-896.lg\:max-w-896 {
    max-width: 896px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-896.xl\:max-w-896 {
    max-width: 896px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-896.xxl\:max-w-896 {
    max-width: 896px !important;
  }
}
body .h-896 {
  height: 896px !important;
}
@media (min-width: 480px) {
  body .sm\:h-896.sm\:h-896 {
    height: 896px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-896.md\:h-896 {
    height: 896px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-896.lg\:h-896 {
    height: 896px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-896.xl\:h-896 {
    height: 896px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-896.xxl\:h-896 {
    height: 896px !important;
  }
}
body .min-h-896 {
  min-height: 896px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-896.sm\:min-h-896 {
    min-height: 896px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-896.md\:min-h-896 {
    min-height: 896px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-896.lg\:min-h-896 {
    min-height: 896px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-896.xl\:min-h-896 {
    min-height: 896px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-896.xxl\:min-h-896 {
    min-height: 896px !important;
  }
}
body .max-h-896 {
  max-height: 896px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-896.sm\:max-h-896 {
    max-height: 896px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-896.md\:max-h-896 {
    max-height: 896px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-896.lg\:max-h-896 {
    max-height: 896px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-896.xl\:max-h-896 {
    max-height: 896px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-896.xxl\:max-h-896 {
    max-height: 896px !important;
  }
}
body .w-960 {
  width: 960px !important;
}
@media (min-width: 480px) {
  body .sm\:w-960.sm\:w-960 {
    width: 960px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-960.md\:w-960 {
    width: 960px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-960.lg\:w-960 {
    width: 960px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-960.xl\:w-960 {
    width: 960px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-960.xxl\:w-960 {
    width: 960px !important;
  }
}
body .min-w-960 {
  min-width: 960px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-960.sm\:min-w-960 {
    min-width: 960px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-960.md\:min-w-960 {
    min-width: 960px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-960.lg\:min-w-960 {
    min-width: 960px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-960.xl\:min-w-960 {
    min-width: 960px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-960.xxl\:min-w-960 {
    min-width: 960px !important;
  }
}
body .max-w-960 {
  max-width: 960px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-960.sm\:max-w-960 {
    max-width: 960px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-960.md\:max-w-960 {
    max-width: 960px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-960.lg\:max-w-960 {
    max-width: 960px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-960.xl\:max-w-960 {
    max-width: 960px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-960.xxl\:max-w-960 {
    max-width: 960px !important;
  }
}
body .h-960 {
  height: 960px !important;
}
@media (min-width: 480px) {
  body .sm\:h-960.sm\:h-960 {
    height: 960px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-960.md\:h-960 {
    height: 960px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-960.lg\:h-960 {
    height: 960px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-960.xl\:h-960 {
    height: 960px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-960.xxl\:h-960 {
    height: 960px !important;
  }
}
body .min-h-960 {
  min-height: 960px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-960.sm\:min-h-960 {
    min-height: 960px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-960.md\:min-h-960 {
    min-height: 960px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-960.lg\:min-h-960 {
    min-height: 960px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-960.xl\:min-h-960 {
    min-height: 960px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-960.xxl\:min-h-960 {
    min-height: 960px !important;
  }
}
body .max-h-960 {
  max-height: 960px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-960.sm\:max-h-960 {
    max-height: 960px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-960.md\:max-h-960 {
    max-height: 960px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-960.lg\:max-h-960 {
    max-height: 960px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-960.xl\:max-h-960 {
    max-height: 960px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-960.xxl\:max-h-960 {
    max-height: 960px !important;
  }
}
body .w-1024 {
  width: 1024px !important;
}
@media (min-width: 480px) {
  body .sm\:w-1024.sm\:w-1024 {
    width: 1024px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-1024.md\:w-1024 {
    width: 1024px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-1024.lg\:w-1024 {
    width: 1024px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-1024.xl\:w-1024 {
    width: 1024px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-1024.xxl\:w-1024 {
    width: 1024px !important;
  }
}
body .min-w-1024 {
  min-width: 1024px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-1024.sm\:min-w-1024 {
    min-width: 1024px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-1024.md\:min-w-1024 {
    min-width: 1024px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-1024.lg\:min-w-1024 {
    min-width: 1024px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-1024.xl\:min-w-1024 {
    min-width: 1024px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-1024.xxl\:min-w-1024 {
    min-width: 1024px !important;
  }
}
body .max-w-1024 {
  max-width: 1024px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-1024.sm\:max-w-1024 {
    max-width: 1024px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-1024.md\:max-w-1024 {
    max-width: 1024px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-1024.lg\:max-w-1024 {
    max-width: 1024px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-1024.xl\:max-w-1024 {
    max-width: 1024px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-1024.xxl\:max-w-1024 {
    max-width: 1024px !important;
  }
}
body .h-1024 {
  height: 1024px !important;
}
@media (min-width: 480px) {
  body .sm\:h-1024.sm\:h-1024 {
    height: 1024px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-1024.md\:h-1024 {
    height: 1024px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-1024.lg\:h-1024 {
    height: 1024px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-1024.xl\:h-1024 {
    height: 1024px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-1024.xxl\:h-1024 {
    height: 1024px !important;
  }
}
body .min-h-1024 {
  min-height: 1024px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-1024.sm\:min-h-1024 {
    min-height: 1024px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-1024.md\:min-h-1024 {
    min-height: 1024px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-1024.lg\:min-h-1024 {
    min-height: 1024px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-1024.xl\:min-h-1024 {
    min-height: 1024px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-1024.xxl\:min-h-1024 {
    min-height: 1024px !important;
  }
}
body .max-h-1024 {
  max-height: 1024px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-1024.sm\:max-h-1024 {
    max-height: 1024px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-1024.md\:max-h-1024 {
    max-height: 1024px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-1024.lg\:max-h-1024 {
    max-height: 1024px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-1024.xl\:max-h-1024 {
    max-height: 1024px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-1024.xxl\:max-h-1024 {
    max-height: 1024px !important;
  }
}
body .w-1152 {
  width: 1152px !important;
}
@media (min-width: 480px) {
  body .sm\:w-1152.sm\:w-1152 {
    width: 1152px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-1152.md\:w-1152 {
    width: 1152px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-1152.lg\:w-1152 {
    width: 1152px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-1152.xl\:w-1152 {
    width: 1152px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-1152.xxl\:w-1152 {
    width: 1152px !important;
  }
}
body .min-w-1152 {
  min-width: 1152px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-1152.sm\:min-w-1152 {
    min-width: 1152px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-1152.md\:min-w-1152 {
    min-width: 1152px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-1152.lg\:min-w-1152 {
    min-width: 1152px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-1152.xl\:min-w-1152 {
    min-width: 1152px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-1152.xxl\:min-w-1152 {
    min-width: 1152px !important;
  }
}
body .max-w-1152 {
  max-width: 1152px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-1152.sm\:max-w-1152 {
    max-width: 1152px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-1152.md\:max-w-1152 {
    max-width: 1152px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-1152.lg\:max-w-1152 {
    max-width: 1152px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-1152.xl\:max-w-1152 {
    max-width: 1152px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-1152.xxl\:max-w-1152 {
    max-width: 1152px !important;
  }
}
body .h-1152 {
  height: 1152px !important;
}
@media (min-width: 480px) {
  body .sm\:h-1152.sm\:h-1152 {
    height: 1152px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-1152.md\:h-1152 {
    height: 1152px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-1152.lg\:h-1152 {
    height: 1152px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-1152.xl\:h-1152 {
    height: 1152px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-1152.xxl\:h-1152 {
    height: 1152px !important;
  }
}
body .min-h-1152 {
  min-height: 1152px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-1152.sm\:min-h-1152 {
    min-height: 1152px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-1152.md\:min-h-1152 {
    min-height: 1152px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-1152.lg\:min-h-1152 {
    min-height: 1152px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-1152.xl\:min-h-1152 {
    min-height: 1152px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-1152.xxl\:min-h-1152 {
    min-height: 1152px !important;
  }
}
body .max-h-1152 {
  max-height: 1152px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-1152.sm\:max-h-1152 {
    max-height: 1152px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-1152.md\:max-h-1152 {
    max-height: 1152px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-1152.lg\:max-h-1152 {
    max-height: 1152px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-1152.xl\:max-h-1152 {
    max-height: 1152px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-1152.xxl\:max-h-1152 {
    max-height: 1152px !important;
  }
}
body .w-1280 {
  width: 1280px !important;
}
@media (min-width: 480px) {
  body .sm\:w-1280.sm\:w-1280 {
    width: 1280px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-1280.md\:w-1280 {
    width: 1280px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-1280.lg\:w-1280 {
    width: 1280px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-1280.xl\:w-1280 {
    width: 1280px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-1280.xxl\:w-1280 {
    width: 1280px !important;
  }
}
body .min-w-1280 {
  min-width: 1280px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-1280.sm\:min-w-1280 {
    min-width: 1280px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-1280.md\:min-w-1280 {
    min-width: 1280px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-1280.lg\:min-w-1280 {
    min-width: 1280px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-1280.xl\:min-w-1280 {
    min-width: 1280px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-1280.xxl\:min-w-1280 {
    min-width: 1280px !important;
  }
}
body .max-w-1280 {
  max-width: 1280px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-1280.sm\:max-w-1280 {
    max-width: 1280px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-1280.md\:max-w-1280 {
    max-width: 1280px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-1280.lg\:max-w-1280 {
    max-width: 1280px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-1280.xl\:max-w-1280 {
    max-width: 1280px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-1280.xxl\:max-w-1280 {
    max-width: 1280px !important;
  }
}
body .h-1280 {
  height: 1280px !important;
}
@media (min-width: 480px) {
  body .sm\:h-1280.sm\:h-1280 {
    height: 1280px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-1280.md\:h-1280 {
    height: 1280px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-1280.lg\:h-1280 {
    height: 1280px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-1280.xl\:h-1280 {
    height: 1280px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-1280.xxl\:h-1280 {
    height: 1280px !important;
  }
}
body .min-h-1280 {
  min-height: 1280px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-1280.sm\:min-h-1280 {
    min-height: 1280px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-1280.md\:min-h-1280 {
    min-height: 1280px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-1280.lg\:min-h-1280 {
    min-height: 1280px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-1280.xl\:min-h-1280 {
    min-height: 1280px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-1280.xxl\:min-h-1280 {
    min-height: 1280px !important;
  }
}
body .max-h-1280 {
  max-height: 1280px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-1280.sm\:max-h-1280 {
    max-height: 1280px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-1280.md\:max-h-1280 {
    max-height: 1280px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-1280.lg\:max-h-1280 {
    max-height: 1280px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-1280.xl\:max-h-1280 {
    max-height: 1280px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-1280.xxl\:max-h-1280 {
    max-height: 1280px !important;
  }
}
body .w-1440 {
  width: 1440px !important;
}
@media (min-width: 480px) {
  body .sm\:w-1440.sm\:w-1440 {
    width: 1440px !important;
  }
}
@media (min-width: 768px) {
  body .md\:w-1440.md\:w-1440 {
    width: 1440px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:w-1440.lg\:w-1440 {
    width: 1440px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:w-1440.xl\:w-1440 {
    width: 1440px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:w-1440.xxl\:w-1440 {
    width: 1440px !important;
  }
}
body .min-w-1440 {
  min-width: 1440px !important;
}
@media (min-width: 480px) {
  body .sm\:min-w-1440.sm\:min-w-1440 {
    min-width: 1440px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-w-1440.md\:min-w-1440 {
    min-width: 1440px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-w-1440.lg\:min-w-1440 {
    min-width: 1440px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-w-1440.xl\:min-w-1440 {
    min-width: 1440px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-w-1440.xxl\:min-w-1440 {
    min-width: 1440px !important;
  }
}
body .max-w-1440 {
  max-width: 1440px !important;
}
@media (min-width: 480px) {
  body .sm\:max-w-1440.sm\:max-w-1440 {
    max-width: 1440px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-w-1440.md\:max-w-1440 {
    max-width: 1440px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-w-1440.lg\:max-w-1440 {
    max-width: 1440px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-w-1440.xl\:max-w-1440 {
    max-width: 1440px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-w-1440.xxl\:max-w-1440 {
    max-width: 1440px !important;
  }
}
body .h-1440 {
  height: 1440px !important;
}
@media (min-width: 480px) {
  body .sm\:h-1440.sm\:h-1440 {
    height: 1440px !important;
  }
}
@media (min-width: 768px) {
  body .md\:h-1440.md\:h-1440 {
    height: 1440px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:h-1440.lg\:h-1440 {
    height: 1440px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:h-1440.xl\:h-1440 {
    height: 1440px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:h-1440.xxl\:h-1440 {
    height: 1440px !important;
  }
}
body .min-h-1440 {
  min-height: 1440px !important;
}
@media (min-width: 480px) {
  body .sm\:min-h-1440.sm\:min-h-1440 {
    min-height: 1440px !important;
  }
}
@media (min-width: 768px) {
  body .md\:min-h-1440.md\:min-h-1440 {
    min-height: 1440px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:min-h-1440.lg\:min-h-1440 {
    min-height: 1440px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:min-h-1440.xl\:min-h-1440 {
    min-height: 1440px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:min-h-1440.xxl\:min-h-1440 {
    min-height: 1440px !important;
  }
}
body .max-h-1440 {
  max-height: 1440px !important;
}
@media (min-width: 480px) {
  body .sm\:max-h-1440.sm\:max-h-1440 {
    max-height: 1440px !important;
  }
}
@media (min-width: 768px) {
  body .md\:max-h-1440.md\:max-h-1440 {
    max-height: 1440px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:max-h-1440.lg\:max-h-1440 {
    max-height: 1440px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:max-h-1440.xl\:max-h-1440 {
    max-height: 1440px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:max-h-1440.xxl\:max-h-1440 {
    max-height: 1440px !important;
  }
}

body .m-auto {
  margin: auto !important;
}
body .p-auto {
  padding: auto !important;
}
@media (min-width: 480px) {
  body .sm\:m-auto.sm\:m-auto {
    margin: auto !important;
  }
  body .sm\:p-auto.sm\:p-auto {
    padding: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-auto.md\:m-auto {
    margin: auto !important;
  }
  body .md\:p-auto.md\:p-auto {
    padding: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-auto.lg\:m-auto {
    margin: auto !important;
  }
  body .lg\:p-auto.lg\:p-auto {
    padding: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-auto.xl\:m-auto {
    margin: auto !important;
  }
  body .xl\:p-auto.xl\:p-auto {
    padding: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-auto.xxl\:m-auto {
    margin: auto !important;
  }
  body .xxl\:p-auto.xxl\:p-auto {
    padding: auto !important;
  }
}
body .m-full {
  margin: 100% !important;
}
body .p-full {
  padding: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:m-full.sm\:m-full {
    margin: 100% !important;
  }
  body .sm\:p-full.sm\:p-full {
    padding: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-full.md\:m-full {
    margin: 100% !important;
  }
  body .md\:p-full.md\:p-full {
    padding: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-full.lg\:m-full {
    margin: 100% !important;
  }
  body .lg\:p-full.lg\:p-full {
    padding: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-full.xl\:m-full {
    margin: 100% !important;
  }
  body .xl\:p-full.xl\:p-full {
    padding: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-full.xxl\:m-full {
    margin: 100% !important;
  }
  body .xxl\:p-full.xxl\:p-full {
    padding: 100% !important;
  }
}
body .m-pct66 {
  margin: 66% !important;
}
body .p-pct66 {
  padding: 66% !important;
}
@media (min-width: 480px) {
  body .sm\:m-pct66.sm\:m-pct66 {
    margin: 66% !important;
  }
  body .sm\:p-pct66.sm\:p-pct66 {
    padding: 66% !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-pct66.md\:m-pct66 {
    margin: 66% !important;
  }
  body .md\:p-pct66.md\:p-pct66 {
    padding: 66% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-pct66.lg\:m-pct66 {
    margin: 66% !important;
  }
  body .lg\:p-pct66.lg\:p-pct66 {
    padding: 66% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-pct66.xl\:m-pct66 {
    margin: 66% !important;
  }
  body .xl\:p-pct66.xl\:p-pct66 {
    padding: 66% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-pct66.xxl\:m-pct66 {
    margin: 66% !important;
  }
  body .xxl\:p-pct66.xxl\:p-pct66 {
    padding: 66% !important;
  }
}
body .m-pct75 {
  margin: 75% !important;
}
body .p-pct75 {
  padding: 75% !important;
}
@media (min-width: 480px) {
  body .sm\:m-pct75.sm\:m-pct75 {
    margin: 75% !important;
  }
  body .sm\:p-pct75.sm\:p-pct75 {
    padding: 75% !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-pct75.md\:m-pct75 {
    margin: 75% !important;
  }
  body .md\:p-pct75.md\:p-pct75 {
    padding: 75% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-pct75.lg\:m-pct75 {
    margin: 75% !important;
  }
  body .lg\:p-pct75.lg\:p-pct75 {
    padding: 75% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-pct75.xl\:m-pct75 {
    margin: 75% !important;
  }
  body .xl\:p-pct75.xl\:p-pct75 {
    padding: 75% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-pct75.xxl\:m-pct75 {
    margin: 75% !important;
  }
  body .xxl\:p-pct75.xxl\:p-pct75 {
    padding: 75% !important;
  }
}
body .m-0 {
  margin: 0 !important;
}
body .p-0 {
  padding: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:m-0.sm\:m-0 {
    margin: 0 !important;
  }
  body .sm\:p-0.sm\:p-0 {
    padding: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-0.md\:m-0 {
    margin: 0 !important;
  }
  body .md\:p-0.md\:p-0 {
    padding: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-0.lg\:m-0 {
    margin: 0 !important;
  }
  body .lg\:p-0.lg\:p-0 {
    padding: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-0.xl\:m-0 {
    margin: 0 !important;
  }
  body .xl\:p-0.xl\:p-0 {
    padding: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-0.xxl\:m-0 {
    margin: 0 !important;
  }
  body .xxl\:p-0.xxl\:p-0 {
    padding: 0 !important;
  }
}
body .m-1 {
  margin: 2px !important;
}
body .p-1 {
  padding: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:m-1.sm\:m-1 {
    margin: 2px !important;
  }
  body .sm\:p-1.sm\:p-1 {
    padding: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-1.md\:m-1 {
    margin: 2px !important;
  }
  body .md\:p-1.md\:p-1 {
    padding: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-1.lg\:m-1 {
    margin: 2px !important;
  }
  body .lg\:p-1.lg\:p-1 {
    padding: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-1.xl\:m-1 {
    margin: 2px !important;
  }
  body .xl\:p-1.xl\:p-1 {
    padding: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-1.xxl\:m-1 {
    margin: 2px !important;
  }
  body .xxl\:p-1.xxl\:p-1 {
    padding: 2px !important;
  }
}
body .m-2 {
  margin: 4px !important;
}
body .p-2 {
  padding: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:m-2.sm\:m-2 {
    margin: 4px !important;
  }
  body .sm\:p-2.sm\:p-2 {
    padding: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-2.md\:m-2 {
    margin: 4px !important;
  }
  body .md\:p-2.md\:p-2 {
    padding: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-2.lg\:m-2 {
    margin: 4px !important;
  }
  body .lg\:p-2.lg\:p-2 {
    padding: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-2.xl\:m-2 {
    margin: 4px !important;
  }
  body .xl\:p-2.xl\:p-2 {
    padding: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-2.xxl\:m-2 {
    margin: 4px !important;
  }
  body .xxl\:p-2.xxl\:p-2 {
    padding: 4px !important;
  }
}
body .m-3 {
  margin: 8px !important;
}
body .p-3 {
  padding: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:m-3.sm\:m-3 {
    margin: 8px !important;
  }
  body .sm\:p-3.sm\:p-3 {
    padding: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-3.md\:m-3 {
    margin: 8px !important;
  }
  body .md\:p-3.md\:p-3 {
    padding: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-3.lg\:m-3 {
    margin: 8px !important;
  }
  body .lg\:p-3.lg\:p-3 {
    padding: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-3.xl\:m-3 {
    margin: 8px !important;
  }
  body .xl\:p-3.xl\:p-3 {
    padding: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-3.xxl\:m-3 {
    margin: 8px !important;
  }
  body .xxl\:p-3.xxl\:p-3 {
    padding: 8px !important;
  }
}
body .m-4 {
  margin: 12px !important;
}
body .p-4 {
  padding: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:m-4.sm\:m-4 {
    margin: 12px !important;
  }
  body .sm\:p-4.sm\:p-4 {
    padding: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-4.md\:m-4 {
    margin: 12px !important;
  }
  body .md\:p-4.md\:p-4 {
    padding: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-4.lg\:m-4 {
    margin: 12px !important;
  }
  body .lg\:p-4.lg\:p-4 {
    padding: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-4.xl\:m-4 {
    margin: 12px !important;
  }
  body .xl\:p-4.xl\:p-4 {
    padding: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-4.xxl\:m-4 {
    margin: 12px !important;
  }
  body .xxl\:p-4.xxl\:p-4 {
    padding: 12px !important;
  }
}
body .m-5 {
  margin: 16px !important;
}
body .p-5 {
  padding: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:m-5.sm\:m-5 {
    margin: 16px !important;
  }
  body .sm\:p-5.sm\:p-5 {
    padding: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-5.md\:m-5 {
    margin: 16px !important;
  }
  body .md\:p-5.md\:p-5 {
    padding: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-5.lg\:m-5 {
    margin: 16px !important;
  }
  body .lg\:p-5.lg\:p-5 {
    padding: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-5.xl\:m-5 {
    margin: 16px !important;
  }
  body .xl\:p-5.xl\:p-5 {
    padding: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-5.xxl\:m-5 {
    margin: 16px !important;
  }
  body .xxl\:p-5.xxl\:p-5 {
    padding: 16px !important;
  }
}
body .m-6 {
  margin: 20px !important;
}
body .p-6 {
  padding: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:m-6.sm\:m-6 {
    margin: 20px !important;
  }
  body .sm\:p-6.sm\:p-6 {
    padding: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-6.md\:m-6 {
    margin: 20px !important;
  }
  body .md\:p-6.md\:p-6 {
    padding: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-6.lg\:m-6 {
    margin: 20px !important;
  }
  body .lg\:p-6.lg\:p-6 {
    padding: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-6.xl\:m-6 {
    margin: 20px !important;
  }
  body .xl\:p-6.xl\:p-6 {
    padding: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-6.xxl\:m-6 {
    margin: 20px !important;
  }
  body .xxl\:p-6.xxl\:p-6 {
    padding: 20px !important;
  }
}
body .m-7 {
  margin: 24px !important;
}
body .p-7 {
  padding: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:m-7.sm\:m-7 {
    margin: 24px !important;
  }
  body .sm\:p-7.sm\:p-7 {
    padding: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-7.md\:m-7 {
    margin: 24px !important;
  }
  body .md\:p-7.md\:p-7 {
    padding: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-7.lg\:m-7 {
    margin: 24px !important;
  }
  body .lg\:p-7.lg\:p-7 {
    padding: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-7.xl\:m-7 {
    margin: 24px !important;
  }
  body .xl\:p-7.xl\:p-7 {
    padding: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-7.xxl\:m-7 {
    margin: 24px !important;
  }
  body .xxl\:p-7.xxl\:p-7 {
    padding: 24px !important;
  }
}
body .m-8 {
  margin: 32px !important;
}
body .p-8 {
  padding: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:m-8.sm\:m-8 {
    margin: 32px !important;
  }
  body .sm\:p-8.sm\:p-8 {
    padding: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-8.md\:m-8 {
    margin: 32px !important;
  }
  body .md\:p-8.md\:p-8 {
    padding: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-8.lg\:m-8 {
    margin: 32px !important;
  }
  body .lg\:p-8.lg\:p-8 {
    padding: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-8.xl\:m-8 {
    margin: 32px !important;
  }
  body .xl\:p-8.xl\:p-8 {
    padding: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-8.xxl\:m-8 {
    margin: 32px !important;
  }
  body .xxl\:p-8.xxl\:p-8 {
    padding: 32px !important;
  }
}
body .m-9 {
  margin: 40px !important;
}
body .p-9 {
  padding: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:m-9.sm\:m-9 {
    margin: 40px !important;
  }
  body .sm\:p-9.sm\:p-9 {
    padding: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-9.md\:m-9 {
    margin: 40px !important;
  }
  body .md\:p-9.md\:p-9 {
    padding: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-9.lg\:m-9 {
    margin: 40px !important;
  }
  body .lg\:p-9.lg\:p-9 {
    padding: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-9.xl\:m-9 {
    margin: 40px !important;
  }
  body .xl\:p-9.xl\:p-9 {
    padding: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-9.xxl\:m-9 {
    margin: 40px !important;
  }
  body .xxl\:p-9.xxl\:p-9 {
    padding: 40px !important;
  }
}
body .m-10 {
  margin: 48px !important;
}
body .p-10 {
  padding: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:m-10.sm\:m-10 {
    margin: 48px !important;
  }
  body .sm\:p-10.sm\:p-10 {
    padding: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-10.md\:m-10 {
    margin: 48px !important;
  }
  body .md\:p-10.md\:p-10 {
    padding: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-10.lg\:m-10 {
    margin: 48px !important;
  }
  body .lg\:p-10.lg\:p-10 {
    padding: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-10.xl\:m-10 {
    margin: 48px !important;
  }
  body .xl\:p-10.xl\:p-10 {
    padding: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-10.xxl\:m-10 {
    margin: 48px !important;
  }
  body .xxl\:p-10.xxl\:p-10 {
    padding: 48px !important;
  }
}
body .m-11 {
  margin: 64px !important;
}
body .p-11 {
  padding: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:m-11.sm\:m-11 {
    margin: 64px !important;
  }
  body .sm\:p-11.sm\:p-11 {
    padding: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-11.md\:m-11 {
    margin: 64px !important;
  }
  body .md\:p-11.md\:p-11 {
    padding: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-11.lg\:m-11 {
    margin: 64px !important;
  }
  body .lg\:p-11.lg\:p-11 {
    padding: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-11.xl\:m-11 {
    margin: 64px !important;
  }
  body .xl\:p-11.xl\:p-11 {
    padding: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-11.xxl\:m-11 {
    margin: 64px !important;
  }
  body .xxl\:p-11.xxl\:p-11 {
    padding: 64px !important;
  }
}
body .m-16 {
  margin: 256px !important;
}
body .p-16 {
  padding: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:m-16.sm\:m-16 {
    margin: 256px !important;
  }
  body .sm\:p-16.sm\:p-16 {
    padding: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:m-16.md\:m-16 {
    margin: 256px !important;
  }
  body .md\:p-16.md\:p-16 {
    padding: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:m-16.lg\:m-16 {
    margin: 256px !important;
  }
  body .lg\:p-16.lg\:p-16 {
    padding: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:m-16.xl\:m-16 {
    margin: 256px !important;
  }
  body .xl\:p-16.xl\:p-16 {
    padding: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:m-16.xxl\:m-16 {
    margin: 256px !important;
  }
  body .xxl\:p-16.xxl\:p-16 {
    padding: 256px !important;
  }
}
body .mt-auto {
  margin-top: auto !important;
}
body .pt-auto {
  padding-top: auto !important;
}
@media (min-width: 480px) {
  body .sm\:mt-auto.sm\:mt-auto {
    margin-top: auto !important;
  }
  body .sm\:pt-auto.sm\:pt-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-auto.md\:mt-auto {
    margin-top: auto !important;
  }
  body .md\:pt-auto.md\:pt-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-auto.lg\:mt-auto {
    margin-top: auto !important;
  }
  body .lg\:pt-auto.lg\:pt-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-auto.xl\:mt-auto {
    margin-top: auto !important;
  }
  body .xl\:pt-auto.xl\:pt-auto {
    padding-top: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-auto.xxl\:mt-auto {
    margin-top: auto !important;
  }
  body .xxl\:pt-auto.xxl\:pt-auto {
    padding-top: auto !important;
  }
}
body .mt-full {
  margin-top: 100% !important;
}
body .pt-full {
  padding-top: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:mt-full.sm\:mt-full {
    margin-top: 100% !important;
  }
  body .sm\:pt-full.sm\:pt-full {
    padding-top: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-full.md\:mt-full {
    margin-top: 100% !important;
  }
  body .md\:pt-full.md\:pt-full {
    padding-top: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-full.lg\:mt-full {
    margin-top: 100% !important;
  }
  body .lg\:pt-full.lg\:pt-full {
    padding-top: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-full.xl\:mt-full {
    margin-top: 100% !important;
  }
  body .xl\:pt-full.xl\:pt-full {
    padding-top: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-full.xxl\:mt-full {
    margin-top: 100% !important;
  }
  body .xxl\:pt-full.xxl\:pt-full {
    padding-top: 100% !important;
  }
}
body .mt-pct66 {
  margin-top: 66% !important;
}
body .pt-pct66 {
  padding-top: 66% !important;
}
@media (min-width: 480px) {
  body .sm\:mt-pct66.sm\:mt-pct66 {
    margin-top: 66% !important;
  }
  body .sm\:pt-pct66.sm\:pt-pct66 {
    padding-top: 66% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-pct66.md\:mt-pct66 {
    margin-top: 66% !important;
  }
  body .md\:pt-pct66.md\:pt-pct66 {
    padding-top: 66% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-pct66.lg\:mt-pct66 {
    margin-top: 66% !important;
  }
  body .lg\:pt-pct66.lg\:pt-pct66 {
    padding-top: 66% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-pct66.xl\:mt-pct66 {
    margin-top: 66% !important;
  }
  body .xl\:pt-pct66.xl\:pt-pct66 {
    padding-top: 66% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-pct66.xxl\:mt-pct66 {
    margin-top: 66% !important;
  }
  body .xxl\:pt-pct66.xxl\:pt-pct66 {
    padding-top: 66% !important;
  }
}
body .mt-pct75 {
  margin-top: 75% !important;
}
body .pt-pct75 {
  padding-top: 75% !important;
}
@media (min-width: 480px) {
  body .sm\:mt-pct75.sm\:mt-pct75 {
    margin-top: 75% !important;
  }
  body .sm\:pt-pct75.sm\:pt-pct75 {
    padding-top: 75% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-pct75.md\:mt-pct75 {
    margin-top: 75% !important;
  }
  body .md\:pt-pct75.md\:pt-pct75 {
    padding-top: 75% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-pct75.lg\:mt-pct75 {
    margin-top: 75% !important;
  }
  body .lg\:pt-pct75.lg\:pt-pct75 {
    padding-top: 75% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-pct75.xl\:mt-pct75 {
    margin-top: 75% !important;
  }
  body .xl\:pt-pct75.xl\:pt-pct75 {
    padding-top: 75% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-pct75.xxl\:mt-pct75 {
    margin-top: 75% !important;
  }
  body .xxl\:pt-pct75.xxl\:pt-pct75 {
    padding-top: 75% !important;
  }
}
body .mt-0 {
  margin-top: 0 !important;
}
body .pt-0 {
  padding-top: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:mt-0.sm\:mt-0 {
    margin-top: 0 !important;
  }
  body .sm\:pt-0.sm\:pt-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-0.md\:mt-0 {
    margin-top: 0 !important;
  }
  body .md\:pt-0.md\:pt-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-0.lg\:mt-0 {
    margin-top: 0 !important;
  }
  body .lg\:pt-0.lg\:pt-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-0.xl\:mt-0 {
    margin-top: 0 !important;
  }
  body .xl\:pt-0.xl\:pt-0 {
    padding-top: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-0.xxl\:mt-0 {
    margin-top: 0 !important;
  }
  body .xxl\:pt-0.xxl\:pt-0 {
    padding-top: 0 !important;
  }
}
body .mt-1 {
  margin-top: 2px !important;
}
body .pt-1 {
  padding-top: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-1.sm\:mt-1 {
    margin-top: 2px !important;
  }
  body .sm\:pt-1.sm\:pt-1 {
    padding-top: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-1.md\:mt-1 {
    margin-top: 2px !important;
  }
  body .md\:pt-1.md\:pt-1 {
    padding-top: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-1.lg\:mt-1 {
    margin-top: 2px !important;
  }
  body .lg\:pt-1.lg\:pt-1 {
    padding-top: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-1.xl\:mt-1 {
    margin-top: 2px !important;
  }
  body .xl\:pt-1.xl\:pt-1 {
    padding-top: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-1.xxl\:mt-1 {
    margin-top: 2px !important;
  }
  body .xxl\:pt-1.xxl\:pt-1 {
    padding-top: 2px !important;
  }
}
body .mt-2 {
  margin-top: 4px !important;
}
body .pt-2 {
  padding-top: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-2.sm\:mt-2 {
    margin-top: 4px !important;
  }
  body .sm\:pt-2.sm\:pt-2 {
    padding-top: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-2.md\:mt-2 {
    margin-top: 4px !important;
  }
  body .md\:pt-2.md\:pt-2 {
    padding-top: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-2.lg\:mt-2 {
    margin-top: 4px !important;
  }
  body .lg\:pt-2.lg\:pt-2 {
    padding-top: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-2.xl\:mt-2 {
    margin-top: 4px !important;
  }
  body .xl\:pt-2.xl\:pt-2 {
    padding-top: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-2.xxl\:mt-2 {
    margin-top: 4px !important;
  }
  body .xxl\:pt-2.xxl\:pt-2 {
    padding-top: 4px !important;
  }
}
body .mt-3 {
  margin-top: 8px !important;
}
body .pt-3 {
  padding-top: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-3.sm\:mt-3 {
    margin-top: 8px !important;
  }
  body .sm\:pt-3.sm\:pt-3 {
    padding-top: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-3.md\:mt-3 {
    margin-top: 8px !important;
  }
  body .md\:pt-3.md\:pt-3 {
    padding-top: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-3.lg\:mt-3 {
    margin-top: 8px !important;
  }
  body .lg\:pt-3.lg\:pt-3 {
    padding-top: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-3.xl\:mt-3 {
    margin-top: 8px !important;
  }
  body .xl\:pt-3.xl\:pt-3 {
    padding-top: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-3.xxl\:mt-3 {
    margin-top: 8px !important;
  }
  body .xxl\:pt-3.xxl\:pt-3 {
    padding-top: 8px !important;
  }
}
body .mt-4 {
  margin-top: 12px !important;
}
body .pt-4 {
  padding-top: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-4.sm\:mt-4 {
    margin-top: 12px !important;
  }
  body .sm\:pt-4.sm\:pt-4 {
    padding-top: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-4.md\:mt-4 {
    margin-top: 12px !important;
  }
  body .md\:pt-4.md\:pt-4 {
    padding-top: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-4.lg\:mt-4 {
    margin-top: 12px !important;
  }
  body .lg\:pt-4.lg\:pt-4 {
    padding-top: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-4.xl\:mt-4 {
    margin-top: 12px !important;
  }
  body .xl\:pt-4.xl\:pt-4 {
    padding-top: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-4.xxl\:mt-4 {
    margin-top: 12px !important;
  }
  body .xxl\:pt-4.xxl\:pt-4 {
    padding-top: 12px !important;
  }
}
body .mt-5 {
  margin-top: 16px !important;
}
body .pt-5 {
  padding-top: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-5.sm\:mt-5 {
    margin-top: 16px !important;
  }
  body .sm\:pt-5.sm\:pt-5 {
    padding-top: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-5.md\:mt-5 {
    margin-top: 16px !important;
  }
  body .md\:pt-5.md\:pt-5 {
    padding-top: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-5.lg\:mt-5 {
    margin-top: 16px !important;
  }
  body .lg\:pt-5.lg\:pt-5 {
    padding-top: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-5.xl\:mt-5 {
    margin-top: 16px !important;
  }
  body .xl\:pt-5.xl\:pt-5 {
    padding-top: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-5.xxl\:mt-5 {
    margin-top: 16px !important;
  }
  body .xxl\:pt-5.xxl\:pt-5 {
    padding-top: 16px !important;
  }
}
body .mt-6 {
  margin-top: 20px !important;
}
body .pt-6 {
  padding-top: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-6.sm\:mt-6 {
    margin-top: 20px !important;
  }
  body .sm\:pt-6.sm\:pt-6 {
    padding-top: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-6.md\:mt-6 {
    margin-top: 20px !important;
  }
  body .md\:pt-6.md\:pt-6 {
    padding-top: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-6.lg\:mt-6 {
    margin-top: 20px !important;
  }
  body .lg\:pt-6.lg\:pt-6 {
    padding-top: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-6.xl\:mt-6 {
    margin-top: 20px !important;
  }
  body .xl\:pt-6.xl\:pt-6 {
    padding-top: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-6.xxl\:mt-6 {
    margin-top: 20px !important;
  }
  body .xxl\:pt-6.xxl\:pt-6 {
    padding-top: 20px !important;
  }
}
body .mt-7 {
  margin-top: 24px !important;
}
body .pt-7 {
  padding-top: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-7.sm\:mt-7 {
    margin-top: 24px !important;
  }
  body .sm\:pt-7.sm\:pt-7 {
    padding-top: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-7.md\:mt-7 {
    margin-top: 24px !important;
  }
  body .md\:pt-7.md\:pt-7 {
    padding-top: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-7.lg\:mt-7 {
    margin-top: 24px !important;
  }
  body .lg\:pt-7.lg\:pt-7 {
    padding-top: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-7.xl\:mt-7 {
    margin-top: 24px !important;
  }
  body .xl\:pt-7.xl\:pt-7 {
    padding-top: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-7.xxl\:mt-7 {
    margin-top: 24px !important;
  }
  body .xxl\:pt-7.xxl\:pt-7 {
    padding-top: 24px !important;
  }
}
body .mt-8 {
  margin-top: 32px !important;
}
body .pt-8 {
  padding-top: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-8.sm\:mt-8 {
    margin-top: 32px !important;
  }
  body .sm\:pt-8.sm\:pt-8 {
    padding-top: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-8.md\:mt-8 {
    margin-top: 32px !important;
  }
  body .md\:pt-8.md\:pt-8 {
    padding-top: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-8.lg\:mt-8 {
    margin-top: 32px !important;
  }
  body .lg\:pt-8.lg\:pt-8 {
    padding-top: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-8.xl\:mt-8 {
    margin-top: 32px !important;
  }
  body .xl\:pt-8.xl\:pt-8 {
    padding-top: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-8.xxl\:mt-8 {
    margin-top: 32px !important;
  }
  body .xxl\:pt-8.xxl\:pt-8 {
    padding-top: 32px !important;
  }
}
body .mt-9 {
  margin-top: 40px !important;
}
body .pt-9 {
  padding-top: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-9.sm\:mt-9 {
    margin-top: 40px !important;
  }
  body .sm\:pt-9.sm\:pt-9 {
    padding-top: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-9.md\:mt-9 {
    margin-top: 40px !important;
  }
  body .md\:pt-9.md\:pt-9 {
    padding-top: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-9.lg\:mt-9 {
    margin-top: 40px !important;
  }
  body .lg\:pt-9.lg\:pt-9 {
    padding-top: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-9.xl\:mt-9 {
    margin-top: 40px !important;
  }
  body .xl\:pt-9.xl\:pt-9 {
    padding-top: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-9.xxl\:mt-9 {
    margin-top: 40px !important;
  }
  body .xxl\:pt-9.xxl\:pt-9 {
    padding-top: 40px !important;
  }
}
body .mt-10 {
  margin-top: 48px !important;
}
body .pt-10 {
  padding-top: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-10.sm\:mt-10 {
    margin-top: 48px !important;
  }
  body .sm\:pt-10.sm\:pt-10 {
    padding-top: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-10.md\:mt-10 {
    margin-top: 48px !important;
  }
  body .md\:pt-10.md\:pt-10 {
    padding-top: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-10.lg\:mt-10 {
    margin-top: 48px !important;
  }
  body .lg\:pt-10.lg\:pt-10 {
    padding-top: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-10.xl\:mt-10 {
    margin-top: 48px !important;
  }
  body .xl\:pt-10.xl\:pt-10 {
    padding-top: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-10.xxl\:mt-10 {
    margin-top: 48px !important;
  }
  body .xxl\:pt-10.xxl\:pt-10 {
    padding-top: 48px !important;
  }
}
body .mt-11 {
  margin-top: 64px !important;
}
body .pt-11 {
  padding-top: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-11.sm\:mt-11 {
    margin-top: 64px !important;
  }
  body .sm\:pt-11.sm\:pt-11 {
    padding-top: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-11.md\:mt-11 {
    margin-top: 64px !important;
  }
  body .md\:pt-11.md\:pt-11 {
    padding-top: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-11.lg\:mt-11 {
    margin-top: 64px !important;
  }
  body .lg\:pt-11.lg\:pt-11 {
    padding-top: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-11.xl\:mt-11 {
    margin-top: 64px !important;
  }
  body .xl\:pt-11.xl\:pt-11 {
    padding-top: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-11.xxl\:mt-11 {
    margin-top: 64px !important;
  }
  body .xxl\:pt-11.xxl\:pt-11 {
    padding-top: 64px !important;
  }
}
body .mt-16 {
  margin-top: 256px !important;
}
body .pt-16 {
  padding-top: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:mt-16.sm\:mt-16 {
    margin-top: 256px !important;
  }
  body .sm\:pt-16.sm\:pt-16 {
    padding-top: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mt-16.md\:mt-16 {
    margin-top: 256px !important;
  }
  body .md\:pt-16.md\:pt-16 {
    padding-top: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mt-16.lg\:mt-16 {
    margin-top: 256px !important;
  }
  body .lg\:pt-16.lg\:pt-16 {
    padding-top: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mt-16.xl\:mt-16 {
    margin-top: 256px !important;
  }
  body .xl\:pt-16.xl\:pt-16 {
    padding-top: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mt-16.xxl\:mt-16 {
    margin-top: 256px !important;
  }
  body .xxl\:pt-16.xxl\:pt-16 {
    padding-top: 256px !important;
  }
}
body .mb-auto {
  margin-bottom: auto !important;
}
body .pb-auto {
  padding-bottom: auto !important;
}
@media (min-width: 480px) {
  body .sm\:mb-auto.sm\:mb-auto {
    margin-bottom: auto !important;
  }
  body .sm\:pb-auto.sm\:pb-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-auto.md\:mb-auto {
    margin-bottom: auto !important;
  }
  body .md\:pb-auto.md\:pb-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-auto.lg\:mb-auto {
    margin-bottom: auto !important;
  }
  body .lg\:pb-auto.lg\:pb-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-auto.xl\:mb-auto {
    margin-bottom: auto !important;
  }
  body .xl\:pb-auto.xl\:pb-auto {
    padding-bottom: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-auto.xxl\:mb-auto {
    margin-bottom: auto !important;
  }
  body .xxl\:pb-auto.xxl\:pb-auto {
    padding-bottom: auto !important;
  }
}
body .mb-full {
  margin-bottom: 100% !important;
}
body .pb-full {
  padding-bottom: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:mb-full.sm\:mb-full {
    margin-bottom: 100% !important;
  }
  body .sm\:pb-full.sm\:pb-full {
    padding-bottom: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-full.md\:mb-full {
    margin-bottom: 100% !important;
  }
  body .md\:pb-full.md\:pb-full {
    padding-bottom: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-full.lg\:mb-full {
    margin-bottom: 100% !important;
  }
  body .lg\:pb-full.lg\:pb-full {
    padding-bottom: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-full.xl\:mb-full {
    margin-bottom: 100% !important;
  }
  body .xl\:pb-full.xl\:pb-full {
    padding-bottom: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-full.xxl\:mb-full {
    margin-bottom: 100% !important;
  }
  body .xxl\:pb-full.xxl\:pb-full {
    padding-bottom: 100% !important;
  }
}
body .mb-pct66 {
  margin-bottom: 66% !important;
}
body .pb-pct66 {
  padding-bottom: 66% !important;
}
@media (min-width: 480px) {
  body .sm\:mb-pct66.sm\:mb-pct66 {
    margin-bottom: 66% !important;
  }
  body .sm\:pb-pct66.sm\:pb-pct66 {
    padding-bottom: 66% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-pct66.md\:mb-pct66 {
    margin-bottom: 66% !important;
  }
  body .md\:pb-pct66.md\:pb-pct66 {
    padding-bottom: 66% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-pct66.lg\:mb-pct66 {
    margin-bottom: 66% !important;
  }
  body .lg\:pb-pct66.lg\:pb-pct66 {
    padding-bottom: 66% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-pct66.xl\:mb-pct66 {
    margin-bottom: 66% !important;
  }
  body .xl\:pb-pct66.xl\:pb-pct66 {
    padding-bottom: 66% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-pct66.xxl\:mb-pct66 {
    margin-bottom: 66% !important;
  }
  body .xxl\:pb-pct66.xxl\:pb-pct66 {
    padding-bottom: 66% !important;
  }
}
body .mb-pct75 {
  margin-bottom: 75% !important;
}
body .pb-pct75 {
  padding-bottom: 75% !important;
}
@media (min-width: 480px) {
  body .sm\:mb-pct75.sm\:mb-pct75 {
    margin-bottom: 75% !important;
  }
  body .sm\:pb-pct75.sm\:pb-pct75 {
    padding-bottom: 75% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-pct75.md\:mb-pct75 {
    margin-bottom: 75% !important;
  }
  body .md\:pb-pct75.md\:pb-pct75 {
    padding-bottom: 75% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-pct75.lg\:mb-pct75 {
    margin-bottom: 75% !important;
  }
  body .lg\:pb-pct75.lg\:pb-pct75 {
    padding-bottom: 75% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-pct75.xl\:mb-pct75 {
    margin-bottom: 75% !important;
  }
  body .xl\:pb-pct75.xl\:pb-pct75 {
    padding-bottom: 75% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-pct75.xxl\:mb-pct75 {
    margin-bottom: 75% !important;
  }
  body .xxl\:pb-pct75.xxl\:pb-pct75 {
    padding-bottom: 75% !important;
  }
}
body .mb-0 {
  margin-bottom: 0 !important;
}
body .pb-0 {
  padding-bottom: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:mb-0.sm\:mb-0 {
    margin-bottom: 0 !important;
  }
  body .sm\:pb-0.sm\:pb-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-0.md\:mb-0 {
    margin-bottom: 0 !important;
  }
  body .md\:pb-0.md\:pb-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-0.lg\:mb-0 {
    margin-bottom: 0 !important;
  }
  body .lg\:pb-0.lg\:pb-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-0.xl\:mb-0 {
    margin-bottom: 0 !important;
  }
  body .xl\:pb-0.xl\:pb-0 {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-0.xxl\:mb-0 {
    margin-bottom: 0 !important;
  }
  body .xxl\:pb-0.xxl\:pb-0 {
    padding-bottom: 0 !important;
  }
}
body .mb-1 {
  margin-bottom: 2px !important;
}
body .pb-1 {
  padding-bottom: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-1.sm\:mb-1 {
    margin-bottom: 2px !important;
  }
  body .sm\:pb-1.sm\:pb-1 {
    padding-bottom: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-1.md\:mb-1 {
    margin-bottom: 2px !important;
  }
  body .md\:pb-1.md\:pb-1 {
    padding-bottom: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-1.lg\:mb-1 {
    margin-bottom: 2px !important;
  }
  body .lg\:pb-1.lg\:pb-1 {
    padding-bottom: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-1.xl\:mb-1 {
    margin-bottom: 2px !important;
  }
  body .xl\:pb-1.xl\:pb-1 {
    padding-bottom: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-1.xxl\:mb-1 {
    margin-bottom: 2px !important;
  }
  body .xxl\:pb-1.xxl\:pb-1 {
    padding-bottom: 2px !important;
  }
}
body .mb-2 {
  margin-bottom: 4px !important;
}
body .pb-2 {
  padding-bottom: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-2.sm\:mb-2 {
    margin-bottom: 4px !important;
  }
  body .sm\:pb-2.sm\:pb-2 {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-2.md\:mb-2 {
    margin-bottom: 4px !important;
  }
  body .md\:pb-2.md\:pb-2 {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-2.lg\:mb-2 {
    margin-bottom: 4px !important;
  }
  body .lg\:pb-2.lg\:pb-2 {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-2.xl\:mb-2 {
    margin-bottom: 4px !important;
  }
  body .xl\:pb-2.xl\:pb-2 {
    padding-bottom: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-2.xxl\:mb-2 {
    margin-bottom: 4px !important;
  }
  body .xxl\:pb-2.xxl\:pb-2 {
    padding-bottom: 4px !important;
  }
}
body .mb-3 {
  margin-bottom: 8px !important;
}
body .pb-3 {
  padding-bottom: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-3.sm\:mb-3 {
    margin-bottom: 8px !important;
  }
  body .sm\:pb-3.sm\:pb-3 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-3.md\:mb-3 {
    margin-bottom: 8px !important;
  }
  body .md\:pb-3.md\:pb-3 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-3.lg\:mb-3 {
    margin-bottom: 8px !important;
  }
  body .lg\:pb-3.lg\:pb-3 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-3.xl\:mb-3 {
    margin-bottom: 8px !important;
  }
  body .xl\:pb-3.xl\:pb-3 {
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-3.xxl\:mb-3 {
    margin-bottom: 8px !important;
  }
  body .xxl\:pb-3.xxl\:pb-3 {
    padding-bottom: 8px !important;
  }
}
body .mb-4 {
  margin-bottom: 12px !important;
}
body .pb-4 {
  padding-bottom: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-4.sm\:mb-4 {
    margin-bottom: 12px !important;
  }
  body .sm\:pb-4.sm\:pb-4 {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-4.md\:mb-4 {
    margin-bottom: 12px !important;
  }
  body .md\:pb-4.md\:pb-4 {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-4.lg\:mb-4 {
    margin-bottom: 12px !important;
  }
  body .lg\:pb-4.lg\:pb-4 {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-4.xl\:mb-4 {
    margin-bottom: 12px !important;
  }
  body .xl\:pb-4.xl\:pb-4 {
    padding-bottom: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-4.xxl\:mb-4 {
    margin-bottom: 12px !important;
  }
  body .xxl\:pb-4.xxl\:pb-4 {
    padding-bottom: 12px !important;
  }
}
body .mb-5 {
  margin-bottom: 16px !important;
}
body .pb-5 {
  padding-bottom: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-5.sm\:mb-5 {
    margin-bottom: 16px !important;
  }
  body .sm\:pb-5.sm\:pb-5 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-5.md\:mb-5 {
    margin-bottom: 16px !important;
  }
  body .md\:pb-5.md\:pb-5 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-5.lg\:mb-5 {
    margin-bottom: 16px !important;
  }
  body .lg\:pb-5.lg\:pb-5 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-5.xl\:mb-5 {
    margin-bottom: 16px !important;
  }
  body .xl\:pb-5.xl\:pb-5 {
    padding-bottom: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-5.xxl\:mb-5 {
    margin-bottom: 16px !important;
  }
  body .xxl\:pb-5.xxl\:pb-5 {
    padding-bottom: 16px !important;
  }
}
body .mb-6 {
  margin-bottom: 20px !important;
}
body .pb-6 {
  padding-bottom: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-6.sm\:mb-6 {
    margin-bottom: 20px !important;
  }
  body .sm\:pb-6.sm\:pb-6 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-6.md\:mb-6 {
    margin-bottom: 20px !important;
  }
  body .md\:pb-6.md\:pb-6 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-6.lg\:mb-6 {
    margin-bottom: 20px !important;
  }
  body .lg\:pb-6.lg\:pb-6 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-6.xl\:mb-6 {
    margin-bottom: 20px !important;
  }
  body .xl\:pb-6.xl\:pb-6 {
    padding-bottom: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-6.xxl\:mb-6 {
    margin-bottom: 20px !important;
  }
  body .xxl\:pb-6.xxl\:pb-6 {
    padding-bottom: 20px !important;
  }
}
body .mb-7 {
  margin-bottom: 24px !important;
}
body .pb-7 {
  padding-bottom: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-7.sm\:mb-7 {
    margin-bottom: 24px !important;
  }
  body .sm\:pb-7.sm\:pb-7 {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-7.md\:mb-7 {
    margin-bottom: 24px !important;
  }
  body .md\:pb-7.md\:pb-7 {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-7.lg\:mb-7 {
    margin-bottom: 24px !important;
  }
  body .lg\:pb-7.lg\:pb-7 {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-7.xl\:mb-7 {
    margin-bottom: 24px !important;
  }
  body .xl\:pb-7.xl\:pb-7 {
    padding-bottom: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-7.xxl\:mb-7 {
    margin-bottom: 24px !important;
  }
  body .xxl\:pb-7.xxl\:pb-7 {
    padding-bottom: 24px !important;
  }
}
body .mb-8 {
  margin-bottom: 32px !important;
}
body .pb-8 {
  padding-bottom: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-8.sm\:mb-8 {
    margin-bottom: 32px !important;
  }
  body .sm\:pb-8.sm\:pb-8 {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-8.md\:mb-8 {
    margin-bottom: 32px !important;
  }
  body .md\:pb-8.md\:pb-8 {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-8.lg\:mb-8 {
    margin-bottom: 32px !important;
  }
  body .lg\:pb-8.lg\:pb-8 {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-8.xl\:mb-8 {
    margin-bottom: 32px !important;
  }
  body .xl\:pb-8.xl\:pb-8 {
    padding-bottom: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-8.xxl\:mb-8 {
    margin-bottom: 32px !important;
  }
  body .xxl\:pb-8.xxl\:pb-8 {
    padding-bottom: 32px !important;
  }
}
body .mb-9 {
  margin-bottom: 40px !important;
}
body .pb-9 {
  padding-bottom: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-9.sm\:mb-9 {
    margin-bottom: 40px !important;
  }
  body .sm\:pb-9.sm\:pb-9 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-9.md\:mb-9 {
    margin-bottom: 40px !important;
  }
  body .md\:pb-9.md\:pb-9 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-9.lg\:mb-9 {
    margin-bottom: 40px !important;
  }
  body .lg\:pb-9.lg\:pb-9 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-9.xl\:mb-9 {
    margin-bottom: 40px !important;
  }
  body .xl\:pb-9.xl\:pb-9 {
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-9.xxl\:mb-9 {
    margin-bottom: 40px !important;
  }
  body .xxl\:pb-9.xxl\:pb-9 {
    padding-bottom: 40px !important;
  }
}
body .mb-10 {
  margin-bottom: 48px !important;
}
body .pb-10 {
  padding-bottom: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-10.sm\:mb-10 {
    margin-bottom: 48px !important;
  }
  body .sm\:pb-10.sm\:pb-10 {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-10.md\:mb-10 {
    margin-bottom: 48px !important;
  }
  body .md\:pb-10.md\:pb-10 {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-10.lg\:mb-10 {
    margin-bottom: 48px !important;
  }
  body .lg\:pb-10.lg\:pb-10 {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-10.xl\:mb-10 {
    margin-bottom: 48px !important;
  }
  body .xl\:pb-10.xl\:pb-10 {
    padding-bottom: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-10.xxl\:mb-10 {
    margin-bottom: 48px !important;
  }
  body .xxl\:pb-10.xxl\:pb-10 {
    padding-bottom: 48px !important;
  }
}
body .mb-11 {
  margin-bottom: 64px !important;
}
body .pb-11 {
  padding-bottom: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-11.sm\:mb-11 {
    margin-bottom: 64px !important;
  }
  body .sm\:pb-11.sm\:pb-11 {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-11.md\:mb-11 {
    margin-bottom: 64px !important;
  }
  body .md\:pb-11.md\:pb-11 {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-11.lg\:mb-11 {
    margin-bottom: 64px !important;
  }
  body .lg\:pb-11.lg\:pb-11 {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-11.xl\:mb-11 {
    margin-bottom: 64px !important;
  }
  body .xl\:pb-11.xl\:pb-11 {
    padding-bottom: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-11.xxl\:mb-11 {
    margin-bottom: 64px !important;
  }
  body .xxl\:pb-11.xxl\:pb-11 {
    padding-bottom: 64px !important;
  }
}
body .mb-16 {
  margin-bottom: 256px !important;
}
body .pb-16 {
  padding-bottom: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:mb-16.sm\:mb-16 {
    margin-bottom: 256px !important;
  }
  body .sm\:pb-16.sm\:pb-16 {
    padding-bottom: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mb-16.md\:mb-16 {
    margin-bottom: 256px !important;
  }
  body .md\:pb-16.md\:pb-16 {
    padding-bottom: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mb-16.lg\:mb-16 {
    margin-bottom: 256px !important;
  }
  body .lg\:pb-16.lg\:pb-16 {
    padding-bottom: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mb-16.xl\:mb-16 {
    margin-bottom: 256px !important;
  }
  body .xl\:pb-16.xl\:pb-16 {
    padding-bottom: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mb-16.xxl\:mb-16 {
    margin-bottom: 256px !important;
  }
  body .xxl\:pb-16.xxl\:pb-16 {
    padding-bottom: 256px !important;
  }
}
body .ml-auto {
  margin-left: auto !important;
}
body .pl-auto {
  padding-left: auto !important;
}
@media (min-width: 480px) {
  body .sm\:ml-auto.sm\:ml-auto {
    margin-left: auto !important;
  }
  body .sm\:pl-auto.sm\:pl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-auto.md\:ml-auto {
    margin-left: auto !important;
  }
  body .md\:pl-auto.md\:pl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-auto.lg\:ml-auto {
    margin-left: auto !important;
  }
  body .lg\:pl-auto.lg\:pl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-auto.xl\:ml-auto {
    margin-left: auto !important;
  }
  body .xl\:pl-auto.xl\:pl-auto {
    padding-left: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-auto.xxl\:ml-auto {
    margin-left: auto !important;
  }
  body .xxl\:pl-auto.xxl\:pl-auto {
    padding-left: auto !important;
  }
}
body .ml-full {
  margin-left: 100% !important;
}
body .pl-full {
  padding-left: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:ml-full.sm\:ml-full {
    margin-left: 100% !important;
  }
  body .sm\:pl-full.sm\:pl-full {
    padding-left: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-full.md\:ml-full {
    margin-left: 100% !important;
  }
  body .md\:pl-full.md\:pl-full {
    padding-left: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-full.lg\:ml-full {
    margin-left: 100% !important;
  }
  body .lg\:pl-full.lg\:pl-full {
    padding-left: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-full.xl\:ml-full {
    margin-left: 100% !important;
  }
  body .xl\:pl-full.xl\:pl-full {
    padding-left: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-full.xxl\:ml-full {
    margin-left: 100% !important;
  }
  body .xxl\:pl-full.xxl\:pl-full {
    padding-left: 100% !important;
  }
}
body .ml-pct66 {
  margin-left: 66% !important;
}
body .pl-pct66 {
  padding-left: 66% !important;
}
@media (min-width: 480px) {
  body .sm\:ml-pct66.sm\:ml-pct66 {
    margin-left: 66% !important;
  }
  body .sm\:pl-pct66.sm\:pl-pct66 {
    padding-left: 66% !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-pct66.md\:ml-pct66 {
    margin-left: 66% !important;
  }
  body .md\:pl-pct66.md\:pl-pct66 {
    padding-left: 66% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-pct66.lg\:ml-pct66 {
    margin-left: 66% !important;
  }
  body .lg\:pl-pct66.lg\:pl-pct66 {
    padding-left: 66% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-pct66.xl\:ml-pct66 {
    margin-left: 66% !important;
  }
  body .xl\:pl-pct66.xl\:pl-pct66 {
    padding-left: 66% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-pct66.xxl\:ml-pct66 {
    margin-left: 66% !important;
  }
  body .xxl\:pl-pct66.xxl\:pl-pct66 {
    padding-left: 66% !important;
  }
}
body .ml-pct75 {
  margin-left: 75% !important;
}
body .pl-pct75 {
  padding-left: 75% !important;
}
@media (min-width: 480px) {
  body .sm\:ml-pct75.sm\:ml-pct75 {
    margin-left: 75% !important;
  }
  body .sm\:pl-pct75.sm\:pl-pct75 {
    padding-left: 75% !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-pct75.md\:ml-pct75 {
    margin-left: 75% !important;
  }
  body .md\:pl-pct75.md\:pl-pct75 {
    padding-left: 75% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-pct75.lg\:ml-pct75 {
    margin-left: 75% !important;
  }
  body .lg\:pl-pct75.lg\:pl-pct75 {
    padding-left: 75% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-pct75.xl\:ml-pct75 {
    margin-left: 75% !important;
  }
  body .xl\:pl-pct75.xl\:pl-pct75 {
    padding-left: 75% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-pct75.xxl\:ml-pct75 {
    margin-left: 75% !important;
  }
  body .xxl\:pl-pct75.xxl\:pl-pct75 {
    padding-left: 75% !important;
  }
}
body .ml-0 {
  margin-left: 0 !important;
}
body .pl-0 {
  padding-left: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:ml-0.sm\:ml-0 {
    margin-left: 0 !important;
  }
  body .sm\:pl-0.sm\:pl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-0.md\:ml-0 {
    margin-left: 0 !important;
  }
  body .md\:pl-0.md\:pl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-0.lg\:ml-0 {
    margin-left: 0 !important;
  }
  body .lg\:pl-0.lg\:pl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-0.xl\:ml-0 {
    margin-left: 0 !important;
  }
  body .xl\:pl-0.xl\:pl-0 {
    padding-left: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-0.xxl\:ml-0 {
    margin-left: 0 !important;
  }
  body .xxl\:pl-0.xxl\:pl-0 {
    padding-left: 0 !important;
  }
}
body .ml-1 {
  margin-left: 2px !important;
}
body .pl-1 {
  padding-left: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-1.sm\:ml-1 {
    margin-left: 2px !important;
  }
  body .sm\:pl-1.sm\:pl-1 {
    padding-left: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-1.md\:ml-1 {
    margin-left: 2px !important;
  }
  body .md\:pl-1.md\:pl-1 {
    padding-left: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-1.lg\:ml-1 {
    margin-left: 2px !important;
  }
  body .lg\:pl-1.lg\:pl-1 {
    padding-left: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-1.xl\:ml-1 {
    margin-left: 2px !important;
  }
  body .xl\:pl-1.xl\:pl-1 {
    padding-left: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-1.xxl\:ml-1 {
    margin-left: 2px !important;
  }
  body .xxl\:pl-1.xxl\:pl-1 {
    padding-left: 2px !important;
  }
}
body .ml-2 {
  margin-left: 4px !important;
}
body .pl-2 {
  padding-left: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-2.sm\:ml-2 {
    margin-left: 4px !important;
  }
  body .sm\:pl-2.sm\:pl-2 {
    padding-left: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-2.md\:ml-2 {
    margin-left: 4px !important;
  }
  body .md\:pl-2.md\:pl-2 {
    padding-left: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-2.lg\:ml-2 {
    margin-left: 4px !important;
  }
  body .lg\:pl-2.lg\:pl-2 {
    padding-left: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-2.xl\:ml-2 {
    margin-left: 4px !important;
  }
  body .xl\:pl-2.xl\:pl-2 {
    padding-left: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-2.xxl\:ml-2 {
    margin-left: 4px !important;
  }
  body .xxl\:pl-2.xxl\:pl-2 {
    padding-left: 4px !important;
  }
}
body .ml-3 {
  margin-left: 8px !important;
}
body .pl-3 {
  padding-left: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-3.sm\:ml-3 {
    margin-left: 8px !important;
  }
  body .sm\:pl-3.sm\:pl-3 {
    padding-left: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-3.md\:ml-3 {
    margin-left: 8px !important;
  }
  body .md\:pl-3.md\:pl-3 {
    padding-left: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-3.lg\:ml-3 {
    margin-left: 8px !important;
  }
  body .lg\:pl-3.lg\:pl-3 {
    padding-left: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-3.xl\:ml-3 {
    margin-left: 8px !important;
  }
  body .xl\:pl-3.xl\:pl-3 {
    padding-left: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-3.xxl\:ml-3 {
    margin-left: 8px !important;
  }
  body .xxl\:pl-3.xxl\:pl-3 {
    padding-left: 8px !important;
  }
}
body .ml-4 {
  margin-left: 12px !important;
}
body .pl-4 {
  padding-left: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-4.sm\:ml-4 {
    margin-left: 12px !important;
  }
  body .sm\:pl-4.sm\:pl-4 {
    padding-left: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-4.md\:ml-4 {
    margin-left: 12px !important;
  }
  body .md\:pl-4.md\:pl-4 {
    padding-left: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-4.lg\:ml-4 {
    margin-left: 12px !important;
  }
  body .lg\:pl-4.lg\:pl-4 {
    padding-left: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-4.xl\:ml-4 {
    margin-left: 12px !important;
  }
  body .xl\:pl-4.xl\:pl-4 {
    padding-left: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-4.xxl\:ml-4 {
    margin-left: 12px !important;
  }
  body .xxl\:pl-4.xxl\:pl-4 {
    padding-left: 12px !important;
  }
}
body .ml-5 {
  margin-left: 16px !important;
}
body .pl-5 {
  padding-left: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-5.sm\:ml-5 {
    margin-left: 16px !important;
  }
  body .sm\:pl-5.sm\:pl-5 {
    padding-left: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-5.md\:ml-5 {
    margin-left: 16px !important;
  }
  body .md\:pl-5.md\:pl-5 {
    padding-left: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-5.lg\:ml-5 {
    margin-left: 16px !important;
  }
  body .lg\:pl-5.lg\:pl-5 {
    padding-left: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-5.xl\:ml-5 {
    margin-left: 16px !important;
  }
  body .xl\:pl-5.xl\:pl-5 {
    padding-left: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-5.xxl\:ml-5 {
    margin-left: 16px !important;
  }
  body .xxl\:pl-5.xxl\:pl-5 {
    padding-left: 16px !important;
  }
}
body .ml-6 {
  margin-left: 20px !important;
}
body .pl-6 {
  padding-left: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-6.sm\:ml-6 {
    margin-left: 20px !important;
  }
  body .sm\:pl-6.sm\:pl-6 {
    padding-left: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-6.md\:ml-6 {
    margin-left: 20px !important;
  }
  body .md\:pl-6.md\:pl-6 {
    padding-left: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-6.lg\:ml-6 {
    margin-left: 20px !important;
  }
  body .lg\:pl-6.lg\:pl-6 {
    padding-left: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-6.xl\:ml-6 {
    margin-left: 20px !important;
  }
  body .xl\:pl-6.xl\:pl-6 {
    padding-left: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-6.xxl\:ml-6 {
    margin-left: 20px !important;
  }
  body .xxl\:pl-6.xxl\:pl-6 {
    padding-left: 20px !important;
  }
}
body .ml-7 {
  margin-left: 24px !important;
}
body .pl-7 {
  padding-left: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-7.sm\:ml-7 {
    margin-left: 24px !important;
  }
  body .sm\:pl-7.sm\:pl-7 {
    padding-left: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-7.md\:ml-7 {
    margin-left: 24px !important;
  }
  body .md\:pl-7.md\:pl-7 {
    padding-left: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-7.lg\:ml-7 {
    margin-left: 24px !important;
  }
  body .lg\:pl-7.lg\:pl-7 {
    padding-left: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-7.xl\:ml-7 {
    margin-left: 24px !important;
  }
  body .xl\:pl-7.xl\:pl-7 {
    padding-left: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-7.xxl\:ml-7 {
    margin-left: 24px !important;
  }
  body .xxl\:pl-7.xxl\:pl-7 {
    padding-left: 24px !important;
  }
}
body .ml-8 {
  margin-left: 32px !important;
}
body .pl-8 {
  padding-left: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-8.sm\:ml-8 {
    margin-left: 32px !important;
  }
  body .sm\:pl-8.sm\:pl-8 {
    padding-left: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-8.md\:ml-8 {
    margin-left: 32px !important;
  }
  body .md\:pl-8.md\:pl-8 {
    padding-left: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-8.lg\:ml-8 {
    margin-left: 32px !important;
  }
  body .lg\:pl-8.lg\:pl-8 {
    padding-left: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-8.xl\:ml-8 {
    margin-left: 32px !important;
  }
  body .xl\:pl-8.xl\:pl-8 {
    padding-left: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-8.xxl\:ml-8 {
    margin-left: 32px !important;
  }
  body .xxl\:pl-8.xxl\:pl-8 {
    padding-left: 32px !important;
  }
}
body .ml-9 {
  margin-left: 40px !important;
}
body .pl-9 {
  padding-left: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-9.sm\:ml-9 {
    margin-left: 40px !important;
  }
  body .sm\:pl-9.sm\:pl-9 {
    padding-left: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-9.md\:ml-9 {
    margin-left: 40px !important;
  }
  body .md\:pl-9.md\:pl-9 {
    padding-left: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-9.lg\:ml-9 {
    margin-left: 40px !important;
  }
  body .lg\:pl-9.lg\:pl-9 {
    padding-left: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-9.xl\:ml-9 {
    margin-left: 40px !important;
  }
  body .xl\:pl-9.xl\:pl-9 {
    padding-left: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-9.xxl\:ml-9 {
    margin-left: 40px !important;
  }
  body .xxl\:pl-9.xxl\:pl-9 {
    padding-left: 40px !important;
  }
}
body .ml-10 {
  margin-left: 48px !important;
}
body .pl-10 {
  padding-left: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-10.sm\:ml-10 {
    margin-left: 48px !important;
  }
  body .sm\:pl-10.sm\:pl-10 {
    padding-left: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-10.md\:ml-10 {
    margin-left: 48px !important;
  }
  body .md\:pl-10.md\:pl-10 {
    padding-left: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-10.lg\:ml-10 {
    margin-left: 48px !important;
  }
  body .lg\:pl-10.lg\:pl-10 {
    padding-left: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-10.xl\:ml-10 {
    margin-left: 48px !important;
  }
  body .xl\:pl-10.xl\:pl-10 {
    padding-left: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-10.xxl\:ml-10 {
    margin-left: 48px !important;
  }
  body .xxl\:pl-10.xxl\:pl-10 {
    padding-left: 48px !important;
  }
}
body .ml-11 {
  margin-left: 64px !important;
}
body .pl-11 {
  padding-left: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-11.sm\:ml-11 {
    margin-left: 64px !important;
  }
  body .sm\:pl-11.sm\:pl-11 {
    padding-left: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-11.md\:ml-11 {
    margin-left: 64px !important;
  }
  body .md\:pl-11.md\:pl-11 {
    padding-left: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-11.lg\:ml-11 {
    margin-left: 64px !important;
  }
  body .lg\:pl-11.lg\:pl-11 {
    padding-left: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-11.xl\:ml-11 {
    margin-left: 64px !important;
  }
  body .xl\:pl-11.xl\:pl-11 {
    padding-left: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-11.xxl\:ml-11 {
    margin-left: 64px !important;
  }
  body .xxl\:pl-11.xxl\:pl-11 {
    padding-left: 64px !important;
  }
}
body .ml-16 {
  margin-left: 256px !important;
}
body .pl-16 {
  padding-left: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:ml-16.sm\:ml-16 {
    margin-left: 256px !important;
  }
  body .sm\:pl-16.sm\:pl-16 {
    padding-left: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:ml-16.md\:ml-16 {
    margin-left: 256px !important;
  }
  body .md\:pl-16.md\:pl-16 {
    padding-left: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:ml-16.lg\:ml-16 {
    margin-left: 256px !important;
  }
  body .lg\:pl-16.lg\:pl-16 {
    padding-left: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:ml-16.xl\:ml-16 {
    margin-left: 256px !important;
  }
  body .xl\:pl-16.xl\:pl-16 {
    padding-left: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:ml-16.xxl\:ml-16 {
    margin-left: 256px !important;
  }
  body .xxl\:pl-16.xxl\:pl-16 {
    padding-left: 256px !important;
  }
}
body .mr-auto {
  margin-right: auto !important;
}
body .pr-auto {
  padding-right: auto !important;
}
@media (min-width: 480px) {
  body .sm\:mr-auto.sm\:mr-auto {
    margin-right: auto !important;
  }
  body .sm\:pr-auto.sm\:pr-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-auto.md\:mr-auto {
    margin-right: auto !important;
  }
  body .md\:pr-auto.md\:pr-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-auto.lg\:mr-auto {
    margin-right: auto !important;
  }
  body .lg\:pr-auto.lg\:pr-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-auto.xl\:mr-auto {
    margin-right: auto !important;
  }
  body .xl\:pr-auto.xl\:pr-auto {
    padding-right: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-auto.xxl\:mr-auto {
    margin-right: auto !important;
  }
  body .xxl\:pr-auto.xxl\:pr-auto {
    padding-right: auto !important;
  }
}
body .mr-full {
  margin-right: 100% !important;
}
body .pr-full {
  padding-right: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:mr-full.sm\:mr-full {
    margin-right: 100% !important;
  }
  body .sm\:pr-full.sm\:pr-full {
    padding-right: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-full.md\:mr-full {
    margin-right: 100% !important;
  }
  body .md\:pr-full.md\:pr-full {
    padding-right: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-full.lg\:mr-full {
    margin-right: 100% !important;
  }
  body .lg\:pr-full.lg\:pr-full {
    padding-right: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-full.xl\:mr-full {
    margin-right: 100% !important;
  }
  body .xl\:pr-full.xl\:pr-full {
    padding-right: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-full.xxl\:mr-full {
    margin-right: 100% !important;
  }
  body .xxl\:pr-full.xxl\:pr-full {
    padding-right: 100% !important;
  }
}
body .mr-pct66 {
  margin-right: 66% !important;
}
body .pr-pct66 {
  padding-right: 66% !important;
}
@media (min-width: 480px) {
  body .sm\:mr-pct66.sm\:mr-pct66 {
    margin-right: 66% !important;
  }
  body .sm\:pr-pct66.sm\:pr-pct66 {
    padding-right: 66% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-pct66.md\:mr-pct66 {
    margin-right: 66% !important;
  }
  body .md\:pr-pct66.md\:pr-pct66 {
    padding-right: 66% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-pct66.lg\:mr-pct66 {
    margin-right: 66% !important;
  }
  body .lg\:pr-pct66.lg\:pr-pct66 {
    padding-right: 66% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-pct66.xl\:mr-pct66 {
    margin-right: 66% !important;
  }
  body .xl\:pr-pct66.xl\:pr-pct66 {
    padding-right: 66% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-pct66.xxl\:mr-pct66 {
    margin-right: 66% !important;
  }
  body .xxl\:pr-pct66.xxl\:pr-pct66 {
    padding-right: 66% !important;
  }
}
body .mr-pct75 {
  margin-right: 75% !important;
}
body .pr-pct75 {
  padding-right: 75% !important;
}
@media (min-width: 480px) {
  body .sm\:mr-pct75.sm\:mr-pct75 {
    margin-right: 75% !important;
  }
  body .sm\:pr-pct75.sm\:pr-pct75 {
    padding-right: 75% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-pct75.md\:mr-pct75 {
    margin-right: 75% !important;
  }
  body .md\:pr-pct75.md\:pr-pct75 {
    padding-right: 75% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-pct75.lg\:mr-pct75 {
    margin-right: 75% !important;
  }
  body .lg\:pr-pct75.lg\:pr-pct75 {
    padding-right: 75% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-pct75.xl\:mr-pct75 {
    margin-right: 75% !important;
  }
  body .xl\:pr-pct75.xl\:pr-pct75 {
    padding-right: 75% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-pct75.xxl\:mr-pct75 {
    margin-right: 75% !important;
  }
  body .xxl\:pr-pct75.xxl\:pr-pct75 {
    padding-right: 75% !important;
  }
}
body .mr-0 {
  margin-right: 0 !important;
}
body .pr-0 {
  padding-right: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:mr-0.sm\:mr-0 {
    margin-right: 0 !important;
  }
  body .sm\:pr-0.sm\:pr-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-0.md\:mr-0 {
    margin-right: 0 !important;
  }
  body .md\:pr-0.md\:pr-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-0.lg\:mr-0 {
    margin-right: 0 !important;
  }
  body .lg\:pr-0.lg\:pr-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-0.xl\:mr-0 {
    margin-right: 0 !important;
  }
  body .xl\:pr-0.xl\:pr-0 {
    padding-right: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-0.xxl\:mr-0 {
    margin-right: 0 !important;
  }
  body .xxl\:pr-0.xxl\:pr-0 {
    padding-right: 0 !important;
  }
}
body .mr-1 {
  margin-right: 2px !important;
}
body .pr-1 {
  padding-right: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-1.sm\:mr-1 {
    margin-right: 2px !important;
  }
  body .sm\:pr-1.sm\:pr-1 {
    padding-right: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-1.md\:mr-1 {
    margin-right: 2px !important;
  }
  body .md\:pr-1.md\:pr-1 {
    padding-right: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-1.lg\:mr-1 {
    margin-right: 2px !important;
  }
  body .lg\:pr-1.lg\:pr-1 {
    padding-right: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-1.xl\:mr-1 {
    margin-right: 2px !important;
  }
  body .xl\:pr-1.xl\:pr-1 {
    padding-right: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-1.xxl\:mr-1 {
    margin-right: 2px !important;
  }
  body .xxl\:pr-1.xxl\:pr-1 {
    padding-right: 2px !important;
  }
}
body .mr-2 {
  margin-right: 4px !important;
}
body .pr-2 {
  padding-right: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-2.sm\:mr-2 {
    margin-right: 4px !important;
  }
  body .sm\:pr-2.sm\:pr-2 {
    padding-right: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-2.md\:mr-2 {
    margin-right: 4px !important;
  }
  body .md\:pr-2.md\:pr-2 {
    padding-right: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-2.lg\:mr-2 {
    margin-right: 4px !important;
  }
  body .lg\:pr-2.lg\:pr-2 {
    padding-right: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-2.xl\:mr-2 {
    margin-right: 4px !important;
  }
  body .xl\:pr-2.xl\:pr-2 {
    padding-right: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-2.xxl\:mr-2 {
    margin-right: 4px !important;
  }
  body .xxl\:pr-2.xxl\:pr-2 {
    padding-right: 4px !important;
  }
}
body .mr-3 {
  margin-right: 8px !important;
}
body .pr-3 {
  padding-right: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-3.sm\:mr-3 {
    margin-right: 8px !important;
  }
  body .sm\:pr-3.sm\:pr-3 {
    padding-right: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-3.md\:mr-3 {
    margin-right: 8px !important;
  }
  body .md\:pr-3.md\:pr-3 {
    padding-right: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-3.lg\:mr-3 {
    margin-right: 8px !important;
  }
  body .lg\:pr-3.lg\:pr-3 {
    padding-right: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-3.xl\:mr-3 {
    margin-right: 8px !important;
  }
  body .xl\:pr-3.xl\:pr-3 {
    padding-right: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-3.xxl\:mr-3 {
    margin-right: 8px !important;
  }
  body .xxl\:pr-3.xxl\:pr-3 {
    padding-right: 8px !important;
  }
}
body .mr-4 {
  margin-right: 12px !important;
}
body .pr-4 {
  padding-right: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-4.sm\:mr-4 {
    margin-right: 12px !important;
  }
  body .sm\:pr-4.sm\:pr-4 {
    padding-right: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-4.md\:mr-4 {
    margin-right: 12px !important;
  }
  body .md\:pr-4.md\:pr-4 {
    padding-right: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-4.lg\:mr-4 {
    margin-right: 12px !important;
  }
  body .lg\:pr-4.lg\:pr-4 {
    padding-right: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-4.xl\:mr-4 {
    margin-right: 12px !important;
  }
  body .xl\:pr-4.xl\:pr-4 {
    padding-right: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-4.xxl\:mr-4 {
    margin-right: 12px !important;
  }
  body .xxl\:pr-4.xxl\:pr-4 {
    padding-right: 12px !important;
  }
}
body .mr-5 {
  margin-right: 16px !important;
}
body .pr-5 {
  padding-right: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-5.sm\:mr-5 {
    margin-right: 16px !important;
  }
  body .sm\:pr-5.sm\:pr-5 {
    padding-right: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-5.md\:mr-5 {
    margin-right: 16px !important;
  }
  body .md\:pr-5.md\:pr-5 {
    padding-right: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-5.lg\:mr-5 {
    margin-right: 16px !important;
  }
  body .lg\:pr-5.lg\:pr-5 {
    padding-right: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-5.xl\:mr-5 {
    margin-right: 16px !important;
  }
  body .xl\:pr-5.xl\:pr-5 {
    padding-right: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-5.xxl\:mr-5 {
    margin-right: 16px !important;
  }
  body .xxl\:pr-5.xxl\:pr-5 {
    padding-right: 16px !important;
  }
}
body .mr-6 {
  margin-right: 20px !important;
}
body .pr-6 {
  padding-right: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-6.sm\:mr-6 {
    margin-right: 20px !important;
  }
  body .sm\:pr-6.sm\:pr-6 {
    padding-right: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-6.md\:mr-6 {
    margin-right: 20px !important;
  }
  body .md\:pr-6.md\:pr-6 {
    padding-right: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-6.lg\:mr-6 {
    margin-right: 20px !important;
  }
  body .lg\:pr-6.lg\:pr-6 {
    padding-right: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-6.xl\:mr-6 {
    margin-right: 20px !important;
  }
  body .xl\:pr-6.xl\:pr-6 {
    padding-right: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-6.xxl\:mr-6 {
    margin-right: 20px !important;
  }
  body .xxl\:pr-6.xxl\:pr-6 {
    padding-right: 20px !important;
  }
}
body .mr-7 {
  margin-right: 24px !important;
}
body .pr-7 {
  padding-right: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-7.sm\:mr-7 {
    margin-right: 24px !important;
  }
  body .sm\:pr-7.sm\:pr-7 {
    padding-right: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-7.md\:mr-7 {
    margin-right: 24px !important;
  }
  body .md\:pr-7.md\:pr-7 {
    padding-right: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-7.lg\:mr-7 {
    margin-right: 24px !important;
  }
  body .lg\:pr-7.lg\:pr-7 {
    padding-right: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-7.xl\:mr-7 {
    margin-right: 24px !important;
  }
  body .xl\:pr-7.xl\:pr-7 {
    padding-right: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-7.xxl\:mr-7 {
    margin-right: 24px !important;
  }
  body .xxl\:pr-7.xxl\:pr-7 {
    padding-right: 24px !important;
  }
}
body .mr-8 {
  margin-right: 32px !important;
}
body .pr-8 {
  padding-right: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-8.sm\:mr-8 {
    margin-right: 32px !important;
  }
  body .sm\:pr-8.sm\:pr-8 {
    padding-right: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-8.md\:mr-8 {
    margin-right: 32px !important;
  }
  body .md\:pr-8.md\:pr-8 {
    padding-right: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-8.lg\:mr-8 {
    margin-right: 32px !important;
  }
  body .lg\:pr-8.lg\:pr-8 {
    padding-right: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-8.xl\:mr-8 {
    margin-right: 32px !important;
  }
  body .xl\:pr-8.xl\:pr-8 {
    padding-right: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-8.xxl\:mr-8 {
    margin-right: 32px !important;
  }
  body .xxl\:pr-8.xxl\:pr-8 {
    padding-right: 32px !important;
  }
}
body .mr-9 {
  margin-right: 40px !important;
}
body .pr-9 {
  padding-right: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-9.sm\:mr-9 {
    margin-right: 40px !important;
  }
  body .sm\:pr-9.sm\:pr-9 {
    padding-right: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-9.md\:mr-9 {
    margin-right: 40px !important;
  }
  body .md\:pr-9.md\:pr-9 {
    padding-right: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-9.lg\:mr-9 {
    margin-right: 40px !important;
  }
  body .lg\:pr-9.lg\:pr-9 {
    padding-right: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-9.xl\:mr-9 {
    margin-right: 40px !important;
  }
  body .xl\:pr-9.xl\:pr-9 {
    padding-right: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-9.xxl\:mr-9 {
    margin-right: 40px !important;
  }
  body .xxl\:pr-9.xxl\:pr-9 {
    padding-right: 40px !important;
  }
}
body .mr-10 {
  margin-right: 48px !important;
}
body .pr-10 {
  padding-right: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-10.sm\:mr-10 {
    margin-right: 48px !important;
  }
  body .sm\:pr-10.sm\:pr-10 {
    padding-right: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-10.md\:mr-10 {
    margin-right: 48px !important;
  }
  body .md\:pr-10.md\:pr-10 {
    padding-right: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-10.lg\:mr-10 {
    margin-right: 48px !important;
  }
  body .lg\:pr-10.lg\:pr-10 {
    padding-right: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-10.xl\:mr-10 {
    margin-right: 48px !important;
  }
  body .xl\:pr-10.xl\:pr-10 {
    padding-right: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-10.xxl\:mr-10 {
    margin-right: 48px !important;
  }
  body .xxl\:pr-10.xxl\:pr-10 {
    padding-right: 48px !important;
  }
}
body .mr-11 {
  margin-right: 64px !important;
}
body .pr-11 {
  padding-right: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-11.sm\:mr-11 {
    margin-right: 64px !important;
  }
  body .sm\:pr-11.sm\:pr-11 {
    padding-right: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-11.md\:mr-11 {
    margin-right: 64px !important;
  }
  body .md\:pr-11.md\:pr-11 {
    padding-right: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-11.lg\:mr-11 {
    margin-right: 64px !important;
  }
  body .lg\:pr-11.lg\:pr-11 {
    padding-right: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-11.xl\:mr-11 {
    margin-right: 64px !important;
  }
  body .xl\:pr-11.xl\:pr-11 {
    padding-right: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-11.xxl\:mr-11 {
    margin-right: 64px !important;
  }
  body .xxl\:pr-11.xxl\:pr-11 {
    padding-right: 64px !important;
  }
}
body .mr-16 {
  margin-right: 256px !important;
}
body .pr-16 {
  padding-right: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:mr-16.sm\:mr-16 {
    margin-right: 256px !important;
  }
  body .sm\:pr-16.sm\:pr-16 {
    padding-right: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mr-16.md\:mr-16 {
    margin-right: 256px !important;
  }
  body .md\:pr-16.md\:pr-16 {
    padding-right: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mr-16.lg\:mr-16 {
    margin-right: 256px !important;
  }
  body .lg\:pr-16.lg\:pr-16 {
    padding-right: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mr-16.xl\:mr-16 {
    margin-right: 256px !important;
  }
  body .xl\:pr-16.xl\:pr-16 {
    padding-right: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mr-16.xxl\:mr-16 {
    margin-right: 256px !important;
  }
  body .xxl\:pr-16.xxl\:pr-16 {
    padding-right: 256px !important;
  }
}
body .mx-auto {
  margin-inline: auto !important;
}
body .px-auto {
  padding-inline: auto !important;
}
@media (min-width: 480px) {
  body .sm\:mx-auto.sm\:mx-auto {
    margin-inline: auto !important;
  }
  body .sm\:px-auto.sm\:px-auto {
    padding-inline: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-auto.md\:mx-auto {
    margin-inline: auto !important;
  }
  body .md\:px-auto.md\:px-auto {
    padding-inline: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-auto.lg\:mx-auto {
    margin-inline: auto !important;
  }
  body .lg\:px-auto.lg\:px-auto {
    padding-inline: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-auto.xl\:mx-auto {
    margin-inline: auto !important;
  }
  body .xl\:px-auto.xl\:px-auto {
    padding-inline: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-auto.xxl\:mx-auto {
    margin-inline: auto !important;
  }
  body .xxl\:px-auto.xxl\:px-auto {
    padding-inline: auto !important;
  }
}
body .mx-full {
  margin-inline: 100% !important;
}
body .px-full {
  padding-inline: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:mx-full.sm\:mx-full {
    margin-inline: 100% !important;
  }
  body .sm\:px-full.sm\:px-full {
    padding-inline: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-full.md\:mx-full {
    margin-inline: 100% !important;
  }
  body .md\:px-full.md\:px-full {
    padding-inline: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-full.lg\:mx-full {
    margin-inline: 100% !important;
  }
  body .lg\:px-full.lg\:px-full {
    padding-inline: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-full.xl\:mx-full {
    margin-inline: 100% !important;
  }
  body .xl\:px-full.xl\:px-full {
    padding-inline: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-full.xxl\:mx-full {
    margin-inline: 100% !important;
  }
  body .xxl\:px-full.xxl\:px-full {
    padding-inline: 100% !important;
  }
}
body .mx-pct66 {
  margin-inline: 66% !important;
}
body .px-pct66 {
  padding-inline: 66% !important;
}
@media (min-width: 480px) {
  body .sm\:mx-pct66.sm\:mx-pct66 {
    margin-inline: 66% !important;
  }
  body .sm\:px-pct66.sm\:px-pct66 {
    padding-inline: 66% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-pct66.md\:mx-pct66 {
    margin-inline: 66% !important;
  }
  body .md\:px-pct66.md\:px-pct66 {
    padding-inline: 66% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-pct66.lg\:mx-pct66 {
    margin-inline: 66% !important;
  }
  body .lg\:px-pct66.lg\:px-pct66 {
    padding-inline: 66% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-pct66.xl\:mx-pct66 {
    margin-inline: 66% !important;
  }
  body .xl\:px-pct66.xl\:px-pct66 {
    padding-inline: 66% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-pct66.xxl\:mx-pct66 {
    margin-inline: 66% !important;
  }
  body .xxl\:px-pct66.xxl\:px-pct66 {
    padding-inline: 66% !important;
  }
}
body .mx-pct75 {
  margin-inline: 75% !important;
}
body .px-pct75 {
  padding-inline: 75% !important;
}
@media (min-width: 480px) {
  body .sm\:mx-pct75.sm\:mx-pct75 {
    margin-inline: 75% !important;
  }
  body .sm\:px-pct75.sm\:px-pct75 {
    padding-inline: 75% !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-pct75.md\:mx-pct75 {
    margin-inline: 75% !important;
  }
  body .md\:px-pct75.md\:px-pct75 {
    padding-inline: 75% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-pct75.lg\:mx-pct75 {
    margin-inline: 75% !important;
  }
  body .lg\:px-pct75.lg\:px-pct75 {
    padding-inline: 75% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-pct75.xl\:mx-pct75 {
    margin-inline: 75% !important;
  }
  body .xl\:px-pct75.xl\:px-pct75 {
    padding-inline: 75% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-pct75.xxl\:mx-pct75 {
    margin-inline: 75% !important;
  }
  body .xxl\:px-pct75.xxl\:px-pct75 {
    padding-inline: 75% !important;
  }
}
body .mx-0 {
  margin-inline: 0 !important;
}
body .px-0 {
  padding-inline: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:mx-0.sm\:mx-0 {
    margin-inline: 0 !important;
  }
  body .sm\:px-0.sm\:px-0 {
    padding-inline: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-0.md\:mx-0 {
    margin-inline: 0 !important;
  }
  body .md\:px-0.md\:px-0 {
    padding-inline: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-0.lg\:mx-0 {
    margin-inline: 0 !important;
  }
  body .lg\:px-0.lg\:px-0 {
    padding-inline: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-0.xl\:mx-0 {
    margin-inline: 0 !important;
  }
  body .xl\:px-0.xl\:px-0 {
    padding-inline: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-0.xxl\:mx-0 {
    margin-inline: 0 !important;
  }
  body .xxl\:px-0.xxl\:px-0 {
    padding-inline: 0 !important;
  }
}
body .mx-1 {
  margin-inline: 2px !important;
}
body .px-1 {
  padding-inline: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-1.sm\:mx-1 {
    margin-inline: 2px !important;
  }
  body .sm\:px-1.sm\:px-1 {
    padding-inline: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-1.md\:mx-1 {
    margin-inline: 2px !important;
  }
  body .md\:px-1.md\:px-1 {
    padding-inline: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-1.lg\:mx-1 {
    margin-inline: 2px !important;
  }
  body .lg\:px-1.lg\:px-1 {
    padding-inline: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-1.xl\:mx-1 {
    margin-inline: 2px !important;
  }
  body .xl\:px-1.xl\:px-1 {
    padding-inline: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-1.xxl\:mx-1 {
    margin-inline: 2px !important;
  }
  body .xxl\:px-1.xxl\:px-1 {
    padding-inline: 2px !important;
  }
}
body .mx-2 {
  margin-inline: 4px !important;
}
body .px-2 {
  padding-inline: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-2.sm\:mx-2 {
    margin-inline: 4px !important;
  }
  body .sm\:px-2.sm\:px-2 {
    padding-inline: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-2.md\:mx-2 {
    margin-inline: 4px !important;
  }
  body .md\:px-2.md\:px-2 {
    padding-inline: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-2.lg\:mx-2 {
    margin-inline: 4px !important;
  }
  body .lg\:px-2.lg\:px-2 {
    padding-inline: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-2.xl\:mx-2 {
    margin-inline: 4px !important;
  }
  body .xl\:px-2.xl\:px-2 {
    padding-inline: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-2.xxl\:mx-2 {
    margin-inline: 4px !important;
  }
  body .xxl\:px-2.xxl\:px-2 {
    padding-inline: 4px !important;
  }
}
body .mx-3 {
  margin-inline: 8px !important;
}
body .px-3 {
  padding-inline: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-3.sm\:mx-3 {
    margin-inline: 8px !important;
  }
  body .sm\:px-3.sm\:px-3 {
    padding-inline: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-3.md\:mx-3 {
    margin-inline: 8px !important;
  }
  body .md\:px-3.md\:px-3 {
    padding-inline: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-3.lg\:mx-3 {
    margin-inline: 8px !important;
  }
  body .lg\:px-3.lg\:px-3 {
    padding-inline: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-3.xl\:mx-3 {
    margin-inline: 8px !important;
  }
  body .xl\:px-3.xl\:px-3 {
    padding-inline: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-3.xxl\:mx-3 {
    margin-inline: 8px !important;
  }
  body .xxl\:px-3.xxl\:px-3 {
    padding-inline: 8px !important;
  }
}
body .mx-4 {
  margin-inline: 12px !important;
}
body .px-4 {
  padding-inline: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-4.sm\:mx-4 {
    margin-inline: 12px !important;
  }
  body .sm\:px-4.sm\:px-4 {
    padding-inline: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-4.md\:mx-4 {
    margin-inline: 12px !important;
  }
  body .md\:px-4.md\:px-4 {
    padding-inline: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-4.lg\:mx-4 {
    margin-inline: 12px !important;
  }
  body .lg\:px-4.lg\:px-4 {
    padding-inline: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-4.xl\:mx-4 {
    margin-inline: 12px !important;
  }
  body .xl\:px-4.xl\:px-4 {
    padding-inline: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-4.xxl\:mx-4 {
    margin-inline: 12px !important;
  }
  body .xxl\:px-4.xxl\:px-4 {
    padding-inline: 12px !important;
  }
}
body .mx-5 {
  margin-inline: 16px !important;
}
body .px-5 {
  padding-inline: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-5.sm\:mx-5 {
    margin-inline: 16px !important;
  }
  body .sm\:px-5.sm\:px-5 {
    padding-inline: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-5.md\:mx-5 {
    margin-inline: 16px !important;
  }
  body .md\:px-5.md\:px-5 {
    padding-inline: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-5.lg\:mx-5 {
    margin-inline: 16px !important;
  }
  body .lg\:px-5.lg\:px-5 {
    padding-inline: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-5.xl\:mx-5 {
    margin-inline: 16px !important;
  }
  body .xl\:px-5.xl\:px-5 {
    padding-inline: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-5.xxl\:mx-5 {
    margin-inline: 16px !important;
  }
  body .xxl\:px-5.xxl\:px-5 {
    padding-inline: 16px !important;
  }
}
body .mx-6 {
  margin-inline: 20px !important;
}
body .px-6 {
  padding-inline: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-6.sm\:mx-6 {
    margin-inline: 20px !important;
  }
  body .sm\:px-6.sm\:px-6 {
    padding-inline: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-6.md\:mx-6 {
    margin-inline: 20px !important;
  }
  body .md\:px-6.md\:px-6 {
    padding-inline: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-6.lg\:mx-6 {
    margin-inline: 20px !important;
  }
  body .lg\:px-6.lg\:px-6 {
    padding-inline: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-6.xl\:mx-6 {
    margin-inline: 20px !important;
  }
  body .xl\:px-6.xl\:px-6 {
    padding-inline: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-6.xxl\:mx-6 {
    margin-inline: 20px !important;
  }
  body .xxl\:px-6.xxl\:px-6 {
    padding-inline: 20px !important;
  }
}
body .mx-7 {
  margin-inline: 24px !important;
}
body .px-7 {
  padding-inline: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-7.sm\:mx-7 {
    margin-inline: 24px !important;
  }
  body .sm\:px-7.sm\:px-7 {
    padding-inline: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-7.md\:mx-7 {
    margin-inline: 24px !important;
  }
  body .md\:px-7.md\:px-7 {
    padding-inline: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-7.lg\:mx-7 {
    margin-inline: 24px !important;
  }
  body .lg\:px-7.lg\:px-7 {
    padding-inline: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-7.xl\:mx-7 {
    margin-inline: 24px !important;
  }
  body .xl\:px-7.xl\:px-7 {
    padding-inline: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-7.xxl\:mx-7 {
    margin-inline: 24px !important;
  }
  body .xxl\:px-7.xxl\:px-7 {
    padding-inline: 24px !important;
  }
}
body .mx-8 {
  margin-inline: 32px !important;
}
body .px-8 {
  padding-inline: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-8.sm\:mx-8 {
    margin-inline: 32px !important;
  }
  body .sm\:px-8.sm\:px-8 {
    padding-inline: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-8.md\:mx-8 {
    margin-inline: 32px !important;
  }
  body .md\:px-8.md\:px-8 {
    padding-inline: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-8.lg\:mx-8 {
    margin-inline: 32px !important;
  }
  body .lg\:px-8.lg\:px-8 {
    padding-inline: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-8.xl\:mx-8 {
    margin-inline: 32px !important;
  }
  body .xl\:px-8.xl\:px-8 {
    padding-inline: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-8.xxl\:mx-8 {
    margin-inline: 32px !important;
  }
  body .xxl\:px-8.xxl\:px-8 {
    padding-inline: 32px !important;
  }
}
body .mx-9 {
  margin-inline: 40px !important;
}
body .px-9 {
  padding-inline: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-9.sm\:mx-9 {
    margin-inline: 40px !important;
  }
  body .sm\:px-9.sm\:px-9 {
    padding-inline: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-9.md\:mx-9 {
    margin-inline: 40px !important;
  }
  body .md\:px-9.md\:px-9 {
    padding-inline: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-9.lg\:mx-9 {
    margin-inline: 40px !important;
  }
  body .lg\:px-9.lg\:px-9 {
    padding-inline: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-9.xl\:mx-9 {
    margin-inline: 40px !important;
  }
  body .xl\:px-9.xl\:px-9 {
    padding-inline: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-9.xxl\:mx-9 {
    margin-inline: 40px !important;
  }
  body .xxl\:px-9.xxl\:px-9 {
    padding-inline: 40px !important;
  }
}
body .mx-10 {
  margin-inline: 48px !important;
}
body .px-10 {
  padding-inline: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-10.sm\:mx-10 {
    margin-inline: 48px !important;
  }
  body .sm\:px-10.sm\:px-10 {
    padding-inline: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-10.md\:mx-10 {
    margin-inline: 48px !important;
  }
  body .md\:px-10.md\:px-10 {
    padding-inline: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-10.lg\:mx-10 {
    margin-inline: 48px !important;
  }
  body .lg\:px-10.lg\:px-10 {
    padding-inline: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-10.xl\:mx-10 {
    margin-inline: 48px !important;
  }
  body .xl\:px-10.xl\:px-10 {
    padding-inline: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-10.xxl\:mx-10 {
    margin-inline: 48px !important;
  }
  body .xxl\:px-10.xxl\:px-10 {
    padding-inline: 48px !important;
  }
}
body .mx-11 {
  margin-inline: 64px !important;
}
body .px-11 {
  padding-inline: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-11.sm\:mx-11 {
    margin-inline: 64px !important;
  }
  body .sm\:px-11.sm\:px-11 {
    padding-inline: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-11.md\:mx-11 {
    margin-inline: 64px !important;
  }
  body .md\:px-11.md\:px-11 {
    padding-inline: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-11.lg\:mx-11 {
    margin-inline: 64px !important;
  }
  body .lg\:px-11.lg\:px-11 {
    padding-inline: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-11.xl\:mx-11 {
    margin-inline: 64px !important;
  }
  body .xl\:px-11.xl\:px-11 {
    padding-inline: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-11.xxl\:mx-11 {
    margin-inline: 64px !important;
  }
  body .xxl\:px-11.xxl\:px-11 {
    padding-inline: 64px !important;
  }
}
body .mx-16 {
  margin-inline: 256px !important;
}
body .px-16 {
  padding-inline: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:mx-16.sm\:mx-16 {
    margin-inline: 256px !important;
  }
  body .sm\:px-16.sm\:px-16 {
    padding-inline: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:mx-16.md\:mx-16 {
    margin-inline: 256px !important;
  }
  body .md\:px-16.md\:px-16 {
    padding-inline: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:mx-16.lg\:mx-16 {
    margin-inline: 256px !important;
  }
  body .lg\:px-16.lg\:px-16 {
    padding-inline: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:mx-16.xl\:mx-16 {
    margin-inline: 256px !important;
  }
  body .xl\:px-16.xl\:px-16 {
    padding-inline: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:mx-16.xxl\:mx-16 {
    margin-inline: 256px !important;
  }
  body .xxl\:px-16.xxl\:px-16 {
    padding-inline: 256px !important;
  }
}
body .my-auto {
  margin-block: auto !important;
}
body .py-auto {
  padding-block: auto !important;
}
@media (min-width: 480px) {
  body .sm\:my-auto.sm\:my-auto {
    margin-block: auto !important;
  }
  body .sm\:py-auto.sm\:py-auto {
    padding-block: auto !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-auto.md\:my-auto {
    margin-block: auto !important;
  }
  body .md\:py-auto.md\:py-auto {
    padding-block: auto !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-auto.lg\:my-auto {
    margin-block: auto !important;
  }
  body .lg\:py-auto.lg\:py-auto {
    padding-block: auto !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-auto.xl\:my-auto {
    margin-block: auto !important;
  }
  body .xl\:py-auto.xl\:py-auto {
    padding-block: auto !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-auto.xxl\:my-auto {
    margin-block: auto !important;
  }
  body .xxl\:py-auto.xxl\:py-auto {
    padding-block: auto !important;
  }
}
body .my-full {
  margin-block: 100% !important;
}
body .py-full {
  padding-block: 100% !important;
}
@media (min-width: 480px) {
  body .sm\:my-full.sm\:my-full {
    margin-block: 100% !important;
  }
  body .sm\:py-full.sm\:py-full {
    padding-block: 100% !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-full.md\:my-full {
    margin-block: 100% !important;
  }
  body .md\:py-full.md\:py-full {
    padding-block: 100% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-full.lg\:my-full {
    margin-block: 100% !important;
  }
  body .lg\:py-full.lg\:py-full {
    padding-block: 100% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-full.xl\:my-full {
    margin-block: 100% !important;
  }
  body .xl\:py-full.xl\:py-full {
    padding-block: 100% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-full.xxl\:my-full {
    margin-block: 100% !important;
  }
  body .xxl\:py-full.xxl\:py-full {
    padding-block: 100% !important;
  }
}
body .my-pct66 {
  margin-block: 66% !important;
}
body .py-pct66 {
  padding-block: 66% !important;
}
@media (min-width: 480px) {
  body .sm\:my-pct66.sm\:my-pct66 {
    margin-block: 66% !important;
  }
  body .sm\:py-pct66.sm\:py-pct66 {
    padding-block: 66% !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-pct66.md\:my-pct66 {
    margin-block: 66% !important;
  }
  body .md\:py-pct66.md\:py-pct66 {
    padding-block: 66% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-pct66.lg\:my-pct66 {
    margin-block: 66% !important;
  }
  body .lg\:py-pct66.lg\:py-pct66 {
    padding-block: 66% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-pct66.xl\:my-pct66 {
    margin-block: 66% !important;
  }
  body .xl\:py-pct66.xl\:py-pct66 {
    padding-block: 66% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-pct66.xxl\:my-pct66 {
    margin-block: 66% !important;
  }
  body .xxl\:py-pct66.xxl\:py-pct66 {
    padding-block: 66% !important;
  }
}
body .my-pct75 {
  margin-block: 75% !important;
}
body .py-pct75 {
  padding-block: 75% !important;
}
@media (min-width: 480px) {
  body .sm\:my-pct75.sm\:my-pct75 {
    margin-block: 75% !important;
  }
  body .sm\:py-pct75.sm\:py-pct75 {
    padding-block: 75% !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-pct75.md\:my-pct75 {
    margin-block: 75% !important;
  }
  body .md\:py-pct75.md\:py-pct75 {
    padding-block: 75% !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-pct75.lg\:my-pct75 {
    margin-block: 75% !important;
  }
  body .lg\:py-pct75.lg\:py-pct75 {
    padding-block: 75% !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-pct75.xl\:my-pct75 {
    margin-block: 75% !important;
  }
  body .xl\:py-pct75.xl\:py-pct75 {
    padding-block: 75% !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-pct75.xxl\:my-pct75 {
    margin-block: 75% !important;
  }
  body .xxl\:py-pct75.xxl\:py-pct75 {
    padding-block: 75% !important;
  }
}
body .my-0 {
  margin-block: 0 !important;
}
body .py-0 {
  padding-block: 0 !important;
}
@media (min-width: 480px) {
  body .sm\:my-0.sm\:my-0 {
    margin-block: 0 !important;
  }
  body .sm\:py-0.sm\:py-0 {
    padding-block: 0 !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-0.md\:my-0 {
    margin-block: 0 !important;
  }
  body .md\:py-0.md\:py-0 {
    padding-block: 0 !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-0.lg\:my-0 {
    margin-block: 0 !important;
  }
  body .lg\:py-0.lg\:py-0 {
    padding-block: 0 !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-0.xl\:my-0 {
    margin-block: 0 !important;
  }
  body .xl\:py-0.xl\:py-0 {
    padding-block: 0 !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-0.xxl\:my-0 {
    margin-block: 0 !important;
  }
  body .xxl\:py-0.xxl\:py-0 {
    padding-block: 0 !important;
  }
}
body .my-1 {
  margin-block: 2px !important;
}
body .py-1 {
  padding-block: 2px !important;
}
@media (min-width: 480px) {
  body .sm\:my-1.sm\:my-1 {
    margin-block: 2px !important;
  }
  body .sm\:py-1.sm\:py-1 {
    padding-block: 2px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-1.md\:my-1 {
    margin-block: 2px !important;
  }
  body .md\:py-1.md\:py-1 {
    padding-block: 2px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-1.lg\:my-1 {
    margin-block: 2px !important;
  }
  body .lg\:py-1.lg\:py-1 {
    padding-block: 2px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-1.xl\:my-1 {
    margin-block: 2px !important;
  }
  body .xl\:py-1.xl\:py-1 {
    padding-block: 2px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-1.xxl\:my-1 {
    margin-block: 2px !important;
  }
  body .xxl\:py-1.xxl\:py-1 {
    padding-block: 2px !important;
  }
}
body .my-2 {
  margin-block: 4px !important;
}
body .py-2 {
  padding-block: 4px !important;
}
@media (min-width: 480px) {
  body .sm\:my-2.sm\:my-2 {
    margin-block: 4px !important;
  }
  body .sm\:py-2.sm\:py-2 {
    padding-block: 4px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-2.md\:my-2 {
    margin-block: 4px !important;
  }
  body .md\:py-2.md\:py-2 {
    padding-block: 4px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-2.lg\:my-2 {
    margin-block: 4px !important;
  }
  body .lg\:py-2.lg\:py-2 {
    padding-block: 4px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-2.xl\:my-2 {
    margin-block: 4px !important;
  }
  body .xl\:py-2.xl\:py-2 {
    padding-block: 4px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-2.xxl\:my-2 {
    margin-block: 4px !important;
  }
  body .xxl\:py-2.xxl\:py-2 {
    padding-block: 4px !important;
  }
}
body .my-3 {
  margin-block: 8px !important;
}
body .py-3 {
  padding-block: 8px !important;
}
@media (min-width: 480px) {
  body .sm\:my-3.sm\:my-3 {
    margin-block: 8px !important;
  }
  body .sm\:py-3.sm\:py-3 {
    padding-block: 8px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-3.md\:my-3 {
    margin-block: 8px !important;
  }
  body .md\:py-3.md\:py-3 {
    padding-block: 8px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-3.lg\:my-3 {
    margin-block: 8px !important;
  }
  body .lg\:py-3.lg\:py-3 {
    padding-block: 8px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-3.xl\:my-3 {
    margin-block: 8px !important;
  }
  body .xl\:py-3.xl\:py-3 {
    padding-block: 8px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-3.xxl\:my-3 {
    margin-block: 8px !important;
  }
  body .xxl\:py-3.xxl\:py-3 {
    padding-block: 8px !important;
  }
}
body .my-4 {
  margin-block: 12px !important;
}
body .py-4 {
  padding-block: 12px !important;
}
@media (min-width: 480px) {
  body .sm\:my-4.sm\:my-4 {
    margin-block: 12px !important;
  }
  body .sm\:py-4.sm\:py-4 {
    padding-block: 12px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-4.md\:my-4 {
    margin-block: 12px !important;
  }
  body .md\:py-4.md\:py-4 {
    padding-block: 12px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-4.lg\:my-4 {
    margin-block: 12px !important;
  }
  body .lg\:py-4.lg\:py-4 {
    padding-block: 12px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-4.xl\:my-4 {
    margin-block: 12px !important;
  }
  body .xl\:py-4.xl\:py-4 {
    padding-block: 12px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-4.xxl\:my-4 {
    margin-block: 12px !important;
  }
  body .xxl\:py-4.xxl\:py-4 {
    padding-block: 12px !important;
  }
}
body .my-5 {
  margin-block: 16px !important;
}
body .py-5 {
  padding-block: 16px !important;
}
@media (min-width: 480px) {
  body .sm\:my-5.sm\:my-5 {
    margin-block: 16px !important;
  }
  body .sm\:py-5.sm\:py-5 {
    padding-block: 16px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-5.md\:my-5 {
    margin-block: 16px !important;
  }
  body .md\:py-5.md\:py-5 {
    padding-block: 16px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-5.lg\:my-5 {
    margin-block: 16px !important;
  }
  body .lg\:py-5.lg\:py-5 {
    padding-block: 16px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-5.xl\:my-5 {
    margin-block: 16px !important;
  }
  body .xl\:py-5.xl\:py-5 {
    padding-block: 16px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-5.xxl\:my-5 {
    margin-block: 16px !important;
  }
  body .xxl\:py-5.xxl\:py-5 {
    padding-block: 16px !important;
  }
}
body .my-6 {
  margin-block: 20px !important;
}
body .py-6 {
  padding-block: 20px !important;
}
@media (min-width: 480px) {
  body .sm\:my-6.sm\:my-6 {
    margin-block: 20px !important;
  }
  body .sm\:py-6.sm\:py-6 {
    padding-block: 20px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-6.md\:my-6 {
    margin-block: 20px !important;
  }
  body .md\:py-6.md\:py-6 {
    padding-block: 20px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-6.lg\:my-6 {
    margin-block: 20px !important;
  }
  body .lg\:py-6.lg\:py-6 {
    padding-block: 20px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-6.xl\:my-6 {
    margin-block: 20px !important;
  }
  body .xl\:py-6.xl\:py-6 {
    padding-block: 20px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-6.xxl\:my-6 {
    margin-block: 20px !important;
  }
  body .xxl\:py-6.xxl\:py-6 {
    padding-block: 20px !important;
  }
}
body .my-7 {
  margin-block: 24px !important;
}
body .py-7 {
  padding-block: 24px !important;
}
@media (min-width: 480px) {
  body .sm\:my-7.sm\:my-7 {
    margin-block: 24px !important;
  }
  body .sm\:py-7.sm\:py-7 {
    padding-block: 24px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-7.md\:my-7 {
    margin-block: 24px !important;
  }
  body .md\:py-7.md\:py-7 {
    padding-block: 24px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-7.lg\:my-7 {
    margin-block: 24px !important;
  }
  body .lg\:py-7.lg\:py-7 {
    padding-block: 24px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-7.xl\:my-7 {
    margin-block: 24px !important;
  }
  body .xl\:py-7.xl\:py-7 {
    padding-block: 24px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-7.xxl\:my-7 {
    margin-block: 24px !important;
  }
  body .xxl\:py-7.xxl\:py-7 {
    padding-block: 24px !important;
  }
}
body .my-8 {
  margin-block: 32px !important;
}
body .py-8 {
  padding-block: 32px !important;
}
@media (min-width: 480px) {
  body .sm\:my-8.sm\:my-8 {
    margin-block: 32px !important;
  }
  body .sm\:py-8.sm\:py-8 {
    padding-block: 32px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-8.md\:my-8 {
    margin-block: 32px !important;
  }
  body .md\:py-8.md\:py-8 {
    padding-block: 32px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-8.lg\:my-8 {
    margin-block: 32px !important;
  }
  body .lg\:py-8.lg\:py-8 {
    padding-block: 32px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-8.xl\:my-8 {
    margin-block: 32px !important;
  }
  body .xl\:py-8.xl\:py-8 {
    padding-block: 32px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-8.xxl\:my-8 {
    margin-block: 32px !important;
  }
  body .xxl\:py-8.xxl\:py-8 {
    padding-block: 32px !important;
  }
}
body .my-9 {
  margin-block: 40px !important;
}
body .py-9 {
  padding-block: 40px !important;
}
@media (min-width: 480px) {
  body .sm\:my-9.sm\:my-9 {
    margin-block: 40px !important;
  }
  body .sm\:py-9.sm\:py-9 {
    padding-block: 40px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-9.md\:my-9 {
    margin-block: 40px !important;
  }
  body .md\:py-9.md\:py-9 {
    padding-block: 40px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-9.lg\:my-9 {
    margin-block: 40px !important;
  }
  body .lg\:py-9.lg\:py-9 {
    padding-block: 40px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-9.xl\:my-9 {
    margin-block: 40px !important;
  }
  body .xl\:py-9.xl\:py-9 {
    padding-block: 40px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-9.xxl\:my-9 {
    margin-block: 40px !important;
  }
  body .xxl\:py-9.xxl\:py-9 {
    padding-block: 40px !important;
  }
}
body .my-10 {
  margin-block: 48px !important;
}
body .py-10 {
  padding-block: 48px !important;
}
@media (min-width: 480px) {
  body .sm\:my-10.sm\:my-10 {
    margin-block: 48px !important;
  }
  body .sm\:py-10.sm\:py-10 {
    padding-block: 48px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-10.md\:my-10 {
    margin-block: 48px !important;
  }
  body .md\:py-10.md\:py-10 {
    padding-block: 48px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-10.lg\:my-10 {
    margin-block: 48px !important;
  }
  body .lg\:py-10.lg\:py-10 {
    padding-block: 48px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-10.xl\:my-10 {
    margin-block: 48px !important;
  }
  body .xl\:py-10.xl\:py-10 {
    padding-block: 48px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-10.xxl\:my-10 {
    margin-block: 48px !important;
  }
  body .xxl\:py-10.xxl\:py-10 {
    padding-block: 48px !important;
  }
}
body .my-11 {
  margin-block: 64px !important;
}
body .py-11 {
  padding-block: 64px !important;
}
@media (min-width: 480px) {
  body .sm\:my-11.sm\:my-11 {
    margin-block: 64px !important;
  }
  body .sm\:py-11.sm\:py-11 {
    padding-block: 64px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-11.md\:my-11 {
    margin-block: 64px !important;
  }
  body .md\:py-11.md\:py-11 {
    padding-block: 64px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-11.lg\:my-11 {
    margin-block: 64px !important;
  }
  body .lg\:py-11.lg\:py-11 {
    padding-block: 64px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-11.xl\:my-11 {
    margin-block: 64px !important;
  }
  body .xl\:py-11.xl\:py-11 {
    padding-block: 64px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-11.xxl\:my-11 {
    margin-block: 64px !important;
  }
  body .xxl\:py-11.xxl\:py-11 {
    padding-block: 64px !important;
  }
}
body .my-16 {
  margin-block: 256px !important;
}
body .py-16 {
  padding-block: 256px !important;
}
@media (min-width: 480px) {
  body .sm\:my-16.sm\:my-16 {
    margin-block: 256px !important;
  }
  body .sm\:py-16.sm\:py-16 {
    padding-block: 256px !important;
  }
}
@media (min-width: 768px) {
  body .md\:my-16.md\:my-16 {
    margin-block: 256px !important;
  }
  body .md\:py-16.md\:py-16 {
    padding-block: 256px !important;
  }
}
@media (min-width: 1152px) {
  body .lg\:my-16.lg\:my-16 {
    margin-block: 256px !important;
  }
  body .lg\:py-16.lg\:py-16 {
    padding-block: 256px !important;
  }
}
@media (min-width: 1440px) {
  body .xl\:my-16.xl\:my-16 {
    margin-block: 256px !important;
  }
  body .xl\:py-16.xl\:py-16 {
    padding-block: 256px !important;
  }
}
@media (min-width: 1920px) {
  body .xxl\:my-16.xxl\:my-16 {
    margin-block: 256px !important;
  }
  body .xxl\:py-16.xxl\:py-16 {
    padding-block: 256px !important;
  }
}

body .text-xs {
  font-size: 0.75rem !important;
}
body .text-sm {
  font-size: 0.875rem !important;
}
body .text-md {
  font-size: 1rem !important;
}
body .text-lg {
  font-size: 2rem !important;
}
body .text-xl {
  font-size: 4rem !important;
}
body .text-xxl {
  font-size: 8rem !important;
}
body .text-base {
  font-size: 1rem !important;
}
body .text-h6 {
  font-size: 1rem !important;
}
body .text-h5 {
  font-size: 1.125rem !important;
}
body .text-h4 {
  font-size: 1.25rem !important;
}
body .text-h3 {
  font-size: 1.5rem !important;
}
body .text-h2 {
  font-size: 2.5rem !important;
}
body .text-h1 {
  font-size: 3rem !important;
}
body .font-light {
  font-weight: 300 !important;
}
body .font-normal {
  font-weight: 400 !important;
}
body .font-medium {
  font-weight: 500 !important;
}
body .font-semibold {
  font-weight: 600 !important;
}
body .font-bold {
  font-weight: 700 !important;
}
body .leading-0 {
  line-height: 0 !important;
}
body .leading-none {
  line-height: 1 !important;
}
body .leading-tight {
  line-height: 1.25 !important;
}
body .leading-normal {
  line-height: 1.5 !important;
}
body .leading-loose {
  line-height: 2 !important;
}
body .underline {
  text-decoration-line: underline;
}
body .no-underline {
  text-decoration-line: none;
}

body .static {
  position: static;
}
@media (min-width: 480px) {
  body .sm\:static.sm\:static {
    position: static;
  }
}
@media (min-width: 768px) {
  body .md\:static.md\:static {
    position: static;
  }
}
@media (min-width: 1152px) {
  body .lg\:static.lg\:static {
    position: static;
  }
}
@media (min-width: 1440px) {
  body .xl\:static.xl\:static {
    position: static;
  }
}
@media (min-width: 1920px) {
  body .xxl\:static.xxl\:static {
    position: static;
  }
}
body .relative {
  position: relative;
}
@media (min-width: 480px) {
  body .sm\:relative.sm\:relative {
    position: relative;
  }
}
@media (min-width: 768px) {
  body .md\:relative.md\:relative {
    position: relative;
  }
}
@media (min-width: 1152px) {
  body .lg\:relative.lg\:relative {
    position: relative;
  }
}
@media (min-width: 1440px) {
  body .xl\:relative.xl\:relative {
    position: relative;
  }
}
@media (min-width: 1920px) {
  body .xxl\:relative.xxl\:relative {
    position: relative;
  }
}
body .absolute {
  position: absolute;
}
@media (min-width: 480px) {
  body .sm\:absolute.sm\:absolute {
    position: absolute;
  }
}
@media (min-width: 768px) {
  body .md\:absolute.md\:absolute {
    position: absolute;
  }
}
@media (min-width: 1152px) {
  body .lg\:absolute.lg\:absolute {
    position: absolute;
  }
}
@media (min-width: 1440px) {
  body .xl\:absolute.xl\:absolute {
    position: absolute;
  }
}
@media (min-width: 1920px) {
  body .xxl\:absolute.xxl\:absolute {
    position: absolute;
  }
}
body .fixed {
  position: fixed;
}
@media (min-width: 480px) {
  body .sm\:fixed.sm\:fixed {
    position: fixed;
  }
}
@media (min-width: 768px) {
  body .md\:fixed.md\:fixed {
    position: fixed;
  }
}
@media (min-width: 1152px) {
  body .lg\:fixed.lg\:fixed {
    position: fixed;
  }
}
@media (min-width: 1440px) {
  body .xl\:fixed.xl\:fixed {
    position: fixed;
  }
}
@media (min-width: 1920px) {
  body .xxl\:fixed.xxl\:fixed {
    position: fixed;
  }
}
body .sticky {
  position: sticky;
}
@media (min-width: 480px) {
  body .sm\:sticky.sm\:sticky {
    position: sticky;
  }
}
@media (min-width: 768px) {
  body .md\:sticky.md\:sticky {
    position: sticky;
  }
}
@media (min-width: 1152px) {
  body .lg\:sticky.lg\:sticky {
    position: sticky;
  }
}
@media (min-width: 1440px) {
  body .xl\:sticky.xl\:sticky {
    position: sticky;
  }
}
@media (min-width: 1920px) {
  body .xxl\:sticky.xxl\:sticky {
    position: sticky;
  }
}
body .top-0 {
  top: 0;
}
@media (min-width: 480px) {
  body .sm\:top-0.sm\:top-0 {
    top: 0;
  }
}
@media (min-width: 768px) {
  body .md\:top-0.md\:top-0 {
    top: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-0.lg\:top-0 {
    top: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-0.xl\:top-0 {
    top: 0;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-0.xxl\:top-0 {
    top: 0;
  }
}
body .top-full {
  top: 100%;
}
body .-top-full {
  top: -100%;
}
@media (min-width: 480px) {
  body .sm\:top-full.sm\:top-full {
    top: 100%;
  }
  body .sm\:-top-full.sm\:-top-full {
    top: -100%;
  }
}
@media (min-width: 768px) {
  body .md\:top-full.md\:top-full {
    top: 100%;
  }
  body .md\:-top-full.md\:-top-full {
    top: -100%;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-full.lg\:top-full {
    top: 100%;
  }
  body .lg\:-top-full.lg\:-top-full {
    top: -100%;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-full.xl\:top-full {
    top: 100%;
  }
  body .xl\:-top-full.xl\:-top-full {
    top: -100%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-full.xxl\:top-full {
    top: 100%;
  }
  body .xxl\:-top-full.xxl\:-top-full {
    top: -100%;
  }
}
body .top-half {
  top: 50%;
}
body .-top-half {
  top: -50%;
}
@media (min-width: 480px) {
  body .sm\:top-half.sm\:top-half {
    top: 50%;
  }
  body .sm\:-top-half.sm\:-top-half {
    top: -50%;
  }
}
@media (min-width: 768px) {
  body .md\:top-half.md\:top-half {
    top: 50%;
  }
  body .md\:-top-half.md\:-top-half {
    top: -50%;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-half.lg\:top-half {
    top: 50%;
  }
  body .lg\:-top-half.lg\:-top-half {
    top: -50%;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-half.xl\:top-half {
    top: 50%;
  }
  body .xl\:-top-half.xl\:-top-half {
    top: -50%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-half.xxl\:top-half {
    top: 50%;
  }
  body .xxl\:-top-half.xxl\:-top-half {
    top: -50%;
  }
}
body .top-third {
  top: 33.33%;
}
body .-top-third {
  top: -33.33%;
}
@media (min-width: 480px) {
  body .sm\:top-third.sm\:top-third {
    top: 33.33%;
  }
  body .sm\:-top-third.sm\:-top-third {
    top: -33.33%;
  }
}
@media (min-width: 768px) {
  body .md\:top-third.md\:top-third {
    top: 33.33%;
  }
  body .md\:-top-third.md\:-top-third {
    top: -33.33%;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-third.lg\:top-third {
    top: 33.33%;
  }
  body .lg\:-top-third.lg\:-top-third {
    top: -33.33%;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-third.xl\:top-third {
    top: 33.33%;
  }
  body .xl\:-top-third.xl\:-top-third {
    top: -33.33%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-third.xxl\:top-third {
    top: 33.33%;
  }
  body .xxl\:-top-third.xxl\:-top-third {
    top: -33.33%;
  }
}
body .top-auto {
  top: auto;
}
@media (min-width: 480px) {
  body .sm\:top-auto.sm\:top-auto {
    top: auto;
  }
}
@media (min-width: 768px) {
  body .md\:top-auto.md\:top-auto {
    top: auto;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-auto.lg\:top-auto {
    top: auto;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-auto.xl\:top-auto {
    top: auto;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-auto.xxl\:top-auto {
    top: auto;
  }
}
body .top-1 {
  top: 1px;
}
body .-top-1 {
  top: -1px;
}
@media (min-width: 480px) {
  body .sm\:top-1.sm\:top-1 {
    top: 1px;
  }
  body .sm\:-top-1.sm\:-top-1 {
    top: -1px;
  }
}
@media (min-width: 768px) {
  body .md\:top-1.md\:top-1 {
    top: 1px;
  }
  body .md\:-top-1.md\:-top-1 {
    top: -1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-1.lg\:top-1 {
    top: 1px;
  }
  body .lg\:-top-1.lg\:-top-1 {
    top: -1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-1.xl\:top-1 {
    top: 1px;
  }
  body .xl\:-top-1.xl\:-top-1 {
    top: -1px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-1.xxl\:top-1 {
    top: 1px;
  }
  body .xxl\:-top-1.xxl\:-top-1 {
    top: -1px;
  }
}
body .top-2 {
  top: 2px;
}
body .-top-2 {
  top: -2px;
}
@media (min-width: 480px) {
  body .sm\:top-2.sm\:top-2 {
    top: 2px;
  }
  body .sm\:-top-2.sm\:-top-2 {
    top: -2px;
  }
}
@media (min-width: 768px) {
  body .md\:top-2.md\:top-2 {
    top: 2px;
  }
  body .md\:-top-2.md\:-top-2 {
    top: -2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-2.lg\:top-2 {
    top: 2px;
  }
  body .lg\:-top-2.lg\:-top-2 {
    top: -2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-2.xl\:top-2 {
    top: 2px;
  }
  body .xl\:-top-2.xl\:-top-2 {
    top: -2px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-2.xxl\:top-2 {
    top: 2px;
  }
  body .xxl\:-top-2.xxl\:-top-2 {
    top: -2px;
  }
}
body .top-4 {
  top: 4px;
}
body .-top-4 {
  top: -4px;
}
@media (min-width: 480px) {
  body .sm\:top-4.sm\:top-4 {
    top: 4px;
  }
  body .sm\:-top-4.sm\:-top-4 {
    top: -4px;
  }
}
@media (min-width: 768px) {
  body .md\:top-4.md\:top-4 {
    top: 4px;
  }
  body .md\:-top-4.md\:-top-4 {
    top: -4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-4.lg\:top-4 {
    top: 4px;
  }
  body .lg\:-top-4.lg\:-top-4 {
    top: -4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-4.xl\:top-4 {
    top: 4px;
  }
  body .xl\:-top-4.xl\:-top-4 {
    top: -4px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-4.xxl\:top-4 {
    top: 4px;
  }
  body .xxl\:-top-4.xxl\:-top-4 {
    top: -4px;
  }
}
body .top-5 {
  top: 5px;
}
body .-top-5 {
  top: -5px;
}
@media (min-width: 480px) {
  body .sm\:top-5.sm\:top-5 {
    top: 5px;
  }
  body .sm\:-top-5.sm\:-top-5 {
    top: -5px;
  }
}
@media (min-width: 768px) {
  body .md\:top-5.md\:top-5 {
    top: 5px;
  }
  body .md\:-top-5.md\:-top-5 {
    top: -5px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-5.lg\:top-5 {
    top: 5px;
  }
  body .lg\:-top-5.lg\:-top-5 {
    top: -5px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-5.xl\:top-5 {
    top: 5px;
  }
  body .xl\:-top-5.xl\:-top-5 {
    top: -5px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-5.xxl\:top-5 {
    top: 5px;
  }
  body .xxl\:-top-5.xxl\:-top-5 {
    top: -5px;
  }
}
body .top-6 {
  top: 6px;
}
body .-top-6 {
  top: -6px;
}
@media (min-width: 480px) {
  body .sm\:top-6.sm\:top-6 {
    top: 6px;
  }
  body .sm\:-top-6.sm\:-top-6 {
    top: -6px;
  }
}
@media (min-width: 768px) {
  body .md\:top-6.md\:top-6 {
    top: 6px;
  }
  body .md\:-top-6.md\:-top-6 {
    top: -6px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-6.lg\:top-6 {
    top: 6px;
  }
  body .lg\:-top-6.lg\:-top-6 {
    top: -6px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-6.xl\:top-6 {
    top: 6px;
  }
  body .xl\:-top-6.xl\:-top-6 {
    top: -6px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-6.xxl\:top-6 {
    top: 6px;
  }
  body .xxl\:-top-6.xxl\:-top-6 {
    top: -6px;
  }
}
body .top-8 {
  top: 8px;
}
body .-top-8 {
  top: -8px;
}
@media (min-width: 480px) {
  body .sm\:top-8.sm\:top-8 {
    top: 8px;
  }
  body .sm\:-top-8.sm\:-top-8 {
    top: -8px;
  }
}
@media (min-width: 768px) {
  body .md\:top-8.md\:top-8 {
    top: 8px;
  }
  body .md\:-top-8.md\:-top-8 {
    top: -8px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-8.lg\:top-8 {
    top: 8px;
  }
  body .lg\:-top-8.lg\:-top-8 {
    top: -8px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-8.xl\:top-8 {
    top: 8px;
  }
  body .xl\:-top-8.xl\:-top-8 {
    top: -8px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-8.xxl\:top-8 {
    top: 8px;
  }
  body .xxl\:-top-8.xxl\:-top-8 {
    top: -8px;
  }
}
body .top-12 {
  top: 12px;
}
body .-top-12 {
  top: -12px;
}
@media (min-width: 480px) {
  body .sm\:top-12.sm\:top-12 {
    top: 12px;
  }
  body .sm\:-top-12.sm\:-top-12 {
    top: -12px;
  }
}
@media (min-width: 768px) {
  body .md\:top-12.md\:top-12 {
    top: 12px;
  }
  body .md\:-top-12.md\:-top-12 {
    top: -12px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-12.lg\:top-12 {
    top: 12px;
  }
  body .lg\:-top-12.lg\:-top-12 {
    top: -12px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-12.xl\:top-12 {
    top: 12px;
  }
  body .xl\:-top-12.xl\:-top-12 {
    top: -12px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-12.xxl\:top-12 {
    top: 12px;
  }
  body .xxl\:-top-12.xxl\:-top-12 {
    top: -12px;
  }
}
body .top-16 {
  top: 16px;
}
body .-top-16 {
  top: -16px;
}
@media (min-width: 480px) {
  body .sm\:top-16.sm\:top-16 {
    top: 16px;
  }
  body .sm\:-top-16.sm\:-top-16 {
    top: -16px;
  }
}
@media (min-width: 768px) {
  body .md\:top-16.md\:top-16 {
    top: 16px;
  }
  body .md\:-top-16.md\:-top-16 {
    top: -16px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-16.lg\:top-16 {
    top: 16px;
  }
  body .lg\:-top-16.lg\:-top-16 {
    top: -16px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-16.xl\:top-16 {
    top: 16px;
  }
  body .xl\:-top-16.xl\:-top-16 {
    top: -16px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-16.xxl\:top-16 {
    top: 16px;
  }
  body .xxl\:-top-16.xxl\:-top-16 {
    top: -16px;
  }
}
body .top-20 {
  top: 20px;
}
body .-top-20 {
  top: -20px;
}
@media (min-width: 480px) {
  body .sm\:top-20.sm\:top-20 {
    top: 20px;
  }
  body .sm\:-top-20.sm\:-top-20 {
    top: -20px;
  }
}
@media (min-width: 768px) {
  body .md\:top-20.md\:top-20 {
    top: 20px;
  }
  body .md\:-top-20.md\:-top-20 {
    top: -20px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-20.lg\:top-20 {
    top: 20px;
  }
  body .lg\:-top-20.lg\:-top-20 {
    top: -20px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-20.xl\:top-20 {
    top: 20px;
  }
  body .xl\:-top-20.xl\:-top-20 {
    top: -20px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-20.xxl\:top-20 {
    top: 20px;
  }
  body .xxl\:-top-20.xxl\:-top-20 {
    top: -20px;
  }
}
body .top-24 {
  top: 24px;
}
body .-top-24 {
  top: -24px;
}
@media (min-width: 480px) {
  body .sm\:top-24.sm\:top-24 {
    top: 24px;
  }
  body .sm\:-top-24.sm\:-top-24 {
    top: -24px;
  }
}
@media (min-width: 768px) {
  body .md\:top-24.md\:top-24 {
    top: 24px;
  }
  body .md\:-top-24.md\:-top-24 {
    top: -24px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-24.lg\:top-24 {
    top: 24px;
  }
  body .lg\:-top-24.lg\:-top-24 {
    top: -24px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-24.xl\:top-24 {
    top: 24px;
  }
  body .xl\:-top-24.xl\:-top-24 {
    top: -24px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-24.xxl\:top-24 {
    top: 24px;
  }
  body .xxl\:-top-24.xxl\:-top-24 {
    top: -24px;
  }
}
body .top-32 {
  top: 32px;
}
body .-top-32 {
  top: -32px;
}
@media (min-width: 480px) {
  body .sm\:top-32.sm\:top-32 {
    top: 32px;
  }
  body .sm\:-top-32.sm\:-top-32 {
    top: -32px;
  }
}
@media (min-width: 768px) {
  body .md\:top-32.md\:top-32 {
    top: 32px;
  }
  body .md\:-top-32.md\:-top-32 {
    top: -32px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-32.lg\:top-32 {
    top: 32px;
  }
  body .lg\:-top-32.lg\:-top-32 {
    top: -32px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-32.xl\:top-32 {
    top: 32px;
  }
  body .xl\:-top-32.xl\:-top-32 {
    top: -32px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-32.xxl\:top-32 {
    top: 32px;
  }
  body .xxl\:-top-32.xxl\:-top-32 {
    top: -32px;
  }
}
body .top-48 {
  top: 48px;
}
body .-top-48 {
  top: -48px;
}
@media (min-width: 480px) {
  body .sm\:top-48.sm\:top-48 {
    top: 48px;
  }
  body .sm\:-top-48.sm\:-top-48 {
    top: -48px;
  }
}
@media (min-width: 768px) {
  body .md\:top-48.md\:top-48 {
    top: 48px;
  }
  body .md\:-top-48.md\:-top-48 {
    top: -48px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-48.lg\:top-48 {
    top: 48px;
  }
  body .lg\:-top-48.lg\:-top-48 {
    top: -48px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-48.xl\:top-48 {
    top: 48px;
  }
  body .xl\:-top-48.xl\:-top-48 {
    top: -48px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-48.xxl\:top-48 {
    top: 48px;
  }
  body .xxl\:-top-48.xxl\:-top-48 {
    top: -48px;
  }
}
body .top-64 {
  top: 64px;
}
body .-top-64 {
  top: -64px;
}
@media (min-width: 480px) {
  body .sm\:top-64.sm\:top-64 {
    top: 64px;
  }
  body .sm\:-top-64.sm\:-top-64 {
    top: -64px;
  }
}
@media (min-width: 768px) {
  body .md\:top-64.md\:top-64 {
    top: 64px;
  }
  body .md\:-top-64.md\:-top-64 {
    top: -64px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-64.lg\:top-64 {
    top: 64px;
  }
  body .lg\:-top-64.lg\:-top-64 {
    top: -64px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-64.xl\:top-64 {
    top: 64px;
  }
  body .xl\:-top-64.xl\:-top-64 {
    top: -64px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-64.xxl\:top-64 {
    top: 64px;
  }
  body .xxl\:-top-64.xxl\:-top-64 {
    top: -64px;
  }
}
body .top-80 {
  top: 80px;
}
body .-top-80 {
  top: -80px;
}
@media (min-width: 480px) {
  body .sm\:top-80.sm\:top-80 {
    top: 80px;
  }
  body .sm\:-top-80.sm\:-top-80 {
    top: -80px;
  }
}
@media (min-width: 768px) {
  body .md\:top-80.md\:top-80 {
    top: 80px;
  }
  body .md\:-top-80.md\:-top-80 {
    top: -80px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-80.lg\:top-80 {
    top: 80px;
  }
  body .lg\:-top-80.lg\:-top-80 {
    top: -80px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-80.xl\:top-80 {
    top: 80px;
  }
  body .xl\:-top-80.xl\:-top-80 {
    top: -80px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-80.xxl\:top-80 {
    top: 80px;
  }
  body .xxl\:-top-80.xxl\:-top-80 {
    top: -80px;
  }
}
body .top-96 {
  top: 96px;
}
body .-top-96 {
  top: -96px;
}
@media (min-width: 480px) {
  body .sm\:top-96.sm\:top-96 {
    top: 96px;
  }
  body .sm\:-top-96.sm\:-top-96 {
    top: -96px;
  }
}
@media (min-width: 768px) {
  body .md\:top-96.md\:top-96 {
    top: 96px;
  }
  body .md\:-top-96.md\:-top-96 {
    top: -96px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-96.lg\:top-96 {
    top: 96px;
  }
  body .lg\:-top-96.lg\:-top-96 {
    top: -96px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-96.xl\:top-96 {
    top: 96px;
  }
  body .xl\:-top-96.xl\:-top-96 {
    top: -96px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-96.xxl\:top-96 {
    top: 96px;
  }
  body .xxl\:-top-96.xxl\:-top-96 {
    top: -96px;
  }
}
body .top-128 {
  top: 128px;
}
body .-top-128 {
  top: -128px;
}
@media (min-width: 480px) {
  body .sm\:top-128.sm\:top-128 {
    top: 128px;
  }
  body .sm\:-top-128.sm\:-top-128 {
    top: -128px;
  }
}
@media (min-width: 768px) {
  body .md\:top-128.md\:top-128 {
    top: 128px;
  }
  body .md\:-top-128.md\:-top-128 {
    top: -128px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-128.lg\:top-128 {
    top: 128px;
  }
  body .lg\:-top-128.lg\:-top-128 {
    top: -128px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-128.xl\:top-128 {
    top: 128px;
  }
  body .xl\:-top-128.xl\:-top-128 {
    top: -128px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-128.xxl\:top-128 {
    top: 128px;
  }
  body .xxl\:-top-128.xxl\:-top-128 {
    top: -128px;
  }
}
body .top-192 {
  top: 192px;
}
body .-top-192 {
  top: -192px;
}
@media (min-width: 480px) {
  body .sm\:top-192.sm\:top-192 {
    top: 192px;
  }
  body .sm\:-top-192.sm\:-top-192 {
    top: -192px;
  }
}
@media (min-width: 768px) {
  body .md\:top-192.md\:top-192 {
    top: 192px;
  }
  body .md\:-top-192.md\:-top-192 {
    top: -192px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-192.lg\:top-192 {
    top: 192px;
  }
  body .lg\:-top-192.lg\:-top-192 {
    top: -192px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-192.xl\:top-192 {
    top: 192px;
  }
  body .xl\:-top-192.xl\:-top-192 {
    top: -192px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-192.xxl\:top-192 {
    top: 192px;
  }
  body .xxl\:-top-192.xxl\:-top-192 {
    top: -192px;
  }
}
body .top-240 {
  top: 240px;
}
body .-top-240 {
  top: -240px;
}
@media (min-width: 480px) {
  body .sm\:top-240.sm\:top-240 {
    top: 240px;
  }
  body .sm\:-top-240.sm\:-top-240 {
    top: -240px;
  }
}
@media (min-width: 768px) {
  body .md\:top-240.md\:top-240 {
    top: 240px;
  }
  body .md\:-top-240.md\:-top-240 {
    top: -240px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-240.lg\:top-240 {
    top: 240px;
  }
  body .lg\:-top-240.lg\:-top-240 {
    top: -240px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-240.xl\:top-240 {
    top: 240px;
  }
  body .xl\:-top-240.xl\:-top-240 {
    top: -240px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-240.xxl\:top-240 {
    top: 240px;
  }
  body .xxl\:-top-240.xxl\:-top-240 {
    top: -240px;
  }
}
body .top-256 {
  top: 256px;
}
body .-top-256 {
  top: -256px;
}
@media (min-width: 480px) {
  body .sm\:top-256.sm\:top-256 {
    top: 256px;
  }
  body .sm\:-top-256.sm\:-top-256 {
    top: -256px;
  }
}
@media (min-width: 768px) {
  body .md\:top-256.md\:top-256 {
    top: 256px;
  }
  body .md\:-top-256.md\:-top-256 {
    top: -256px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-256.lg\:top-256 {
    top: 256px;
  }
  body .lg\:-top-256.lg\:-top-256 {
    top: -256px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-256.xl\:top-256 {
    top: 256px;
  }
  body .xl\:-top-256.xl\:-top-256 {
    top: -256px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-256.xxl\:top-256 {
    top: 256px;
  }
  body .xxl\:-top-256.xxl\:-top-256 {
    top: -256px;
  }
}
body .top-288 {
  top: 288px;
}
body .-top-288 {
  top: -288px;
}
@media (min-width: 480px) {
  body .sm\:top-288.sm\:top-288 {
    top: 288px;
  }
  body .sm\:-top-288.sm\:-top-288 {
    top: -288px;
  }
}
@media (min-width: 768px) {
  body .md\:top-288.md\:top-288 {
    top: 288px;
  }
  body .md\:-top-288.md\:-top-288 {
    top: -288px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-288.lg\:top-288 {
    top: 288px;
  }
  body .lg\:-top-288.lg\:-top-288 {
    top: -288px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-288.xl\:top-288 {
    top: 288px;
  }
  body .xl\:-top-288.xl\:-top-288 {
    top: -288px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-288.xxl\:top-288 {
    top: 288px;
  }
  body .xxl\:-top-288.xxl\:-top-288 {
    top: -288px;
  }
}
body .top-320 {
  top: 320px;
}
body .-top-320 {
  top: -320px;
}
@media (min-width: 480px) {
  body .sm\:top-320.sm\:top-320 {
    top: 320px;
  }
  body .sm\:-top-320.sm\:-top-320 {
    top: -320px;
  }
}
@media (min-width: 768px) {
  body .md\:top-320.md\:top-320 {
    top: 320px;
  }
  body .md\:-top-320.md\:-top-320 {
    top: -320px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-320.lg\:top-320 {
    top: 320px;
  }
  body .lg\:-top-320.lg\:-top-320 {
    top: -320px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-320.xl\:top-320 {
    top: 320px;
  }
  body .xl\:-top-320.xl\:-top-320 {
    top: -320px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-320.xxl\:top-320 {
    top: 320px;
  }
  body .xxl\:-top-320.xxl\:-top-320 {
    top: -320px;
  }
}
body .top-512 {
  top: 512px;
}
body .-top-512 {
  top: -512px;
}
@media (min-width: 480px) {
  body .sm\:top-512.sm\:top-512 {
    top: 512px;
  }
  body .sm\:-top-512.sm\:-top-512 {
    top: -512px;
  }
}
@media (min-width: 768px) {
  body .md\:top-512.md\:top-512 {
    top: 512px;
  }
  body .md\:-top-512.md\:-top-512 {
    top: -512px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-512.lg\:top-512 {
    top: 512px;
  }
  body .lg\:-top-512.lg\:-top-512 {
    top: -512px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-512.xl\:top-512 {
    top: 512px;
  }
  body .xl\:-top-512.xl\:-top-512 {
    top: -512px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-512.xxl\:top-512 {
    top: 512px;
  }
  body .xxl\:-top-512.xxl\:-top-512 {
    top: -512px;
  }
}
body .top-624 {
  top: 624px;
}
body .-top-624 {
  top: -624px;
}
@media (min-width: 480px) {
  body .sm\:top-624.sm\:top-624 {
    top: 624px;
  }
  body .sm\:-top-624.sm\:-top-624 {
    top: -624px;
  }
}
@media (min-width: 768px) {
  body .md\:top-624.md\:top-624 {
    top: 624px;
  }
  body .md\:-top-624.md\:-top-624 {
    top: -624px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-624.lg\:top-624 {
    top: 624px;
  }
  body .lg\:-top-624.lg\:-top-624 {
    top: -624px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-624.xl\:top-624 {
    top: 624px;
  }
  body .xl\:-top-624.xl\:-top-624 {
    top: -624px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-624.xxl\:top-624 {
    top: 624px;
  }
  body .xxl\:-top-624.xxl\:-top-624 {
    top: -624px;
  }
}
body .top-640 {
  top: 640px;
}
body .-top-640 {
  top: -640px;
}
@media (min-width: 480px) {
  body .sm\:top-640.sm\:top-640 {
    top: 640px;
  }
  body .sm\:-top-640.sm\:-top-640 {
    top: -640px;
  }
}
@media (min-width: 768px) {
  body .md\:top-640.md\:top-640 {
    top: 640px;
  }
  body .md\:-top-640.md\:-top-640 {
    top: -640px;
  }
}
@media (min-width: 1152px) {
  body .lg\:top-640.lg\:top-640 {
    top: 640px;
  }
  body .lg\:-top-640.lg\:-top-640 {
    top: -640px;
  }
}
@media (min-width: 1440px) {
  body .xl\:top-640.xl\:top-640 {
    top: 640px;
  }
  body .xl\:-top-640.xl\:-top-640 {
    top: -640px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:top-640.xxl\:top-640 {
    top: 640px;
  }
  body .xxl\:-top-640.xxl\:-top-640 {
    top: -640px;
  }
}
body .bottom-0 {
  bottom: 0;
}
@media (min-width: 480px) {
  body .sm\:bottom-0.sm\:bottom-0 {
    bottom: 0;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-0.md\:bottom-0 {
    bottom: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-0.lg\:bottom-0 {
    bottom: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-0.xl\:bottom-0 {
    bottom: 0;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-0.xxl\:bottom-0 {
    bottom: 0;
  }
}
body .bottom-full {
  bottom: 100%;
}
body .-bottom-full {
  bottom: -100%;
}
@media (min-width: 480px) {
  body .sm\:bottom-full.sm\:bottom-full {
    bottom: 100%;
  }
  body .sm\:-bottom-full.sm\:-bottom-full {
    bottom: -100%;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-full.md\:bottom-full {
    bottom: 100%;
  }
  body .md\:-bottom-full.md\:-bottom-full {
    bottom: -100%;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-full.lg\:bottom-full {
    bottom: 100%;
  }
  body .lg\:-bottom-full.lg\:-bottom-full {
    bottom: -100%;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-full.xl\:bottom-full {
    bottom: 100%;
  }
  body .xl\:-bottom-full.xl\:-bottom-full {
    bottom: -100%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-full.xxl\:bottom-full {
    bottom: 100%;
  }
  body .xxl\:-bottom-full.xxl\:-bottom-full {
    bottom: -100%;
  }
}
body .bottom-half {
  bottom: 50%;
}
body .-bottom-half {
  bottom: -50%;
}
@media (min-width: 480px) {
  body .sm\:bottom-half.sm\:bottom-half {
    bottom: 50%;
  }
  body .sm\:-bottom-half.sm\:-bottom-half {
    bottom: -50%;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-half.md\:bottom-half {
    bottom: 50%;
  }
  body .md\:-bottom-half.md\:-bottom-half {
    bottom: -50%;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-half.lg\:bottom-half {
    bottom: 50%;
  }
  body .lg\:-bottom-half.lg\:-bottom-half {
    bottom: -50%;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-half.xl\:bottom-half {
    bottom: 50%;
  }
  body .xl\:-bottom-half.xl\:-bottom-half {
    bottom: -50%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-half.xxl\:bottom-half {
    bottom: 50%;
  }
  body .xxl\:-bottom-half.xxl\:-bottom-half {
    bottom: -50%;
  }
}
body .bottom-third {
  bottom: 33.33%;
}
body .-bottom-third {
  bottom: -33.33%;
}
@media (min-width: 480px) {
  body .sm\:bottom-third.sm\:bottom-third {
    bottom: 33.33%;
  }
  body .sm\:-bottom-third.sm\:-bottom-third {
    bottom: -33.33%;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-third.md\:bottom-third {
    bottom: 33.33%;
  }
  body .md\:-bottom-third.md\:-bottom-third {
    bottom: -33.33%;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-third.lg\:bottom-third {
    bottom: 33.33%;
  }
  body .lg\:-bottom-third.lg\:-bottom-third {
    bottom: -33.33%;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-third.xl\:bottom-third {
    bottom: 33.33%;
  }
  body .xl\:-bottom-third.xl\:-bottom-third {
    bottom: -33.33%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-third.xxl\:bottom-third {
    bottom: 33.33%;
  }
  body .xxl\:-bottom-third.xxl\:-bottom-third {
    bottom: -33.33%;
  }
}
body .bottom-auto {
  bottom: auto;
}
@media (min-width: 480px) {
  body .sm\:bottom-auto.sm\:bottom-auto {
    bottom: auto;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-auto.md\:bottom-auto {
    bottom: auto;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-auto.lg\:bottom-auto {
    bottom: auto;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-auto.xl\:bottom-auto {
    bottom: auto;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-auto.xxl\:bottom-auto {
    bottom: auto;
  }
}
body .bottom-1 {
  bottom: 1px;
}
body .-bottom-1 {
  bottom: -1px;
}
@media (min-width: 480px) {
  body .sm\:bottom-1.sm\:bottom-1 {
    bottom: 1px;
  }
  body .sm\:-bottom-1.sm\:-bottom-1 {
    bottom: -1px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-1.md\:bottom-1 {
    bottom: 1px;
  }
  body .md\:-bottom-1.md\:-bottom-1 {
    bottom: -1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-1.lg\:bottom-1 {
    bottom: 1px;
  }
  body .lg\:-bottom-1.lg\:-bottom-1 {
    bottom: -1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-1.xl\:bottom-1 {
    bottom: 1px;
  }
  body .xl\:-bottom-1.xl\:-bottom-1 {
    bottom: -1px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-1.xxl\:bottom-1 {
    bottom: 1px;
  }
  body .xxl\:-bottom-1.xxl\:-bottom-1 {
    bottom: -1px;
  }
}
body .bottom-2 {
  bottom: 2px;
}
body .-bottom-2 {
  bottom: -2px;
}
@media (min-width: 480px) {
  body .sm\:bottom-2.sm\:bottom-2 {
    bottom: 2px;
  }
  body .sm\:-bottom-2.sm\:-bottom-2 {
    bottom: -2px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-2.md\:bottom-2 {
    bottom: 2px;
  }
  body .md\:-bottom-2.md\:-bottom-2 {
    bottom: -2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-2.lg\:bottom-2 {
    bottom: 2px;
  }
  body .lg\:-bottom-2.lg\:-bottom-2 {
    bottom: -2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-2.xl\:bottom-2 {
    bottom: 2px;
  }
  body .xl\:-bottom-2.xl\:-bottom-2 {
    bottom: -2px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-2.xxl\:bottom-2 {
    bottom: 2px;
  }
  body .xxl\:-bottom-2.xxl\:-bottom-2 {
    bottom: -2px;
  }
}
body .bottom-4 {
  bottom: 4px;
}
body .-bottom-4 {
  bottom: -4px;
}
@media (min-width: 480px) {
  body .sm\:bottom-4.sm\:bottom-4 {
    bottom: 4px;
  }
  body .sm\:-bottom-4.sm\:-bottom-4 {
    bottom: -4px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-4.md\:bottom-4 {
    bottom: 4px;
  }
  body .md\:-bottom-4.md\:-bottom-4 {
    bottom: -4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-4.lg\:bottom-4 {
    bottom: 4px;
  }
  body .lg\:-bottom-4.lg\:-bottom-4 {
    bottom: -4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-4.xl\:bottom-4 {
    bottom: 4px;
  }
  body .xl\:-bottom-4.xl\:-bottom-4 {
    bottom: -4px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-4.xxl\:bottom-4 {
    bottom: 4px;
  }
  body .xxl\:-bottom-4.xxl\:-bottom-4 {
    bottom: -4px;
  }
}
body .bottom-5 {
  bottom: 5px;
}
body .-bottom-5 {
  bottom: -5px;
}
@media (min-width: 480px) {
  body .sm\:bottom-5.sm\:bottom-5 {
    bottom: 5px;
  }
  body .sm\:-bottom-5.sm\:-bottom-5 {
    bottom: -5px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-5.md\:bottom-5 {
    bottom: 5px;
  }
  body .md\:-bottom-5.md\:-bottom-5 {
    bottom: -5px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-5.lg\:bottom-5 {
    bottom: 5px;
  }
  body .lg\:-bottom-5.lg\:-bottom-5 {
    bottom: -5px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-5.xl\:bottom-5 {
    bottom: 5px;
  }
  body .xl\:-bottom-5.xl\:-bottom-5 {
    bottom: -5px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-5.xxl\:bottom-5 {
    bottom: 5px;
  }
  body .xxl\:-bottom-5.xxl\:-bottom-5 {
    bottom: -5px;
  }
}
body .bottom-6 {
  bottom: 6px;
}
body .-bottom-6 {
  bottom: -6px;
}
@media (min-width: 480px) {
  body .sm\:bottom-6.sm\:bottom-6 {
    bottom: 6px;
  }
  body .sm\:-bottom-6.sm\:-bottom-6 {
    bottom: -6px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-6.md\:bottom-6 {
    bottom: 6px;
  }
  body .md\:-bottom-6.md\:-bottom-6 {
    bottom: -6px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-6.lg\:bottom-6 {
    bottom: 6px;
  }
  body .lg\:-bottom-6.lg\:-bottom-6 {
    bottom: -6px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-6.xl\:bottom-6 {
    bottom: 6px;
  }
  body .xl\:-bottom-6.xl\:-bottom-6 {
    bottom: -6px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-6.xxl\:bottom-6 {
    bottom: 6px;
  }
  body .xxl\:-bottom-6.xxl\:-bottom-6 {
    bottom: -6px;
  }
}
body .bottom-8 {
  bottom: 8px;
}
body .-bottom-8 {
  bottom: -8px;
}
@media (min-width: 480px) {
  body .sm\:bottom-8.sm\:bottom-8 {
    bottom: 8px;
  }
  body .sm\:-bottom-8.sm\:-bottom-8 {
    bottom: -8px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-8.md\:bottom-8 {
    bottom: 8px;
  }
  body .md\:-bottom-8.md\:-bottom-8 {
    bottom: -8px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-8.lg\:bottom-8 {
    bottom: 8px;
  }
  body .lg\:-bottom-8.lg\:-bottom-8 {
    bottom: -8px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-8.xl\:bottom-8 {
    bottom: 8px;
  }
  body .xl\:-bottom-8.xl\:-bottom-8 {
    bottom: -8px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-8.xxl\:bottom-8 {
    bottom: 8px;
  }
  body .xxl\:-bottom-8.xxl\:-bottom-8 {
    bottom: -8px;
  }
}
body .bottom-12 {
  bottom: 12px;
}
body .-bottom-12 {
  bottom: -12px;
}
@media (min-width: 480px) {
  body .sm\:bottom-12.sm\:bottom-12 {
    bottom: 12px;
  }
  body .sm\:-bottom-12.sm\:-bottom-12 {
    bottom: -12px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-12.md\:bottom-12 {
    bottom: 12px;
  }
  body .md\:-bottom-12.md\:-bottom-12 {
    bottom: -12px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-12.lg\:bottom-12 {
    bottom: 12px;
  }
  body .lg\:-bottom-12.lg\:-bottom-12 {
    bottom: -12px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-12.xl\:bottom-12 {
    bottom: 12px;
  }
  body .xl\:-bottom-12.xl\:-bottom-12 {
    bottom: -12px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-12.xxl\:bottom-12 {
    bottom: 12px;
  }
  body .xxl\:-bottom-12.xxl\:-bottom-12 {
    bottom: -12px;
  }
}
body .bottom-16 {
  bottom: 16px;
}
body .-bottom-16 {
  bottom: -16px;
}
@media (min-width: 480px) {
  body .sm\:bottom-16.sm\:bottom-16 {
    bottom: 16px;
  }
  body .sm\:-bottom-16.sm\:-bottom-16 {
    bottom: -16px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-16.md\:bottom-16 {
    bottom: 16px;
  }
  body .md\:-bottom-16.md\:-bottom-16 {
    bottom: -16px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-16.lg\:bottom-16 {
    bottom: 16px;
  }
  body .lg\:-bottom-16.lg\:-bottom-16 {
    bottom: -16px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-16.xl\:bottom-16 {
    bottom: 16px;
  }
  body .xl\:-bottom-16.xl\:-bottom-16 {
    bottom: -16px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-16.xxl\:bottom-16 {
    bottom: 16px;
  }
  body .xxl\:-bottom-16.xxl\:-bottom-16 {
    bottom: -16px;
  }
}
body .bottom-20 {
  bottom: 20px;
}
body .-bottom-20 {
  bottom: -20px;
}
@media (min-width: 480px) {
  body .sm\:bottom-20.sm\:bottom-20 {
    bottom: 20px;
  }
  body .sm\:-bottom-20.sm\:-bottom-20 {
    bottom: -20px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-20.md\:bottom-20 {
    bottom: 20px;
  }
  body .md\:-bottom-20.md\:-bottom-20 {
    bottom: -20px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-20.lg\:bottom-20 {
    bottom: 20px;
  }
  body .lg\:-bottom-20.lg\:-bottom-20 {
    bottom: -20px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-20.xl\:bottom-20 {
    bottom: 20px;
  }
  body .xl\:-bottom-20.xl\:-bottom-20 {
    bottom: -20px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-20.xxl\:bottom-20 {
    bottom: 20px;
  }
  body .xxl\:-bottom-20.xxl\:-bottom-20 {
    bottom: -20px;
  }
}
body .bottom-24 {
  bottom: 24px;
}
body .-bottom-24 {
  bottom: -24px;
}
@media (min-width: 480px) {
  body .sm\:bottom-24.sm\:bottom-24 {
    bottom: 24px;
  }
  body .sm\:-bottom-24.sm\:-bottom-24 {
    bottom: -24px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-24.md\:bottom-24 {
    bottom: 24px;
  }
  body .md\:-bottom-24.md\:-bottom-24 {
    bottom: -24px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-24.lg\:bottom-24 {
    bottom: 24px;
  }
  body .lg\:-bottom-24.lg\:-bottom-24 {
    bottom: -24px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-24.xl\:bottom-24 {
    bottom: 24px;
  }
  body .xl\:-bottom-24.xl\:-bottom-24 {
    bottom: -24px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-24.xxl\:bottom-24 {
    bottom: 24px;
  }
  body .xxl\:-bottom-24.xxl\:-bottom-24 {
    bottom: -24px;
  }
}
body .bottom-32 {
  bottom: 32px;
}
body .-bottom-32 {
  bottom: -32px;
}
@media (min-width: 480px) {
  body .sm\:bottom-32.sm\:bottom-32 {
    bottom: 32px;
  }
  body .sm\:-bottom-32.sm\:-bottom-32 {
    bottom: -32px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-32.md\:bottom-32 {
    bottom: 32px;
  }
  body .md\:-bottom-32.md\:-bottom-32 {
    bottom: -32px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-32.lg\:bottom-32 {
    bottom: 32px;
  }
  body .lg\:-bottom-32.lg\:-bottom-32 {
    bottom: -32px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-32.xl\:bottom-32 {
    bottom: 32px;
  }
  body .xl\:-bottom-32.xl\:-bottom-32 {
    bottom: -32px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-32.xxl\:bottom-32 {
    bottom: 32px;
  }
  body .xxl\:-bottom-32.xxl\:-bottom-32 {
    bottom: -32px;
  }
}
body .bottom-48 {
  bottom: 48px;
}
body .-bottom-48 {
  bottom: -48px;
}
@media (min-width: 480px) {
  body .sm\:bottom-48.sm\:bottom-48 {
    bottom: 48px;
  }
  body .sm\:-bottom-48.sm\:-bottom-48 {
    bottom: -48px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-48.md\:bottom-48 {
    bottom: 48px;
  }
  body .md\:-bottom-48.md\:-bottom-48 {
    bottom: -48px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-48.lg\:bottom-48 {
    bottom: 48px;
  }
  body .lg\:-bottom-48.lg\:-bottom-48 {
    bottom: -48px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-48.xl\:bottom-48 {
    bottom: 48px;
  }
  body .xl\:-bottom-48.xl\:-bottom-48 {
    bottom: -48px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-48.xxl\:bottom-48 {
    bottom: 48px;
  }
  body .xxl\:-bottom-48.xxl\:-bottom-48 {
    bottom: -48px;
  }
}
body .bottom-64 {
  bottom: 64px;
}
body .-bottom-64 {
  bottom: -64px;
}
@media (min-width: 480px) {
  body .sm\:bottom-64.sm\:bottom-64 {
    bottom: 64px;
  }
  body .sm\:-bottom-64.sm\:-bottom-64 {
    bottom: -64px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-64.md\:bottom-64 {
    bottom: 64px;
  }
  body .md\:-bottom-64.md\:-bottom-64 {
    bottom: -64px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-64.lg\:bottom-64 {
    bottom: 64px;
  }
  body .lg\:-bottom-64.lg\:-bottom-64 {
    bottom: -64px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-64.xl\:bottom-64 {
    bottom: 64px;
  }
  body .xl\:-bottom-64.xl\:-bottom-64 {
    bottom: -64px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-64.xxl\:bottom-64 {
    bottom: 64px;
  }
  body .xxl\:-bottom-64.xxl\:-bottom-64 {
    bottom: -64px;
  }
}
body .bottom-80 {
  bottom: 80px;
}
body .-bottom-80 {
  bottom: -80px;
}
@media (min-width: 480px) {
  body .sm\:bottom-80.sm\:bottom-80 {
    bottom: 80px;
  }
  body .sm\:-bottom-80.sm\:-bottom-80 {
    bottom: -80px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-80.md\:bottom-80 {
    bottom: 80px;
  }
  body .md\:-bottom-80.md\:-bottom-80 {
    bottom: -80px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-80.lg\:bottom-80 {
    bottom: 80px;
  }
  body .lg\:-bottom-80.lg\:-bottom-80 {
    bottom: -80px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-80.xl\:bottom-80 {
    bottom: 80px;
  }
  body .xl\:-bottom-80.xl\:-bottom-80 {
    bottom: -80px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-80.xxl\:bottom-80 {
    bottom: 80px;
  }
  body .xxl\:-bottom-80.xxl\:-bottom-80 {
    bottom: -80px;
  }
}
body .bottom-96 {
  bottom: 96px;
}
body .-bottom-96 {
  bottom: -96px;
}
@media (min-width: 480px) {
  body .sm\:bottom-96.sm\:bottom-96 {
    bottom: 96px;
  }
  body .sm\:-bottom-96.sm\:-bottom-96 {
    bottom: -96px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-96.md\:bottom-96 {
    bottom: 96px;
  }
  body .md\:-bottom-96.md\:-bottom-96 {
    bottom: -96px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-96.lg\:bottom-96 {
    bottom: 96px;
  }
  body .lg\:-bottom-96.lg\:-bottom-96 {
    bottom: -96px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-96.xl\:bottom-96 {
    bottom: 96px;
  }
  body .xl\:-bottom-96.xl\:-bottom-96 {
    bottom: -96px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-96.xxl\:bottom-96 {
    bottom: 96px;
  }
  body .xxl\:-bottom-96.xxl\:-bottom-96 {
    bottom: -96px;
  }
}
body .bottom-128 {
  bottom: 128px;
}
body .-bottom-128 {
  bottom: -128px;
}
@media (min-width: 480px) {
  body .sm\:bottom-128.sm\:bottom-128 {
    bottom: 128px;
  }
  body .sm\:-bottom-128.sm\:-bottom-128 {
    bottom: -128px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-128.md\:bottom-128 {
    bottom: 128px;
  }
  body .md\:-bottom-128.md\:-bottom-128 {
    bottom: -128px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-128.lg\:bottom-128 {
    bottom: 128px;
  }
  body .lg\:-bottom-128.lg\:-bottom-128 {
    bottom: -128px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-128.xl\:bottom-128 {
    bottom: 128px;
  }
  body .xl\:-bottom-128.xl\:-bottom-128 {
    bottom: -128px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-128.xxl\:bottom-128 {
    bottom: 128px;
  }
  body .xxl\:-bottom-128.xxl\:-bottom-128 {
    bottom: -128px;
  }
}
body .bottom-192 {
  bottom: 192px;
}
body .-bottom-192 {
  bottom: -192px;
}
@media (min-width: 480px) {
  body .sm\:bottom-192.sm\:bottom-192 {
    bottom: 192px;
  }
  body .sm\:-bottom-192.sm\:-bottom-192 {
    bottom: -192px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-192.md\:bottom-192 {
    bottom: 192px;
  }
  body .md\:-bottom-192.md\:-bottom-192 {
    bottom: -192px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-192.lg\:bottom-192 {
    bottom: 192px;
  }
  body .lg\:-bottom-192.lg\:-bottom-192 {
    bottom: -192px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-192.xl\:bottom-192 {
    bottom: 192px;
  }
  body .xl\:-bottom-192.xl\:-bottom-192 {
    bottom: -192px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-192.xxl\:bottom-192 {
    bottom: 192px;
  }
  body .xxl\:-bottom-192.xxl\:-bottom-192 {
    bottom: -192px;
  }
}
body .bottom-240 {
  bottom: 240px;
}
body .-bottom-240 {
  bottom: -240px;
}
@media (min-width: 480px) {
  body .sm\:bottom-240.sm\:bottom-240 {
    bottom: 240px;
  }
  body .sm\:-bottom-240.sm\:-bottom-240 {
    bottom: -240px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-240.md\:bottom-240 {
    bottom: 240px;
  }
  body .md\:-bottom-240.md\:-bottom-240 {
    bottom: -240px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-240.lg\:bottom-240 {
    bottom: 240px;
  }
  body .lg\:-bottom-240.lg\:-bottom-240 {
    bottom: -240px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-240.xl\:bottom-240 {
    bottom: 240px;
  }
  body .xl\:-bottom-240.xl\:-bottom-240 {
    bottom: -240px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-240.xxl\:bottom-240 {
    bottom: 240px;
  }
  body .xxl\:-bottom-240.xxl\:-bottom-240 {
    bottom: -240px;
  }
}
body .bottom-256 {
  bottom: 256px;
}
body .-bottom-256 {
  bottom: -256px;
}
@media (min-width: 480px) {
  body .sm\:bottom-256.sm\:bottom-256 {
    bottom: 256px;
  }
  body .sm\:-bottom-256.sm\:-bottom-256 {
    bottom: -256px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-256.md\:bottom-256 {
    bottom: 256px;
  }
  body .md\:-bottom-256.md\:-bottom-256 {
    bottom: -256px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-256.lg\:bottom-256 {
    bottom: 256px;
  }
  body .lg\:-bottom-256.lg\:-bottom-256 {
    bottom: -256px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-256.xl\:bottom-256 {
    bottom: 256px;
  }
  body .xl\:-bottom-256.xl\:-bottom-256 {
    bottom: -256px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-256.xxl\:bottom-256 {
    bottom: 256px;
  }
  body .xxl\:-bottom-256.xxl\:-bottom-256 {
    bottom: -256px;
  }
}
body .bottom-288 {
  bottom: 288px;
}
body .-bottom-288 {
  bottom: -288px;
}
@media (min-width: 480px) {
  body .sm\:bottom-288.sm\:bottom-288 {
    bottom: 288px;
  }
  body .sm\:-bottom-288.sm\:-bottom-288 {
    bottom: -288px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-288.md\:bottom-288 {
    bottom: 288px;
  }
  body .md\:-bottom-288.md\:-bottom-288 {
    bottom: -288px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-288.lg\:bottom-288 {
    bottom: 288px;
  }
  body .lg\:-bottom-288.lg\:-bottom-288 {
    bottom: -288px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-288.xl\:bottom-288 {
    bottom: 288px;
  }
  body .xl\:-bottom-288.xl\:-bottom-288 {
    bottom: -288px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-288.xxl\:bottom-288 {
    bottom: 288px;
  }
  body .xxl\:-bottom-288.xxl\:-bottom-288 {
    bottom: -288px;
  }
}
body .bottom-320 {
  bottom: 320px;
}
body .-bottom-320 {
  bottom: -320px;
}
@media (min-width: 480px) {
  body .sm\:bottom-320.sm\:bottom-320 {
    bottom: 320px;
  }
  body .sm\:-bottom-320.sm\:-bottom-320 {
    bottom: -320px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-320.md\:bottom-320 {
    bottom: 320px;
  }
  body .md\:-bottom-320.md\:-bottom-320 {
    bottom: -320px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-320.lg\:bottom-320 {
    bottom: 320px;
  }
  body .lg\:-bottom-320.lg\:-bottom-320 {
    bottom: -320px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-320.xl\:bottom-320 {
    bottom: 320px;
  }
  body .xl\:-bottom-320.xl\:-bottom-320 {
    bottom: -320px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-320.xxl\:bottom-320 {
    bottom: 320px;
  }
  body .xxl\:-bottom-320.xxl\:-bottom-320 {
    bottom: -320px;
  }
}
body .bottom-512 {
  bottom: 512px;
}
body .-bottom-512 {
  bottom: -512px;
}
@media (min-width: 480px) {
  body .sm\:bottom-512.sm\:bottom-512 {
    bottom: 512px;
  }
  body .sm\:-bottom-512.sm\:-bottom-512 {
    bottom: -512px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-512.md\:bottom-512 {
    bottom: 512px;
  }
  body .md\:-bottom-512.md\:-bottom-512 {
    bottom: -512px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-512.lg\:bottom-512 {
    bottom: 512px;
  }
  body .lg\:-bottom-512.lg\:-bottom-512 {
    bottom: -512px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-512.xl\:bottom-512 {
    bottom: 512px;
  }
  body .xl\:-bottom-512.xl\:-bottom-512 {
    bottom: -512px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-512.xxl\:bottom-512 {
    bottom: 512px;
  }
  body .xxl\:-bottom-512.xxl\:-bottom-512 {
    bottom: -512px;
  }
}
body .bottom-624 {
  bottom: 624px;
}
body .-bottom-624 {
  bottom: -624px;
}
@media (min-width: 480px) {
  body .sm\:bottom-624.sm\:bottom-624 {
    bottom: 624px;
  }
  body .sm\:-bottom-624.sm\:-bottom-624 {
    bottom: -624px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-624.md\:bottom-624 {
    bottom: 624px;
  }
  body .md\:-bottom-624.md\:-bottom-624 {
    bottom: -624px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-624.lg\:bottom-624 {
    bottom: 624px;
  }
  body .lg\:-bottom-624.lg\:-bottom-624 {
    bottom: -624px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-624.xl\:bottom-624 {
    bottom: 624px;
  }
  body .xl\:-bottom-624.xl\:-bottom-624 {
    bottom: -624px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-624.xxl\:bottom-624 {
    bottom: 624px;
  }
  body .xxl\:-bottom-624.xxl\:-bottom-624 {
    bottom: -624px;
  }
}
body .bottom-640 {
  bottom: 640px;
}
body .-bottom-640 {
  bottom: -640px;
}
@media (min-width: 480px) {
  body .sm\:bottom-640.sm\:bottom-640 {
    bottom: 640px;
  }
  body .sm\:-bottom-640.sm\:-bottom-640 {
    bottom: -640px;
  }
}
@media (min-width: 768px) {
  body .md\:bottom-640.md\:bottom-640 {
    bottom: 640px;
  }
  body .md\:-bottom-640.md\:-bottom-640 {
    bottom: -640px;
  }
}
@media (min-width: 1152px) {
  body .lg\:bottom-640.lg\:bottom-640 {
    bottom: 640px;
  }
  body .lg\:-bottom-640.lg\:-bottom-640 {
    bottom: -640px;
  }
}
@media (min-width: 1440px) {
  body .xl\:bottom-640.xl\:bottom-640 {
    bottom: 640px;
  }
  body .xl\:-bottom-640.xl\:-bottom-640 {
    bottom: -640px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:bottom-640.xxl\:bottom-640 {
    bottom: 640px;
  }
  body .xxl\:-bottom-640.xxl\:-bottom-640 {
    bottom: -640px;
  }
}
body .left-0 {
  left: 0;
}
@media (min-width: 480px) {
  body .sm\:left-0.sm\:left-0 {
    left: 0;
  }
}
@media (min-width: 768px) {
  body .md\:left-0.md\:left-0 {
    left: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-0.lg\:left-0 {
    left: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-0.xl\:left-0 {
    left: 0;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-0.xxl\:left-0 {
    left: 0;
  }
}
body .left-full {
  left: 100%;
}
body .-left-full {
  left: -100%;
}
@media (min-width: 480px) {
  body .sm\:left-full.sm\:left-full {
    left: 100%;
  }
  body .sm\:-left-full.sm\:-left-full {
    left: -100%;
  }
}
@media (min-width: 768px) {
  body .md\:left-full.md\:left-full {
    left: 100%;
  }
  body .md\:-left-full.md\:-left-full {
    left: -100%;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-full.lg\:left-full {
    left: 100%;
  }
  body .lg\:-left-full.lg\:-left-full {
    left: -100%;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-full.xl\:left-full {
    left: 100%;
  }
  body .xl\:-left-full.xl\:-left-full {
    left: -100%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-full.xxl\:left-full {
    left: 100%;
  }
  body .xxl\:-left-full.xxl\:-left-full {
    left: -100%;
  }
}
body .left-half {
  left: 50%;
}
body .-left-half {
  left: -50%;
}
@media (min-width: 480px) {
  body .sm\:left-half.sm\:left-half {
    left: 50%;
  }
  body .sm\:-left-half.sm\:-left-half {
    left: -50%;
  }
}
@media (min-width: 768px) {
  body .md\:left-half.md\:left-half {
    left: 50%;
  }
  body .md\:-left-half.md\:-left-half {
    left: -50%;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-half.lg\:left-half {
    left: 50%;
  }
  body .lg\:-left-half.lg\:-left-half {
    left: -50%;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-half.xl\:left-half {
    left: 50%;
  }
  body .xl\:-left-half.xl\:-left-half {
    left: -50%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-half.xxl\:left-half {
    left: 50%;
  }
  body .xxl\:-left-half.xxl\:-left-half {
    left: -50%;
  }
}
body .left-third {
  left: 33.33%;
}
body .-left-third {
  left: -33.33%;
}
@media (min-width: 480px) {
  body .sm\:left-third.sm\:left-third {
    left: 33.33%;
  }
  body .sm\:-left-third.sm\:-left-third {
    left: -33.33%;
  }
}
@media (min-width: 768px) {
  body .md\:left-third.md\:left-third {
    left: 33.33%;
  }
  body .md\:-left-third.md\:-left-third {
    left: -33.33%;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-third.lg\:left-third {
    left: 33.33%;
  }
  body .lg\:-left-third.lg\:-left-third {
    left: -33.33%;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-third.xl\:left-third {
    left: 33.33%;
  }
  body .xl\:-left-third.xl\:-left-third {
    left: -33.33%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-third.xxl\:left-third {
    left: 33.33%;
  }
  body .xxl\:-left-third.xxl\:-left-third {
    left: -33.33%;
  }
}
body .left-auto {
  left: auto;
}
@media (min-width: 480px) {
  body .sm\:left-auto.sm\:left-auto {
    left: auto;
  }
}
@media (min-width: 768px) {
  body .md\:left-auto.md\:left-auto {
    left: auto;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-auto.lg\:left-auto {
    left: auto;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-auto.xl\:left-auto {
    left: auto;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-auto.xxl\:left-auto {
    left: auto;
  }
}
body .left-1 {
  left: 1px;
}
body .-left-1 {
  left: -1px;
}
@media (min-width: 480px) {
  body .sm\:left-1.sm\:left-1 {
    left: 1px;
  }
  body .sm\:-left-1.sm\:-left-1 {
    left: -1px;
  }
}
@media (min-width: 768px) {
  body .md\:left-1.md\:left-1 {
    left: 1px;
  }
  body .md\:-left-1.md\:-left-1 {
    left: -1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-1.lg\:left-1 {
    left: 1px;
  }
  body .lg\:-left-1.lg\:-left-1 {
    left: -1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-1.xl\:left-1 {
    left: 1px;
  }
  body .xl\:-left-1.xl\:-left-1 {
    left: -1px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-1.xxl\:left-1 {
    left: 1px;
  }
  body .xxl\:-left-1.xxl\:-left-1 {
    left: -1px;
  }
}
body .left-2 {
  left: 2px;
}
body .-left-2 {
  left: -2px;
}
@media (min-width: 480px) {
  body .sm\:left-2.sm\:left-2 {
    left: 2px;
  }
  body .sm\:-left-2.sm\:-left-2 {
    left: -2px;
  }
}
@media (min-width: 768px) {
  body .md\:left-2.md\:left-2 {
    left: 2px;
  }
  body .md\:-left-2.md\:-left-2 {
    left: -2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-2.lg\:left-2 {
    left: 2px;
  }
  body .lg\:-left-2.lg\:-left-2 {
    left: -2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-2.xl\:left-2 {
    left: 2px;
  }
  body .xl\:-left-2.xl\:-left-2 {
    left: -2px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-2.xxl\:left-2 {
    left: 2px;
  }
  body .xxl\:-left-2.xxl\:-left-2 {
    left: -2px;
  }
}
body .left-4 {
  left: 4px;
}
body .-left-4 {
  left: -4px;
}
@media (min-width: 480px) {
  body .sm\:left-4.sm\:left-4 {
    left: 4px;
  }
  body .sm\:-left-4.sm\:-left-4 {
    left: -4px;
  }
}
@media (min-width: 768px) {
  body .md\:left-4.md\:left-4 {
    left: 4px;
  }
  body .md\:-left-4.md\:-left-4 {
    left: -4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-4.lg\:left-4 {
    left: 4px;
  }
  body .lg\:-left-4.lg\:-left-4 {
    left: -4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-4.xl\:left-4 {
    left: 4px;
  }
  body .xl\:-left-4.xl\:-left-4 {
    left: -4px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-4.xxl\:left-4 {
    left: 4px;
  }
  body .xxl\:-left-4.xxl\:-left-4 {
    left: -4px;
  }
}
body .left-5 {
  left: 5px;
}
body .-left-5 {
  left: -5px;
}
@media (min-width: 480px) {
  body .sm\:left-5.sm\:left-5 {
    left: 5px;
  }
  body .sm\:-left-5.sm\:-left-5 {
    left: -5px;
  }
}
@media (min-width: 768px) {
  body .md\:left-5.md\:left-5 {
    left: 5px;
  }
  body .md\:-left-5.md\:-left-5 {
    left: -5px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-5.lg\:left-5 {
    left: 5px;
  }
  body .lg\:-left-5.lg\:-left-5 {
    left: -5px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-5.xl\:left-5 {
    left: 5px;
  }
  body .xl\:-left-5.xl\:-left-5 {
    left: -5px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-5.xxl\:left-5 {
    left: 5px;
  }
  body .xxl\:-left-5.xxl\:-left-5 {
    left: -5px;
  }
}
body .left-6 {
  left: 6px;
}
body .-left-6 {
  left: -6px;
}
@media (min-width: 480px) {
  body .sm\:left-6.sm\:left-6 {
    left: 6px;
  }
  body .sm\:-left-6.sm\:-left-6 {
    left: -6px;
  }
}
@media (min-width: 768px) {
  body .md\:left-6.md\:left-6 {
    left: 6px;
  }
  body .md\:-left-6.md\:-left-6 {
    left: -6px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-6.lg\:left-6 {
    left: 6px;
  }
  body .lg\:-left-6.lg\:-left-6 {
    left: -6px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-6.xl\:left-6 {
    left: 6px;
  }
  body .xl\:-left-6.xl\:-left-6 {
    left: -6px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-6.xxl\:left-6 {
    left: 6px;
  }
  body .xxl\:-left-6.xxl\:-left-6 {
    left: -6px;
  }
}
body .left-8 {
  left: 8px;
}
body .-left-8 {
  left: -8px;
}
@media (min-width: 480px) {
  body .sm\:left-8.sm\:left-8 {
    left: 8px;
  }
  body .sm\:-left-8.sm\:-left-8 {
    left: -8px;
  }
}
@media (min-width: 768px) {
  body .md\:left-8.md\:left-8 {
    left: 8px;
  }
  body .md\:-left-8.md\:-left-8 {
    left: -8px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-8.lg\:left-8 {
    left: 8px;
  }
  body .lg\:-left-8.lg\:-left-8 {
    left: -8px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-8.xl\:left-8 {
    left: 8px;
  }
  body .xl\:-left-8.xl\:-left-8 {
    left: -8px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-8.xxl\:left-8 {
    left: 8px;
  }
  body .xxl\:-left-8.xxl\:-left-8 {
    left: -8px;
  }
}
body .left-12 {
  left: 12px;
}
body .-left-12 {
  left: -12px;
}
@media (min-width: 480px) {
  body .sm\:left-12.sm\:left-12 {
    left: 12px;
  }
  body .sm\:-left-12.sm\:-left-12 {
    left: -12px;
  }
}
@media (min-width: 768px) {
  body .md\:left-12.md\:left-12 {
    left: 12px;
  }
  body .md\:-left-12.md\:-left-12 {
    left: -12px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-12.lg\:left-12 {
    left: 12px;
  }
  body .lg\:-left-12.lg\:-left-12 {
    left: -12px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-12.xl\:left-12 {
    left: 12px;
  }
  body .xl\:-left-12.xl\:-left-12 {
    left: -12px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-12.xxl\:left-12 {
    left: 12px;
  }
  body .xxl\:-left-12.xxl\:-left-12 {
    left: -12px;
  }
}
body .left-16 {
  left: 16px;
}
body .-left-16 {
  left: -16px;
}
@media (min-width: 480px) {
  body .sm\:left-16.sm\:left-16 {
    left: 16px;
  }
  body .sm\:-left-16.sm\:-left-16 {
    left: -16px;
  }
}
@media (min-width: 768px) {
  body .md\:left-16.md\:left-16 {
    left: 16px;
  }
  body .md\:-left-16.md\:-left-16 {
    left: -16px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-16.lg\:left-16 {
    left: 16px;
  }
  body .lg\:-left-16.lg\:-left-16 {
    left: -16px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-16.xl\:left-16 {
    left: 16px;
  }
  body .xl\:-left-16.xl\:-left-16 {
    left: -16px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-16.xxl\:left-16 {
    left: 16px;
  }
  body .xxl\:-left-16.xxl\:-left-16 {
    left: -16px;
  }
}
body .left-20 {
  left: 20px;
}
body .-left-20 {
  left: -20px;
}
@media (min-width: 480px) {
  body .sm\:left-20.sm\:left-20 {
    left: 20px;
  }
  body .sm\:-left-20.sm\:-left-20 {
    left: -20px;
  }
}
@media (min-width: 768px) {
  body .md\:left-20.md\:left-20 {
    left: 20px;
  }
  body .md\:-left-20.md\:-left-20 {
    left: -20px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-20.lg\:left-20 {
    left: 20px;
  }
  body .lg\:-left-20.lg\:-left-20 {
    left: -20px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-20.xl\:left-20 {
    left: 20px;
  }
  body .xl\:-left-20.xl\:-left-20 {
    left: -20px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-20.xxl\:left-20 {
    left: 20px;
  }
  body .xxl\:-left-20.xxl\:-left-20 {
    left: -20px;
  }
}
body .left-24 {
  left: 24px;
}
body .-left-24 {
  left: -24px;
}
@media (min-width: 480px) {
  body .sm\:left-24.sm\:left-24 {
    left: 24px;
  }
  body .sm\:-left-24.sm\:-left-24 {
    left: -24px;
  }
}
@media (min-width: 768px) {
  body .md\:left-24.md\:left-24 {
    left: 24px;
  }
  body .md\:-left-24.md\:-left-24 {
    left: -24px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-24.lg\:left-24 {
    left: 24px;
  }
  body .lg\:-left-24.lg\:-left-24 {
    left: -24px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-24.xl\:left-24 {
    left: 24px;
  }
  body .xl\:-left-24.xl\:-left-24 {
    left: -24px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-24.xxl\:left-24 {
    left: 24px;
  }
  body .xxl\:-left-24.xxl\:-left-24 {
    left: -24px;
  }
}
body .left-32 {
  left: 32px;
}
body .-left-32 {
  left: -32px;
}
@media (min-width: 480px) {
  body .sm\:left-32.sm\:left-32 {
    left: 32px;
  }
  body .sm\:-left-32.sm\:-left-32 {
    left: -32px;
  }
}
@media (min-width: 768px) {
  body .md\:left-32.md\:left-32 {
    left: 32px;
  }
  body .md\:-left-32.md\:-left-32 {
    left: -32px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-32.lg\:left-32 {
    left: 32px;
  }
  body .lg\:-left-32.lg\:-left-32 {
    left: -32px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-32.xl\:left-32 {
    left: 32px;
  }
  body .xl\:-left-32.xl\:-left-32 {
    left: -32px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-32.xxl\:left-32 {
    left: 32px;
  }
  body .xxl\:-left-32.xxl\:-left-32 {
    left: -32px;
  }
}
body .left-48 {
  left: 48px;
}
body .-left-48 {
  left: -48px;
}
@media (min-width: 480px) {
  body .sm\:left-48.sm\:left-48 {
    left: 48px;
  }
  body .sm\:-left-48.sm\:-left-48 {
    left: -48px;
  }
}
@media (min-width: 768px) {
  body .md\:left-48.md\:left-48 {
    left: 48px;
  }
  body .md\:-left-48.md\:-left-48 {
    left: -48px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-48.lg\:left-48 {
    left: 48px;
  }
  body .lg\:-left-48.lg\:-left-48 {
    left: -48px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-48.xl\:left-48 {
    left: 48px;
  }
  body .xl\:-left-48.xl\:-left-48 {
    left: -48px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-48.xxl\:left-48 {
    left: 48px;
  }
  body .xxl\:-left-48.xxl\:-left-48 {
    left: -48px;
  }
}
body .left-64 {
  left: 64px;
}
body .-left-64 {
  left: -64px;
}
@media (min-width: 480px) {
  body .sm\:left-64.sm\:left-64 {
    left: 64px;
  }
  body .sm\:-left-64.sm\:-left-64 {
    left: -64px;
  }
}
@media (min-width: 768px) {
  body .md\:left-64.md\:left-64 {
    left: 64px;
  }
  body .md\:-left-64.md\:-left-64 {
    left: -64px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-64.lg\:left-64 {
    left: 64px;
  }
  body .lg\:-left-64.lg\:-left-64 {
    left: -64px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-64.xl\:left-64 {
    left: 64px;
  }
  body .xl\:-left-64.xl\:-left-64 {
    left: -64px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-64.xxl\:left-64 {
    left: 64px;
  }
  body .xxl\:-left-64.xxl\:-left-64 {
    left: -64px;
  }
}
body .left-80 {
  left: 80px;
}
body .-left-80 {
  left: -80px;
}
@media (min-width: 480px) {
  body .sm\:left-80.sm\:left-80 {
    left: 80px;
  }
  body .sm\:-left-80.sm\:-left-80 {
    left: -80px;
  }
}
@media (min-width: 768px) {
  body .md\:left-80.md\:left-80 {
    left: 80px;
  }
  body .md\:-left-80.md\:-left-80 {
    left: -80px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-80.lg\:left-80 {
    left: 80px;
  }
  body .lg\:-left-80.lg\:-left-80 {
    left: -80px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-80.xl\:left-80 {
    left: 80px;
  }
  body .xl\:-left-80.xl\:-left-80 {
    left: -80px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-80.xxl\:left-80 {
    left: 80px;
  }
  body .xxl\:-left-80.xxl\:-left-80 {
    left: -80px;
  }
}
body .left-96 {
  left: 96px;
}
body .-left-96 {
  left: -96px;
}
@media (min-width: 480px) {
  body .sm\:left-96.sm\:left-96 {
    left: 96px;
  }
  body .sm\:-left-96.sm\:-left-96 {
    left: -96px;
  }
}
@media (min-width: 768px) {
  body .md\:left-96.md\:left-96 {
    left: 96px;
  }
  body .md\:-left-96.md\:-left-96 {
    left: -96px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-96.lg\:left-96 {
    left: 96px;
  }
  body .lg\:-left-96.lg\:-left-96 {
    left: -96px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-96.xl\:left-96 {
    left: 96px;
  }
  body .xl\:-left-96.xl\:-left-96 {
    left: -96px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-96.xxl\:left-96 {
    left: 96px;
  }
  body .xxl\:-left-96.xxl\:-left-96 {
    left: -96px;
  }
}
body .left-128 {
  left: 128px;
}
body .-left-128 {
  left: -128px;
}
@media (min-width: 480px) {
  body .sm\:left-128.sm\:left-128 {
    left: 128px;
  }
  body .sm\:-left-128.sm\:-left-128 {
    left: -128px;
  }
}
@media (min-width: 768px) {
  body .md\:left-128.md\:left-128 {
    left: 128px;
  }
  body .md\:-left-128.md\:-left-128 {
    left: -128px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-128.lg\:left-128 {
    left: 128px;
  }
  body .lg\:-left-128.lg\:-left-128 {
    left: -128px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-128.xl\:left-128 {
    left: 128px;
  }
  body .xl\:-left-128.xl\:-left-128 {
    left: -128px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-128.xxl\:left-128 {
    left: 128px;
  }
  body .xxl\:-left-128.xxl\:-left-128 {
    left: -128px;
  }
}
body .left-192 {
  left: 192px;
}
body .-left-192 {
  left: -192px;
}
@media (min-width: 480px) {
  body .sm\:left-192.sm\:left-192 {
    left: 192px;
  }
  body .sm\:-left-192.sm\:-left-192 {
    left: -192px;
  }
}
@media (min-width: 768px) {
  body .md\:left-192.md\:left-192 {
    left: 192px;
  }
  body .md\:-left-192.md\:-left-192 {
    left: -192px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-192.lg\:left-192 {
    left: 192px;
  }
  body .lg\:-left-192.lg\:-left-192 {
    left: -192px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-192.xl\:left-192 {
    left: 192px;
  }
  body .xl\:-left-192.xl\:-left-192 {
    left: -192px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-192.xxl\:left-192 {
    left: 192px;
  }
  body .xxl\:-left-192.xxl\:-left-192 {
    left: -192px;
  }
}
body .left-240 {
  left: 240px;
}
body .-left-240 {
  left: -240px;
}
@media (min-width: 480px) {
  body .sm\:left-240.sm\:left-240 {
    left: 240px;
  }
  body .sm\:-left-240.sm\:-left-240 {
    left: -240px;
  }
}
@media (min-width: 768px) {
  body .md\:left-240.md\:left-240 {
    left: 240px;
  }
  body .md\:-left-240.md\:-left-240 {
    left: -240px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-240.lg\:left-240 {
    left: 240px;
  }
  body .lg\:-left-240.lg\:-left-240 {
    left: -240px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-240.xl\:left-240 {
    left: 240px;
  }
  body .xl\:-left-240.xl\:-left-240 {
    left: -240px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-240.xxl\:left-240 {
    left: 240px;
  }
  body .xxl\:-left-240.xxl\:-left-240 {
    left: -240px;
  }
}
body .left-256 {
  left: 256px;
}
body .-left-256 {
  left: -256px;
}
@media (min-width: 480px) {
  body .sm\:left-256.sm\:left-256 {
    left: 256px;
  }
  body .sm\:-left-256.sm\:-left-256 {
    left: -256px;
  }
}
@media (min-width: 768px) {
  body .md\:left-256.md\:left-256 {
    left: 256px;
  }
  body .md\:-left-256.md\:-left-256 {
    left: -256px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-256.lg\:left-256 {
    left: 256px;
  }
  body .lg\:-left-256.lg\:-left-256 {
    left: -256px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-256.xl\:left-256 {
    left: 256px;
  }
  body .xl\:-left-256.xl\:-left-256 {
    left: -256px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-256.xxl\:left-256 {
    left: 256px;
  }
  body .xxl\:-left-256.xxl\:-left-256 {
    left: -256px;
  }
}
body .left-288 {
  left: 288px;
}
body .-left-288 {
  left: -288px;
}
@media (min-width: 480px) {
  body .sm\:left-288.sm\:left-288 {
    left: 288px;
  }
  body .sm\:-left-288.sm\:-left-288 {
    left: -288px;
  }
}
@media (min-width: 768px) {
  body .md\:left-288.md\:left-288 {
    left: 288px;
  }
  body .md\:-left-288.md\:-left-288 {
    left: -288px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-288.lg\:left-288 {
    left: 288px;
  }
  body .lg\:-left-288.lg\:-left-288 {
    left: -288px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-288.xl\:left-288 {
    left: 288px;
  }
  body .xl\:-left-288.xl\:-left-288 {
    left: -288px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-288.xxl\:left-288 {
    left: 288px;
  }
  body .xxl\:-left-288.xxl\:-left-288 {
    left: -288px;
  }
}
body .left-320 {
  left: 320px;
}
body .-left-320 {
  left: -320px;
}
@media (min-width: 480px) {
  body .sm\:left-320.sm\:left-320 {
    left: 320px;
  }
  body .sm\:-left-320.sm\:-left-320 {
    left: -320px;
  }
}
@media (min-width: 768px) {
  body .md\:left-320.md\:left-320 {
    left: 320px;
  }
  body .md\:-left-320.md\:-left-320 {
    left: -320px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-320.lg\:left-320 {
    left: 320px;
  }
  body .lg\:-left-320.lg\:-left-320 {
    left: -320px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-320.xl\:left-320 {
    left: 320px;
  }
  body .xl\:-left-320.xl\:-left-320 {
    left: -320px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-320.xxl\:left-320 {
    left: 320px;
  }
  body .xxl\:-left-320.xxl\:-left-320 {
    left: -320px;
  }
}
body .left-512 {
  left: 512px;
}
body .-left-512 {
  left: -512px;
}
@media (min-width: 480px) {
  body .sm\:left-512.sm\:left-512 {
    left: 512px;
  }
  body .sm\:-left-512.sm\:-left-512 {
    left: -512px;
  }
}
@media (min-width: 768px) {
  body .md\:left-512.md\:left-512 {
    left: 512px;
  }
  body .md\:-left-512.md\:-left-512 {
    left: -512px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-512.lg\:left-512 {
    left: 512px;
  }
  body .lg\:-left-512.lg\:-left-512 {
    left: -512px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-512.xl\:left-512 {
    left: 512px;
  }
  body .xl\:-left-512.xl\:-left-512 {
    left: -512px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-512.xxl\:left-512 {
    left: 512px;
  }
  body .xxl\:-left-512.xxl\:-left-512 {
    left: -512px;
  }
}
body .left-624 {
  left: 624px;
}
body .-left-624 {
  left: -624px;
}
@media (min-width: 480px) {
  body .sm\:left-624.sm\:left-624 {
    left: 624px;
  }
  body .sm\:-left-624.sm\:-left-624 {
    left: -624px;
  }
}
@media (min-width: 768px) {
  body .md\:left-624.md\:left-624 {
    left: 624px;
  }
  body .md\:-left-624.md\:-left-624 {
    left: -624px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-624.lg\:left-624 {
    left: 624px;
  }
  body .lg\:-left-624.lg\:-left-624 {
    left: -624px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-624.xl\:left-624 {
    left: 624px;
  }
  body .xl\:-left-624.xl\:-left-624 {
    left: -624px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-624.xxl\:left-624 {
    left: 624px;
  }
  body .xxl\:-left-624.xxl\:-left-624 {
    left: -624px;
  }
}
body .left-640 {
  left: 640px;
}
body .-left-640 {
  left: -640px;
}
@media (min-width: 480px) {
  body .sm\:left-640.sm\:left-640 {
    left: 640px;
  }
  body .sm\:-left-640.sm\:-left-640 {
    left: -640px;
  }
}
@media (min-width: 768px) {
  body .md\:left-640.md\:left-640 {
    left: 640px;
  }
  body .md\:-left-640.md\:-left-640 {
    left: -640px;
  }
}
@media (min-width: 1152px) {
  body .lg\:left-640.lg\:left-640 {
    left: 640px;
  }
  body .lg\:-left-640.lg\:-left-640 {
    left: -640px;
  }
}
@media (min-width: 1440px) {
  body .xl\:left-640.xl\:left-640 {
    left: 640px;
  }
  body .xl\:-left-640.xl\:-left-640 {
    left: -640px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:left-640.xxl\:left-640 {
    left: 640px;
  }
  body .xxl\:-left-640.xxl\:-left-640 {
    left: -640px;
  }
}
body .right-0 {
  right: 0;
}
@media (min-width: 480px) {
  body .sm\:right-0.sm\:right-0 {
    right: 0;
  }
}
@media (min-width: 768px) {
  body .md\:right-0.md\:right-0 {
    right: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-0.lg\:right-0 {
    right: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-0.xl\:right-0 {
    right: 0;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-0.xxl\:right-0 {
    right: 0;
  }
}
body .right-full {
  right: 100%;
}
body .-right-full {
  right: -100%;
}
@media (min-width: 480px) {
  body .sm\:right-full.sm\:right-full {
    right: 100%;
  }
  body .sm\:-right-full.sm\:-right-full {
    right: -100%;
  }
}
@media (min-width: 768px) {
  body .md\:right-full.md\:right-full {
    right: 100%;
  }
  body .md\:-right-full.md\:-right-full {
    right: -100%;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-full.lg\:right-full {
    right: 100%;
  }
  body .lg\:-right-full.lg\:-right-full {
    right: -100%;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-full.xl\:right-full {
    right: 100%;
  }
  body .xl\:-right-full.xl\:-right-full {
    right: -100%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-full.xxl\:right-full {
    right: 100%;
  }
  body .xxl\:-right-full.xxl\:-right-full {
    right: -100%;
  }
}
body .right-half {
  right: 50%;
}
body .-right-half {
  right: -50%;
}
@media (min-width: 480px) {
  body .sm\:right-half.sm\:right-half {
    right: 50%;
  }
  body .sm\:-right-half.sm\:-right-half {
    right: -50%;
  }
}
@media (min-width: 768px) {
  body .md\:right-half.md\:right-half {
    right: 50%;
  }
  body .md\:-right-half.md\:-right-half {
    right: -50%;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-half.lg\:right-half {
    right: 50%;
  }
  body .lg\:-right-half.lg\:-right-half {
    right: -50%;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-half.xl\:right-half {
    right: 50%;
  }
  body .xl\:-right-half.xl\:-right-half {
    right: -50%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-half.xxl\:right-half {
    right: 50%;
  }
  body .xxl\:-right-half.xxl\:-right-half {
    right: -50%;
  }
}
body .right-third {
  right: 33.33%;
}
body .-right-third {
  right: -33.33%;
}
@media (min-width: 480px) {
  body .sm\:right-third.sm\:right-third {
    right: 33.33%;
  }
  body .sm\:-right-third.sm\:-right-third {
    right: -33.33%;
  }
}
@media (min-width: 768px) {
  body .md\:right-third.md\:right-third {
    right: 33.33%;
  }
  body .md\:-right-third.md\:-right-third {
    right: -33.33%;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-third.lg\:right-third {
    right: 33.33%;
  }
  body .lg\:-right-third.lg\:-right-third {
    right: -33.33%;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-third.xl\:right-third {
    right: 33.33%;
  }
  body .xl\:-right-third.xl\:-right-third {
    right: -33.33%;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-third.xxl\:right-third {
    right: 33.33%;
  }
  body .xxl\:-right-third.xxl\:-right-third {
    right: -33.33%;
  }
}
body .right-auto {
  right: auto;
}
@media (min-width: 480px) {
  body .sm\:right-auto.sm\:right-auto {
    right: auto;
  }
}
@media (min-width: 768px) {
  body .md\:right-auto.md\:right-auto {
    right: auto;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-auto.lg\:right-auto {
    right: auto;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-auto.xl\:right-auto {
    right: auto;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-auto.xxl\:right-auto {
    right: auto;
  }
}
body .right-1 {
  right: 1px;
}
body .-right-1 {
  right: -1px;
}
@media (min-width: 480px) {
  body .sm\:right-1.sm\:right-1 {
    right: 1px;
  }
  body .sm\:-right-1.sm\:-right-1 {
    right: -1px;
  }
}
@media (min-width: 768px) {
  body .md\:right-1.md\:right-1 {
    right: 1px;
  }
  body .md\:-right-1.md\:-right-1 {
    right: -1px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-1.lg\:right-1 {
    right: 1px;
  }
  body .lg\:-right-1.lg\:-right-1 {
    right: -1px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-1.xl\:right-1 {
    right: 1px;
  }
  body .xl\:-right-1.xl\:-right-1 {
    right: -1px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-1.xxl\:right-1 {
    right: 1px;
  }
  body .xxl\:-right-1.xxl\:-right-1 {
    right: -1px;
  }
}
body .right-2 {
  right: 2px;
}
body .-right-2 {
  right: -2px;
}
@media (min-width: 480px) {
  body .sm\:right-2.sm\:right-2 {
    right: 2px;
  }
  body .sm\:-right-2.sm\:-right-2 {
    right: -2px;
  }
}
@media (min-width: 768px) {
  body .md\:right-2.md\:right-2 {
    right: 2px;
  }
  body .md\:-right-2.md\:-right-2 {
    right: -2px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-2.lg\:right-2 {
    right: 2px;
  }
  body .lg\:-right-2.lg\:-right-2 {
    right: -2px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-2.xl\:right-2 {
    right: 2px;
  }
  body .xl\:-right-2.xl\:-right-2 {
    right: -2px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-2.xxl\:right-2 {
    right: 2px;
  }
  body .xxl\:-right-2.xxl\:-right-2 {
    right: -2px;
  }
}
body .right-4 {
  right: 4px;
}
body .-right-4 {
  right: -4px;
}
@media (min-width: 480px) {
  body .sm\:right-4.sm\:right-4 {
    right: 4px;
  }
  body .sm\:-right-4.sm\:-right-4 {
    right: -4px;
  }
}
@media (min-width: 768px) {
  body .md\:right-4.md\:right-4 {
    right: 4px;
  }
  body .md\:-right-4.md\:-right-4 {
    right: -4px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-4.lg\:right-4 {
    right: 4px;
  }
  body .lg\:-right-4.lg\:-right-4 {
    right: -4px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-4.xl\:right-4 {
    right: 4px;
  }
  body .xl\:-right-4.xl\:-right-4 {
    right: -4px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-4.xxl\:right-4 {
    right: 4px;
  }
  body .xxl\:-right-4.xxl\:-right-4 {
    right: -4px;
  }
}
body .right-5 {
  right: 5px;
}
body .-right-5 {
  right: -5px;
}
@media (min-width: 480px) {
  body .sm\:right-5.sm\:right-5 {
    right: 5px;
  }
  body .sm\:-right-5.sm\:-right-5 {
    right: -5px;
  }
}
@media (min-width: 768px) {
  body .md\:right-5.md\:right-5 {
    right: 5px;
  }
  body .md\:-right-5.md\:-right-5 {
    right: -5px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-5.lg\:right-5 {
    right: 5px;
  }
  body .lg\:-right-5.lg\:-right-5 {
    right: -5px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-5.xl\:right-5 {
    right: 5px;
  }
  body .xl\:-right-5.xl\:-right-5 {
    right: -5px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-5.xxl\:right-5 {
    right: 5px;
  }
  body .xxl\:-right-5.xxl\:-right-5 {
    right: -5px;
  }
}
body .right-6 {
  right: 6px;
}
body .-right-6 {
  right: -6px;
}
@media (min-width: 480px) {
  body .sm\:right-6.sm\:right-6 {
    right: 6px;
  }
  body .sm\:-right-6.sm\:-right-6 {
    right: -6px;
  }
}
@media (min-width: 768px) {
  body .md\:right-6.md\:right-6 {
    right: 6px;
  }
  body .md\:-right-6.md\:-right-6 {
    right: -6px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-6.lg\:right-6 {
    right: 6px;
  }
  body .lg\:-right-6.lg\:-right-6 {
    right: -6px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-6.xl\:right-6 {
    right: 6px;
  }
  body .xl\:-right-6.xl\:-right-6 {
    right: -6px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-6.xxl\:right-6 {
    right: 6px;
  }
  body .xxl\:-right-6.xxl\:-right-6 {
    right: -6px;
  }
}
body .right-8 {
  right: 8px;
}
body .-right-8 {
  right: -8px;
}
@media (min-width: 480px) {
  body .sm\:right-8.sm\:right-8 {
    right: 8px;
  }
  body .sm\:-right-8.sm\:-right-8 {
    right: -8px;
  }
}
@media (min-width: 768px) {
  body .md\:right-8.md\:right-8 {
    right: 8px;
  }
  body .md\:-right-8.md\:-right-8 {
    right: -8px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-8.lg\:right-8 {
    right: 8px;
  }
  body .lg\:-right-8.lg\:-right-8 {
    right: -8px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-8.xl\:right-8 {
    right: 8px;
  }
  body .xl\:-right-8.xl\:-right-8 {
    right: -8px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-8.xxl\:right-8 {
    right: 8px;
  }
  body .xxl\:-right-8.xxl\:-right-8 {
    right: -8px;
  }
}
body .right-12 {
  right: 12px;
}
body .-right-12 {
  right: -12px;
}
@media (min-width: 480px) {
  body .sm\:right-12.sm\:right-12 {
    right: 12px;
  }
  body .sm\:-right-12.sm\:-right-12 {
    right: -12px;
  }
}
@media (min-width: 768px) {
  body .md\:right-12.md\:right-12 {
    right: 12px;
  }
  body .md\:-right-12.md\:-right-12 {
    right: -12px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-12.lg\:right-12 {
    right: 12px;
  }
  body .lg\:-right-12.lg\:-right-12 {
    right: -12px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-12.xl\:right-12 {
    right: 12px;
  }
  body .xl\:-right-12.xl\:-right-12 {
    right: -12px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-12.xxl\:right-12 {
    right: 12px;
  }
  body .xxl\:-right-12.xxl\:-right-12 {
    right: -12px;
  }
}
body .right-16 {
  right: 16px;
}
body .-right-16 {
  right: -16px;
}
@media (min-width: 480px) {
  body .sm\:right-16.sm\:right-16 {
    right: 16px;
  }
  body .sm\:-right-16.sm\:-right-16 {
    right: -16px;
  }
}
@media (min-width: 768px) {
  body .md\:right-16.md\:right-16 {
    right: 16px;
  }
  body .md\:-right-16.md\:-right-16 {
    right: -16px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-16.lg\:right-16 {
    right: 16px;
  }
  body .lg\:-right-16.lg\:-right-16 {
    right: -16px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-16.xl\:right-16 {
    right: 16px;
  }
  body .xl\:-right-16.xl\:-right-16 {
    right: -16px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-16.xxl\:right-16 {
    right: 16px;
  }
  body .xxl\:-right-16.xxl\:-right-16 {
    right: -16px;
  }
}
body .right-20 {
  right: 20px;
}
body .-right-20 {
  right: -20px;
}
@media (min-width: 480px) {
  body .sm\:right-20.sm\:right-20 {
    right: 20px;
  }
  body .sm\:-right-20.sm\:-right-20 {
    right: -20px;
  }
}
@media (min-width: 768px) {
  body .md\:right-20.md\:right-20 {
    right: 20px;
  }
  body .md\:-right-20.md\:-right-20 {
    right: -20px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-20.lg\:right-20 {
    right: 20px;
  }
  body .lg\:-right-20.lg\:-right-20 {
    right: -20px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-20.xl\:right-20 {
    right: 20px;
  }
  body .xl\:-right-20.xl\:-right-20 {
    right: -20px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-20.xxl\:right-20 {
    right: 20px;
  }
  body .xxl\:-right-20.xxl\:-right-20 {
    right: -20px;
  }
}
body .right-24 {
  right: 24px;
}
body .-right-24 {
  right: -24px;
}
@media (min-width: 480px) {
  body .sm\:right-24.sm\:right-24 {
    right: 24px;
  }
  body .sm\:-right-24.sm\:-right-24 {
    right: -24px;
  }
}
@media (min-width: 768px) {
  body .md\:right-24.md\:right-24 {
    right: 24px;
  }
  body .md\:-right-24.md\:-right-24 {
    right: -24px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-24.lg\:right-24 {
    right: 24px;
  }
  body .lg\:-right-24.lg\:-right-24 {
    right: -24px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-24.xl\:right-24 {
    right: 24px;
  }
  body .xl\:-right-24.xl\:-right-24 {
    right: -24px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-24.xxl\:right-24 {
    right: 24px;
  }
  body .xxl\:-right-24.xxl\:-right-24 {
    right: -24px;
  }
}
body .right-32 {
  right: 32px;
}
body .-right-32 {
  right: -32px;
}
@media (min-width: 480px) {
  body .sm\:right-32.sm\:right-32 {
    right: 32px;
  }
  body .sm\:-right-32.sm\:-right-32 {
    right: -32px;
  }
}
@media (min-width: 768px) {
  body .md\:right-32.md\:right-32 {
    right: 32px;
  }
  body .md\:-right-32.md\:-right-32 {
    right: -32px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-32.lg\:right-32 {
    right: 32px;
  }
  body .lg\:-right-32.lg\:-right-32 {
    right: -32px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-32.xl\:right-32 {
    right: 32px;
  }
  body .xl\:-right-32.xl\:-right-32 {
    right: -32px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-32.xxl\:right-32 {
    right: 32px;
  }
  body .xxl\:-right-32.xxl\:-right-32 {
    right: -32px;
  }
}
body .right-48 {
  right: 48px;
}
body .-right-48 {
  right: -48px;
}
@media (min-width: 480px) {
  body .sm\:right-48.sm\:right-48 {
    right: 48px;
  }
  body .sm\:-right-48.sm\:-right-48 {
    right: -48px;
  }
}
@media (min-width: 768px) {
  body .md\:right-48.md\:right-48 {
    right: 48px;
  }
  body .md\:-right-48.md\:-right-48 {
    right: -48px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-48.lg\:right-48 {
    right: 48px;
  }
  body .lg\:-right-48.lg\:-right-48 {
    right: -48px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-48.xl\:right-48 {
    right: 48px;
  }
  body .xl\:-right-48.xl\:-right-48 {
    right: -48px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-48.xxl\:right-48 {
    right: 48px;
  }
  body .xxl\:-right-48.xxl\:-right-48 {
    right: -48px;
  }
}
body .right-64 {
  right: 64px;
}
body .-right-64 {
  right: -64px;
}
@media (min-width: 480px) {
  body .sm\:right-64.sm\:right-64 {
    right: 64px;
  }
  body .sm\:-right-64.sm\:-right-64 {
    right: -64px;
  }
}
@media (min-width: 768px) {
  body .md\:right-64.md\:right-64 {
    right: 64px;
  }
  body .md\:-right-64.md\:-right-64 {
    right: -64px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-64.lg\:right-64 {
    right: 64px;
  }
  body .lg\:-right-64.lg\:-right-64 {
    right: -64px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-64.xl\:right-64 {
    right: 64px;
  }
  body .xl\:-right-64.xl\:-right-64 {
    right: -64px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-64.xxl\:right-64 {
    right: 64px;
  }
  body .xxl\:-right-64.xxl\:-right-64 {
    right: -64px;
  }
}
body .right-80 {
  right: 80px;
}
body .-right-80 {
  right: -80px;
}
@media (min-width: 480px) {
  body .sm\:right-80.sm\:right-80 {
    right: 80px;
  }
  body .sm\:-right-80.sm\:-right-80 {
    right: -80px;
  }
}
@media (min-width: 768px) {
  body .md\:right-80.md\:right-80 {
    right: 80px;
  }
  body .md\:-right-80.md\:-right-80 {
    right: -80px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-80.lg\:right-80 {
    right: 80px;
  }
  body .lg\:-right-80.lg\:-right-80 {
    right: -80px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-80.xl\:right-80 {
    right: 80px;
  }
  body .xl\:-right-80.xl\:-right-80 {
    right: -80px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-80.xxl\:right-80 {
    right: 80px;
  }
  body .xxl\:-right-80.xxl\:-right-80 {
    right: -80px;
  }
}
body .right-96 {
  right: 96px;
}
body .-right-96 {
  right: -96px;
}
@media (min-width: 480px) {
  body .sm\:right-96.sm\:right-96 {
    right: 96px;
  }
  body .sm\:-right-96.sm\:-right-96 {
    right: -96px;
  }
}
@media (min-width: 768px) {
  body .md\:right-96.md\:right-96 {
    right: 96px;
  }
  body .md\:-right-96.md\:-right-96 {
    right: -96px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-96.lg\:right-96 {
    right: 96px;
  }
  body .lg\:-right-96.lg\:-right-96 {
    right: -96px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-96.xl\:right-96 {
    right: 96px;
  }
  body .xl\:-right-96.xl\:-right-96 {
    right: -96px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-96.xxl\:right-96 {
    right: 96px;
  }
  body .xxl\:-right-96.xxl\:-right-96 {
    right: -96px;
  }
}
body .right-128 {
  right: 128px;
}
body .-right-128 {
  right: -128px;
}
@media (min-width: 480px) {
  body .sm\:right-128.sm\:right-128 {
    right: 128px;
  }
  body .sm\:-right-128.sm\:-right-128 {
    right: -128px;
  }
}
@media (min-width: 768px) {
  body .md\:right-128.md\:right-128 {
    right: 128px;
  }
  body .md\:-right-128.md\:-right-128 {
    right: -128px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-128.lg\:right-128 {
    right: 128px;
  }
  body .lg\:-right-128.lg\:-right-128 {
    right: -128px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-128.xl\:right-128 {
    right: 128px;
  }
  body .xl\:-right-128.xl\:-right-128 {
    right: -128px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-128.xxl\:right-128 {
    right: 128px;
  }
  body .xxl\:-right-128.xxl\:-right-128 {
    right: -128px;
  }
}
body .right-192 {
  right: 192px;
}
body .-right-192 {
  right: -192px;
}
@media (min-width: 480px) {
  body .sm\:right-192.sm\:right-192 {
    right: 192px;
  }
  body .sm\:-right-192.sm\:-right-192 {
    right: -192px;
  }
}
@media (min-width: 768px) {
  body .md\:right-192.md\:right-192 {
    right: 192px;
  }
  body .md\:-right-192.md\:-right-192 {
    right: -192px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-192.lg\:right-192 {
    right: 192px;
  }
  body .lg\:-right-192.lg\:-right-192 {
    right: -192px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-192.xl\:right-192 {
    right: 192px;
  }
  body .xl\:-right-192.xl\:-right-192 {
    right: -192px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-192.xxl\:right-192 {
    right: 192px;
  }
  body .xxl\:-right-192.xxl\:-right-192 {
    right: -192px;
  }
}
body .right-240 {
  right: 240px;
}
body .-right-240 {
  right: -240px;
}
@media (min-width: 480px) {
  body .sm\:right-240.sm\:right-240 {
    right: 240px;
  }
  body .sm\:-right-240.sm\:-right-240 {
    right: -240px;
  }
}
@media (min-width: 768px) {
  body .md\:right-240.md\:right-240 {
    right: 240px;
  }
  body .md\:-right-240.md\:-right-240 {
    right: -240px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-240.lg\:right-240 {
    right: 240px;
  }
  body .lg\:-right-240.lg\:-right-240 {
    right: -240px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-240.xl\:right-240 {
    right: 240px;
  }
  body .xl\:-right-240.xl\:-right-240 {
    right: -240px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-240.xxl\:right-240 {
    right: 240px;
  }
  body .xxl\:-right-240.xxl\:-right-240 {
    right: -240px;
  }
}
body .right-256 {
  right: 256px;
}
body .-right-256 {
  right: -256px;
}
@media (min-width: 480px) {
  body .sm\:right-256.sm\:right-256 {
    right: 256px;
  }
  body .sm\:-right-256.sm\:-right-256 {
    right: -256px;
  }
}
@media (min-width: 768px) {
  body .md\:right-256.md\:right-256 {
    right: 256px;
  }
  body .md\:-right-256.md\:-right-256 {
    right: -256px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-256.lg\:right-256 {
    right: 256px;
  }
  body .lg\:-right-256.lg\:-right-256 {
    right: -256px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-256.xl\:right-256 {
    right: 256px;
  }
  body .xl\:-right-256.xl\:-right-256 {
    right: -256px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-256.xxl\:right-256 {
    right: 256px;
  }
  body .xxl\:-right-256.xxl\:-right-256 {
    right: -256px;
  }
}
body .right-288 {
  right: 288px;
}
body .-right-288 {
  right: -288px;
}
@media (min-width: 480px) {
  body .sm\:right-288.sm\:right-288 {
    right: 288px;
  }
  body .sm\:-right-288.sm\:-right-288 {
    right: -288px;
  }
}
@media (min-width: 768px) {
  body .md\:right-288.md\:right-288 {
    right: 288px;
  }
  body .md\:-right-288.md\:-right-288 {
    right: -288px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-288.lg\:right-288 {
    right: 288px;
  }
  body .lg\:-right-288.lg\:-right-288 {
    right: -288px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-288.xl\:right-288 {
    right: 288px;
  }
  body .xl\:-right-288.xl\:-right-288 {
    right: -288px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-288.xxl\:right-288 {
    right: 288px;
  }
  body .xxl\:-right-288.xxl\:-right-288 {
    right: -288px;
  }
}
body .right-320 {
  right: 320px;
}
body .-right-320 {
  right: -320px;
}
@media (min-width: 480px) {
  body .sm\:right-320.sm\:right-320 {
    right: 320px;
  }
  body .sm\:-right-320.sm\:-right-320 {
    right: -320px;
  }
}
@media (min-width: 768px) {
  body .md\:right-320.md\:right-320 {
    right: 320px;
  }
  body .md\:-right-320.md\:-right-320 {
    right: -320px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-320.lg\:right-320 {
    right: 320px;
  }
  body .lg\:-right-320.lg\:-right-320 {
    right: -320px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-320.xl\:right-320 {
    right: 320px;
  }
  body .xl\:-right-320.xl\:-right-320 {
    right: -320px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-320.xxl\:right-320 {
    right: 320px;
  }
  body .xxl\:-right-320.xxl\:-right-320 {
    right: -320px;
  }
}
body .right-512 {
  right: 512px;
}
body .-right-512 {
  right: -512px;
}
@media (min-width: 480px) {
  body .sm\:right-512.sm\:right-512 {
    right: 512px;
  }
  body .sm\:-right-512.sm\:-right-512 {
    right: -512px;
  }
}
@media (min-width: 768px) {
  body .md\:right-512.md\:right-512 {
    right: 512px;
  }
  body .md\:-right-512.md\:-right-512 {
    right: -512px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-512.lg\:right-512 {
    right: 512px;
  }
  body .lg\:-right-512.lg\:-right-512 {
    right: -512px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-512.xl\:right-512 {
    right: 512px;
  }
  body .xl\:-right-512.xl\:-right-512 {
    right: -512px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-512.xxl\:right-512 {
    right: 512px;
  }
  body .xxl\:-right-512.xxl\:-right-512 {
    right: -512px;
  }
}
body .right-624 {
  right: 624px;
}
body .-right-624 {
  right: -624px;
}
@media (min-width: 480px) {
  body .sm\:right-624.sm\:right-624 {
    right: 624px;
  }
  body .sm\:-right-624.sm\:-right-624 {
    right: -624px;
  }
}
@media (min-width: 768px) {
  body .md\:right-624.md\:right-624 {
    right: 624px;
  }
  body .md\:-right-624.md\:-right-624 {
    right: -624px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-624.lg\:right-624 {
    right: 624px;
  }
  body .lg\:-right-624.lg\:-right-624 {
    right: -624px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-624.xl\:right-624 {
    right: 624px;
  }
  body .xl\:-right-624.xl\:-right-624 {
    right: -624px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-624.xxl\:right-624 {
    right: 624px;
  }
  body .xxl\:-right-624.xxl\:-right-624 {
    right: -624px;
  }
}
body .right-640 {
  right: 640px;
}
body .-right-640 {
  right: -640px;
}
@media (min-width: 480px) {
  body .sm\:right-640.sm\:right-640 {
    right: 640px;
  }
  body .sm\:-right-640.sm\:-right-640 {
    right: -640px;
  }
}
@media (min-width: 768px) {
  body .md\:right-640.md\:right-640 {
    right: 640px;
  }
  body .md\:-right-640.md\:-right-640 {
    right: -640px;
  }
}
@media (min-width: 1152px) {
  body .lg\:right-640.lg\:right-640 {
    right: 640px;
  }
  body .lg\:-right-640.lg\:-right-640 {
    right: -640px;
  }
}
@media (min-width: 1440px) {
  body .xl\:right-640.xl\:right-640 {
    right: 640px;
  }
  body .xl\:-right-640.xl\:-right-640 {
    right: -640px;
  }
}
@media (min-width: 1920px) {
  body .xxl\:right-640.xxl\:right-640 {
    right: 640px;
  }
  body .xxl\:-right-640.xxl\:-right-640 {
    right: -640px;
  }
}
body .z-0 {
  z-index: 0;
}
@media (min-width: 480px) {
  body .sm\:z-0.sm\:z-0 {
    z-index: 0;
  }
}
@media (min-width: 768px) {
  body .md\:z-0.md\:z-0 {
    z-index: 0;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-0.lg\:z-0 {
    z-index: 0;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-0.xl\:z-0 {
    z-index: 0;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-0.xxl\:z-0 {
    z-index: 0;
  }
}
body .z-1 {
  z-index: 1;
}
@media (min-width: 480px) {
  body .sm\:z-1.sm\:z-1 {
    z-index: 1;
  }
}
@media (min-width: 768px) {
  body .md\:z-1.md\:z-1 {
    z-index: 1;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-1.lg\:z-1 {
    z-index: 1;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-1.xl\:z-1 {
    z-index: 1;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-1.xxl\:z-1 {
    z-index: 1;
  }
}
body .z-2 {
  z-index: 2;
}
@media (min-width: 480px) {
  body .sm\:z-2.sm\:z-2 {
    z-index: 2;
  }
}
@media (min-width: 768px) {
  body .md\:z-2.md\:z-2 {
    z-index: 2;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-2.lg\:z-2 {
    z-index: 2;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-2.xl\:z-2 {
    z-index: 2;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-2.xxl\:z-2 {
    z-index: 2;
  }
}
body .z-3 {
  z-index: 3;
}
@media (min-width: 480px) {
  body .sm\:z-3.sm\:z-3 {
    z-index: 3;
  }
}
@media (min-width: 768px) {
  body .md\:z-3.md\:z-3 {
    z-index: 3;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-3.lg\:z-3 {
    z-index: 3;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-3.xl\:z-3 {
    z-index: 3;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-3.xxl\:z-3 {
    z-index: 3;
  }
}
body .z-10 {
  z-index: 10;
}
@media (min-width: 480px) {
  body .sm\:z-10.sm\:z-10 {
    z-index: 10;
  }
}
@media (min-width: 768px) {
  body .md\:z-10.md\:z-10 {
    z-index: 10;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-10.lg\:z-10 {
    z-index: 10;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-10.xl\:z-10 {
    z-index: 10;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-10.xxl\:z-10 {
    z-index: 10;
  }
}
body .z-20 {
  z-index: 20;
}
@media (min-width: 480px) {
  body .sm\:z-20.sm\:z-20 {
    z-index: 20;
  }
}
@media (min-width: 768px) {
  body .md\:z-20.md\:z-20 {
    z-index: 20;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-20.lg\:z-20 {
    z-index: 20;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-20.xl\:z-20 {
    z-index: 20;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-20.xxl\:z-20 {
    z-index: 20;
  }
}
body .z-30 {
  z-index: 30;
}
@media (min-width: 480px) {
  body .sm\:z-30.sm\:z-30 {
    z-index: 30;
  }
}
@media (min-width: 768px) {
  body .md\:z-30.md\:z-30 {
    z-index: 30;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-30.lg\:z-30 {
    z-index: 30;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-30.xl\:z-30 {
    z-index: 30;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-30.xxl\:z-30 {
    z-index: 30;
  }
}
body .z-40 {
  z-index: 40;
}
@media (min-width: 480px) {
  body .sm\:z-40.sm\:z-40 {
    z-index: 40;
  }
}
@media (min-width: 768px) {
  body .md\:z-40.md\:z-40 {
    z-index: 40;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-40.lg\:z-40 {
    z-index: 40;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-40.xl\:z-40 {
    z-index: 40;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-40.xxl\:z-40 {
    z-index: 40;
  }
}
body .z-50 {
  z-index: 50;
}
@media (min-width: 480px) {
  body .sm\:z-50.sm\:z-50 {
    z-index: 50;
  }
}
@media (min-width: 768px) {
  body .md\:z-50.md\:z-50 {
    z-index: 50;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-50.lg\:z-50 {
    z-index: 50;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-50.xl\:z-50 {
    z-index: 50;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-50.xxl\:z-50 {
    z-index: 50;
  }
}
body .z-60 {
  z-index: 60;
}
@media (min-width: 480px) {
  body .sm\:z-60.sm\:z-60 {
    z-index: 60;
  }
}
@media (min-width: 768px) {
  body .md\:z-60.md\:z-60 {
    z-index: 60;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-60.lg\:z-60 {
    z-index: 60;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-60.xl\:z-60 {
    z-index: 60;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-60.xxl\:z-60 {
    z-index: 60;
  }
}
body .z-70 {
  z-index: 70;
}
@media (min-width: 480px) {
  body .sm\:z-70.sm\:z-70 {
    z-index: 70;
  }
}
@media (min-width: 768px) {
  body .md\:z-70.md\:z-70 {
    z-index: 70;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-70.lg\:z-70 {
    z-index: 70;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-70.xl\:z-70 {
    z-index: 70;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-70.xxl\:z-70 {
    z-index: 70;
  }
}
body .z-80 {
  z-index: 80;
}
@media (min-width: 480px) {
  body .sm\:z-80.sm\:z-80 {
    z-index: 80;
  }
}
@media (min-width: 768px) {
  body .md\:z-80.md\:z-80 {
    z-index: 80;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-80.lg\:z-80 {
    z-index: 80;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-80.xl\:z-80 {
    z-index: 80;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-80.xxl\:z-80 {
    z-index: 80;
  }
}
body .z-90 {
  z-index: 90;
}
@media (min-width: 480px) {
  body .sm\:z-90.sm\:z-90 {
    z-index: 90;
  }
}
@media (min-width: 768px) {
  body .md\:z-90.md\:z-90 {
    z-index: 90;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-90.lg\:z-90 {
    z-index: 90;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-90.xl\:z-90 {
    z-index: 90;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-90.xxl\:z-90 {
    z-index: 90;
  }
}
body .z-100 {
  z-index: 100;
}
@media (min-width: 480px) {
  body .sm\:z-100.sm\:z-100 {
    z-index: 100;
  }
}
@media (min-width: 768px) {
  body .md\:z-100.md\:z-100 {
    z-index: 100;
  }
}
@media (min-width: 1152px) {
  body .lg\:z-100.lg\:z-100 {
    z-index: 100;
  }
}
@media (min-width: 1440px) {
  body .xl\:z-100.xl\:z-100 {
    z-index: 100;
  }
}
@media (min-width: 1920px) {
  body .xxl\:z-100.xxl\:z-100 {
    z-index: 100;
  }
}
body .inset-0 {
  inset: 0;
}
body .isolate {
  isolation: isolate;
}
body .isolation-auto {
  isolation: auto;
}

body .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-none {
  transition-property: none !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-colors {
  transition-property: "color, background-color, border-color, text-decoration-color, fill, stroke" !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-opacity {
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-shadow {
  transition-property: box-shadow !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-transform {
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-height {
  transition-property: max-height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-max-height {
  transition-property: max-height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-width {
  transition-property: width !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}
body .transition-max-width {
  transition-property: max-width !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 225ms;
}

body .shadow {
  box-shadow: 0 4px 12px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.16) !important;
}
body .shadow-inner {
  box-shadow: inset 0 4px 12px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.16) !important;
}
body .shadow-line {
  box-shadow: 0 1px 0 0 var(--shadow-color, var(--off-white)) !important;
}
body .shadow-sm {
  box-shadow: 0 2px 6px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.08) !important;
}
body .shadow-md {
  box-shadow: 0 5px 15px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.2) !important;
}
body .shadow-lg {
  box-shadow: 0 6px 18px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.24) !important;
}
body .shadow-xl {
  box-shadow: 0 7px 21px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.28) !important;
}
body .shadow-2xl {
  box-shadow: 0 8px 24px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.32) !important;
}
body .shadow-none {
  box-shadow: 0 0 var(--black) !important;
}
body .shadow-inset {
  box-shadow: inset 0 0 4px 2px var(--shadow-color, var(--off-white)) !important;
}
body .hover\:shadow:hover {
  box-shadow: 0 4px 12px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.16) !important;
}
body .hover\:shadow-inner:hover {
  box-shadow: 0 4px 12px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.16) !important;
}
body .hover\:shadow-line {
  box-shadow: 0 1px 0 0 var(--shadow-color, var(--off-white)) !important;
}
body .hover\:shadow-sm {
  box-shadow: 0 2px 6px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.08) !important;
}
body .hover\:shadow-md {
  box-shadow: 0 5px 15px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.2) !important;
}
body .hover\:shadow-lg {
  box-shadow: 0 6px 18px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.24) !important;
}
body .hover\:shadow-xl {
  box-shadow: 0 7px 21px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.28) !important;
}
body .hover\:shadow-2xl {
  box-shadow: 0 8px 24px rgb(from var(--shadow-color, rgb(26, 26, 26)) r g b/0.32) !important;
}
body .hover\:shadow-none {
  box-shadow: 0 0 var(--black) !important;
}
body .hover\:shadow-inset {
  box-shadow: inset 0 0 4px 2px var(--shadow-color, var(--off-white)) !important;
}

body .line-clamp-none {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: none;
  -webkit-line-clamp: none;
}
body .line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
body .line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
body .line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
body .line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  -webkit-line-clamp: 4;
}
body .line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 5;
  -webkit-line-clamp: 5;
}
body .line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 6;
  -webkit-line-clamp: 6;
}
body .line-clamp-7 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 7;
  -webkit-line-clamp: 7;
}
body .line-clamp-8 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 8;
  -webkit-line-clamp: 8;
}
body .line-clamp-9 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 9;
  -webkit-line-clamp: 9;
}
body .break-normal {
  word-break: normal;
}
body .break-all {
  word-break: break-all;
}
body .break-keep {
  word-break: keep-all;
}
body .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .text-ellipsis {
  text-overflow: ellipsis;
}
body .text-clip {
  text-overflow: clip;
}
body .text-wrap {
  text-wrap: wrap;
}
body .text-nowrap {
  text-wrap: nowrap;
}
body .text-center {
  text-align: center;
}

body .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
body .grid-rows-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
body .col-span-1 {
  grid-column: span 1/span 1;
}
body .row-span-1 {
  grid-row: span 1/span 1;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-1.sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .sm\:grid-rows-1.sm\:grid-rows-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .sm\:col-span-1.sm\:col-span-1 {
    grid-column: span 1/span 1;
  }
  body .sm\:row-span-1.sm\:row-span-1 {
    grid-row: span 1/span 1;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-1.md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .md\:grid-rows-1.md\:grid-rows-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .md\:col-span-1.md\:col-span-1 {
    grid-column: span 1/span 1;
  }
  body .md\:row-span-1.md\:row-span-1 {
    grid-row: span 1/span 1;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-1.lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .lg\:grid-rows-1.lg\:grid-rows-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .lg\:col-span-1.lg\:col-span-1 {
    grid-column: span 1/span 1;
  }
  body .lg\:row-span-1.lg\:row-span-1 {
    grid-row: span 1/span 1;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-1.xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .xl\:grid-rows-1.xl\:grid-rows-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .xl\:col-span-1.xl\:col-span-1 {
    grid-column: span 1/span 1;
  }
  body .xl\:row-span-1.xl\:row-span-1 {
    grid-row: span 1/span 1;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-1.xxl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-1.xxl\:grid-rows-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body .xxl\:col-span-1.xxl\:col-span-1 {
    grid-column: span 1/span 1;
  }
  body .xxl\:row-span-1.xxl\:row-span-1 {
    grid-row: span 1/span 1;
  }
}
body .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .grid-rows-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body .col-span-2 {
  grid-column: span 2/span 2;
}
body .row-span-2 {
  grid-row: span 2/span 2;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-2.sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .sm\:grid-rows-2.sm\:grid-rows-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .sm\:col-span-2.sm\:col-span-2 {
    grid-column: span 2/span 2;
  }
  body .sm\:row-span-2.sm\:row-span-2 {
    grid-row: span 2/span 2;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-2.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .md\:grid-rows-2.md\:grid-rows-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .md\:col-span-2.md\:col-span-2 {
    grid-column: span 2/span 2;
  }
  body .md\:row-span-2.md\:row-span-2 {
    grid-row: span 2/span 2;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-2.lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .lg\:grid-rows-2.lg\:grid-rows-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .lg\:col-span-2.lg\:col-span-2 {
    grid-column: span 2/span 2;
  }
  body .lg\:row-span-2.lg\:row-span-2 {
    grid-row: span 2/span 2;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-2.xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .xl\:grid-rows-2.xl\:grid-rows-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .xl\:col-span-2.xl\:col-span-2 {
    grid-column: span 2/span 2;
  }
  body .xl\:row-span-2.xl\:row-span-2 {
    grid-row: span 2/span 2;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-2.xxl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-2.xxl\:grid-rows-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body .xxl\:col-span-2.xxl\:col-span-2 {
    grid-column: span 2/span 2;
  }
  body .xxl\:row-span-2.xxl\:row-span-2 {
    grid-row: span 2/span 2;
  }
}
body .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body .grid-rows-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body .col-span-3 {
  grid-column: span 3/span 3;
}
body .row-span-3 {
  grid-row: span 3/span 3;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-3.sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .sm\:grid-rows-3.sm\:grid-rows-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .sm\:col-span-3.sm\:col-span-3 {
    grid-column: span 3/span 3;
  }
  body .sm\:row-span-3.sm\:row-span-3 {
    grid-row: span 3/span 3;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-3.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .md\:grid-rows-3.md\:grid-rows-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .md\:col-span-3.md\:col-span-3 {
    grid-column: span 3/span 3;
  }
  body .md\:row-span-3.md\:row-span-3 {
    grid-row: span 3/span 3;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-3.lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .lg\:grid-rows-3.lg\:grid-rows-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .lg\:col-span-3.lg\:col-span-3 {
    grid-column: span 3/span 3;
  }
  body .lg\:row-span-3.lg\:row-span-3 {
    grid-row: span 3/span 3;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-3.xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .xl\:grid-rows-3.xl\:grid-rows-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .xl\:col-span-3.xl\:col-span-3 {
    grid-column: span 3/span 3;
  }
  body .xl\:row-span-3.xl\:row-span-3 {
    grid-row: span 3/span 3;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-3.xxl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-3.xxl\:grid-rows-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body .xxl\:col-span-3.xxl\:col-span-3 {
    grid-column: span 3/span 3;
  }
  body .xxl\:row-span-3.xxl\:row-span-3 {
    grid-row: span 3/span 3;
  }
}
body .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body .grid-rows-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
body .col-span-4 {
  grid-column: span 4/span 4;
}
body .row-span-4 {
  grid-row: span 4/span 4;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-4.sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .sm\:grid-rows-4.sm\:grid-rows-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .sm\:col-span-4.sm\:col-span-4 {
    grid-column: span 4/span 4;
  }
  body .sm\:row-span-4.sm\:row-span-4 {
    grid-row: span 4/span 4;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-4.md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .md\:grid-rows-4.md\:grid-rows-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .md\:col-span-4.md\:col-span-4 {
    grid-column: span 4/span 4;
  }
  body .md\:row-span-4.md\:row-span-4 {
    grid-row: span 4/span 4;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-4.lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .lg\:grid-rows-4.lg\:grid-rows-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .lg\:col-span-4.lg\:col-span-4 {
    grid-column: span 4/span 4;
  }
  body .lg\:row-span-4.lg\:row-span-4 {
    grid-row: span 4/span 4;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-4.xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .xl\:grid-rows-4.xl\:grid-rows-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .xl\:col-span-4.xl\:col-span-4 {
    grid-column: span 4/span 4;
  }
  body .xl\:row-span-4.xl\:row-span-4 {
    grid-row: span 4/span 4;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-4.xxl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-4.xxl\:grid-rows-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  body .xxl\:col-span-4.xxl\:col-span-4 {
    grid-column: span 4/span 4;
  }
  body .xxl\:row-span-4.xxl\:row-span-4 {
    grid-row: span 4/span 4;
  }
}
body .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
body .grid-rows-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
body .col-span-5 {
  grid-column: span 5/span 5;
}
body .row-span-5 {
  grid-row: span 5/span 5;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-5.sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .sm\:grid-rows-5.sm\:grid-rows-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .sm\:col-span-5.sm\:col-span-5 {
    grid-column: span 5/span 5;
  }
  body .sm\:row-span-5.sm\:row-span-5 {
    grid-row: span 5/span 5;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-5.md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .md\:grid-rows-5.md\:grid-rows-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .md\:col-span-5.md\:col-span-5 {
    grid-column: span 5/span 5;
  }
  body .md\:row-span-5.md\:row-span-5 {
    grid-row: span 5/span 5;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-5.lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .lg\:grid-rows-5.lg\:grid-rows-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .lg\:col-span-5.lg\:col-span-5 {
    grid-column: span 5/span 5;
  }
  body .lg\:row-span-5.lg\:row-span-5 {
    grid-row: span 5/span 5;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-5.xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .xl\:grid-rows-5.xl\:grid-rows-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .xl\:col-span-5.xl\:col-span-5 {
    grid-column: span 5/span 5;
  }
  body .xl\:row-span-5.xl\:row-span-5 {
    grid-row: span 5/span 5;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-5.xxl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-5.xxl\:grid-rows-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  body .xxl\:col-span-5.xxl\:col-span-5 {
    grid-column: span 5/span 5;
  }
  body .xxl\:row-span-5.xxl\:row-span-5 {
    grid-row: span 5/span 5;
  }
}
body .grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
body .grid-rows-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
body .col-span-6 {
  grid-column: span 6/span 6;
}
body .row-span-6 {
  grid-row: span 6/span 6;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-6.sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .sm\:grid-rows-6.sm\:grid-rows-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .sm\:col-span-6.sm\:col-span-6 {
    grid-column: span 6/span 6;
  }
  body .sm\:row-span-6.sm\:row-span-6 {
    grid-row: span 6/span 6;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-6.md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .md\:grid-rows-6.md\:grid-rows-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .md\:col-span-6.md\:col-span-6 {
    grid-column: span 6/span 6;
  }
  body .md\:row-span-6.md\:row-span-6 {
    grid-row: span 6/span 6;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-6.lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .lg\:grid-rows-6.lg\:grid-rows-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .lg\:col-span-6.lg\:col-span-6 {
    grid-column: span 6/span 6;
  }
  body .lg\:row-span-6.lg\:row-span-6 {
    grid-row: span 6/span 6;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-6.xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .xl\:grid-rows-6.xl\:grid-rows-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .xl\:col-span-6.xl\:col-span-6 {
    grid-column: span 6/span 6;
  }
  body .xl\:row-span-6.xl\:row-span-6 {
    grid-row: span 6/span 6;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-6.xxl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-6.xxl\:grid-rows-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  body .xxl\:col-span-6.xxl\:col-span-6 {
    grid-column: span 6/span 6;
  }
  body .xxl\:row-span-6.xxl\:row-span-6 {
    grid-row: span 6/span 6;
  }
}
body .grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
body .grid-rows-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
body .col-span-7 {
  grid-column: span 7/span 7;
}
body .row-span-7 {
  grid-row: span 7/span 7;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-7.sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .sm\:grid-rows-7.sm\:grid-rows-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .sm\:col-span-7.sm\:col-span-7 {
    grid-column: span 7/span 7;
  }
  body .sm\:row-span-7.sm\:row-span-7 {
    grid-row: span 7/span 7;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-7.md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .md\:grid-rows-7.md\:grid-rows-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .md\:col-span-7.md\:col-span-7 {
    grid-column: span 7/span 7;
  }
  body .md\:row-span-7.md\:row-span-7 {
    grid-row: span 7/span 7;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-7.lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .lg\:grid-rows-7.lg\:grid-rows-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .lg\:col-span-7.lg\:col-span-7 {
    grid-column: span 7/span 7;
  }
  body .lg\:row-span-7.lg\:row-span-7 {
    grid-row: span 7/span 7;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-7.xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .xl\:grid-rows-7.xl\:grid-rows-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .xl\:col-span-7.xl\:col-span-7 {
    grid-column: span 7/span 7;
  }
  body .xl\:row-span-7.xl\:row-span-7 {
    grid-row: span 7/span 7;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-7.xxl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-7.xxl\:grid-rows-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  body .xxl\:col-span-7.xxl\:col-span-7 {
    grid-column: span 7/span 7;
  }
  body .xxl\:row-span-7.xxl\:row-span-7 {
    grid-row: span 7/span 7;
  }
}
body .grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
body .grid-rows-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
body .col-span-8 {
  grid-column: span 8/span 8;
}
body .row-span-8 {
  grid-row: span 8/span 8;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-8.sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .sm\:grid-rows-8.sm\:grid-rows-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .sm\:col-span-8.sm\:col-span-8 {
    grid-column: span 8/span 8;
  }
  body .sm\:row-span-8.sm\:row-span-8 {
    grid-row: span 8/span 8;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-8.md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .md\:grid-rows-8.md\:grid-rows-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .md\:col-span-8.md\:col-span-8 {
    grid-column: span 8/span 8;
  }
  body .md\:row-span-8.md\:row-span-8 {
    grid-row: span 8/span 8;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-8.lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .lg\:grid-rows-8.lg\:grid-rows-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .lg\:col-span-8.lg\:col-span-8 {
    grid-column: span 8/span 8;
  }
  body .lg\:row-span-8.lg\:row-span-8 {
    grid-row: span 8/span 8;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-8.xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .xl\:grid-rows-8.xl\:grid-rows-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .xl\:col-span-8.xl\:col-span-8 {
    grid-column: span 8/span 8;
  }
  body .xl\:row-span-8.xl\:row-span-8 {
    grid-row: span 8/span 8;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-8.xxl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-8.xxl\:grid-rows-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body .xxl\:col-span-8.xxl\:col-span-8 {
    grid-column: span 8/span 8;
  }
  body .xxl\:row-span-8.xxl\:row-span-8 {
    grid-row: span 8/span 8;
  }
}
body .grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
body .grid-rows-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
body .col-span-9 {
  grid-column: span 9/span 9;
}
body .row-span-9 {
  grid-row: span 9/span 9;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-9.sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .sm\:grid-rows-9.sm\:grid-rows-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .sm\:col-span-9.sm\:col-span-9 {
    grid-column: span 9/span 9;
  }
  body .sm\:row-span-9.sm\:row-span-9 {
    grid-row: span 9/span 9;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-9.md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .md\:grid-rows-9.md\:grid-rows-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .md\:col-span-9.md\:col-span-9 {
    grid-column: span 9/span 9;
  }
  body .md\:row-span-9.md\:row-span-9 {
    grid-row: span 9/span 9;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-9.lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .lg\:grid-rows-9.lg\:grid-rows-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .lg\:col-span-9.lg\:col-span-9 {
    grid-column: span 9/span 9;
  }
  body .lg\:row-span-9.lg\:row-span-9 {
    grid-row: span 9/span 9;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-9.xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .xl\:grid-rows-9.xl\:grid-rows-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .xl\:col-span-9.xl\:col-span-9 {
    grid-column: span 9/span 9;
  }
  body .xl\:row-span-9.xl\:row-span-9 {
    grid-row: span 9/span 9;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-9.xxl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-9.xxl\:grid-rows-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  body .xxl\:col-span-9.xxl\:col-span-9 {
    grid-column: span 9/span 9;
  }
  body .xxl\:row-span-9.xxl\:row-span-9 {
    grid-row: span 9/span 9;
  }
}
body .grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
body .grid-rows-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
body .col-span-10 {
  grid-column: span 10/span 10;
}
body .row-span-10 {
  grid-row: span 10/span 10;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-10.sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .sm\:grid-rows-10.sm\:grid-rows-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .sm\:col-span-10.sm\:col-span-10 {
    grid-column: span 10/span 10;
  }
  body .sm\:row-span-10.sm\:row-span-10 {
    grid-row: span 10/span 10;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-10.md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .md\:grid-rows-10.md\:grid-rows-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .md\:col-span-10.md\:col-span-10 {
    grid-column: span 10/span 10;
  }
  body .md\:row-span-10.md\:row-span-10 {
    grid-row: span 10/span 10;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-10.lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .lg\:grid-rows-10.lg\:grid-rows-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .lg\:col-span-10.lg\:col-span-10 {
    grid-column: span 10/span 10;
  }
  body .lg\:row-span-10.lg\:row-span-10 {
    grid-row: span 10/span 10;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-10.xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .xl\:grid-rows-10.xl\:grid-rows-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .xl\:col-span-10.xl\:col-span-10 {
    grid-column: span 10/span 10;
  }
  body .xl\:row-span-10.xl\:row-span-10 {
    grid-row: span 10/span 10;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-10.xxl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-10.xxl\:grid-rows-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  body .xxl\:col-span-10.xxl\:col-span-10 {
    grid-column: span 10/span 10;
  }
  body .xxl\:row-span-10.xxl\:row-span-10 {
    grid-row: span 10/span 10;
  }
}
body .grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
body .grid-rows-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
body .col-span-11 {
  grid-column: span 11/span 11;
}
body .row-span-11 {
  grid-row: span 11/span 11;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-11.sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .sm\:grid-rows-11.sm\:grid-rows-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .sm\:col-span-11.sm\:col-span-11 {
    grid-column: span 11/span 11;
  }
  body .sm\:row-span-11.sm\:row-span-11 {
    grid-row: span 11/span 11;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-11.md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .md\:grid-rows-11.md\:grid-rows-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .md\:col-span-11.md\:col-span-11 {
    grid-column: span 11/span 11;
  }
  body .md\:row-span-11.md\:row-span-11 {
    grid-row: span 11/span 11;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-11.lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .lg\:grid-rows-11.lg\:grid-rows-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .lg\:col-span-11.lg\:col-span-11 {
    grid-column: span 11/span 11;
  }
  body .lg\:row-span-11.lg\:row-span-11 {
    grid-row: span 11/span 11;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-11.xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .xl\:grid-rows-11.xl\:grid-rows-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .xl\:col-span-11.xl\:col-span-11 {
    grid-column: span 11/span 11;
  }
  body .xl\:row-span-11.xl\:row-span-11 {
    grid-row: span 11/span 11;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-11.xxl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-11.xxl\:grid-rows-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  body .xxl\:col-span-11.xxl\:col-span-11 {
    grid-column: span 11/span 11;
  }
  body .xxl\:row-span-11.xxl\:row-span-11 {
    grid-row: span 11/span 11;
  }
}
body .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
body .grid-rows-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
body .col-span-12 {
  grid-column: span 12/span 12;
}
body .row-span-12 {
  grid-row: span 12/span 12;
}
@media (min-width: 480px) {
  body .sm\:grid-cols-12.sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .sm\:grid-rows-12.sm\:grid-rows-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .sm\:col-span-12.sm\:col-span-12 {
    grid-column: span 12/span 12;
  }
  body .sm\:row-span-12.sm\:row-span-12 {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 768px) {
  body .md\:grid-cols-12.md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .md\:grid-rows-12.md\:grid-rows-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .md\:col-span-12.md\:col-span-12 {
    grid-column: span 12/span 12;
  }
  body .md\:row-span-12.md\:row-span-12 {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1152px) {
  body .lg\:grid-cols-12.lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .lg\:grid-rows-12.lg\:grid-rows-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .lg\:col-span-12.lg\:col-span-12 {
    grid-column: span 12/span 12;
  }
  body .lg\:row-span-12.lg\:row-span-12 {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1440px) {
  body .xl\:grid-cols-12.xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .xl\:grid-rows-12.xl\:grid-rows-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .xl\:col-span-12.xl\:col-span-12 {
    grid-column: span 12/span 12;
  }
  body .xl\:row-span-12.xl\:row-span-12 {
    grid-row: span 12/span 12;
  }
}
@media (min-width: 1920px) {
  body .xxl\:grid-cols-12.xxl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .xxl\:grid-rows-12.xxl\:grid-rows-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  body .xxl\:col-span-12.xxl\:col-span-12 {
    grid-column: span 12/span 12;
  }
  body .xxl\:row-span-12.xxl\:row-span-12 {
    grid-row: span 12/span 12;
  }
}

body .outline-0 {
  outline-width: 0 !important;
  outline-style: solid;
}
@media (min-width: 480px) {
  body .sm\:outline-0.sm\:outline-0 {
    outline-width: 0 !important;
    outline-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:outline-0.md\:outline-0 {
    outline-width: 0 !important;
    outline-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-0.lg\:outline-0 {
    outline-width: 0 !important;
    outline-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-0.xl\:outline-0 {
    outline-width: 0 !important;
    outline-style: solid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:outline-0.xxl\:outline-0 {
    outline-width: 0 !important;
    outline-style: solid;
  }
}
body .outline-1 {
  outline-width: 1px !important;
  outline-style: solid;
}
@media (min-width: 480px) {
  body .sm\:outline-1.sm\:outline-1 {
    outline-width: 1px !important;
    outline-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:outline-1.md\:outline-1 {
    outline-width: 1px !important;
    outline-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-1.lg\:outline-1 {
    outline-width: 1px !important;
    outline-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-1.xl\:outline-1 {
    outline-width: 1px !important;
    outline-style: solid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:outline-1.xxl\:outline-1 {
    outline-width: 1px !important;
    outline-style: solid;
  }
}
body .outline-2 {
  outline-width: 2px !important;
  outline-style: solid;
}
@media (min-width: 480px) {
  body .sm\:outline-2.sm\:outline-2 {
    outline-width: 2px !important;
    outline-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:outline-2.md\:outline-2 {
    outline-width: 2px !important;
    outline-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-2.lg\:outline-2 {
    outline-width: 2px !important;
    outline-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-2.xl\:outline-2 {
    outline-width: 2px !important;
    outline-style: solid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:outline-2.xxl\:outline-2 {
    outline-width: 2px !important;
    outline-style: solid;
  }
}
body .outline-3 {
  outline-width: 3px !important;
  outline-style: solid;
}
@media (min-width: 480px) {
  body .sm\:outline-3.sm\:outline-3 {
    outline-width: 3px !important;
    outline-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:outline-3.md\:outline-3 {
    outline-width: 3px !important;
    outline-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-3.lg\:outline-3 {
    outline-width: 3px !important;
    outline-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-3.xl\:outline-3 {
    outline-width: 3px !important;
    outline-style: solid;
  }
}
@media (min-width: 1920px) {
  body .xxl\:outline-3.xxl\:outline-3 {
    outline-width: 3px !important;
    outline-style: solid;
  }
}
body .outline-solid {
  outline-style: solid;
}
@media (min-width: 480px) {
  body .sm\:outline-solid.sm\:outline-solid {
    outline-style: solid;
  }
}
@media (min-width: 768px) {
  body .md\:outline-solid.md\:outline-solid {
    outline-style: solid;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-solid.lg\:outline-solid {
    outline-style: solid;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-solid.xl\:outline-solid {
    outline-style: solid;
  }
}
body .outline-dashed {
  outline-style: dashed;
}
@media (min-width: 480px) {
  body .sm\:outline-dashed.sm\:outline-dashed {
    outline-style: dashed;
  }
}
@media (min-width: 768px) {
  body .md\:outline-dashed.md\:outline-dashed {
    outline-style: dashed;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-dashed.lg\:outline-dashed {
    outline-style: dashed;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-dashed.xl\:outline-dashed {
    outline-style: dashed;
  }
}
body .outline-dotted {
  outline-style: dotted;
}
@media (min-width: 480px) {
  body .sm\:outline-dotted.sm\:outline-dotted {
    outline-style: dotted;
  }
}
@media (min-width: 768px) {
  body .md\:outline-dotted.md\:outline-dotted {
    outline-style: dotted;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-dotted.lg\:outline-dotted {
    outline-style: dotted;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-dotted.xl\:outline-dotted {
    outline-style: dotted;
  }
}
body .outline-double {
  outline-style: double;
}
@media (min-width: 480px) {
  body .sm\:outline-double.sm\:outline-double {
    outline-style: double;
  }
}
@media (min-width: 768px) {
  body .md\:outline-double.md\:outline-double {
    outline-style: double;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-double.lg\:outline-double {
    outline-style: double;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-double.xl\:outline-double {
    outline-style: double;
  }
}
body .outline-hidden {
  outline-style: hidden;
}
@media (min-width: 480px) {
  body .sm\:outline-hidden.sm\:outline-hidden {
    outline-style: hidden;
  }
}
@media (min-width: 768px) {
  body .md\:outline-hidden.md\:outline-hidden {
    outline-style: hidden;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-hidden.lg\:outline-hidden {
    outline-style: hidden;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-hidden.xl\:outline-hidden {
    outline-style: hidden;
  }
}
body .outline-none {
  outline-style: none;
}
@media (min-width: 480px) {
  body .sm\:outline-none.sm\:outline-none {
    outline-style: none;
  }
}
@media (min-width: 768px) {
  body .md\:outline-none.md\:outline-none {
    outline-style: none;
  }
}
@media (min-width: 1152px) {
  body .lg\:outline-none.lg\:outline-none {
    outline-style: none;
  }
}
@media (min-width: 1440px) {
  body .xl\:outline-none.xl\:outline-none {
    outline-style: none;
  }
}

body .opacity-0 {
  opacity: 0 !important;
}
body .opacity-10 {
  opacity: 0.1 !important;
}
body .opacity-20 {
  opacity: 0.2 !important;
}
body .opacity-30 {
  opacity: 0.3 !important;
}
body .opacity-40 {
  opacity: 0.4 !important;
}
body .opacity-50 {
  opacity: 0.5 !important;
}
body .opacity-60 {
  opacity: 0.6 !important;
}
body .opacity-70 {
  opacity: 0.7 !important;
}
body .opacity-80 {
  opacity: 0.8 !important;
}
body .opacity-90 {
  opacity: 0.9 !important;
}
body .opacity-100 {
  opacity: 1 !important;
}

:root {
  --true-white: rgb(255, 255, 255);
  --white: rgb(255, 255, 255);
  --off-white: rgb(240, 243, 255);
  --lightest-grey: rgb(224, 224, 224);
  --light-grey: rgb(172, 180, 206);
  --grey: rgb(149, 156, 182);
  --dark-grey: rgb(61, 68, 101);
  --off-black: rgb(31, 33, 40);
  --black: rgb(26, 26, 26);
  --true-black: rgb(26, 26, 26);
  --bg: rgb(239, 239, 245);
  --interaction: rgb(147, 162, 221);
  --lightest-primary: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--primary));
  --light-primary: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--primary));
  --primary: rgb(85, 120, 235);
  --dark-primary: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--primary));
  --primary-highlight: var(--light-primary);
  --lightest-secondary: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--secondary));
  --light-secondary: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--secondary));
  --secondary: rgb(125, 85, 235);
  --dark-secondary: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--secondary));
  --secondary-highlight: var(--light-secondary);
  --lightest-complementary: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--complementary));
  --light-complementary: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--complementary));
  --complementary: rgb(100, 92, 161);
  --dark-complementary: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--complementary));
  --complementary-highlight: var(--light-complementary);
  --lightest-accent: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--accent));
  --light-accent: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--accent));
  --accent: rgb(0, 197, 220);
  --dark-accent: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--accent));
  --accent-highlight: var(--light-accent);
  --lightest-info: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--info));
  --light-info: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--info));
  --info: rgb(147, 162, 221);
  --dark-info: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--info));
  --info-highlight: var(--light-info);
  --lightest-green: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--green));
  --light-green: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--green));
  --green: rgb(29, 201, 183);
  --dark-green: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--green));
  --green-highlight: var(--light-green);
  --success: var(--green);
  --success-highlight: var(--light-green);
  --lightest-orange: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--yellow));
  --light-orange: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--yellow));
  --orange: rgb(255, 184, 34);
  --dark-orange: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--yellow));
  --lightest-yellow: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--yellow));
  --light-yellow: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--yellow));
  --yellow: rgb(255, 184, 34);
  --dark-yellow: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--yellow));
  --yellow-highlight: var(--light-yellow);
  --warning: var(--yellow);
  --warning-highlight: var(--light-yellow);
  --lightest-red: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--red));
  --light-red: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--red));
  --red: rgb(253, 57, 122);
  --dark-red: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--red));
  --red-highlight: var(--light-red);
  --failure: var(--red);
  --failure-highlight: var(--light-red);
  --danger: var(--red);
  --danger-highlight: var(--light-red);
  --lightest-blue: color-mix(in srgb, rgb(255, 255, 255) 80%, var(--blue));
  --light-blue: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--blue));
  --blue: rgb(85, 120, 235);
  --dark-blue: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--blue));
  --blue-highlight: var(--light-blue);
  --link: var(--blue);
  --link-highlight: var(--light-blue);
  --breakpoint-s: 480px;
  --breakpoint-m: 768px;
  --breakpoint-l: 1152px;
  --breakpoint-xl: 1440px;
  --unit: 16px;
}
:root:has(body[data-color-scheme=dark]) {
  --white: rgb(26, 26, 26);
  --off-white: rgb(31, 33, 40);
  --lightest-grey: rgb(61, 68, 101);
  --light-grey: rgb(61, 68, 101);
  --dark-grey: rgb(172, 180, 206);
  --off-black: rgb(240, 243, 255);
  --black: rgb(255, 255, 255);
  --bg: rgb(16, 16, 10);
  --lightest-primary: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--primary));
  --light-primary: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--primary));
  --dark-primary: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--primary));
  --lightest-secondary: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--secondary));
  --light-secondary: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--secondary));
  --dark-secondary: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--secondary));
  --lightest-complementary: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--complementary));
  --light-complementary: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--complementary));
  --dark-complementary: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--complementary));
  --lightest-accent: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--accent));
  --light-accent: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--accent));
  --dark-accent: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--accent));
  --lightest-info: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--info));
  --light-info: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--info));
  --dark-info: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--info));
  --lightest-green: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--green));
  --light-green: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--green));
  --dark-green: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--green));
  --lightest-yellow: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--yellow));
  --light-yellow: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--yellow));
  --dark-yellow: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--yellow));
  --lightest-red: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--red));
  --light-red: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--red));
  --dark-red: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--red));
  --lightest-blue: color-mix(in srgb, rgb(26, 26, 26) 80%, var(--blue));
  --light-blue: color-mix(in srgb, rgb(26, 26, 26) 16%, var(--blue));
  --dark-blue: color-mix(in srgb, rgb(255, 255, 255) 16%, var(--blue));
}

html {
  scroll-behavior: smooth;
}

body {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  width: 100%;
  width: 100vw;
  width: 100dvw;
  max-width: 100%;
  max-width: 100vw;
  max-width: 100dvw;
  min-height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
  background-color: var(--white);
  font-family: "Poppins", sans-serif;
  font-style: normal;
  line-height: 1.5;
  color: var(--dark-grey);
}

html,
body {
  font-size: 16px;
}

body[data-overflow-lock=true] {
  overflow-y: hidden;
}

*::placeholder {
  color: var(--grey);
  font-weight: 400;
}

[hidden] {
  display: none !important;
}

figure {
  margin: 0;
  user-select: none;
}

fieldset {
  border: none;
  outline: none;
}

img {
  user-select: none;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}