@import url(https://fonts.googleapis.com/css?family=Material+Icons+Outlined);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
/**
* DevExtreme (dx.common.css)
* Version: 20.2.6
* Build date: Tue Mar 16 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
/*!
This file is kept for backward compatibility.
It is no longer required.
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Tailwind custom reset styles
 */
/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
html {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  /* 1 */
  line-height: 1.5;
  /* 2 */
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: var(--foreground-divider);
  /* 2 */
}
/*
 * Ensure horizontal rules are visible by default
 */
hr {
  border-top-width: 1px;
}
/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}
button,
[role=button] {
  cursor: pointer;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
  color: inherit;
  text-decoration: inherit;
}
/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */
pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
video {
  max-width: 100%;
  height: auto;
}
input, textarea {
  box-sizing: content-box;
  line-height: 1.5;
}
button:focus {
  outline: unset !important;
}
code {
  background: var(--background-app-bar);
  border-radius: var(--border-radius);
  color: var(--text-color);
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 85%;
  padding: 0.2em 0.4em;
}
blockquote {
  background: rgba(var(--color-primary), 0.1);
  border-left: 3px solid rgb(var(--color-primary));
  color: rgba(0, 0, 0, 0.87);
  font-style: normal;
  margin: 1em 0 1.5em;
  padding: 1em 1.5em;
}
blockquote > * {
  margin: 0;
}
:root .space-y-0 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0px * var(--space-y-reverse));
}
:root .space-x-0 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0px * var(--space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
}
:root .space-y-1 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--space-y-reverse));
}
:root .space-x-1 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-2 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--space-y-reverse));
}
:root .space-x-2 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-3 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--space-y-reverse));
}
:root .space-x-3 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1rem * var(--space-y-reverse));
}
:root .space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1rem * var(--space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-5 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--space-y-reverse));
}
:root .space-x-5 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-6 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--space-y-reverse));
}
:root .space-x-6 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-8 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2rem * var(--space-y-reverse));
}
:root .space-x-8 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(2rem * var(--space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-9 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2.25rem * var(--space-y-reverse));
}
:root .space-x-9 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(2.25rem * var(--space-x-reverse));
  margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-10 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--space-y-reverse));
}
:root .space-x-10 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(2.5rem * var(--space-x-reverse));
  margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-12 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(3rem * var(--space-y-reverse));
}
:root .space-x-12 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(3rem * var(--space-x-reverse));
  margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-14 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(3.5rem * var(--space-y-reverse));
}
:root .space-x-14 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(3.5rem * var(--space-x-reverse));
  margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-16 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(4rem * var(--space-y-reverse));
}
:root .space-x-16 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(4rem * var(--space-x-reverse));
  margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-20 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(5rem * var(--space-y-reverse));
}
:root .space-x-20 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(5rem * var(--space-x-reverse));
  margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-24 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(6rem * var(--space-y-reverse));
}
:root .space-x-24 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(6rem * var(--space-x-reverse));
  margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-32 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(8rem * var(--space-y-reverse));
}
:root .space-x-32 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(8rem * var(--space-x-reverse));
  margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-40 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(10rem * var(--space-y-reverse));
}
:root .space-x-40 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(10rem * var(--space-x-reverse));
  margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-48 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(12rem * var(--space-y-reverse));
}
:root .space-x-48 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(12rem * var(--space-x-reverse));
  margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-56 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(14rem * var(--space-y-reverse));
}
:root .space-x-56 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(14rem * var(--space-x-reverse));
  margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-64 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(16rem * var(--space-y-reverse));
}
:root .space-x-64 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(16rem * var(--space-x-reverse));
  margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
}
:root .space-y-px > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1px * var(--space-y-reverse));
}
:root .space-x-px > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1px * var(--space-x-reverse));
  margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
}
:root .space-y-gutter > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(var(--padding-gutter) * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(var(--padding-gutter) * var(--space-y-reverse));
}
:root .space-x-gutter > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(var(--padding-gutter) * var(--space-x-reverse));
  margin-left: calc(var(--padding-gutter) * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-1 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.25rem * var(--space-y-reverse));
}
:root .-space-x-1 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-2 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.5rem * var(--space-y-reverse));
}
:root .-space-x-2 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-3 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.75rem * var(--space-y-reverse));
}
:root .-space-x-3 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-0.75rem * var(--space-x-reverse));
  margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1rem * var(--space-y-reverse));
}
:root .-space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1rem * var(--space-x-reverse));
  margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-5 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1.25rem * var(--space-y-reverse));
}
:root .-space-x-5 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1.25rem * var(--space-x-reverse));
  margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-6 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1.5rem * var(--space-y-reverse));
}
:root .-space-x-6 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1.5rem * var(--space-x-reverse));
  margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-8 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2rem * var(--space-y-reverse));
}
:root .-space-x-8 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-2rem * var(--space-x-reverse));
  margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-9 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2.25rem * var(--space-y-reverse));
}
:root .-space-x-9 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-2.25rem * var(--space-x-reverse));
  margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-10 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2.5rem * var(--space-y-reverse));
}
:root .-space-x-10 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-2.5rem * var(--space-x-reverse));
  margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-12 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-3rem * var(--space-y-reverse));
}
:root .-space-x-12 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-3rem * var(--space-x-reverse));
  margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-14 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-3.5rem * var(--space-y-reverse));
}
:root .-space-x-14 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-3.5rem * var(--space-x-reverse));
  margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-16 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-4rem * var(--space-y-reverse));
}
:root .-space-x-16 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-4rem * var(--space-x-reverse));
  margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-20 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-5rem * var(--space-y-reverse));
}
:root .-space-x-20 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-5rem * var(--space-x-reverse));
  margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-24 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-6rem * var(--space-y-reverse));
}
:root .-space-x-24 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-6rem * var(--space-x-reverse));
  margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-32 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-8rem * var(--space-y-reverse));
}
:root .-space-x-32 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-8rem * var(--space-x-reverse));
  margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-40 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-10rem * var(--space-y-reverse));
}
:root .-space-x-40 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-10rem * var(--space-x-reverse));
  margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-48 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-12rem * var(--space-y-reverse));
}
:root .-space-x-48 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-12rem * var(--space-x-reverse));
  margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-56 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-14rem * var(--space-y-reverse));
}
:root .-space-x-56 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-14rem * var(--space-x-reverse));
  margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-64 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-16rem * var(--space-y-reverse));
}
:root .-space-x-64 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-16rem * var(--space-x-reverse));
  margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-px > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1px * var(--space-y-reverse));
}
:root .-space-x-px > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1px * var(--space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
}
:root .-space-y-gutter > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(calc(var(--padding-gutter) * -1) * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(calc(var(--padding-gutter) * -1) * var(--space-y-reverse));
}
:root .-space-x-gutter > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(calc(var(--padding-gutter) * -1) * var(--space-x-reverse));
  margin-left: calc(calc(var(--padding-gutter) * -1) * calc(1 - var(--space-x-reverse)));
}
:root .space-y-reverse > :not(template) ~ :not(template) {
  --space-y-reverse: 1;
}
:root .space-x-reverse > :not(template) ~ :not(template) {
  --space-x-reverse: 1;
}
:root .divide-y-0 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(0px * var(--divide-y-reverse));
}
:root .divide-x-0 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(0px * var(--divide-x-reverse));
  border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
}
:root .divide-y-2 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(2px * var(--divide-y-reverse));
}
:root .divide-x-2 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(2px * var(--divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
}
:root .divide-y-3 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(3px * var(--divide-y-reverse));
}
:root .divide-x-3 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(3px * var(--divide-x-reverse));
  border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
}
:root .divide-y-4 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(4px * var(--divide-y-reverse));
}
:root .divide-x-4 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(4px * var(--divide-x-reverse));
  border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
}
:root .divide-y-8 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(8px * var(--divide-y-reverse));
}
:root .divide-x-8 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(8px * var(--divide-x-reverse));
  border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
}
:root .divide-y > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(1px * var(--divide-y-reverse));
}
:root .divide-x > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(1px * var(--divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}
:root .divide-y-reverse > :not(template) ~ :not(template) {
  --divide-y-reverse: 1;
}
:root .divide-x-reverse > :not(template) ~ :not(template) {
  --divide-x-reverse: 1;
}
:root .divide-current > :not(template) ~ :not(template) {
  border-color: currentColor;
}
:root .divide-transparent > :not(template) ~ :not(template) {
  border-color: transparent;
}
:root .divide-black > :not(template) ~ :not(template) {
  border-color: var(--text-color);
}
:root .divide-white > :not(template) ~ :not(template) {
  border-color: var(--text-color-light);
}
:root .divide-contrast-black > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: black;
  border-color: rgba(0, 0, 0, var(--divide-opacity));
}
:root .divide-contrast-white > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: white;
  border-color: rgba(255, 255, 255, var(--divide-opacity));
}
:root .divide-gray-light > :not(template) ~ :not(template) {
  border-color: rgba(158, 158, 158, 0.1);
}
:root .divide-gray > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #9e9e9e;
  border-color: rgba(158, 158, 158, var(--divide-opacity));
}
:root .divide-red-light > :not(template) ~ :not(template) {
  border-color: rgba(244, 67, 54, 0.1);
}
:root .divide-red > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f44336;
  border-color: rgba(244, 67, 54, var(--divide-opacity));
}
:root .divide-orange-light > :not(template) ~ :not(template) {
  border-color: rgba(255, 152, 0, 0.1);
}
:root .divide-orange > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff9800;
  border-color: rgba(255, 152, 0, var(--divide-opacity));
}
:root .divide-deep-orange-light > :not(template) ~ :not(template) {
  border-color: rgba(255, 87, 34, 0.1);
}
:root .divide-deep-orange > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff5722;
  border-color: rgba(255, 87, 34, var(--divide-opacity));
}
:root .divide-amber-light > :not(template) ~ :not(template) {
  border-color: rgba(255, 193, 7, 0.1);
}
:root .divide-amber > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffc107;
  border-color: rgba(255, 193, 7, var(--divide-opacity));
}
:root .divide-green-light > :not(template) ~ :not(template) {
  border-color: rgba(76, 175, 80, 0.1);
}
:root .divide-green > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #4caf50;
  border-color: rgba(76, 175, 80, var(--divide-opacity));
}
:root .divide-teal-light > :not(template) ~ :not(template) {
  border-color: rgba(0, 150, 136, 0.1);
}
:root .divide-teal > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #009688;
  border-color: rgba(0, 150, 136, var(--divide-opacity));
}
:root .divide-cyan-light > :not(template) ~ :not(template) {
  border-color: rgba(0, 188, 212, 0.1);
}
:root .divide-cyan > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #00bcd4;
  border-color: rgba(0, 188, 212, var(--divide-opacity));
}
:root .divide-purple-light > :not(template) ~ :not(template) {
  border-color: rgba(156, 39, 176, 0.1);
}
:root .divide-purple > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #9c27b0;
  border-color: rgba(156, 39, 176, var(--divide-opacity));
}
:root .divide-deep-purple-light > :not(template) ~ :not(template) {
  border-color: rgba(103, 58, 183, 0.1);
}
:root .divide-deep-purple > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #673ab7;
  border-color: rgba(103, 58, 183, var(--divide-opacity));
}
:root .divide-pink-light > :not(template) ~ :not(template) {
  border-color: rgba(233, 30, 99, 0.1);
}
:root .divide-pink > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #e91e63;
  border-color: rgba(233, 30, 99, var(--divide-opacity));
}
:root .divide-primary-light > :not(template) ~ :not(template) {
  border-color: rgba(var(--color-primary), 0.1);
}
:root .divide-primary > :not(template) ~ :not(template) {
  border-color: rgb(var(--color-primary));
}
:root .divide-accent-light > :not(template) ~ :not(template) {
  border-color: rgba(var(--color-accent), 0.1);
}
:root .divide-accent > :not(template) ~ :not(template) {
  border-color: rgb(var(--color-accent));
}
:root .divide-warn-light > :not(template) ~ :not(template) {
  border-color: rgba(var(--color-warn), 0.1);
}
:root .divide-warn > :not(template) ~ :not(template) {
  border-color: rgb(var(--color-warn));
}
:root .divide-solid > :not(template) ~ :not(template) {
  border-style: solid;
}
:root .divide-dashed > :not(template) ~ :not(template) {
  border-style: dashed;
}
:root .divide-dotted > :not(template) ~ :not(template) {
  border-style: dotted;
}
:root .divide-double > :not(template) ~ :not(template) {
  border-style: double;
}
:root .divide-none > :not(template) ~ :not(template) {
  border-style: none;
}
:root .divide-opacity-0 > :not(template) ~ :not(template) {
  --divide-opacity: 0;
}
:root .divide-opacity-25 > :not(template) ~ :not(template) {
  --divide-opacity: 0.25;
}
:root .divide-opacity-50 > :not(template) ~ :not(template) {
  --divide-opacity: 0.5;
}
:root .divide-opacity-75 > :not(template) ~ :not(template) {
  --divide-opacity: 0.75;
}
:root .divide-opacity-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
}
:root .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:root .not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
:root .focus\:sr-only:focus {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:root .focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
:root .appearance-none {
  -webkit-appearance: none;
          appearance: none;
}
:root .bg-fixed {
  background-attachment: fixed;
}
:root .bg-local {
  background-attachment: local;
}
:root .bg-scroll {
  background-attachment: scroll;
}
:root .bg-clip-border {
  background-clip: border-box;
}
:root .bg-clip-padding {
  background-clip: padding-box;
}
:root .bg-clip-content {
  background-clip: content-box;
}
:root .bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}
:root .bg-base {
  background-color: var(--background-base);
}
:root .bg-card {
  background-color: var(--background-card);
}
:root .bg-app-bar {
  background-color: var(--background-app-bar);
}
:root .bg-hover {
  background-color: var(--background-hover);
}
:root .bg-current {
  background-color: currentColor;
}
:root .bg-transparent {
  background-color: transparent;
}
:root .bg-black {
  background-color: var(--text-color);
}
:root .bg-white {
  background-color: var(--text-color-light);
}
:root .bg-contrast-black {
  --bg-opacity: 1;
  background-color: black;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}
:root .bg-contrast-white {
  --bg-opacity: 1;
  background-color: white;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}
:root .bg-gray-light {
  background-color: rgba(158, 158, 158, 0.1);
}
:root .bg-gray {
  --bg-opacity: 1;
  background-color: #9e9e9e;
  background-color: rgba(158, 158, 158, var(--bg-opacity));
}
:root .bg-red-light {
  background-color: rgba(244, 67, 54, 0.1);
}
:root .bg-red {
  --bg-opacity: 1;
  background-color: #f44336;
  background-color: rgba(244, 67, 54, var(--bg-opacity));
}
:root .bg-orange-light {
  background-color: rgba(255, 152, 0, 0.1);
}
:root .bg-orange {
  --bg-opacity: 1;
  background-color: #ff9800;
  background-color: rgba(255, 152, 0, var(--bg-opacity));
}
:root .bg-deep-orange-light {
  background-color: rgba(255, 87, 34, 0.1);
}
:root .bg-deep-orange {
  --bg-opacity: 1;
  background-color: #ff5722;
  background-color: rgba(255, 87, 34, var(--bg-opacity));
}
:root .bg-amber-light {
  background-color: rgba(255, 193, 7, 0.1);
}
:root .bg-amber {
  --bg-opacity: 1;
  background-color: #ffc107;
  background-color: rgba(255, 193, 7, var(--bg-opacity));
}
:root .bg-green-light {
  background-color: rgba(76, 175, 80, 0.1);
}
:root .bg-green {
  --bg-opacity: 1;
  background-color: #4caf50;
  background-color: rgba(76, 175, 80, var(--bg-opacity));
}
:root .bg-teal-light {
  background-color: rgba(0, 150, 136, 0.1);
}
:root .bg-teal {
  --bg-opacity: 1;
  background-color: #009688;
  background-color: rgba(0, 150, 136, var(--bg-opacity));
}
:root .bg-cyan-light {
  background-color: rgba(0, 188, 212, 0.1);
}
:root .bg-cyan {
  --bg-opacity: 1;
  background-color: #00bcd4;
  background-color: rgba(0, 188, 212, var(--bg-opacity));
}
:root .bg-purple-light {
  background-color: rgba(156, 39, 176, 0.1);
}
:root .bg-purple {
  --bg-opacity: 1;
  background-color: #9c27b0;
  background-color: rgba(156, 39, 176, var(--bg-opacity));
}
:root .bg-deep-purple-light {
  background-color: rgba(103, 58, 183, 0.1);
}
:root .bg-deep-purple {
  --bg-opacity: 1;
  background-color: #673ab7;
  background-color: rgba(103, 58, 183, var(--bg-opacity));
}
:root .bg-pink-light {
  background-color: rgba(233, 30, 99, 0.1);
}
:root .bg-pink {
  --bg-opacity: 1;
  background-color: #e91e63;
  background-color: rgba(233, 30, 99, var(--bg-opacity));
}
:root .bg-primary-light {
  background-color: rgba(var(--color-primary), 0.1);
}
:root .bg-primary {
  background-color: rgb(var(--color-primary));
}
:root .bg-accent-light {
  background-color: rgba(var(--color-accent), 0.1);
}
:root .bg-accent {
  background-color: rgb(var(--color-accent));
}
:root .bg-warn-light {
  background-color: rgba(var(--color-warn), 0.1);
}
:root .bg-warn {
  background-color: rgb(var(--color-warn));
}
:root .hover\:bg-base:hover {
  background-color: var(--background-base);
}
:root .hover\:bg-card:hover {
  background-color: var(--background-card);
}
:root .hover\:bg-app-bar:hover {
  background-color: var(--background-app-bar);
}
:root .hover\:bg-hover:hover {
  background-color: var(--background-hover);
}
:root .hover\:bg-current:hover {
  background-color: currentColor;
}
:root .hover\:bg-transparent:hover {
  background-color: transparent;
}
:root .hover\:bg-black:hover {
  background-color: var(--text-color);
}
:root .hover\:bg-white:hover {
  background-color: var(--text-color-light);
}
:root .hover\:bg-contrast-black:hover {
  --bg-opacity: 1;
  background-color: black;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}
:root .hover\:bg-contrast-white:hover {
  --bg-opacity: 1;
  background-color: white;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}
:root .hover\:bg-gray-light:hover {
  background-color: rgba(158, 158, 158, 0.1);
}
:root .hover\:bg-gray:hover {
  --bg-opacity: 1;
  background-color: #9e9e9e;
  background-color: rgba(158, 158, 158, var(--bg-opacity));
}
:root .hover\:bg-red-light:hover {
  background-color: rgba(244, 67, 54, 0.1);
}
:root .hover\:bg-red:hover {
  --bg-opacity: 1;
  background-color: #f44336;
  background-color: rgba(244, 67, 54, var(--bg-opacity));
}
:root .hover\:bg-orange-light:hover {
  background-color: rgba(255, 152, 0, 0.1);
}
:root .hover\:bg-orange:hover {
  --bg-opacity: 1;
  background-color: #ff9800;
  background-color: rgba(255, 152, 0, var(--bg-opacity));
}
:root .hover\:bg-deep-orange-light:hover {
  background-color: rgba(255, 87, 34, 0.1);
}
:root .hover\:bg-deep-orange:hover {
  --bg-opacity: 1;
  background-color: #ff5722;
  background-color: rgba(255, 87, 34, var(--bg-opacity));
}
:root .hover\:bg-amber-light:hover {
  background-color: rgba(255, 193, 7, 0.1);
}
:root .hover\:bg-amber:hover {
  --bg-opacity: 1;
  background-color: #ffc107;
  background-color: rgba(255, 193, 7, var(--bg-opacity));
}
:root .hover\:bg-green-light:hover {
  background-color: rgba(76, 175, 80, 0.1);
}
:root .hover\:bg-green:hover {
  --bg-opacity: 1;
  background-color: #4caf50;
  background-color: rgba(76, 175, 80, var(--bg-opacity));
}
:root .hover\:bg-teal-light:hover {
  background-color: rgba(0, 150, 136, 0.1);
}
:root .hover\:bg-teal:hover {
  --bg-opacity: 1;
  background-color: #009688;
  background-color: rgba(0, 150, 136, var(--bg-opacity));
}
:root .hover\:bg-cyan-light:hover {
  background-color: rgba(0, 188, 212, 0.1);
}
:root .hover\:bg-cyan:hover {
  --bg-opacity: 1;
  background-color: #00bcd4;
  background-color: rgba(0, 188, 212, var(--bg-opacity));
}
:root .hover\:bg-purple-light:hover {
  background-color: rgba(156, 39, 176, 0.1);
}
:root .hover\:bg-purple:hover {
  --bg-opacity: 1;
  background-color: #9c27b0;
  background-color: rgba(156, 39, 176, var(--bg-opacity));
}
:root .hover\:bg-deep-purple-light:hover {
  background-color: rgba(103, 58, 183, 0.1);
}
:root .hover\:bg-deep-purple:hover {
  --bg-opacity: 1;
  background-color: #673ab7;
  background-color: rgba(103, 58, 183, var(--bg-opacity));
}
:root .hover\:bg-pink-light:hover {
  background-color: rgba(233, 30, 99, 0.1);
}
:root .hover\:bg-pink:hover {
  --bg-opacity: 1;
  background-color: #e91e63;
  background-color: rgba(233, 30, 99, var(--bg-opacity));
}
:root .hover\:bg-primary-light:hover {
  background-color: rgba(var(--color-primary), 0.1);
}
:root .hover\:bg-primary:hover {
  background-color: rgb(var(--color-primary));
}
:root .hover\:bg-accent-light:hover {
  background-color: rgba(var(--color-accent), 0.1);
}
:root .hover\:bg-accent:hover {
  background-color: rgb(var(--color-accent));
}
:root .hover\:bg-warn-light:hover {
  background-color: rgba(var(--color-warn), 0.1);
}
:root .hover\:bg-warn:hover {
  background-color: rgb(var(--color-warn));
}
:root .focus\:bg-base:focus {
  background-color: var(--background-base);
}
:root .focus\:bg-card:focus {
  background-color: var(--background-card);
}
:root .focus\:bg-app-bar:focus {
  background-color: var(--background-app-bar);
}
:root .focus\:bg-hover:focus {
  background-color: var(--background-hover);
}
:root .focus\:bg-current:focus {
  background-color: currentColor;
}
:root .focus\:bg-transparent:focus {
  background-color: transparent;
}
:root .focus\:bg-black:focus {
  background-color: var(--text-color);
}
:root .focus\:bg-white:focus {
  background-color: var(--text-color-light);
}
:root .focus\:bg-contrast-black:focus {
  --bg-opacity: 1;
  background-color: black;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}
:root .focus\:bg-contrast-white:focus {
  --bg-opacity: 1;
  background-color: white;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}
:root .focus\:bg-gray-light:focus {
  background-color: rgba(158, 158, 158, 0.1);
}
:root .focus\:bg-gray:focus {
  --bg-opacity: 1;
  background-color: #9e9e9e;
  background-color: rgba(158, 158, 158, var(--bg-opacity));
}
:root .focus\:bg-red-light:focus {
  background-color: rgba(244, 67, 54, 0.1);
}
:root .focus\:bg-red:focus {
  --bg-opacity: 1;
  background-color: #f44336;
  background-color: rgba(244, 67, 54, var(--bg-opacity));
}
:root .focus\:bg-orange-light:focus {
  background-color: rgba(255, 152, 0, 0.1);
}
:root .focus\:bg-orange:focus {
  --bg-opacity: 1;
  background-color: #ff9800;
  background-color: rgba(255, 152, 0, var(--bg-opacity));
}
:root .focus\:bg-deep-orange-light:focus {
  background-color: rgba(255, 87, 34, 0.1);
}
:root .focus\:bg-deep-orange:focus {
  --bg-opacity: 1;
  background-color: #ff5722;
  background-color: rgba(255, 87, 34, var(--bg-opacity));
}
:root .focus\:bg-amber-light:focus {
  background-color: rgba(255, 193, 7, 0.1);
}
:root .focus\:bg-amber:focus {
  --bg-opacity: 1;
  background-color: #ffc107;
  background-color: rgba(255, 193, 7, var(--bg-opacity));
}
:root .focus\:bg-green-light:focus {
  background-color: rgba(76, 175, 80, 0.1);
}
:root .focus\:bg-green:focus {
  --bg-opacity: 1;
  background-color: #4caf50;
  background-color: rgba(76, 175, 80, var(--bg-opacity));
}
:root .focus\:bg-teal-light:focus {
  background-color: rgba(0, 150, 136, 0.1);
}
:root .focus\:bg-teal:focus {
  --bg-opacity: 1;
  background-color: #009688;
  background-color: rgba(0, 150, 136, var(--bg-opacity));
}
:root .focus\:bg-cyan-light:focus {
  background-color: rgba(0, 188, 212, 0.1);
}
:root .focus\:bg-cyan:focus {
  --bg-opacity: 1;
  background-color: #00bcd4;
  background-color: rgba(0, 188, 212, var(--bg-opacity));
}
:root .focus\:bg-purple-light:focus {
  background-color: rgba(156, 39, 176, 0.1);
}
:root .focus\:bg-purple:focus {
  --bg-opacity: 1;
  background-color: #9c27b0;
  background-color: rgba(156, 39, 176, var(--bg-opacity));
}
:root .focus\:bg-deep-purple-light:focus {
  background-color: rgba(103, 58, 183, 0.1);
}
:root .focus\:bg-deep-purple:focus {
  --bg-opacity: 1;
  background-color: #673ab7;
  background-color: rgba(103, 58, 183, var(--bg-opacity));
}
:root .focus\:bg-pink-light:focus {
  background-color: rgba(233, 30, 99, 0.1);
}
:root .focus\:bg-pink:focus {
  --bg-opacity: 1;
  background-color: #e91e63;
  background-color: rgba(233, 30, 99, var(--bg-opacity));
}
:root .focus\:bg-primary-light:focus {
  background-color: rgba(var(--color-primary), 0.1);
}
:root .focus\:bg-primary:focus {
  background-color: rgb(var(--color-primary));
}
:root .focus\:bg-accent-light:focus {
  background-color: rgba(var(--color-accent), 0.1);
}
:root .focus\:bg-accent:focus {
  background-color: rgb(var(--color-accent));
}
:root .focus\:bg-warn-light:focus {
  background-color: rgba(var(--color-warn), 0.1);
}
:root .focus\:bg-warn:focus {
  background-color: rgb(var(--color-warn));
}
:root .bg-none {
  background-image: none;
}
:root .bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--gradient-color-stops));
}
:root .bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--gradient-color-stops));
}
:root .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--gradient-color-stops));
}
:root .bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
}
:root .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
}
:root .bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
}
:root .bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--gradient-color-stops));
}
:root .bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--gradient-color-stops));
}
:root .from-current {
  --gradient-from-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-transparent {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .from-black {
  --gradient-from-color: var(--text-color);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-white {
  --gradient-from-color: var(--text-color-light);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-contrast-black {
  --gradient-from-color: black;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .from-contrast-white {
  --gradient-from-color: white;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-gray-light {
  --gradient-from-color: rgba(158, 158, 158, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .from-gray {
  --gradient-from-color: rgb(158, 158, 158);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .from-red-light {
  --gradient-from-color: rgba(244, 67, 54, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .from-red {
  --gradient-from-color: rgb(244, 67, 54);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .from-orange-light {
  --gradient-from-color: rgba(255, 152, 0, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .from-orange {
  --gradient-from-color: rgb(255, 152, 0);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .from-deep-orange-light {
  --gradient-from-color: rgba(255, 87, 34, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .from-deep-orange {
  --gradient-from-color: rgb(255, 87, 34);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .from-amber-light {
  --gradient-from-color: rgba(255, 193, 7, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .from-amber {
  --gradient-from-color: rgb(255, 193, 7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .from-green-light {
  --gradient-from-color: rgba(76, 175, 80, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .from-green {
  --gradient-from-color: rgb(76, 175, 80);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .from-teal-light {
  --gradient-from-color: rgba(0, 150, 136, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .from-teal {
  --gradient-from-color: rgb(0, 150, 136);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .from-cyan-light {
  --gradient-from-color: rgba(0, 188, 212, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .from-cyan {
  --gradient-from-color: rgb(0, 188, 212);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .from-purple-light {
  --gradient-from-color: rgba(156, 39, 176, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .from-purple {
  --gradient-from-color: rgb(156, 39, 176);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .from-deep-purple-light {
  --gradient-from-color: rgba(103, 58, 183, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .from-deep-purple {
  --gradient-from-color: rgb(103, 58, 183);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .from-pink-light {
  --gradient-from-color: rgba(233, 30, 99, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .from-pink {
  --gradient-from-color: rgb(233, 30, 99);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .from-primary-light {
  --gradient-from-color: rgba(var(--color-primary), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-primary {
  --gradient-from-color: rgb(var(--color-primary));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-accent-light {
  --gradient-from-color: rgba(var(--color-accent), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-accent {
  --gradient-from-color: rgb(var(--color-accent));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-warn-light {
  --gradient-from-color: rgba(var(--color-warn), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .from-warn {
  --gradient-from-color: rgb(var(--color-warn));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-current {
  --gradient-via-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-transparent {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .via-black {
  --gradient-via-color: var(--text-color);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-white {
  --gradient-via-color: var(--text-color-light);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-contrast-black {
  --gradient-via-color: black;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .via-contrast-white {
  --gradient-via-color: white;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-gray-light {
  --gradient-via-color: rgba(158, 158, 158, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .via-gray {
  --gradient-via-color: rgb(158, 158, 158);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .via-red-light {
  --gradient-via-color: rgba(244, 67, 54, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .via-red {
  --gradient-via-color: rgb(244, 67, 54);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .via-orange-light {
  --gradient-via-color: rgba(255, 152, 0, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .via-orange {
  --gradient-via-color: rgb(255, 152, 0);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .via-deep-orange-light {
  --gradient-via-color: rgba(255, 87, 34, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .via-deep-orange {
  --gradient-via-color: rgb(255, 87, 34);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .via-amber-light {
  --gradient-via-color: rgba(255, 193, 7, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .via-amber {
  --gradient-via-color: rgb(255, 193, 7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .via-green-light {
  --gradient-via-color: rgba(76, 175, 80, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .via-green {
  --gradient-via-color: rgb(76, 175, 80);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .via-teal-light {
  --gradient-via-color: rgba(0, 150, 136, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .via-teal {
  --gradient-via-color: rgb(0, 150, 136);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .via-cyan-light {
  --gradient-via-color: rgba(0, 188, 212, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .via-cyan {
  --gradient-via-color: rgb(0, 188, 212);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .via-purple-light {
  --gradient-via-color: rgba(156, 39, 176, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .via-purple {
  --gradient-via-color: rgb(156, 39, 176);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .via-deep-purple-light {
  --gradient-via-color: rgba(103, 58, 183, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .via-deep-purple {
  --gradient-via-color: rgb(103, 58, 183);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .via-pink-light {
  --gradient-via-color: rgba(233, 30, 99, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .via-pink {
  --gradient-via-color: rgb(233, 30, 99);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .via-primary-light {
  --gradient-via-color: rgba(var(--color-primary), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-primary {
  --gradient-via-color: rgb(var(--color-primary));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-accent-light {
  --gradient-via-color: rgba(var(--color-accent), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-accent {
  --gradient-via-color: rgb(var(--color-accent));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-warn-light {
  --gradient-via-color: rgba(var(--color-warn), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .via-warn {
  --gradient-via-color: rgb(var(--color-warn));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .to-current {
  --gradient-to-color: currentColor;
}
:root .to-transparent {
  --gradient-to-color: transparent;
}
:root .to-black {
  --gradient-to-color: var(--text-color);
}
:root .to-white {
  --gradient-to-color: var(--text-color-light);
}
:root .to-contrast-black {
  --gradient-to-color: black;
}
:root .to-contrast-white {
  --gradient-to-color: white;
}
:root .to-gray-light {
  --gradient-to-color: rgba(158, 158, 158, 0.1);
}
:root .to-gray {
  --gradient-to-color: rgb(158, 158, 158);
}
:root .to-red-light {
  --gradient-to-color: rgba(244, 67, 54, 0.1);
}
:root .to-red {
  --gradient-to-color: rgb(244, 67, 54);
}
:root .to-orange-light {
  --gradient-to-color: rgba(255, 152, 0, 0.1);
}
:root .to-orange {
  --gradient-to-color: rgb(255, 152, 0);
}
:root .to-deep-orange-light {
  --gradient-to-color: rgba(255, 87, 34, 0.1);
}
:root .to-deep-orange {
  --gradient-to-color: rgb(255, 87, 34);
}
:root .to-amber-light {
  --gradient-to-color: rgba(255, 193, 7, 0.1);
}
:root .to-amber {
  --gradient-to-color: rgb(255, 193, 7);
}
:root .to-green-light {
  --gradient-to-color: rgba(76, 175, 80, 0.1);
}
:root .to-green {
  --gradient-to-color: rgb(76, 175, 80);
}
:root .to-teal-light {
  --gradient-to-color: rgba(0, 150, 136, 0.1);
}
:root .to-teal {
  --gradient-to-color: rgb(0, 150, 136);
}
:root .to-cyan-light {
  --gradient-to-color: rgba(0, 188, 212, 0.1);
}
:root .to-cyan {
  --gradient-to-color: rgb(0, 188, 212);
}
:root .to-purple-light {
  --gradient-to-color: rgba(156, 39, 176, 0.1);
}
:root .to-purple {
  --gradient-to-color: rgb(156, 39, 176);
}
:root .to-deep-purple-light {
  --gradient-to-color: rgba(103, 58, 183, 0.1);
}
:root .to-deep-purple {
  --gradient-to-color: rgb(103, 58, 183);
}
:root .to-pink-light {
  --gradient-to-color: rgba(233, 30, 99, 0.1);
}
:root .to-pink {
  --gradient-to-color: rgb(233, 30, 99);
}
:root .to-primary-light {
  --gradient-to-color: rgba(var(--color-primary), .1);
}
:root .to-primary {
  --gradient-to-color: rgb(var(--color-primary));
}
:root .to-accent-light {
  --gradient-to-color: rgba(var(--color-accent), .1);
}
:root .to-accent {
  --gradient-to-color: rgb(var(--color-accent));
}
:root .to-warn-light {
  --gradient-to-color: rgba(var(--color-warn), .1);
}
:root .to-warn {
  --gradient-to-color: rgb(var(--color-warn));
}
:root .hover\:from-current:hover {
  --gradient-from-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-transparent:hover {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .hover\:from-black:hover {
  --gradient-from-color: var(--text-color);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-white:hover {
  --gradient-from-color: var(--text-color-light);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-contrast-black:hover {
  --gradient-from-color: black;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .hover\:from-contrast-white:hover {
  --gradient-from-color: white;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-gray-light:hover {
  --gradient-from-color: rgba(158, 158, 158, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .hover\:from-gray:hover {
  --gradient-from-color: rgb(158, 158, 158);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .hover\:from-red-light:hover {
  --gradient-from-color: rgba(244, 67, 54, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .hover\:from-red:hover {
  --gradient-from-color: rgb(244, 67, 54);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .hover\:from-orange-light:hover {
  --gradient-from-color: rgba(255, 152, 0, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .hover\:from-orange:hover {
  --gradient-from-color: rgb(255, 152, 0);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .hover\:from-deep-orange-light:hover {
  --gradient-from-color: rgba(255, 87, 34, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .hover\:from-deep-orange:hover {
  --gradient-from-color: rgb(255, 87, 34);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .hover\:from-amber-light:hover {
  --gradient-from-color: rgba(255, 193, 7, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .hover\:from-amber:hover {
  --gradient-from-color: rgb(255, 193, 7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .hover\:from-green-light:hover {
  --gradient-from-color: rgba(76, 175, 80, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .hover\:from-green:hover {
  --gradient-from-color: rgb(76, 175, 80);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .hover\:from-teal-light:hover {
  --gradient-from-color: rgba(0, 150, 136, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .hover\:from-teal:hover {
  --gradient-from-color: rgb(0, 150, 136);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .hover\:from-cyan-light:hover {
  --gradient-from-color: rgba(0, 188, 212, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .hover\:from-cyan:hover {
  --gradient-from-color: rgb(0, 188, 212);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .hover\:from-purple-light:hover {
  --gradient-from-color: rgba(156, 39, 176, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .hover\:from-purple:hover {
  --gradient-from-color: rgb(156, 39, 176);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .hover\:from-deep-purple-light:hover {
  --gradient-from-color: rgba(103, 58, 183, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .hover\:from-deep-purple:hover {
  --gradient-from-color: rgb(103, 58, 183);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .hover\:from-pink-light:hover {
  --gradient-from-color: rgba(233, 30, 99, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .hover\:from-pink:hover {
  --gradient-from-color: rgb(233, 30, 99);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .hover\:from-primary-light:hover {
  --gradient-from-color: rgba(var(--color-primary), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-primary:hover {
  --gradient-from-color: rgb(var(--color-primary));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-accent-light:hover {
  --gradient-from-color: rgba(var(--color-accent), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-accent:hover {
  --gradient-from-color: rgb(var(--color-accent));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-warn-light:hover {
  --gradient-from-color: rgba(var(--color-warn), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:from-warn:hover {
  --gradient-from-color: rgb(var(--color-warn));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-current:hover {
  --gradient-via-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-transparent:hover {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .hover\:via-black:hover {
  --gradient-via-color: var(--text-color);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-white:hover {
  --gradient-via-color: var(--text-color-light);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-contrast-black:hover {
  --gradient-via-color: black;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .hover\:via-contrast-white:hover {
  --gradient-via-color: white;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-gray-light:hover {
  --gradient-via-color: rgba(158, 158, 158, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .hover\:via-gray:hover {
  --gradient-via-color: rgb(158, 158, 158);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .hover\:via-red-light:hover {
  --gradient-via-color: rgba(244, 67, 54, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .hover\:via-red:hover {
  --gradient-via-color: rgb(244, 67, 54);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .hover\:via-orange-light:hover {
  --gradient-via-color: rgba(255, 152, 0, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .hover\:via-orange:hover {
  --gradient-via-color: rgb(255, 152, 0);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .hover\:via-deep-orange-light:hover {
  --gradient-via-color: rgba(255, 87, 34, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .hover\:via-deep-orange:hover {
  --gradient-via-color: rgb(255, 87, 34);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .hover\:via-amber-light:hover {
  --gradient-via-color: rgba(255, 193, 7, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .hover\:via-amber:hover {
  --gradient-via-color: rgb(255, 193, 7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .hover\:via-green-light:hover {
  --gradient-via-color: rgba(76, 175, 80, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .hover\:via-green:hover {
  --gradient-via-color: rgb(76, 175, 80);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .hover\:via-teal-light:hover {
  --gradient-via-color: rgba(0, 150, 136, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .hover\:via-teal:hover {
  --gradient-via-color: rgb(0, 150, 136);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .hover\:via-cyan-light:hover {
  --gradient-via-color: rgba(0, 188, 212, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .hover\:via-cyan:hover {
  --gradient-via-color: rgb(0, 188, 212);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .hover\:via-purple-light:hover {
  --gradient-via-color: rgba(156, 39, 176, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .hover\:via-purple:hover {
  --gradient-via-color: rgb(156, 39, 176);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .hover\:via-deep-purple-light:hover {
  --gradient-via-color: rgba(103, 58, 183, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .hover\:via-deep-purple:hover {
  --gradient-via-color: rgb(103, 58, 183);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .hover\:via-pink-light:hover {
  --gradient-via-color: rgba(233, 30, 99, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .hover\:via-pink:hover {
  --gradient-via-color: rgb(233, 30, 99);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .hover\:via-primary-light:hover {
  --gradient-via-color: rgba(var(--color-primary), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-primary:hover {
  --gradient-via-color: rgb(var(--color-primary));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-accent-light:hover {
  --gradient-via-color: rgba(var(--color-accent), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-accent:hover {
  --gradient-via-color: rgb(var(--color-accent));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-warn-light:hover {
  --gradient-via-color: rgba(var(--color-warn), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:via-warn:hover {
  --gradient-via-color: rgb(var(--color-warn));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .hover\:to-current:hover {
  --gradient-to-color: currentColor;
}
:root .hover\:to-transparent:hover {
  --gradient-to-color: transparent;
}
:root .hover\:to-black:hover {
  --gradient-to-color: var(--text-color);
}
:root .hover\:to-white:hover {
  --gradient-to-color: var(--text-color-light);
}
:root .hover\:to-contrast-black:hover {
  --gradient-to-color: black;
}
:root .hover\:to-contrast-white:hover {
  --gradient-to-color: white;
}
:root .hover\:to-gray-light:hover {
  --gradient-to-color: rgba(158, 158, 158, 0.1);
}
:root .hover\:to-gray:hover {
  --gradient-to-color: rgb(158, 158, 158);
}
:root .hover\:to-red-light:hover {
  --gradient-to-color: rgba(244, 67, 54, 0.1);
}
:root .hover\:to-red:hover {
  --gradient-to-color: rgb(244, 67, 54);
}
:root .hover\:to-orange-light:hover {
  --gradient-to-color: rgba(255, 152, 0, 0.1);
}
:root .hover\:to-orange:hover {
  --gradient-to-color: rgb(255, 152, 0);
}
:root .hover\:to-deep-orange-light:hover {
  --gradient-to-color: rgba(255, 87, 34, 0.1);
}
:root .hover\:to-deep-orange:hover {
  --gradient-to-color: rgb(255, 87, 34);
}
:root .hover\:to-amber-light:hover {
  --gradient-to-color: rgba(255, 193, 7, 0.1);
}
:root .hover\:to-amber:hover {
  --gradient-to-color: rgb(255, 193, 7);
}
:root .hover\:to-green-light:hover {
  --gradient-to-color: rgba(76, 175, 80, 0.1);
}
:root .hover\:to-green:hover {
  --gradient-to-color: rgb(76, 175, 80);
}
:root .hover\:to-teal-light:hover {
  --gradient-to-color: rgba(0, 150, 136, 0.1);
}
:root .hover\:to-teal:hover {
  --gradient-to-color: rgb(0, 150, 136);
}
:root .hover\:to-cyan-light:hover {
  --gradient-to-color: rgba(0, 188, 212, 0.1);
}
:root .hover\:to-cyan:hover {
  --gradient-to-color: rgb(0, 188, 212);
}
:root .hover\:to-purple-light:hover {
  --gradient-to-color: rgba(156, 39, 176, 0.1);
}
:root .hover\:to-purple:hover {
  --gradient-to-color: rgb(156, 39, 176);
}
:root .hover\:to-deep-purple-light:hover {
  --gradient-to-color: rgba(103, 58, 183, 0.1);
}
:root .hover\:to-deep-purple:hover {
  --gradient-to-color: rgb(103, 58, 183);
}
:root .hover\:to-pink-light:hover {
  --gradient-to-color: rgba(233, 30, 99, 0.1);
}
:root .hover\:to-pink:hover {
  --gradient-to-color: rgb(233, 30, 99);
}
:root .hover\:to-primary-light:hover {
  --gradient-to-color: rgba(var(--color-primary), .1);
}
:root .hover\:to-primary:hover {
  --gradient-to-color: rgb(var(--color-primary));
}
:root .hover\:to-accent-light:hover {
  --gradient-to-color: rgba(var(--color-accent), .1);
}
:root .hover\:to-accent:hover {
  --gradient-to-color: rgb(var(--color-accent));
}
:root .hover\:to-warn-light:hover {
  --gradient-to-color: rgba(var(--color-warn), .1);
}
:root .hover\:to-warn:hover {
  --gradient-to-color: rgb(var(--color-warn));
}
:root .focus\:from-current:focus {
  --gradient-from-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-transparent:focus {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .focus\:from-black:focus {
  --gradient-from-color: var(--text-color);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-white:focus {
  --gradient-from-color: var(--text-color-light);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-contrast-black:focus {
  --gradient-from-color: black;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .focus\:from-contrast-white:focus {
  --gradient-from-color: white;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-gray-light:focus {
  --gradient-from-color: rgba(158, 158, 158, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .focus\:from-gray:focus {
  --gradient-from-color: rgb(158, 158, 158);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .focus\:from-red-light:focus {
  --gradient-from-color: rgba(244, 67, 54, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .focus\:from-red:focus {
  --gradient-from-color: rgb(244, 67, 54);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .focus\:from-orange-light:focus {
  --gradient-from-color: rgba(255, 152, 0, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .focus\:from-orange:focus {
  --gradient-from-color: rgb(255, 152, 0);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .focus\:from-deep-orange-light:focus {
  --gradient-from-color: rgba(255, 87, 34, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .focus\:from-deep-orange:focus {
  --gradient-from-color: rgb(255, 87, 34);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .focus\:from-amber-light:focus {
  --gradient-from-color: rgba(255, 193, 7, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .focus\:from-amber:focus {
  --gradient-from-color: rgb(255, 193, 7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .focus\:from-green-light:focus {
  --gradient-from-color: rgba(76, 175, 80, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .focus\:from-green:focus {
  --gradient-from-color: rgb(76, 175, 80);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .focus\:from-teal-light:focus {
  --gradient-from-color: rgba(0, 150, 136, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .focus\:from-teal:focus {
  --gradient-from-color: rgb(0, 150, 136);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .focus\:from-cyan-light:focus {
  --gradient-from-color: rgba(0, 188, 212, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .focus\:from-cyan:focus {
  --gradient-from-color: rgb(0, 188, 212);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .focus\:from-purple-light:focus {
  --gradient-from-color: rgba(156, 39, 176, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .focus\:from-purple:focus {
  --gradient-from-color: rgb(156, 39, 176);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .focus\:from-deep-purple-light:focus {
  --gradient-from-color: rgba(103, 58, 183, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .focus\:from-deep-purple:focus {
  --gradient-from-color: rgb(103, 58, 183);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .focus\:from-pink-light:focus {
  --gradient-from-color: rgba(233, 30, 99, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .focus\:from-pink:focus {
  --gradient-from-color: rgb(233, 30, 99);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .focus\:from-primary-light:focus {
  --gradient-from-color: rgba(var(--color-primary), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-primary:focus {
  --gradient-from-color: rgb(var(--color-primary));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-accent-light:focus {
  --gradient-from-color: rgba(var(--color-accent), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-accent:focus {
  --gradient-from-color: rgb(var(--color-accent));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-warn-light:focus {
  --gradient-from-color: rgba(var(--color-warn), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:from-warn:focus {
  --gradient-from-color: rgb(var(--color-warn));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-current:focus {
  --gradient-via-color: currentColor;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-transparent:focus {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .focus\:via-black:focus {
  --gradient-via-color: var(--text-color);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-white:focus {
  --gradient-via-color: var(--text-color-light);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-contrast-black:focus {
  --gradient-via-color: black;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}
:root .focus\:via-contrast-white:focus {
  --gradient-via-color: white;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-gray-light:focus {
  --gradient-via-color: rgba(158, 158, 158, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .focus\:via-gray:focus {
  --gradient-via-color: rgb(158, 158, 158);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
}
:root .focus\:via-red-light:focus {
  --gradient-via-color: rgba(244, 67, 54, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .focus\:via-red:focus {
  --gradient-via-color: rgb(244, 67, 54);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
}
:root .focus\:via-orange-light:focus {
  --gradient-via-color: rgba(255, 152, 0, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .focus\:via-orange:focus {
  --gradient-via-color: rgb(255, 152, 0);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
}
:root .focus\:via-deep-orange-light:focus {
  --gradient-via-color: rgba(255, 87, 34, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .focus\:via-deep-orange:focus {
  --gradient-via-color: rgb(255, 87, 34);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
}
:root .focus\:via-amber-light:focus {
  --gradient-via-color: rgba(255, 193, 7, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .focus\:via-amber:focus {
  --gradient-via-color: rgb(255, 193, 7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
}
:root .focus\:via-green-light:focus {
  --gradient-via-color: rgba(76, 175, 80, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .focus\:via-green:focus {
  --gradient-via-color: rgb(76, 175, 80);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
}
:root .focus\:via-teal-light:focus {
  --gradient-via-color: rgba(0, 150, 136, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .focus\:via-teal:focus {
  --gradient-via-color: rgb(0, 150, 136);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
}
:root .focus\:via-cyan-light:focus {
  --gradient-via-color: rgba(0, 188, 212, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .focus\:via-cyan:focus {
  --gradient-via-color: rgb(0, 188, 212);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
}
:root .focus\:via-purple-light:focus {
  --gradient-via-color: rgba(156, 39, 176, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .focus\:via-purple:focus {
  --gradient-via-color: rgb(156, 39, 176);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
}
:root .focus\:via-deep-purple-light:focus {
  --gradient-via-color: rgba(103, 58, 183, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .focus\:via-deep-purple:focus {
  --gradient-via-color: rgb(103, 58, 183);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
}
:root .focus\:via-pink-light:focus {
  --gradient-via-color: rgba(233, 30, 99, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .focus\:via-pink:focus {
  --gradient-via-color: rgb(233, 30, 99);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
}
:root .focus\:via-primary-light:focus {
  --gradient-via-color: rgba(var(--color-primary), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-primary:focus {
  --gradient-via-color: rgb(var(--color-primary));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-accent-light:focus {
  --gradient-via-color: rgba(var(--color-accent), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-accent:focus {
  --gradient-via-color: rgb(var(--color-accent));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-warn-light:focus {
  --gradient-via-color: rgba(var(--color-warn), .1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:via-warn:focus {
  --gradient-via-color: rgb(var(--color-warn));
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}
:root .focus\:to-current:focus {
  --gradient-to-color: currentColor;
}
:root .focus\:to-transparent:focus {
  --gradient-to-color: transparent;
}
:root .focus\:to-black:focus {
  --gradient-to-color: var(--text-color);
}
:root .focus\:to-white:focus {
  --gradient-to-color: var(--text-color-light);
}
:root .focus\:to-contrast-black:focus {
  --gradient-to-color: black;
}
:root .focus\:to-contrast-white:focus {
  --gradient-to-color: white;
}
:root .focus\:to-gray-light:focus {
  --gradient-to-color: rgba(158, 158, 158, 0.1);
}
:root .focus\:to-gray:focus {
  --gradient-to-color: rgb(158, 158, 158);
}
:root .focus\:to-red-light:focus {
  --gradient-to-color: rgba(244, 67, 54, 0.1);
}
:root .focus\:to-red:focus {
  --gradient-to-color: rgb(244, 67, 54);
}
:root .focus\:to-orange-light:focus {
  --gradient-to-color: rgba(255, 152, 0, 0.1);
}
:root .focus\:to-orange:focus {
  --gradient-to-color: rgb(255, 152, 0);
}
:root .focus\:to-deep-orange-light:focus {
  --gradient-to-color: rgba(255, 87, 34, 0.1);
}
:root .focus\:to-deep-orange:focus {
  --gradient-to-color: rgb(255, 87, 34);
}
:root .focus\:to-amber-light:focus {
  --gradient-to-color: rgba(255, 193, 7, 0.1);
}
:root .focus\:to-amber:focus {
  --gradient-to-color: rgb(255, 193, 7);
}
:root .focus\:to-green-light:focus {
  --gradient-to-color: rgba(76, 175, 80, 0.1);
}
:root .focus\:to-green:focus {
  --gradient-to-color: rgb(76, 175, 80);
}
:root .focus\:to-teal-light:focus {
  --gradient-to-color: rgba(0, 150, 136, 0.1);
}
:root .focus\:to-teal:focus {
  --gradient-to-color: rgb(0, 150, 136);
}
:root .focus\:to-cyan-light:focus {
  --gradient-to-color: rgba(0, 188, 212, 0.1);
}
:root .focus\:to-cyan:focus {
  --gradient-to-color: rgb(0, 188, 212);
}
:root .focus\:to-purple-light:focus {
  --gradient-to-color: rgba(156, 39, 176, 0.1);
}
:root .focus\:to-purple:focus {
  --gradient-to-color: rgb(156, 39, 176);
}
:root .focus\:to-deep-purple-light:focus {
  --gradient-to-color: rgba(103, 58, 183, 0.1);
}
:root .focus\:to-deep-purple:focus {
  --gradient-to-color: rgb(103, 58, 183);
}
:root .focus\:to-pink-light:focus {
  --gradient-to-color: rgba(233, 30, 99, 0.1);
}
:root .focus\:to-pink:focus {
  --gradient-to-color: rgb(233, 30, 99);
}
:root .focus\:to-primary-light:focus {
  --gradient-to-color: rgba(var(--color-primary), .1);
}
:root .focus\:to-primary:focus {
  --gradient-to-color: rgb(var(--color-primary));
}
:root .focus\:to-accent-light:focus {
  --gradient-to-color: rgba(var(--color-accent), .1);
}
:root .focus\:to-accent:focus {
  --gradient-to-color: rgb(var(--color-accent));
}
:root .focus\:to-warn-light:focus {
  --gradient-to-color: rgba(var(--color-warn), .1);
}
:root .focus\:to-warn:focus {
  --gradient-to-color: rgb(var(--color-warn));
}
:root .bg-opacity-0 {
  --bg-opacity: 0;
}
:root .bg-opacity-25 {
  --bg-opacity: 0.25;
}
:root .bg-opacity-50 {
  --bg-opacity: 0.5;
}
:root .bg-opacity-75 {
  --bg-opacity: 0.75;
}
:root .bg-opacity-100 {
  --bg-opacity: 1;
}
:root .hover\:bg-opacity-0:hover {
  --bg-opacity: 0;
}
:root .hover\:bg-opacity-25:hover {
  --bg-opacity: 0.25;
}
:root .hover\:bg-opacity-50:hover {
  --bg-opacity: 0.5;
}
:root .hover\:bg-opacity-75:hover {
  --bg-opacity: 0.75;
}
:root .hover\:bg-opacity-100:hover {
  --bg-opacity: 1;
}
:root .focus\:bg-opacity-0:focus {
  --bg-opacity: 0;
}
:root .focus\:bg-opacity-25:focus {
  --bg-opacity: 0.25;
}
:root .focus\:bg-opacity-50:focus {
  --bg-opacity: 0.5;
}
:root .focus\:bg-opacity-75:focus {
  --bg-opacity: 0.75;
}
:root .focus\:bg-opacity-100:focus {
  --bg-opacity: 1;
}
:root .bg-bottom {
  background-position: bottom;
}
:root .bg-center {
  background-position: center;
}
:root .bg-left {
  background-position: left;
}
:root .bg-left-bottom {
  background-position: left bottom;
}
:root .bg-left-top {
  background-position: left top;
}
:root .bg-right {
  background-position: right;
}
:root .bg-right-bottom {
  background-position: right bottom;
}
:root .bg-right-top {
  background-position: right top;
}
:root .bg-top {
  background-position: top;
}
:root .bg-repeat {
  background-repeat: repeat;
}
:root .bg-no-repeat {
  background-repeat: no-repeat;
}
:root .bg-repeat-x {
  background-repeat: repeat-x;
}
:root .bg-repeat-y {
  background-repeat: repeat-y;
}
:root .bg-repeat-round {
  background-repeat: round;
}
:root .bg-repeat-space {
  background-repeat: space;
}
:root .bg-auto {
  background-size: auto;
}
:root .bg-cover {
  background-size: cover;
}
:root .bg-contain {
  background-size: contain;
}
:root .border-collapse {
  border-collapse: collapse;
}
:root .border-separate {
  border-collapse: separate;
}
:root .border-current {
  border-color: currentColor;
}
:root .border-transparent {
  border-color: transparent;
}
:root .border-black {
  border-color: var(--text-color);
}
:root .border-white {
  border-color: var(--text-color-light);
}
:root .border-contrast-black {
  --border-opacity: 1;
  border-color: black;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}
:root .border-contrast-white {
  --border-opacity: 1;
  border-color: white;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}
:root .border-gray-light {
  border-color: rgba(158, 158, 158, 0.1);
}
:root .border-gray {
  --border-opacity: 1;
  border-color: #9e9e9e;
  border-color: rgba(158, 158, 158, var(--border-opacity));
}
:root .border-red-light {
  border-color: rgba(244, 67, 54, 0.1);
}
:root .border-red {
  --border-opacity: 1;
  border-color: #f44336;
  border-color: rgba(244, 67, 54, var(--border-opacity));
}
:root .border-orange-light {
  border-color: rgba(255, 152, 0, 0.1);
}
:root .border-orange {
  --border-opacity: 1;
  border-color: #ff9800;
  border-color: rgba(255, 152, 0, var(--border-opacity));
}
:root .border-deep-orange-light {
  border-color: rgba(255, 87, 34, 0.1);
}
:root .border-deep-orange {
  --border-opacity: 1;
  border-color: #ff5722;
  border-color: rgba(255, 87, 34, var(--border-opacity));
}
:root .border-amber-light {
  border-color: rgba(255, 193, 7, 0.1);
}
:root .border-amber {
  --border-opacity: 1;
  border-color: #ffc107;
  border-color: rgba(255, 193, 7, var(--border-opacity));
}
:root .border-green-light {
  border-color: rgba(76, 175, 80, 0.1);
}
:root .border-green {
  --border-opacity: 1;
  border-color: #4caf50;
  border-color: rgba(76, 175, 80, var(--border-opacity));
}
:root .border-teal-light {
  border-color: rgba(0, 150, 136, 0.1);
}
:root .border-teal {
  --border-opacity: 1;
  border-color: #009688;
  border-color: rgba(0, 150, 136, var(--border-opacity));
}
:root .border-cyan-light {
  border-color: rgba(0, 188, 212, 0.1);
}
:root .border-cyan {
  --border-opacity: 1;
  border-color: #00bcd4;
  border-color: rgba(0, 188, 212, var(--border-opacity));
}
:root .border-purple-light {
  border-color: rgba(156, 39, 176, 0.1);
}
:root .border-purple {
  --border-opacity: 1;
  border-color: #9c27b0;
  border-color: rgba(156, 39, 176, var(--border-opacity));
}
:root .border-deep-purple-light {
  border-color: rgba(103, 58, 183, 0.1);
}
:root .border-deep-purple {
  --border-opacity: 1;
  border-color: #673ab7;
  border-color: rgba(103, 58, 183, var(--border-opacity));
}
:root .border-pink-light {
  border-color: rgba(233, 30, 99, 0.1);
}
:root .border-pink {
  --border-opacity: 1;
  border-color: #e91e63;
  border-color: rgba(233, 30, 99, var(--border-opacity));
}
:root .border-primary-light {
  border-color: rgba(var(--color-primary), 0.1);
}
:root .border-primary {
  border-color: rgb(var(--color-primary));
}
:root .border-accent-light {
  border-color: rgba(var(--color-accent), 0.1);
}
:root .border-accent {
  border-color: rgb(var(--color-accent));
}
:root .border-warn-light {
  border-color: rgba(var(--color-warn), 0.1);
}
:root .border-warn {
  border-color: rgb(var(--color-warn));
}
:root .hover\:border-current:hover {
  border-color: currentColor;
}
:root .hover\:border-transparent:hover {
  border-color: transparent;
}
:root .hover\:border-black:hover {
  border-color: var(--text-color);
}
:root .hover\:border-white:hover {
  border-color: var(--text-color-light);
}
:root .hover\:border-contrast-black:hover {
  --border-opacity: 1;
  border-color: black;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}
:root .hover\:border-contrast-white:hover {
  --border-opacity: 1;
  border-color: white;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}
:root .hover\:border-gray-light:hover {
  border-color: rgba(158, 158, 158, 0.1);
}
:root .hover\:border-gray:hover {
  --border-opacity: 1;
  border-color: #9e9e9e;
  border-color: rgba(158, 158, 158, var(--border-opacity));
}
:root .hover\:border-red-light:hover {
  border-color: rgba(244, 67, 54, 0.1);
}
:root .hover\:border-red:hover {
  --border-opacity: 1;
  border-color: #f44336;
  border-color: rgba(244, 67, 54, var(--border-opacity));
}
:root .hover\:border-orange-light:hover {
  border-color: rgba(255, 152, 0, 0.1);
}
:root .hover\:border-orange:hover {
  --border-opacity: 1;
  border-color: #ff9800;
  border-color: rgba(255, 152, 0, var(--border-opacity));
}
:root .hover\:border-deep-orange-light:hover {
  border-color: rgba(255, 87, 34, 0.1);
}
:root .hover\:border-deep-orange:hover {
  --border-opacity: 1;
  border-color: #ff5722;
  border-color: rgba(255, 87, 34, var(--border-opacity));
}
:root .hover\:border-amber-light:hover {
  border-color: rgba(255, 193, 7, 0.1);
}
:root .hover\:border-amber:hover {
  --border-opacity: 1;
  border-color: #ffc107;
  border-color: rgba(255, 193, 7, var(--border-opacity));
}
:root .hover\:border-green-light:hover {
  border-color: rgba(76, 175, 80, 0.1);
}
:root .hover\:border-green:hover {
  --border-opacity: 1;
  border-color: #4caf50;
  border-color: rgba(76, 175, 80, var(--border-opacity));
}
:root .hover\:border-teal-light:hover {
  border-color: rgba(0, 150, 136, 0.1);
}
:root .hover\:border-teal:hover {
  --border-opacity: 1;
  border-color: #009688;
  border-color: rgba(0, 150, 136, var(--border-opacity));
}
:root .hover\:border-cyan-light:hover {
  border-color: rgba(0, 188, 212, 0.1);
}
:root .hover\:border-cyan:hover {
  --border-opacity: 1;
  border-color: #00bcd4;
  border-color: rgba(0, 188, 212, var(--border-opacity));
}
:root .hover\:border-purple-light:hover {
  border-color: rgba(156, 39, 176, 0.1);
}
:root .hover\:border-purple:hover {
  --border-opacity: 1;
  border-color: #9c27b0;
  border-color: rgba(156, 39, 176, var(--border-opacity));
}
:root .hover\:border-deep-purple-light:hover {
  border-color: rgba(103, 58, 183, 0.1);
}
:root .hover\:border-deep-purple:hover {
  --border-opacity: 1;
  border-color: #673ab7;
  border-color: rgba(103, 58, 183, var(--border-opacity));
}
:root .hover\:border-pink-light:hover {
  border-color: rgba(233, 30, 99, 0.1);
}
:root .hover\:border-pink:hover {
  --border-opacity: 1;
  border-color: #e91e63;
  border-color: rgba(233, 30, 99, var(--border-opacity));
}
:root .hover\:border-primary-light:hover {
  border-color: rgba(var(--color-primary), 0.1);
}
:root .hover\:border-primary:hover {
  border-color: rgb(var(--color-primary));
}
:root .hover\:border-accent-light:hover {
  border-color: rgba(var(--color-accent), 0.1);
}
:root .hover\:border-accent:hover {
  border-color: rgb(var(--color-accent));
}
:root .hover\:border-warn-light:hover {
  border-color: rgba(var(--color-warn), 0.1);
}
:root .hover\:border-warn:hover {
  border-color: rgb(var(--color-warn));
}
:root .focus\:border-current:focus {
  border-color: currentColor;
}
:root .focus\:border-transparent:focus {
  border-color: transparent;
}
:root .focus\:border-black:focus {
  border-color: var(--text-color);
}
:root .focus\:border-white:focus {
  border-color: var(--text-color-light);
}
:root .focus\:border-contrast-black:focus {
  --border-opacity: 1;
  border-color: black;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}
:root .focus\:border-contrast-white:focus {
  --border-opacity: 1;
  border-color: white;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}
:root .focus\:border-gray-light:focus {
  border-color: rgba(158, 158, 158, 0.1);
}
:root .focus\:border-gray:focus {
  --border-opacity: 1;
  border-color: #9e9e9e;
  border-color: rgba(158, 158, 158, var(--border-opacity));
}
:root .focus\:border-red-light:focus {
  border-color: rgba(244, 67, 54, 0.1);
}
:root .focus\:border-red:focus {
  --border-opacity: 1;
  border-color: #f44336;
  border-color: rgba(244, 67, 54, var(--border-opacity));
}
:root .focus\:border-orange-light:focus {
  border-color: rgba(255, 152, 0, 0.1);
}
:root .focus\:border-orange:focus {
  --border-opacity: 1;
  border-color: #ff9800;
  border-color: rgba(255, 152, 0, var(--border-opacity));
}
:root .focus\:border-deep-orange-light:focus {
  border-color: rgba(255, 87, 34, 0.1);
}
:root .focus\:border-deep-orange:focus {
  --border-opacity: 1;
  border-color: #ff5722;
  border-color: rgba(255, 87, 34, var(--border-opacity));
}
:root .focus\:border-amber-light:focus {
  border-color: rgba(255, 193, 7, 0.1);
}
:root .focus\:border-amber:focus {
  --border-opacity: 1;
  border-color: #ffc107;
  border-color: rgba(255, 193, 7, var(--border-opacity));
}
:root .focus\:border-green-light:focus {
  border-color: rgba(76, 175, 80, 0.1);
}
:root .focus\:border-green:focus {
  --border-opacity: 1;
  border-color: #4caf50;
  border-color: rgba(76, 175, 80, var(--border-opacity));
}
:root .focus\:border-teal-light:focus {
  border-color: rgba(0, 150, 136, 0.1);
}
:root .focus\:border-teal:focus {
  --border-opacity: 1;
  border-color: #009688;
  border-color: rgba(0, 150, 136, var(--border-opacity));
}
:root .focus\:border-cyan-light:focus {
  border-color: rgba(0, 188, 212, 0.1);
}
:root .focus\:border-cyan:focus {
  --border-opacity: 1;
  border-color: #00bcd4;
  border-color: rgba(0, 188, 212, var(--border-opacity));
}
:root .focus\:border-purple-light:focus {
  border-color: rgba(156, 39, 176, 0.1);
}
:root .focus\:border-purple:focus {
  --border-opacity: 1;
  border-color: #9c27b0;
  border-color: rgba(156, 39, 176, var(--border-opacity));
}
:root .focus\:border-deep-purple-light:focus {
  border-color: rgba(103, 58, 183, 0.1);
}
:root .focus\:border-deep-purple:focus {
  --border-opacity: 1;
  border-color: #673ab7;
  border-color: rgba(103, 58, 183, var(--border-opacity));
}
:root .focus\:border-pink-light:focus {
  border-color: rgba(233, 30, 99, 0.1);
}
:root .focus\:border-pink:focus {
  --border-opacity: 1;
  border-color: #e91e63;
  border-color: rgba(233, 30, 99, var(--border-opacity));
}
:root .focus\:border-primary-light:focus {
  border-color: rgba(var(--color-primary), 0.1);
}
:root .focus\:border-primary:focus {
  border-color: rgb(var(--color-primary));
}
:root .focus\:border-accent-light:focus {
  border-color: rgba(var(--color-accent), 0.1);
}
:root .focus\:border-accent:focus {
  border-color: rgb(var(--color-accent));
}
:root .focus\:border-warn-light:focus {
  border-color: rgba(var(--color-warn), 0.1);
}
:root .focus\:border-warn:focus {
  border-color: rgb(var(--color-warn));
}
:root .border-opacity-0 {
  --border-opacity: 0;
}
:root .border-opacity-25 {
  --border-opacity: 0.25;
}
:root .border-opacity-50 {
  --border-opacity: 0.5;
}
:root .border-opacity-75 {
  --border-opacity: 0.75;
}
:root .border-opacity-100 {
  --border-opacity: 1;
}
:root .hover\:border-opacity-0:hover {
  --border-opacity: 0;
}
:root .hover\:border-opacity-25:hover {
  --border-opacity: 0.25;
}
:root .hover\:border-opacity-50:hover {
  --border-opacity: 0.5;
}
:root .hover\:border-opacity-75:hover {
  --border-opacity: 0.75;
}
:root .hover\:border-opacity-100:hover {
  --border-opacity: 1;
}
:root .focus\:border-opacity-0:focus {
  --border-opacity: 0;
}
:root .focus\:border-opacity-25:focus {
  --border-opacity: 0.25;
}
:root .focus\:border-opacity-50:focus {
  --border-opacity: 0.5;
}
:root .focus\:border-opacity-75:focus {
  --border-opacity: 0.75;
}
:root .focus\:border-opacity-100:focus {
  --border-opacity: 1;
}
:root .rounded-none {
  border-radius: 0;
}
:root .rounded-sm {
  border-radius: 0.125rem;
}
:root .rounded {
  border-radius: 0.25rem;
}
:root .rounded-lg {
  border-radius: 0.5rem;
}
:root .rounded-full {
  border-radius: 9999px;
}
:root .rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
:root .rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:root .rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
:root .rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
:root .rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
:root .rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
:root .rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
:root .rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
:root .rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
:root .rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
:root .rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
:root .rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
:root .rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
:root .rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
:root .rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
:root .rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
:root .rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
:root .rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
:root .rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
:root .rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
:root .rounded-tl-none {
  border-top-left-radius: 0;
}
:root .rounded-tr-none {
  border-top-right-radius: 0;
}
:root .rounded-br-none {
  border-bottom-right-radius: 0;
}
:root .rounded-bl-none {
  border-bottom-left-radius: 0;
}
:root .rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}
:root .rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}
:root .rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}
:root .rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}
:root .rounded-tl {
  border-top-left-radius: 0.25rem;
}
:root .rounded-tr {
  border-top-right-radius: 0.25rem;
}
:root .rounded-br {
  border-bottom-right-radius: 0.25rem;
}
:root .rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
:root .rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
:root .rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}
:root .rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
:root .rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
:root .rounded-tl-full {
  border-top-left-radius: 9999px;
}
:root .rounded-tr-full {
  border-top-right-radius: 9999px;
}
:root .rounded-br-full {
  border-bottom-right-radius: 9999px;
}
:root .rounded-bl-full {
  border-bottom-left-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-none {
  border-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-sm {
  border-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded {
  border-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-lg {
  border-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-full {
  border-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-tl-none {
  border-top-left-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-tr-none {
  border-top-right-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-br-none {
  border-bottom-right-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-bl-none {
  border-bottom-left-radius: 0;
}
:root [dir=ltr] .ltr\:rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}
:root [dir=ltr] .ltr\:rounded-tl {
  border-top-left-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-tr {
  border-top-right-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-br {
  border-bottom-right-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
:root [dir=ltr] .ltr\:rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
:root [dir=ltr] .ltr\:rounded-tl-full {
  border-top-left-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-tr-full {
  border-top-right-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-br-full {
  border-bottom-right-radius: 9999px;
}
:root [dir=ltr] .ltr\:rounded-bl-full {
  border-bottom-left-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-none {
  border-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-sm {
  border-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded {
  border-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-lg {
  border-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-full {
  border-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-tl-none {
  border-top-left-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-tr-none {
  border-top-right-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-br-none {
  border-bottom-right-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-bl-none {
  border-bottom-left-radius: 0;
}
:root [dir=rtl] .rtl\:rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}
:root [dir=rtl] .rtl\:rounded-tl {
  border-top-left-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-tr {
  border-top-right-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-br {
  border-bottom-right-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-bl {
  border-bottom-left-radius: 0.25rem;
}
:root [dir=rtl] .rtl\:rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}
:root [dir=rtl] .rtl\:rounded-tl-full {
  border-top-left-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-tr-full {
  border-top-right-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-br-full {
  border-bottom-right-radius: 9999px;
}
:root [dir=rtl] .rtl\:rounded-bl-full {
  border-bottom-left-radius: 9999px;
}
:root .border-solid {
  border-style: solid;
}
:root .border-dashed {
  border-style: dashed;
}
:root .border-dotted {
  border-style: dotted;
}
:root .border-double {
  border-style: double;
}
:root .border-none {
  border-style: none;
}
:root .border-0 {
  border-width: 0;
}
:root .border-2 {
  border-width: 2px;
}
:root .border-3 {
  border-width: 3px;
}
:root .border-4 {
  border-width: 4px;
}
:root .border-8 {
  border-width: 8px;
}
:root .border {
  border-width: 1px;
}
:root .border-t-0 {
  border-top-width: 0;
}
:root .border-r-0 {
  border-right-width: 0;
}
:root .border-b-0 {
  border-bottom-width: 0;
}
:root .border-l-0 {
  border-left-width: 0;
}
:root .border-t-2 {
  border-top-width: 2px;
}
:root .border-r-2 {
  border-right-width: 2px;
}
:root .border-b-2 {
  border-bottom-width: 2px;
}
:root .border-l-2 {
  border-left-width: 2px;
}
:root .border-t-3 {
  border-top-width: 3px;
}
:root .border-r-3 {
  border-right-width: 3px;
}
:root .border-b-3 {
  border-bottom-width: 3px;
}
:root .border-l-3 {
  border-left-width: 3px;
}
:root .border-t-4 {
  border-top-width: 4px;
}
:root .border-r-4 {
  border-right-width: 4px;
}
:root .border-b-4 {
  border-bottom-width: 4px;
}
:root .border-l-4 {
  border-left-width: 4px;
}
:root .border-t-8 {
  border-top-width: 8px;
}
:root .border-r-8 {
  border-right-width: 8px;
}
:root .border-b-8 {
  border-bottom-width: 8px;
}
:root .border-l-8 {
  border-left-width: 8px;
}
:root .border-t {
  border-top-width: 1px;
}
:root .border-r {
  border-right-width: 1px;
}
:root .border-b {
  border-bottom-width: 1px;
}
:root .border-l {
  border-left-width: 1px;
}
:root [dir=ltr] .ltr\:border-0 {
  border-width: 0;
}
:root [dir=ltr] .ltr\:border-2 {
  border-width: 2px;
}
:root [dir=ltr] .ltr\:border-3 {
  border-width: 3px;
}
:root [dir=ltr] .ltr\:border-4 {
  border-width: 4px;
}
:root [dir=ltr] .ltr\:border-8 {
  border-width: 8px;
}
:root [dir=ltr] .ltr\:border {
  border-width: 1px;
}
:root [dir=ltr] .ltr\:border-t-0 {
  border-top-width: 0;
}
:root [dir=ltr] .ltr\:border-r-0 {
  border-right-width: 0;
}
:root [dir=ltr] .ltr\:border-b-0 {
  border-bottom-width: 0;
}
:root [dir=ltr] .ltr\:border-l-0 {
  border-left-width: 0;
}
:root [dir=ltr] .ltr\:border-t-2 {
  border-top-width: 2px;
}
:root [dir=ltr] .ltr\:border-r-2 {
  border-right-width: 2px;
}
:root [dir=ltr] .ltr\:border-b-2 {
  border-bottom-width: 2px;
}
:root [dir=ltr] .ltr\:border-l-2 {
  border-left-width: 2px;
}
:root [dir=ltr] .ltr\:border-t-3 {
  border-top-width: 3px;
}
:root [dir=ltr] .ltr\:border-r-3 {
  border-right-width: 3px;
}
:root [dir=ltr] .ltr\:border-b-3 {
  border-bottom-width: 3px;
}
:root [dir=ltr] .ltr\:border-l-3 {
  border-left-width: 3px;
}
:root [dir=ltr] .ltr\:border-t-4 {
  border-top-width: 4px;
}
:root [dir=ltr] .ltr\:border-r-4 {
  border-right-width: 4px;
}
:root [dir=ltr] .ltr\:border-b-4 {
  border-bottom-width: 4px;
}
:root [dir=ltr] .ltr\:border-l-4 {
  border-left-width: 4px;
}
:root [dir=ltr] .ltr\:border-t-8 {
  border-top-width: 8px;
}
:root [dir=ltr] .ltr\:border-r-8 {
  border-right-width: 8px;
}
:root [dir=ltr] .ltr\:border-b-8 {
  border-bottom-width: 8px;
}
:root [dir=ltr] .ltr\:border-l-8 {
  border-left-width: 8px;
}
:root [dir=ltr] .ltr\:border-t {
  border-top-width: 1px;
}
:root [dir=ltr] .ltr\:border-r {
  border-right-width: 1px;
}
:root [dir=ltr] .ltr\:border-b {
  border-bottom-width: 1px;
}
:root [dir=ltr] .ltr\:border-l {
  border-left-width: 1px;
}
:root [dir=rtl] .rtl\:border-0 {
  border-width: 0;
}
:root [dir=rtl] .rtl\:border-2 {
  border-width: 2px;
}
:root [dir=rtl] .rtl\:border-3 {
  border-width: 3px;
}
:root [dir=rtl] .rtl\:border-4 {
  border-width: 4px;
}
:root [dir=rtl] .rtl\:border-8 {
  border-width: 8px;
}
:root [dir=rtl] .rtl\:border {
  border-width: 1px;
}
:root [dir=rtl] .rtl\:border-t-0 {
  border-top-width: 0;
}
:root [dir=rtl] .rtl\:border-r-0 {
  border-right-width: 0;
}
:root [dir=rtl] .rtl\:border-b-0 {
  border-bottom-width: 0;
}
:root [dir=rtl] .rtl\:border-l-0 {
  border-left-width: 0;
}
:root [dir=rtl] .rtl\:border-t-2 {
  border-top-width: 2px;
}
:root [dir=rtl] .rtl\:border-r-2 {
  border-right-width: 2px;
}
:root [dir=rtl] .rtl\:border-b-2 {
  border-bottom-width: 2px;
}
:root [dir=rtl] .rtl\:border-l-2 {
  border-left-width: 2px;
}
:root [dir=rtl] .rtl\:border-t-3 {
  border-top-width: 3px;
}
:root [dir=rtl] .rtl\:border-r-3 {
  border-right-width: 3px;
}
:root [dir=rtl] .rtl\:border-b-3 {
  border-bottom-width: 3px;
}
:root [dir=rtl] .rtl\:border-l-3 {
  border-left-width: 3px;
}
:root [dir=rtl] .rtl\:border-t-4 {
  border-top-width: 4px;
}
:root [dir=rtl] .rtl\:border-r-4 {
  border-right-width: 4px;
}
:root [dir=rtl] .rtl\:border-b-4 {
  border-bottom-width: 4px;
}
:root [dir=rtl] .rtl\:border-l-4 {
  border-left-width: 4px;
}
:root [dir=rtl] .rtl\:border-t-8 {
  border-top-width: 8px;
}
:root [dir=rtl] .rtl\:border-r-8 {
  border-right-width: 8px;
}
:root [dir=rtl] .rtl\:border-b-8 {
  border-bottom-width: 8px;
}
:root [dir=rtl] .rtl\:border-l-8 {
  border-left-width: 8px;
}
:root [dir=rtl] .rtl\:border-t {
  border-top-width: 1px;
}
:root [dir=rtl] .rtl\:border-r {
  border-right-width: 1px;
}
:root [dir=rtl] .rtl\:border-b {
  border-bottom-width: 1px;
}
:root [dir=rtl] .rtl\:border-l {
  border-left-width: 1px;
}
:root .box-border {
  box-sizing: border-box;
}
:root .box-content {
  box-sizing: content-box;
}
:root .cursor-auto {
  cursor: auto;
}
:root .cursor-default {
  cursor: default;
}
:root .cursor-pointer {
  cursor: pointer;
}
:root .cursor-wait {
  cursor: wait;
}
:root .cursor-text {
  cursor: text;
}
:root .cursor-move {
  cursor: move;
}
:root .cursor-not-allowed {
  cursor: not-allowed;
}
:root .block {
  display: block;
}
:root .inline-block {
  display: inline-block;
}
:root .inline {
  display: inline;
}
:root .flex {
  display: flex;
}
:root .inline-flex {
  display: inline-flex;
}
:root .table {
  display: table;
}
:root .table-caption {
  display: table-caption;
}
:root .table-cell {
  display: table-cell;
}
:root .table-column {
  display: table-column;
}
:root .table-column-group {
  display: table-column-group;
}
:root .table-footer-group {
  display: table-footer-group;
}
:root .table-header-group {
  display: table-header-group;
}
:root .table-row-group {
  display: table-row-group;
}
:root .table-row {
  display: table-row;
}
:root .flow-root {
  display: flow-root;
}
:root .grid {
  display: grid;
}
:root .inline-grid {
  display: inline-grid;
}
:root .contents {
  display: contents;
}
:root .hidden {
  display: none;
}
:root .flex-row {
  flex-direction: row;
}
:root .flex-row-reverse {
  flex-direction: row-reverse;
}
:root .flex-col {
  flex-direction: column;
}
:root .flex-col-reverse {
  flex-direction: column-reverse;
}
:root .flex-wrap {
  flex-wrap: wrap;
}
:root .flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
:root .flex-no-wrap {
  flex-wrap: nowrap;
}
:root .place-items-auto {
  place-items: auto;
}
:root .place-items-start {
  place-items: start;
}
:root .place-items-end {
  place-items: end;
}
:root .place-items-center {
  place-items: center;
}
:root .place-items-stretch {
  place-items: stretch;
}
:root .place-content-center {
  place-content: center;
}
:root .place-content-start {
  place-content: start;
}
:root .place-content-end {
  place-content: end;
}
:root .place-content-between {
  place-content: space-between;
}
:root .place-content-around {
  place-content: space-around;
}
:root .place-content-evenly {
  place-content: space-evenly;
}
:root .place-content-stretch {
  place-content: stretch;
}
:root .place-self-auto {
  place-self: auto;
}
:root .place-self-start {
  place-self: start;
}
:root .place-self-end {
  place-self: end;
}
:root .place-self-center {
  place-self: center;
}
:root .place-self-stretch {
  place-self: stretch;
}
:root .items-start {
  align-items: flex-start;
}
:root .items-end {
  align-items: flex-end;
}
:root .items-center {
  align-items: center;
}
:root .items-baseline {
  align-items: baseline;
}
:root .items-stretch {
  align-items: stretch;
}
:root .content-center {
  align-content: center;
}
:root .content-start {
  align-content: flex-start;
}
:root .content-end {
  align-content: flex-end;
}
:root .content-between {
  align-content: space-between;
}
:root .content-around {
  align-content: space-around;
}
:root .content-evenly {
  align-content: space-evenly;
}
:root .self-auto {
  align-self: auto;
}
:root .self-start {
  align-self: flex-start;
}
:root .self-end {
  align-self: flex-end;
}
:root .self-center {
  align-self: center;
}
:root .self-stretch {
  align-self: stretch;
}
:root .justify-items-auto {
  justify-items: auto;
}
:root .justify-items-start {
  justify-items: start;
}
:root .justify-items-end {
  justify-items: end;
}
:root .justify-items-center {
  justify-items: center;
}
:root .justify-items-stretch {
  justify-items: stretch;
}
:root .justify-start {
  justify-content: flex-start;
}
:root .justify-end {
  justify-content: flex-end;
}
:root .justify-center {
  justify-content: center;
}
:root .justify-between {
  justify-content: space-between;
}
:root .justify-around {
  justify-content: space-around;
}
:root .justify-evenly {
  justify-content: space-evenly;
}
:root .justify-self-auto {
  justify-self: auto;
}
:root .justify-self-start {
  justify-self: start;
}
:root .justify-self-end {
  justify-self: end;
}
:root .justify-self-center {
  justify-self: center;
}
:root .justify-self-stretch {
  justify-self: stretch;
}
:root .flex-1 {
  flex: 1 1 0%;
}
:root .flex-auto {
  flex: 1 1 auto;
}
:root .flex-initial {
  flex: 0 1 auto;
}
:root .flex-none {
  flex: none;
}
:root .flex-grow-0 {
  flex-grow: 0;
}
:root .flex-grow {
  flex-grow: 1;
}
:root .flex-shrink-0 {
  flex-shrink: 0;
}
:root .flex-shrink {
  flex-shrink: 1;
}
:root .order-1 {
  order: 1;
}
:root .order-2 {
  order: 2;
}
:root .order-3 {
  order: 3;
}
:root .order-4 {
  order: 4;
}
:root .order-5 {
  order: 5;
}
:root .order-6 {
  order: 6;
}
:root .order-7 {
  order: 7;
}
:root .order-8 {
  order: 8;
}
:root .order-9 {
  order: 9;
}
:root .order-10 {
  order: 10;
}
:root .order-11 {
  order: 11;
}
:root .order-12 {
  order: 12;
}
:root .order-first {
  order: -9999;
}
:root .order-last {
  order: 9999;
}
:root .order-none {
  order: 0;
}
:root .float-right {
  float: right;
}
:root .float-left {
  float: left;
}
:root .float-none {
  float: none;
}
:root .clearfix:after {
  content: "";
  display: table;
  clear: both;
}
:root .clear-left {
  clear: left;
}
:root .clear-right {
  clear: right;
}
:root .clear-both {
  clear: both;
}
:root .clear-none {
  clear: none;
}
:root .font-sans {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
}
:root .font-serif {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}
:root .font-mono {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
:root .font-hairline {
  font-weight: 100;
}
:root .font-thin {
  font-weight: 200;
}
:root .font-light {
  font-weight: 300;
}
:root .font-normal {
  font-weight: 400;
}
:root .font-medium {
  font-weight: 500;
}
:root .font-semibold {
  font-weight: 600;
}
:root .font-bold {
  font-weight: 700;
}
:root .font-extrabold {
  font-weight: 800;
}
:root .font-black {
  font-weight: 900;
}
:root .hover\:font-hairline:hover {
  font-weight: 100;
}
:root .hover\:font-thin:hover {
  font-weight: 200;
}
:root .hover\:font-light:hover {
  font-weight: 300;
}
:root .hover\:font-normal:hover {
  font-weight: 400;
}
:root .hover\:font-medium:hover {
  font-weight: 500;
}
:root .hover\:font-semibold:hover {
  font-weight: 600;
}
:root .hover\:font-bold:hover {
  font-weight: 700;
}
:root .hover\:font-extrabold:hover {
  font-weight: 800;
}
:root .hover\:font-black:hover {
  font-weight: 900;
}
:root .focus\:font-hairline:focus {
  font-weight: 100;
}
:root .focus\:font-thin:focus {
  font-weight: 200;
}
:root .focus\:font-light:focus {
  font-weight: 300;
}
:root .focus\:font-normal:focus {
  font-weight: 400;
}
:root .focus\:font-medium:focus {
  font-weight: 500;
}
:root .focus\:font-semibold:focus {
  font-weight: 600;
}
:root .focus\:font-bold:focus {
  font-weight: 700;
}
:root .focus\:font-extrabold:focus {
  font-weight: 800;
}
:root .focus\:font-black:focus {
  font-weight: 900;
}
:root .h-0 {
  height: 0;
}
:root .h-1 {
  height: 0.25rem;
}
:root .h-2 {
  height: 0.5rem;
}
:root .h-3 {
  height: 0.75rem;
}
:root .h-4 {
  height: 1rem;
}
:root .h-5 {
  height: 1.25rem;
}
:root .h-6 {
  height: 1.5rem;
}
:root .h-8 {
  height: 2rem;
}
:root .h-9 {
  height: 2.25rem;
}
:root .h-10 {
  height: 2.5rem;
}
:root .h-12 {
  height: 3rem;
}
:root .h-14 {
  height: 3.5rem;
}
:root .h-16 {
  height: 4rem;
}
:root .h-20 {
  height: 5rem;
}
:root .h-24 {
  height: 6rem;
}
:root .h-32 {
  height: 8rem;
}
:root .h-40 {
  height: 10rem;
}
:root .h-48 {
  height: 12rem;
}
:root .h-56 {
  height: 14rem;
}
:root .h-64 {
  height: 16rem;
}
:root .h-auto {
  height: auto;
}
:root .h-px {
  height: 1px;
}
:root .h-gutter {
  height: var(--padding-gutter);
}
:root .h-full {
  height: 100%;
}
:root .h-screen {
  height: 100vh;
}
:root .text-xxs {
  font-size: 0.625rem;
}
:root .text-xs {
  font-size: 0.75rem;
}
:root .text-sm {
  font-size: 0.875rem;
}
:root .text-base {
  font-size: 1rem;
}
:root .text-lg {
  font-size: 1.125rem;
}
:root .text-xl {
  font-size: 1.25rem;
}
:root .text-2xl {
  font-size: 1.5rem;
}
:root .text-3xl {
  font-size: 1.875rem;
}
:root .text-4xl {
  font-size: 2.25rem;
}
:root .text-5xl {
  font-size: 3rem;
}
:root .text-6xl {
  font-size: 4rem;
}
:root .leading-none {
  line-height: 1;
}
:root .leading-tight {
  line-height: 1.25;
}
:root .leading-snug {
  line-height: 1.375;
}
:root .leading-normal {
  line-height: 1.5;
}
:root .leading-relaxed {
  line-height: 1.625;
}
:root .leading-loose {
  line-height: 2;
}
:root .list-inside {
  list-style-position: inside;
}
:root .list-outside {
  list-style-position: outside;
}
:root .list-none {
  list-style-type: none;
}
:root .list-disc {
  list-style-type: disc;
}
:root .list-decimal {
  list-style-type: decimal;
}
:root .m-0 {
  margin: 0;
}
:root .m-1 {
  margin: 0.25rem;
}
:root .m-2 {
  margin: 0.5rem;
}
:root .m-3 {
  margin: 0.75rem;
}
:root .m-4 {
  margin: 1rem;
}
:root .m-5 {
  margin: 1.25rem;
}
:root .m-6 {
  margin: 1.5rem;
}
:root .m-8 {
  margin: 2rem;
}
:root .m-9 {
  margin: 2.25rem;
}
:root .m-10 {
  margin: 2.5rem;
}
:root .m-12 {
  margin: 3rem;
}
:root .m-14 {
  margin: 3.5rem;
}
:root .m-16 {
  margin: 4rem;
}
:root .m-20 {
  margin: 5rem;
}
:root .m-24 {
  margin: 6rem;
}
:root .m-32 {
  margin: 8rem;
}
:root .m-40 {
  margin: 10rem;
}
:root .m-48 {
  margin: 12rem;
}
:root .m-56 {
  margin: 14rem;
}
:root .m-64 {
  margin: 16rem;
}
:root .m-auto {
  margin: auto;
}
:root .m-px {
  margin: 1px;
}
:root .m-gutter {
  margin: var(--padding-gutter);
}
:root .-m-1 {
  margin: -0.25rem;
}
:root .-m-2 {
  margin: -0.5rem;
}
:root .-m-3 {
  margin: -0.75rem;
}
:root .-m-4 {
  margin: -1rem;
}
:root .-m-5 {
  margin: -1.25rem;
}
:root .-m-6 {
  margin: -1.5rem;
}
:root .-m-8 {
  margin: -2rem;
}
:root .-m-9 {
  margin: -2.25rem;
}
:root .-m-10 {
  margin: -2.5rem;
}
:root .-m-12 {
  margin: -3rem;
}
:root .-m-14 {
  margin: -3.5rem;
}
:root .-m-16 {
  margin: -4rem;
}
:root .-m-20 {
  margin: -5rem;
}
:root .-m-24 {
  margin: -6rem;
}
:root .-m-32 {
  margin: -8rem;
}
:root .-m-40 {
  margin: -10rem;
}
:root .-m-48 {
  margin: -12rem;
}
:root .-m-56 {
  margin: -14rem;
}
:root .-m-64 {
  margin: -16rem;
}
:root .-m-px {
  margin: -1px;
}
:root .-m-gutter {
  margin: calc(var(--padding-gutter) * -1);
}
:root .my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
:root .mx-0 {
  margin-left: 0;
  margin-right: 0;
}
:root .my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
:root .mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:root .my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
:root .mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
:root .my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
:root .mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
:root .my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
:root .mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
:root .my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
:root .mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
:root .my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
:root .mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
:root .my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
:root .mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
:root .my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
:root .mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
:root .my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
:root .mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
:root .my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
:root .mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}
:root .my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
:root .mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
:root .my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
:root .mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}
:root .my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
:root .mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}
:root .my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
:root .mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}
:root .my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
:root .mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}
:root .my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
:root .mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}
:root .my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}
:root .mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}
:root .my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}
:root .mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}
:root .my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}
:root .mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}
:root .my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
:root .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
:root .my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}
:root .mx-px {
  margin-left: 1px;
  margin-right: 1px;
}
:root .my-gutter {
  margin-top: var(--padding-gutter);
  margin-bottom: var(--padding-gutter);
}
:root .mx-gutter {
  margin-left: var(--padding-gutter);
  margin-right: var(--padding-gutter);
}
:root .-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
:root .-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
:root .-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
:root .-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
:root .-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
:root .-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
:root .-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
:root .-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
:root .-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}
:root .-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
:root .-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
:root .-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
:root .-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}
:root .-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}
:root .-my-9 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}
:root .-mx-9 {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}
:root .-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}
:root .-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
:root .-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}
:root .-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}
:root .-my-14 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}
:root .-mx-14 {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}
:root .-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}
:root .-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}
:root .-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}
:root .-mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}
:root .-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}
:root .-mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}
:root .-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}
:root .-mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}
:root .-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}
:root .-mx-40 {
  margin-left: -10rem;
  margin-right: -10rem;
}
:root .-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}
:root .-mx-48 {
  margin-left: -12rem;
  margin-right: -12rem;
}
:root .-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem;
}
:root .-mx-56 {
  margin-left: -14rem;
  margin-right: -14rem;
}
:root .-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem;
}
:root .-mx-64 {
  margin-left: -16rem;
  margin-right: -16rem;
}
:root .-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}
:root .-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}
:root .-my-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
}
:root .-mx-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
  margin-right: calc(var(--padding-gutter) * -1);
}
:root .mt-0 {
  margin-top: 0;
}
:root .mr-0 {
  margin-right: 0;
}
:root .mb-0 {
  margin-bottom: 0;
}
:root .ml-0 {
  margin-left: 0;
}
:root .mt-1 {
  margin-top: 0.25rem;
}
:root .mr-1 {
  margin-right: 0.25rem;
}
:root .mb-1 {
  margin-bottom: 0.25rem;
}
:root .ml-1 {
  margin-left: 0.25rem;
}
:root .mt-2 {
  margin-top: 0.5rem;
}
:root .mr-2 {
  margin-right: 0.5rem;
}
:root .mb-2 {
  margin-bottom: 0.5rem;
}
:root .ml-2 {
  margin-left: 0.5rem;
}
:root .mt-3 {
  margin-top: 0.75rem;
}
:root .mr-3 {
  margin-right: 0.75rem;
}
:root .mb-3 {
  margin-bottom: 0.75rem;
}
:root .ml-3 {
  margin-left: 0.75rem;
}
:root .mt-4 {
  margin-top: 1rem;
}
:root .mr-4 {
  margin-right: 1rem;
}
:root .mb-4 {
  margin-bottom: 1rem;
}
:root .ml-4 {
  margin-left: 1rem;
}
:root .mt-5 {
  margin-top: 1.25rem;
}
:root .mr-5 {
  margin-right: 1.25rem;
}
:root .mb-5 {
  margin-bottom: 1.25rem;
}
:root .ml-5 {
  margin-left: 1.25rem;
}
:root .mt-6 {
  margin-top: 1.5rem;
}
:root .mr-6 {
  margin-right: 1.5rem;
}
:root .mb-6 {
  margin-bottom: 1.5rem;
}
:root .ml-6 {
  margin-left: 1.5rem;
}
:root .mt-8 {
  margin-top: 2rem;
}
:root .mr-8 {
  margin-right: 2rem;
}
:root .mb-8 {
  margin-bottom: 2rem;
}
:root .ml-8 {
  margin-left: 2rem;
}
:root .mt-9 {
  margin-top: 2.25rem;
}
:root .mr-9 {
  margin-right: 2.25rem;
}
:root .mb-9 {
  margin-bottom: 2.25rem;
}
:root .ml-9 {
  margin-left: 2.25rem;
}
:root .mt-10 {
  margin-top: 2.5rem;
}
:root .mr-10 {
  margin-right: 2.5rem;
}
:root .mb-10 {
  margin-bottom: 2.5rem;
}
:root .ml-10 {
  margin-left: 2.5rem;
}
:root .mt-12 {
  margin-top: 3rem;
}
:root .mr-12 {
  margin-right: 3rem;
}
:root .mb-12 {
  margin-bottom: 3rem;
}
:root .ml-12 {
  margin-left: 3rem;
}
:root .mt-14 {
  margin-top: 3.5rem;
}
:root .mr-14 {
  margin-right: 3.5rem;
}
:root .mb-14 {
  margin-bottom: 3.5rem;
}
:root .ml-14 {
  margin-left: 3.5rem;
}
:root .mt-16 {
  margin-top: 4rem;
}
:root .mr-16 {
  margin-right: 4rem;
}
:root .mb-16 {
  margin-bottom: 4rem;
}
:root .ml-16 {
  margin-left: 4rem;
}
:root .mt-20 {
  margin-top: 5rem;
}
:root .mr-20 {
  margin-right: 5rem;
}
:root .mb-20 {
  margin-bottom: 5rem;
}
:root .ml-20 {
  margin-left: 5rem;
}
:root .mt-24 {
  margin-top: 6rem;
}
:root .mr-24 {
  margin-right: 6rem;
}
:root .mb-24 {
  margin-bottom: 6rem;
}
:root .ml-24 {
  margin-left: 6rem;
}
:root .mt-32 {
  margin-top: 8rem;
}
:root .mr-32 {
  margin-right: 8rem;
}
:root .mb-32 {
  margin-bottom: 8rem;
}
:root .ml-32 {
  margin-left: 8rem;
}
:root .mt-40 {
  margin-top: 10rem;
}
:root .mr-40 {
  margin-right: 10rem;
}
:root .mb-40 {
  margin-bottom: 10rem;
}
:root .ml-40 {
  margin-left: 10rem;
}
:root .mt-48 {
  margin-top: 12rem;
}
:root .mr-48 {
  margin-right: 12rem;
}
:root .mb-48 {
  margin-bottom: 12rem;
}
:root .ml-48 {
  margin-left: 12rem;
}
:root .mt-56 {
  margin-top: 14rem;
}
:root .mr-56 {
  margin-right: 14rem;
}
:root .mb-56 {
  margin-bottom: 14rem;
}
:root .ml-56 {
  margin-left: 14rem;
}
:root .mt-64 {
  margin-top: 16rem;
}
:root .mr-64 {
  margin-right: 16rem;
}
:root .mb-64 {
  margin-bottom: 16rem;
}
:root .ml-64 {
  margin-left: 16rem;
}
:root .mt-auto {
  margin-top: auto;
}
:root .mr-auto {
  margin-right: auto;
}
:root .mb-auto {
  margin-bottom: auto;
}
:root .ml-auto {
  margin-left: auto;
}
:root .mt-px {
  margin-top: 1px;
}
:root .mr-px {
  margin-right: 1px;
}
:root .mb-px {
  margin-bottom: 1px;
}
:root .ml-px {
  margin-left: 1px;
}
:root .mt-gutter {
  margin-top: var(--padding-gutter);
}
:root .mr-gutter {
  margin-right: var(--padding-gutter);
}
:root .mb-gutter {
  margin-bottom: var(--padding-gutter);
}
:root .ml-gutter {
  margin-left: var(--padding-gutter);
}
:root .-mt-1 {
  margin-top: -0.25rem;
}
:root .-mr-1 {
  margin-right: -0.25rem;
}
:root .-mb-1 {
  margin-bottom: -0.25rem;
}
:root .-ml-1 {
  margin-left: -0.25rem;
}
:root .-mt-2 {
  margin-top: -0.5rem;
}
:root .-mr-2 {
  margin-right: -0.5rem;
}
:root .-mb-2 {
  margin-bottom: -0.5rem;
}
:root .-ml-2 {
  margin-left: -0.5rem;
}
:root .-mt-3 {
  margin-top: -0.75rem;
}
:root .-mr-3 {
  margin-right: -0.75rem;
}
:root .-mb-3 {
  margin-bottom: -0.75rem;
}
:root .-ml-3 {
  margin-left: -0.75rem;
}
:root .-mt-4 {
  margin-top: -1rem;
}
:root .-mr-4 {
  margin-right: -1rem;
}
:root .-mb-4 {
  margin-bottom: -1rem;
}
:root .-ml-4 {
  margin-left: -1rem;
}
:root .-mt-5 {
  margin-top: -1.25rem;
}
:root .-mr-5 {
  margin-right: -1.25rem;
}
:root .-mb-5 {
  margin-bottom: -1.25rem;
}
:root .-ml-5 {
  margin-left: -1.25rem;
}
:root .-mt-6 {
  margin-top: -1.5rem;
}
:root .-mr-6 {
  margin-right: -1.5rem;
}
:root .-mb-6 {
  margin-bottom: -1.5rem;
}
:root .-ml-6 {
  margin-left: -1.5rem;
}
:root .-mt-8 {
  margin-top: -2rem;
}
:root .-mr-8 {
  margin-right: -2rem;
}
:root .-mb-8 {
  margin-bottom: -2rem;
}
:root .-ml-8 {
  margin-left: -2rem;
}
:root .-mt-9 {
  margin-top: -2.25rem;
}
:root .-mr-9 {
  margin-right: -2.25rem;
}
:root .-mb-9 {
  margin-bottom: -2.25rem;
}
:root .-ml-9 {
  margin-left: -2.25rem;
}
:root .-mt-10 {
  margin-top: -2.5rem;
}
:root .-mr-10 {
  margin-right: -2.5rem;
}
:root .-mb-10 {
  margin-bottom: -2.5rem;
}
:root .-ml-10 {
  margin-left: -2.5rem;
}
:root .-mt-12 {
  margin-top: -3rem;
}
:root .-mr-12 {
  margin-right: -3rem;
}
:root .-mb-12 {
  margin-bottom: -3rem;
}
:root .-ml-12 {
  margin-left: -3rem;
}
:root .-mt-14 {
  margin-top: -3.5rem;
}
:root .-mr-14 {
  margin-right: -3.5rem;
}
:root .-mb-14 {
  margin-bottom: -3.5rem;
}
:root .-ml-14 {
  margin-left: -3.5rem;
}
:root .-mt-16 {
  margin-top: -4rem;
}
:root .-mr-16 {
  margin-right: -4rem;
}
:root .-mb-16 {
  margin-bottom: -4rem;
}
:root .-ml-16 {
  margin-left: -4rem;
}
:root .-mt-20 {
  margin-top: -5rem;
}
:root .-mr-20 {
  margin-right: -5rem;
}
:root .-mb-20 {
  margin-bottom: -5rem;
}
:root .-ml-20 {
  margin-left: -5rem;
}
:root .-mt-24 {
  margin-top: -6rem;
}
:root .-mr-24 {
  margin-right: -6rem;
}
:root .-mb-24 {
  margin-bottom: -6rem;
}
:root .-ml-24 {
  margin-left: -6rem;
}
:root .-mt-32 {
  margin-top: -8rem;
}
:root .-mr-32 {
  margin-right: -8rem;
}
:root .-mb-32 {
  margin-bottom: -8rem;
}
:root .-ml-32 {
  margin-left: -8rem;
}
:root .-mt-40 {
  margin-top: -10rem;
}
:root .-mr-40 {
  margin-right: -10rem;
}
:root .-mb-40 {
  margin-bottom: -10rem;
}
:root .-ml-40 {
  margin-left: -10rem;
}
:root .-mt-48 {
  margin-top: -12rem;
}
:root .-mr-48 {
  margin-right: -12rem;
}
:root .-mb-48 {
  margin-bottom: -12rem;
}
:root .-ml-48 {
  margin-left: -12rem;
}
:root .-mt-56 {
  margin-top: -14rem;
}
:root .-mr-56 {
  margin-right: -14rem;
}
:root .-mb-56 {
  margin-bottom: -14rem;
}
:root .-ml-56 {
  margin-left: -14rem;
}
:root .-mt-64 {
  margin-top: -16rem;
}
:root .-mr-64 {
  margin-right: -16rem;
}
:root .-mb-64 {
  margin-bottom: -16rem;
}
:root .-ml-64 {
  margin-left: -16rem;
}
:root .-mt-px {
  margin-top: -1px;
}
:root .-mr-px {
  margin-right: -1px;
}
:root .-mb-px {
  margin-bottom: -1px;
}
:root .-ml-px {
  margin-left: -1px;
}
:root .-mt-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
}
:root .-mr-gutter {
  margin-right: calc(var(--padding-gutter) * -1);
}
:root .-mb-gutter {
  margin-bottom: calc(var(--padding-gutter) * -1);
}
:root .-ml-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
}
:root [dir=ltr] .ltr\:m-0 {
  margin: 0;
}
:root [dir=ltr] .ltr\:m-1 {
  margin: 0.25rem;
}
:root [dir=ltr] .ltr\:m-2 {
  margin: 0.5rem;
}
:root [dir=ltr] .ltr\:m-3 {
  margin: 0.75rem;
}
:root [dir=ltr] .ltr\:m-4 {
  margin: 1rem;
}
:root [dir=ltr] .ltr\:m-5 {
  margin: 1.25rem;
}
:root [dir=ltr] .ltr\:m-6 {
  margin: 1.5rem;
}
:root [dir=ltr] .ltr\:m-8 {
  margin: 2rem;
}
:root [dir=ltr] .ltr\:m-9 {
  margin: 2.25rem;
}
:root [dir=ltr] .ltr\:m-10 {
  margin: 2.5rem;
}
:root [dir=ltr] .ltr\:m-12 {
  margin: 3rem;
}
:root [dir=ltr] .ltr\:m-14 {
  margin: 3.5rem;
}
:root [dir=ltr] .ltr\:m-16 {
  margin: 4rem;
}
:root [dir=ltr] .ltr\:m-20 {
  margin: 5rem;
}
:root [dir=ltr] .ltr\:m-24 {
  margin: 6rem;
}
:root [dir=ltr] .ltr\:m-32 {
  margin: 8rem;
}
:root [dir=ltr] .ltr\:m-40 {
  margin: 10rem;
}
:root [dir=ltr] .ltr\:m-48 {
  margin: 12rem;
}
:root [dir=ltr] .ltr\:m-56 {
  margin: 14rem;
}
:root [dir=ltr] .ltr\:m-64 {
  margin: 16rem;
}
:root [dir=ltr] .ltr\:m-auto {
  margin: auto;
}
:root [dir=ltr] .ltr\:m-px {
  margin: 1px;
}
:root [dir=ltr] .ltr\:m-gutter {
  margin: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:-m-1 {
  margin: -0.25rem;
}
:root [dir=ltr] .ltr\:-m-2 {
  margin: -0.5rem;
}
:root [dir=ltr] .ltr\:-m-3 {
  margin: -0.75rem;
}
:root [dir=ltr] .ltr\:-m-4 {
  margin: -1rem;
}
:root [dir=ltr] .ltr\:-m-5 {
  margin: -1.25rem;
}
:root [dir=ltr] .ltr\:-m-6 {
  margin: -1.5rem;
}
:root [dir=ltr] .ltr\:-m-8 {
  margin: -2rem;
}
:root [dir=ltr] .ltr\:-m-9 {
  margin: -2.25rem;
}
:root [dir=ltr] .ltr\:-m-10 {
  margin: -2.5rem;
}
:root [dir=ltr] .ltr\:-m-12 {
  margin: -3rem;
}
:root [dir=ltr] .ltr\:-m-14 {
  margin: -3.5rem;
}
:root [dir=ltr] .ltr\:-m-16 {
  margin: -4rem;
}
:root [dir=ltr] .ltr\:-m-20 {
  margin: -5rem;
}
:root [dir=ltr] .ltr\:-m-24 {
  margin: -6rem;
}
:root [dir=ltr] .ltr\:-m-32 {
  margin: -8rem;
}
:root [dir=ltr] .ltr\:-m-40 {
  margin: -10rem;
}
:root [dir=ltr] .ltr\:-m-48 {
  margin: -12rem;
}
:root [dir=ltr] .ltr\:-m-56 {
  margin: -14rem;
}
:root [dir=ltr] .ltr\:-m-64 {
  margin: -16rem;
}
:root [dir=ltr] .ltr\:-m-px {
  margin: -1px;
}
:root [dir=ltr] .ltr\:-m-gutter {
  margin: calc(var(--padding-gutter) * -1);
}
:root [dir=ltr] .ltr\:my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
:root [dir=ltr] .ltr\:mx-0 {
  margin-left: 0;
  margin-right: 0;
}
:root [dir=ltr] .ltr\:my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
:root [dir=ltr] .ltr\:mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:root [dir=ltr] .ltr\:my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
:root [dir=ltr] .ltr\:mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
:root [dir=ltr] .ltr\:my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
:root [dir=ltr] .ltr\:mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
:root [dir=ltr] .ltr\:my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
:root [dir=ltr] .ltr\:mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
:root [dir=ltr] .ltr\:my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
:root [dir=ltr] .ltr\:mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
:root [dir=ltr] .ltr\:my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
:root [dir=ltr] .ltr\:mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
:root [dir=ltr] .ltr\:my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
:root [dir=ltr] .ltr\:mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
:root [dir=ltr] .ltr\:my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
:root [dir=ltr] .ltr\:mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
:root [dir=ltr] .ltr\:my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
:root [dir=ltr] .ltr\:mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
:root [dir=ltr] .ltr\:my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
:root [dir=ltr] .ltr\:mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}
:root [dir=ltr] .ltr\:my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
:root [dir=ltr] .ltr\:mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
:root [dir=ltr] .ltr\:my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
:root [dir=ltr] .ltr\:mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}
:root [dir=ltr] .ltr\:my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
:root [dir=ltr] .ltr\:mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}
:root [dir=ltr] .ltr\:my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
:root [dir=ltr] .ltr\:mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}
:root [dir=ltr] .ltr\:my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
:root [dir=ltr] .ltr\:mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}
:root [dir=ltr] .ltr\:my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
:root [dir=ltr] .ltr\:mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}
:root [dir=ltr] .ltr\:my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}
:root [dir=ltr] .ltr\:mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}
:root [dir=ltr] .ltr\:my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}
:root [dir=ltr] .ltr\:mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}
:root [dir=ltr] .ltr\:my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}
:root [dir=ltr] .ltr\:mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}
:root [dir=ltr] .ltr\:my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
:root [dir=ltr] .ltr\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}
:root [dir=ltr] .ltr\:my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}
:root [dir=ltr] .ltr\:mx-px {
  margin-left: 1px;
  margin-right: 1px;
}
:root [dir=ltr] .ltr\:my-gutter {
  margin-top: var(--padding-gutter);
  margin-bottom: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:mx-gutter {
  margin-left: var(--padding-gutter);
  margin-right: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
:root [dir=ltr] .ltr\:-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
:root [dir=ltr] .ltr\:-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
:root [dir=ltr] .ltr\:-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
:root [dir=ltr] .ltr\:-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
:root [dir=ltr] .ltr\:-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
:root [dir=ltr] .ltr\:-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
:root [dir=ltr] .ltr\:-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
:root [dir=ltr] .ltr\:-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}
:root [dir=ltr] .ltr\:-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
:root [dir=ltr] .ltr\:-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
:root [dir=ltr] .ltr\:-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
:root [dir=ltr] .ltr\:-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}
:root [dir=ltr] .ltr\:-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}
:root [dir=ltr] .ltr\:-my-9 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}
:root [dir=ltr] .ltr\:-mx-9 {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}
:root [dir=ltr] .ltr\:-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}
:root [dir=ltr] .ltr\:-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
:root [dir=ltr] .ltr\:-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}
:root [dir=ltr] .ltr\:-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}
:root [dir=ltr] .ltr\:-my-14 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}
:root [dir=ltr] .ltr\:-mx-14 {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}
:root [dir=ltr] .ltr\:-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}
:root [dir=ltr] .ltr\:-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}
:root [dir=ltr] .ltr\:-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}
:root [dir=ltr] .ltr\:-mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}
:root [dir=ltr] .ltr\:-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}
:root [dir=ltr] .ltr\:-mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}
:root [dir=ltr] .ltr\:-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}
:root [dir=ltr] .ltr\:-mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}
:root [dir=ltr] .ltr\:-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}
:root [dir=ltr] .ltr\:-mx-40 {
  margin-left: -10rem;
  margin-right: -10rem;
}
:root [dir=ltr] .ltr\:-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}
:root [dir=ltr] .ltr\:-mx-48 {
  margin-left: -12rem;
  margin-right: -12rem;
}
:root [dir=ltr] .ltr\:-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem;
}
:root [dir=ltr] .ltr\:-mx-56 {
  margin-left: -14rem;
  margin-right: -14rem;
}
:root [dir=ltr] .ltr\:-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem;
}
:root [dir=ltr] .ltr\:-mx-64 {
  margin-left: -16rem;
  margin-right: -16rem;
}
:root [dir=ltr] .ltr\:-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}
:root [dir=ltr] .ltr\:-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}
:root [dir=ltr] .ltr\:-my-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
}
:root [dir=ltr] .ltr\:-mx-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
  margin-right: calc(var(--padding-gutter) * -1);
}
:root [dir=ltr] .ltr\:mt-0 {
  margin-top: 0;
}
:root [dir=ltr] .ltr\:mr-0 {
  margin-right: 0;
}
:root [dir=ltr] .ltr\:mb-0 {
  margin-bottom: 0;
}
:root [dir=ltr] .ltr\:ml-0 {
  margin-left: 0;
}
:root [dir=ltr] .ltr\:mt-1 {
  margin-top: 0.25rem;
}
:root [dir=ltr] .ltr\:mr-1 {
  margin-right: 0.25rem;
}
:root [dir=ltr] .ltr\:mb-1 {
  margin-bottom: 0.25rem;
}
:root [dir=ltr] .ltr\:ml-1 {
  margin-left: 0.25rem;
}
:root [dir=ltr] .ltr\:mt-2 {
  margin-top: 0.5rem;
}
:root [dir=ltr] .ltr\:mr-2 {
  margin-right: 0.5rem;
}
:root [dir=ltr] .ltr\:mb-2 {
  margin-bottom: 0.5rem;
}
:root [dir=ltr] .ltr\:ml-2 {
  margin-left: 0.5rem;
}
:root [dir=ltr] .ltr\:mt-3 {
  margin-top: 0.75rem;
}
:root [dir=ltr] .ltr\:mr-3 {
  margin-right: 0.75rem;
}
:root [dir=ltr] .ltr\:mb-3 {
  margin-bottom: 0.75rem;
}
:root [dir=ltr] .ltr\:ml-3 {
  margin-left: 0.75rem;
}
:root [dir=ltr] .ltr\:mt-4 {
  margin-top: 1rem;
}
:root [dir=ltr] .ltr\:mr-4 {
  margin-right: 1rem;
}
:root [dir=ltr] .ltr\:mb-4 {
  margin-bottom: 1rem;
}
:root [dir=ltr] .ltr\:ml-4 {
  margin-left: 1rem;
}
:root [dir=ltr] .ltr\:mt-5 {
  margin-top: 1.25rem;
}
:root [dir=ltr] .ltr\:mr-5 {
  margin-right: 1.25rem;
}
:root [dir=ltr] .ltr\:mb-5 {
  margin-bottom: 1.25rem;
}
:root [dir=ltr] .ltr\:ml-5 {
  margin-left: 1.25rem;
}
:root [dir=ltr] .ltr\:mt-6 {
  margin-top: 1.5rem;
}
:root [dir=ltr] .ltr\:mr-6 {
  margin-right: 1.5rem;
}
:root [dir=ltr] .ltr\:mb-6 {
  margin-bottom: 1.5rem;
}
:root [dir=ltr] .ltr\:ml-6 {
  margin-left: 1.5rem;
}
:root [dir=ltr] .ltr\:mt-8 {
  margin-top: 2rem;
}
:root [dir=ltr] .ltr\:mr-8 {
  margin-right: 2rem;
}
:root [dir=ltr] .ltr\:mb-8 {
  margin-bottom: 2rem;
}
:root [dir=ltr] .ltr\:ml-8 {
  margin-left: 2rem;
}
:root [dir=ltr] .ltr\:mt-9 {
  margin-top: 2.25rem;
}
:root [dir=ltr] .ltr\:mr-9 {
  margin-right: 2.25rem;
}
:root [dir=ltr] .ltr\:mb-9 {
  margin-bottom: 2.25rem;
}
:root [dir=ltr] .ltr\:ml-9 {
  margin-left: 2.25rem;
}
:root [dir=ltr] .ltr\:mt-10 {
  margin-top: 2.5rem;
}
:root [dir=ltr] .ltr\:mr-10 {
  margin-right: 2.5rem;
}
:root [dir=ltr] .ltr\:mb-10 {
  margin-bottom: 2.5rem;
}
:root [dir=ltr] .ltr\:ml-10 {
  margin-left: 2.5rem;
}
:root [dir=ltr] .ltr\:mt-12 {
  margin-top: 3rem;
}
:root [dir=ltr] .ltr\:mr-12 {
  margin-right: 3rem;
}
:root [dir=ltr] .ltr\:mb-12 {
  margin-bottom: 3rem;
}
:root [dir=ltr] .ltr\:ml-12 {
  margin-left: 3rem;
}
:root [dir=ltr] .ltr\:mt-14 {
  margin-top: 3.5rem;
}
:root [dir=ltr] .ltr\:mr-14 {
  margin-right: 3.5rem;
}
:root [dir=ltr] .ltr\:mb-14 {
  margin-bottom: 3.5rem;
}
:root [dir=ltr] .ltr\:ml-14 {
  margin-left: 3.5rem;
}
:root [dir=ltr] .ltr\:mt-16 {
  margin-top: 4rem;
}
:root [dir=ltr] .ltr\:mr-16 {
  margin-right: 4rem;
}
:root [dir=ltr] .ltr\:mb-16 {
  margin-bottom: 4rem;
}
:root [dir=ltr] .ltr\:ml-16 {
  margin-left: 4rem;
}
:root [dir=ltr] .ltr\:mt-20 {
  margin-top: 5rem;
}
:root [dir=ltr] .ltr\:mr-20 {
  margin-right: 5rem;
}
:root [dir=ltr] .ltr\:mb-20 {
  margin-bottom: 5rem;
}
:root [dir=ltr] .ltr\:ml-20 {
  margin-left: 5rem;
}
:root [dir=ltr] .ltr\:mt-24 {
  margin-top: 6rem;
}
:root [dir=ltr] .ltr\:mr-24 {
  margin-right: 6rem;
}
:root [dir=ltr] .ltr\:mb-24 {
  margin-bottom: 6rem;
}
:root [dir=ltr] .ltr\:ml-24 {
  margin-left: 6rem;
}
:root [dir=ltr] .ltr\:mt-32 {
  margin-top: 8rem;
}
:root [dir=ltr] .ltr\:mr-32 {
  margin-right: 8rem;
}
:root [dir=ltr] .ltr\:mb-32 {
  margin-bottom: 8rem;
}
:root [dir=ltr] .ltr\:ml-32 {
  margin-left: 8rem;
}
:root [dir=ltr] .ltr\:mt-40 {
  margin-top: 10rem;
}
:root [dir=ltr] .ltr\:mr-40 {
  margin-right: 10rem;
}
:root [dir=ltr] .ltr\:mb-40 {
  margin-bottom: 10rem;
}
:root [dir=ltr] .ltr\:ml-40 {
  margin-left: 10rem;
}
:root [dir=ltr] .ltr\:mt-48 {
  margin-top: 12rem;
}
:root [dir=ltr] .ltr\:mr-48 {
  margin-right: 12rem;
}
:root [dir=ltr] .ltr\:mb-48 {
  margin-bottom: 12rem;
}
:root [dir=ltr] .ltr\:ml-48 {
  margin-left: 12rem;
}
:root [dir=ltr] .ltr\:mt-56 {
  margin-top: 14rem;
}
:root [dir=ltr] .ltr\:mr-56 {
  margin-right: 14rem;
}
:root [dir=ltr] .ltr\:mb-56 {
  margin-bottom: 14rem;
}
:root [dir=ltr] .ltr\:ml-56 {
  margin-left: 14rem;
}
:root [dir=ltr] .ltr\:mt-64 {
  margin-top: 16rem;
}
:root [dir=ltr] .ltr\:mr-64 {
  margin-right: 16rem;
}
:root [dir=ltr] .ltr\:mb-64 {
  margin-bottom: 16rem;
}
:root [dir=ltr] .ltr\:ml-64 {
  margin-left: 16rem;
}
:root [dir=ltr] .ltr\:mt-auto {
  margin-top: auto;
}
:root [dir=ltr] .ltr\:mr-auto {
  margin-right: auto;
}
:root [dir=ltr] .ltr\:mb-auto {
  margin-bottom: auto;
}
:root [dir=ltr] .ltr\:ml-auto {
  margin-left: auto;
}
:root [dir=ltr] .ltr\:mt-px {
  margin-top: 1px;
}
:root [dir=ltr] .ltr\:mr-px {
  margin-right: 1px;
}
:root [dir=ltr] .ltr\:mb-px {
  margin-bottom: 1px;
}
:root [dir=ltr] .ltr\:ml-px {
  margin-left: 1px;
}
:root [dir=ltr] .ltr\:mt-gutter {
  margin-top: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:mr-gutter {
  margin-right: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:mb-gutter {
  margin-bottom: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:ml-gutter {
  margin-left: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:-mt-1 {
  margin-top: -0.25rem;
}
:root [dir=ltr] .ltr\:-mr-1 {
  margin-right: -0.25rem;
}
:root [dir=ltr] .ltr\:-mb-1 {
  margin-bottom: -0.25rem;
}
:root [dir=ltr] .ltr\:-ml-1 {
  margin-left: -0.25rem;
}
:root [dir=ltr] .ltr\:-mt-2 {
  margin-top: -0.5rem;
}
:root [dir=ltr] .ltr\:-mr-2 {
  margin-right: -0.5rem;
}
:root [dir=ltr] .ltr\:-mb-2 {
  margin-bottom: -0.5rem;
}
:root [dir=ltr] .ltr\:-ml-2 {
  margin-left: -0.5rem;
}
:root [dir=ltr] .ltr\:-mt-3 {
  margin-top: -0.75rem;
}
:root [dir=ltr] .ltr\:-mr-3 {
  margin-right: -0.75rem;
}
:root [dir=ltr] .ltr\:-mb-3 {
  margin-bottom: -0.75rem;
}
:root [dir=ltr] .ltr\:-ml-3 {
  margin-left: -0.75rem;
}
:root [dir=ltr] .ltr\:-mt-4 {
  margin-top: -1rem;
}
:root [dir=ltr] .ltr\:-mr-4 {
  margin-right: -1rem;
}
:root [dir=ltr] .ltr\:-mb-4 {
  margin-bottom: -1rem;
}
:root [dir=ltr] .ltr\:-ml-4 {
  margin-left: -1rem;
}
:root [dir=ltr] .ltr\:-mt-5 {
  margin-top: -1.25rem;
}
:root [dir=ltr] .ltr\:-mr-5 {
  margin-right: -1.25rem;
}
:root [dir=ltr] .ltr\:-mb-5 {
  margin-bottom: -1.25rem;
}
:root [dir=ltr] .ltr\:-ml-5 {
  margin-left: -1.25rem;
}
:root [dir=ltr] .ltr\:-mt-6 {
  margin-top: -1.5rem;
}
:root [dir=ltr] .ltr\:-mr-6 {
  margin-right: -1.5rem;
}
:root [dir=ltr] .ltr\:-mb-6 {
  margin-bottom: -1.5rem;
}
:root [dir=ltr] .ltr\:-ml-6 {
  margin-left: -1.5rem;
}
:root [dir=ltr] .ltr\:-mt-8 {
  margin-top: -2rem;
}
:root [dir=ltr] .ltr\:-mr-8 {
  margin-right: -2rem;
}
:root [dir=ltr] .ltr\:-mb-8 {
  margin-bottom: -2rem;
}
:root [dir=ltr] .ltr\:-ml-8 {
  margin-left: -2rem;
}
:root [dir=ltr] .ltr\:-mt-9 {
  margin-top: -2.25rem;
}
:root [dir=ltr] .ltr\:-mr-9 {
  margin-right: -2.25rem;
}
:root [dir=ltr] .ltr\:-mb-9 {
  margin-bottom: -2.25rem;
}
:root [dir=ltr] .ltr\:-ml-9 {
  margin-left: -2.25rem;
}
:root [dir=ltr] .ltr\:-mt-10 {
  margin-top: -2.5rem;
}
:root [dir=ltr] .ltr\:-mr-10 {
  margin-right: -2.5rem;
}
:root [dir=ltr] .ltr\:-mb-10 {
  margin-bottom: -2.5rem;
}
:root [dir=ltr] .ltr\:-ml-10 {
  margin-left: -2.5rem;
}
:root [dir=ltr] .ltr\:-mt-12 {
  margin-top: -3rem;
}
:root [dir=ltr] .ltr\:-mr-12 {
  margin-right: -3rem;
}
:root [dir=ltr] .ltr\:-mb-12 {
  margin-bottom: -3rem;
}
:root [dir=ltr] .ltr\:-ml-12 {
  margin-left: -3rem;
}
:root [dir=ltr] .ltr\:-mt-14 {
  margin-top: -3.5rem;
}
:root [dir=ltr] .ltr\:-mr-14 {
  margin-right: -3.5rem;
}
:root [dir=ltr] .ltr\:-mb-14 {
  margin-bottom: -3.5rem;
}
:root [dir=ltr] .ltr\:-ml-14 {
  margin-left: -3.5rem;
}
:root [dir=ltr] .ltr\:-mt-16 {
  margin-top: -4rem;
}
:root [dir=ltr] .ltr\:-mr-16 {
  margin-right: -4rem;
}
:root [dir=ltr] .ltr\:-mb-16 {
  margin-bottom: -4rem;
}
:root [dir=ltr] .ltr\:-ml-16 {
  margin-left: -4rem;
}
:root [dir=ltr] .ltr\:-mt-20 {
  margin-top: -5rem;
}
:root [dir=ltr] .ltr\:-mr-20 {
  margin-right: -5rem;
}
:root [dir=ltr] .ltr\:-mb-20 {
  margin-bottom: -5rem;
}
:root [dir=ltr] .ltr\:-ml-20 {
  margin-left: -5rem;
}
:root [dir=ltr] .ltr\:-mt-24 {
  margin-top: -6rem;
}
:root [dir=ltr] .ltr\:-mr-24 {
  margin-right: -6rem;
}
:root [dir=ltr] .ltr\:-mb-24 {
  margin-bottom: -6rem;
}
:root [dir=ltr] .ltr\:-ml-24 {
  margin-left: -6rem;
}
:root [dir=ltr] .ltr\:-mt-32 {
  margin-top: -8rem;
}
:root [dir=ltr] .ltr\:-mr-32 {
  margin-right: -8rem;
}
:root [dir=ltr] .ltr\:-mb-32 {
  margin-bottom: -8rem;
}
:root [dir=ltr] .ltr\:-ml-32 {
  margin-left: -8rem;
}
:root [dir=ltr] .ltr\:-mt-40 {
  margin-top: -10rem;
}
:root [dir=ltr] .ltr\:-mr-40 {
  margin-right: -10rem;
}
:root [dir=ltr] .ltr\:-mb-40 {
  margin-bottom: -10rem;
}
:root [dir=ltr] .ltr\:-ml-40 {
  margin-left: -10rem;
}
:root [dir=ltr] .ltr\:-mt-48 {
  margin-top: -12rem;
}
:root [dir=ltr] .ltr\:-mr-48 {
  margin-right: -12rem;
}
:root [dir=ltr] .ltr\:-mb-48 {
  margin-bottom: -12rem;
}
:root [dir=ltr] .ltr\:-ml-48 {
  margin-left: -12rem;
}
:root [dir=ltr] .ltr\:-mt-56 {
  margin-top: -14rem;
}
:root [dir=ltr] .ltr\:-mr-56 {
  margin-right: -14rem;
}
:root [dir=ltr] .ltr\:-mb-56 {
  margin-bottom: -14rem;
}
:root [dir=ltr] .ltr\:-ml-56 {
  margin-left: -14rem;
}
:root [dir=ltr] .ltr\:-mt-64 {
  margin-top: -16rem;
}
:root [dir=ltr] .ltr\:-mr-64 {
  margin-right: -16rem;
}
:root [dir=ltr] .ltr\:-mb-64 {
  margin-bottom: -16rem;
}
:root [dir=ltr] .ltr\:-ml-64 {
  margin-left: -16rem;
}
:root [dir=ltr] .ltr\:-mt-px {
  margin-top: -1px;
}
:root [dir=ltr] .ltr\:-mr-px {
  margin-right: -1px;
}
:root [dir=ltr] .ltr\:-mb-px {
  margin-bottom: -1px;
}
:root [dir=ltr] .ltr\:-ml-px {
  margin-left: -1px;
}
:root [dir=ltr] .ltr\:-mt-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
}
:root [dir=ltr] .ltr\:-mr-gutter {
  margin-right: calc(var(--padding-gutter) * -1);
}
:root [dir=ltr] .ltr\:-mb-gutter {
  margin-bottom: calc(var(--padding-gutter) * -1);
}
:root [dir=ltr] .ltr\:-ml-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
}
:root [dir=rtl] .rtl\:m-0 {
  margin: 0;
}
:root [dir=rtl] .rtl\:m-1 {
  margin: 0.25rem;
}
:root [dir=rtl] .rtl\:m-2 {
  margin: 0.5rem;
}
:root [dir=rtl] .rtl\:m-3 {
  margin: 0.75rem;
}
:root [dir=rtl] .rtl\:m-4 {
  margin: 1rem;
}
:root [dir=rtl] .rtl\:m-5 {
  margin: 1.25rem;
}
:root [dir=rtl] .rtl\:m-6 {
  margin: 1.5rem;
}
:root [dir=rtl] .rtl\:m-8 {
  margin: 2rem;
}
:root [dir=rtl] .rtl\:m-9 {
  margin: 2.25rem;
}
:root [dir=rtl] .rtl\:m-10 {
  margin: 2.5rem;
}
:root [dir=rtl] .rtl\:m-12 {
  margin: 3rem;
}
:root [dir=rtl] .rtl\:m-14 {
  margin: 3.5rem;
}
:root [dir=rtl] .rtl\:m-16 {
  margin: 4rem;
}
:root [dir=rtl] .rtl\:m-20 {
  margin: 5rem;
}
:root [dir=rtl] .rtl\:m-24 {
  margin: 6rem;
}
:root [dir=rtl] .rtl\:m-32 {
  margin: 8rem;
}
:root [dir=rtl] .rtl\:m-40 {
  margin: 10rem;
}
:root [dir=rtl] .rtl\:m-48 {
  margin: 12rem;
}
:root [dir=rtl] .rtl\:m-56 {
  margin: 14rem;
}
:root [dir=rtl] .rtl\:m-64 {
  margin: 16rem;
}
:root [dir=rtl] .rtl\:m-auto {
  margin: auto;
}
:root [dir=rtl] .rtl\:m-px {
  margin: 1px;
}
:root [dir=rtl] .rtl\:m-gutter {
  margin: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:-m-1 {
  margin: -0.25rem;
}
:root [dir=rtl] .rtl\:-m-2 {
  margin: -0.5rem;
}
:root [dir=rtl] .rtl\:-m-3 {
  margin: -0.75rem;
}
:root [dir=rtl] .rtl\:-m-4 {
  margin: -1rem;
}
:root [dir=rtl] .rtl\:-m-5 {
  margin: -1.25rem;
}
:root [dir=rtl] .rtl\:-m-6 {
  margin: -1.5rem;
}
:root [dir=rtl] .rtl\:-m-8 {
  margin: -2rem;
}
:root [dir=rtl] .rtl\:-m-9 {
  margin: -2.25rem;
}
:root [dir=rtl] .rtl\:-m-10 {
  margin: -2.5rem;
}
:root [dir=rtl] .rtl\:-m-12 {
  margin: -3rem;
}
:root [dir=rtl] .rtl\:-m-14 {
  margin: -3.5rem;
}
:root [dir=rtl] .rtl\:-m-16 {
  margin: -4rem;
}
:root [dir=rtl] .rtl\:-m-20 {
  margin: -5rem;
}
:root [dir=rtl] .rtl\:-m-24 {
  margin: -6rem;
}
:root [dir=rtl] .rtl\:-m-32 {
  margin: -8rem;
}
:root [dir=rtl] .rtl\:-m-40 {
  margin: -10rem;
}
:root [dir=rtl] .rtl\:-m-48 {
  margin: -12rem;
}
:root [dir=rtl] .rtl\:-m-56 {
  margin: -14rem;
}
:root [dir=rtl] .rtl\:-m-64 {
  margin: -16rem;
}
:root [dir=rtl] .rtl\:-m-px {
  margin: -1px;
}
:root [dir=rtl] .rtl\:-m-gutter {
  margin: calc(var(--padding-gutter) * -1);
}
:root [dir=rtl] .rtl\:my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
:root [dir=rtl] .rtl\:mx-0 {
  margin-left: 0;
  margin-right: 0;
}
:root [dir=rtl] .rtl\:my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
:root [dir=rtl] .rtl\:mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
:root [dir=rtl] .rtl\:my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
:root [dir=rtl] .rtl\:mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
:root [dir=rtl] .rtl\:my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
:root [dir=rtl] .rtl\:mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
:root [dir=rtl] .rtl\:my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
:root [dir=rtl] .rtl\:mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
:root [dir=rtl] .rtl\:my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
:root [dir=rtl] .rtl\:mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
:root [dir=rtl] .rtl\:my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
:root [dir=rtl] .rtl\:mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
:root [dir=rtl] .rtl\:my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
:root [dir=rtl] .rtl\:mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
:root [dir=rtl] .rtl\:my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
:root [dir=rtl] .rtl\:mx-9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}
:root [dir=rtl] .rtl\:my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
:root [dir=rtl] .rtl\:mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
:root [dir=rtl] .rtl\:my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
:root [dir=rtl] .rtl\:mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}
:root [dir=rtl] .rtl\:my-14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
:root [dir=rtl] .rtl\:mx-14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
:root [dir=rtl] .rtl\:my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
:root [dir=rtl] .rtl\:mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}
:root [dir=rtl] .rtl\:my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
:root [dir=rtl] .rtl\:mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}
:root [dir=rtl] .rtl\:my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
:root [dir=rtl] .rtl\:mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}
:root [dir=rtl] .rtl\:my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
:root [dir=rtl] .rtl\:mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}
:root [dir=rtl] .rtl\:my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
:root [dir=rtl] .rtl\:mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}
:root [dir=rtl] .rtl\:my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}
:root [dir=rtl] .rtl\:mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}
:root [dir=rtl] .rtl\:my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}
:root [dir=rtl] .rtl\:mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}
:root [dir=rtl] .rtl\:my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}
:root [dir=rtl] .rtl\:mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}
:root [dir=rtl] .rtl\:my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
:root [dir=rtl] .rtl\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}
:root [dir=rtl] .rtl\:my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}
:root [dir=rtl] .rtl\:mx-px {
  margin-left: 1px;
  margin-right: 1px;
}
:root [dir=rtl] .rtl\:my-gutter {
  margin-top: var(--padding-gutter);
  margin-bottom: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:mx-gutter {
  margin-left: var(--padding-gutter);
  margin-right: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
:root [dir=rtl] .rtl\:-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
:root [dir=rtl] .rtl\:-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
:root [dir=rtl] .rtl\:-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
:root [dir=rtl] .rtl\:-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}
:root [dir=rtl] .rtl\:-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
:root [dir=rtl] .rtl\:-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}
:root [dir=rtl] .rtl\:-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
:root [dir=rtl] .rtl\:-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}
:root [dir=rtl] .rtl\:-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
:root [dir=rtl] .rtl\:-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}
:root [dir=rtl] .rtl\:-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
:root [dir=rtl] .rtl\:-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}
:root [dir=rtl] .rtl\:-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}
:root [dir=rtl] .rtl\:-my-9 {
  margin-top: -2.25rem;
  margin-bottom: -2.25rem;
}
:root [dir=rtl] .rtl\:-mx-9 {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}
:root [dir=rtl] .rtl\:-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}
:root [dir=rtl] .rtl\:-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
:root [dir=rtl] .rtl\:-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}
:root [dir=rtl] .rtl\:-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}
:root [dir=rtl] .rtl\:-my-14 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem;
}
:root [dir=rtl] .rtl\:-mx-14 {
  margin-left: -3.5rem;
  margin-right: -3.5rem;
}
:root [dir=rtl] .rtl\:-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}
:root [dir=rtl] .rtl\:-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}
:root [dir=rtl] .rtl\:-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}
:root [dir=rtl] .rtl\:-mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}
:root [dir=rtl] .rtl\:-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}
:root [dir=rtl] .rtl\:-mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}
:root [dir=rtl] .rtl\:-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}
:root [dir=rtl] .rtl\:-mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}
:root [dir=rtl] .rtl\:-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}
:root [dir=rtl] .rtl\:-mx-40 {
  margin-left: -10rem;
  margin-right: -10rem;
}
:root [dir=rtl] .rtl\:-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}
:root [dir=rtl] .rtl\:-mx-48 {
  margin-left: -12rem;
  margin-right: -12rem;
}
:root [dir=rtl] .rtl\:-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem;
}
:root [dir=rtl] .rtl\:-mx-56 {
  margin-left: -14rem;
  margin-right: -14rem;
}
:root [dir=rtl] .rtl\:-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem;
}
:root [dir=rtl] .rtl\:-mx-64 {
  margin-left: -16rem;
  margin-right: -16rem;
}
:root [dir=rtl] .rtl\:-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}
:root [dir=rtl] .rtl\:-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}
:root [dir=rtl] .rtl\:-my-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
}
:root [dir=rtl] .rtl\:-mx-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
  margin-right: calc(var(--padding-gutter) * -1);
}
:root [dir=rtl] .rtl\:mt-0 {
  margin-top: 0;
}
:root [dir=rtl] .rtl\:mr-0 {
  margin-right: 0;
}
:root [dir=rtl] .rtl\:mb-0 {
  margin-bottom: 0;
}
:root [dir=rtl] .rtl\:ml-0 {
  margin-left: 0;
}
:root [dir=rtl] .rtl\:mt-1 {
  margin-top: 0.25rem;
}
:root [dir=rtl] .rtl\:mr-1 {
  margin-right: 0.25rem;
}
:root [dir=rtl] .rtl\:mb-1 {
  margin-bottom: 0.25rem;
}
:root [dir=rtl] .rtl\:ml-1 {
  margin-left: 0.25rem;
}
:root [dir=rtl] .rtl\:mt-2 {
  margin-top: 0.5rem;
}
:root [dir=rtl] .rtl\:mr-2 {
  margin-right: 0.5rem;
}
:root [dir=rtl] .rtl\:mb-2 {
  margin-bottom: 0.5rem;
}
:root [dir=rtl] .rtl\:ml-2 {
  margin-left: 0.5rem;
}
:root [dir=rtl] .rtl\:mt-3 {
  margin-top: 0.75rem;
}
:root [dir=rtl] .rtl\:mr-3 {
  margin-right: 0.75rem;
}
:root [dir=rtl] .rtl\:mb-3 {
  margin-bottom: 0.75rem;
}
:root [dir=rtl] .rtl\:ml-3 {
  margin-left: 0.75rem;
}
:root [dir=rtl] .rtl\:mt-4 {
  margin-top: 1rem;
}
:root [dir=rtl] .rtl\:mr-4 {
  margin-right: 1rem;
}
:root [dir=rtl] .rtl\:mb-4 {
  margin-bottom: 1rem;
}
:root [dir=rtl] .rtl\:ml-4 {
  margin-left: 1rem;
}
:root [dir=rtl] .rtl\:mt-5 {
  margin-top: 1.25rem;
}
:root [dir=rtl] .rtl\:mr-5 {
  margin-right: 1.25rem;
}
:root [dir=rtl] .rtl\:mb-5 {
  margin-bottom: 1.25rem;
}
:root [dir=rtl] .rtl\:ml-5 {
  margin-left: 1.25rem;
}
:root [dir=rtl] .rtl\:mt-6 {
  margin-top: 1.5rem;
}
:root [dir=rtl] .rtl\:mr-6 {
  margin-right: 1.5rem;
}
:root [dir=rtl] .rtl\:mb-6 {
  margin-bottom: 1.5rem;
}
:root [dir=rtl] .rtl\:ml-6 {
  margin-left: 1.5rem;
}
:root [dir=rtl] .rtl\:mt-8 {
  margin-top: 2rem;
}
:root [dir=rtl] .rtl\:mr-8 {
  margin-right: 2rem;
}
:root [dir=rtl] .rtl\:mb-8 {
  margin-bottom: 2rem;
}
:root [dir=rtl] .rtl\:ml-8 {
  margin-left: 2rem;
}
:root [dir=rtl] .rtl\:mt-9 {
  margin-top: 2.25rem;
}
:root [dir=rtl] .rtl\:mr-9 {
  margin-right: 2.25rem;
}
:root [dir=rtl] .rtl\:mb-9 {
  margin-bottom: 2.25rem;
}
:root [dir=rtl] .rtl\:ml-9 {
  margin-left: 2.25rem;
}
:root [dir=rtl] .rtl\:mt-10 {
  margin-top: 2.5rem;
}
:root [dir=rtl] .rtl\:mr-10 {
  margin-right: 2.5rem;
}
:root [dir=rtl] .rtl\:mb-10 {
  margin-bottom: 2.5rem;
}
:root [dir=rtl] .rtl\:ml-10 {
  margin-left: 2.5rem;
}
:root [dir=rtl] .rtl\:mt-12 {
  margin-top: 3rem;
}
:root [dir=rtl] .rtl\:mr-12 {
  margin-right: 3rem;
}
:root [dir=rtl] .rtl\:mb-12 {
  margin-bottom: 3rem;
}
:root [dir=rtl] .rtl\:ml-12 {
  margin-left: 3rem;
}
:root [dir=rtl] .rtl\:mt-14 {
  margin-top: 3.5rem;
}
:root [dir=rtl] .rtl\:mr-14 {
  margin-right: 3.5rem;
}
:root [dir=rtl] .rtl\:mb-14 {
  margin-bottom: 3.5rem;
}
:root [dir=rtl] .rtl\:ml-14 {
  margin-left: 3.5rem;
}
:root [dir=rtl] .rtl\:mt-16 {
  margin-top: 4rem;
}
:root [dir=rtl] .rtl\:mr-16 {
  margin-right: 4rem;
}
:root [dir=rtl] .rtl\:mb-16 {
  margin-bottom: 4rem;
}
:root [dir=rtl] .rtl\:ml-16 {
  margin-left: 4rem;
}
:root [dir=rtl] .rtl\:mt-20 {
  margin-top: 5rem;
}
:root [dir=rtl] .rtl\:mr-20 {
  margin-right: 5rem;
}
:root [dir=rtl] .rtl\:mb-20 {
  margin-bottom: 5rem;
}
:root [dir=rtl] .rtl\:ml-20 {
  margin-left: 5rem;
}
:root [dir=rtl] .rtl\:mt-24 {
  margin-top: 6rem;
}
:root [dir=rtl] .rtl\:mr-24 {
  margin-right: 6rem;
}
:root [dir=rtl] .rtl\:mb-24 {
  margin-bottom: 6rem;
}
:root [dir=rtl] .rtl\:ml-24 {
  margin-left: 6rem;
}
:root [dir=rtl] .rtl\:mt-32 {
  margin-top: 8rem;
}
:root [dir=rtl] .rtl\:mr-32 {
  margin-right: 8rem;
}
:root [dir=rtl] .rtl\:mb-32 {
  margin-bottom: 8rem;
}
:root [dir=rtl] .rtl\:ml-32 {
  margin-left: 8rem;
}
:root [dir=rtl] .rtl\:mt-40 {
  margin-top: 10rem;
}
:root [dir=rtl] .rtl\:mr-40 {
  margin-right: 10rem;
}
:root [dir=rtl] .rtl\:mb-40 {
  margin-bottom: 10rem;
}
:root [dir=rtl] .rtl\:ml-40 {
  margin-left: 10rem;
}
:root [dir=rtl] .rtl\:mt-48 {
  margin-top: 12rem;
}
:root [dir=rtl] .rtl\:mr-48 {
  margin-right: 12rem;
}
:root [dir=rtl] .rtl\:mb-48 {
  margin-bottom: 12rem;
}
:root [dir=rtl] .rtl\:ml-48 {
  margin-left: 12rem;
}
:root [dir=rtl] .rtl\:mt-56 {
  margin-top: 14rem;
}
:root [dir=rtl] .rtl\:mr-56 {
  margin-right: 14rem;
}
:root [dir=rtl] .rtl\:mb-56 {
  margin-bottom: 14rem;
}
:root [dir=rtl] .rtl\:ml-56 {
  margin-left: 14rem;
}
:root [dir=rtl] .rtl\:mt-64 {
  margin-top: 16rem;
}
:root [dir=rtl] .rtl\:mr-64 {
  margin-right: 16rem;
}
:root [dir=rtl] .rtl\:mb-64 {
  margin-bottom: 16rem;
}
:root [dir=rtl] .rtl\:ml-64 {
  margin-left: 16rem;
}
:root [dir=rtl] .rtl\:mt-auto {
  margin-top: auto;
}
:root [dir=rtl] .rtl\:mr-auto {
  margin-right: auto;
}
:root [dir=rtl] .rtl\:mb-auto {
  margin-bottom: auto;
}
:root [dir=rtl] .rtl\:ml-auto {
  margin-left: auto;
}
:root [dir=rtl] .rtl\:mt-px {
  margin-top: 1px;
}
:root [dir=rtl] .rtl\:mr-px {
  margin-right: 1px;
}
:root [dir=rtl] .rtl\:mb-px {
  margin-bottom: 1px;
}
:root [dir=rtl] .rtl\:ml-px {
  margin-left: 1px;
}
:root [dir=rtl] .rtl\:mt-gutter {
  margin-top: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:mr-gutter {
  margin-right: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:mb-gutter {
  margin-bottom: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:ml-gutter {
  margin-left: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:-mt-1 {
  margin-top: -0.25rem;
}
:root [dir=rtl] .rtl\:-mr-1 {
  margin-right: -0.25rem;
}
:root [dir=rtl] .rtl\:-mb-1 {
  margin-bottom: -0.25rem;
}
:root [dir=rtl] .rtl\:-ml-1 {
  margin-left: -0.25rem;
}
:root [dir=rtl] .rtl\:-mt-2 {
  margin-top: -0.5rem;
}
:root [dir=rtl] .rtl\:-mr-2 {
  margin-right: -0.5rem;
}
:root [dir=rtl] .rtl\:-mb-2 {
  margin-bottom: -0.5rem;
}
:root [dir=rtl] .rtl\:-ml-2 {
  margin-left: -0.5rem;
}
:root [dir=rtl] .rtl\:-mt-3 {
  margin-top: -0.75rem;
}
:root [dir=rtl] .rtl\:-mr-3 {
  margin-right: -0.75rem;
}
:root [dir=rtl] .rtl\:-mb-3 {
  margin-bottom: -0.75rem;
}
:root [dir=rtl] .rtl\:-ml-3 {
  margin-left: -0.75rem;
}
:root [dir=rtl] .rtl\:-mt-4 {
  margin-top: -1rem;
}
:root [dir=rtl] .rtl\:-mr-4 {
  margin-right: -1rem;
}
:root [dir=rtl] .rtl\:-mb-4 {
  margin-bottom: -1rem;
}
:root [dir=rtl] .rtl\:-ml-4 {
  margin-left: -1rem;
}
:root [dir=rtl] .rtl\:-mt-5 {
  margin-top: -1.25rem;
}
:root [dir=rtl] .rtl\:-mr-5 {
  margin-right: -1.25rem;
}
:root [dir=rtl] .rtl\:-mb-5 {
  margin-bottom: -1.25rem;
}
:root [dir=rtl] .rtl\:-ml-5 {
  margin-left: -1.25rem;
}
:root [dir=rtl] .rtl\:-mt-6 {
  margin-top: -1.5rem;
}
:root [dir=rtl] .rtl\:-mr-6 {
  margin-right: -1.5rem;
}
:root [dir=rtl] .rtl\:-mb-6 {
  margin-bottom: -1.5rem;
}
:root [dir=rtl] .rtl\:-ml-6 {
  margin-left: -1.5rem;
}
:root [dir=rtl] .rtl\:-mt-8 {
  margin-top: -2rem;
}
:root [dir=rtl] .rtl\:-mr-8 {
  margin-right: -2rem;
}
:root [dir=rtl] .rtl\:-mb-8 {
  margin-bottom: -2rem;
}
:root [dir=rtl] .rtl\:-ml-8 {
  margin-left: -2rem;
}
:root [dir=rtl] .rtl\:-mt-9 {
  margin-top: -2.25rem;
}
:root [dir=rtl] .rtl\:-mr-9 {
  margin-right: -2.25rem;
}
:root [dir=rtl] .rtl\:-mb-9 {
  margin-bottom: -2.25rem;
}
:root [dir=rtl] .rtl\:-ml-9 {
  margin-left: -2.25rem;
}
:root [dir=rtl] .rtl\:-mt-10 {
  margin-top: -2.5rem;
}
:root [dir=rtl] .rtl\:-mr-10 {
  margin-right: -2.5rem;
}
:root [dir=rtl] .rtl\:-mb-10 {
  margin-bottom: -2.5rem;
}
:root [dir=rtl] .rtl\:-ml-10 {
  margin-left: -2.5rem;
}
:root [dir=rtl] .rtl\:-mt-12 {
  margin-top: -3rem;
}
:root [dir=rtl] .rtl\:-mr-12 {
  margin-right: -3rem;
}
:root [dir=rtl] .rtl\:-mb-12 {
  margin-bottom: -3rem;
}
:root [dir=rtl] .rtl\:-ml-12 {
  margin-left: -3rem;
}
:root [dir=rtl] .rtl\:-mt-14 {
  margin-top: -3.5rem;
}
:root [dir=rtl] .rtl\:-mr-14 {
  margin-right: -3.5rem;
}
:root [dir=rtl] .rtl\:-mb-14 {
  margin-bottom: -3.5rem;
}
:root [dir=rtl] .rtl\:-ml-14 {
  margin-left: -3.5rem;
}
:root [dir=rtl] .rtl\:-mt-16 {
  margin-top: -4rem;
}
:root [dir=rtl] .rtl\:-mr-16 {
  margin-right: -4rem;
}
:root [dir=rtl] .rtl\:-mb-16 {
  margin-bottom: -4rem;
}
:root [dir=rtl] .rtl\:-ml-16 {
  margin-left: -4rem;
}
:root [dir=rtl] .rtl\:-mt-20 {
  margin-top: -5rem;
}
:root [dir=rtl] .rtl\:-mr-20 {
  margin-right: -5rem;
}
:root [dir=rtl] .rtl\:-mb-20 {
  margin-bottom: -5rem;
}
:root [dir=rtl] .rtl\:-ml-20 {
  margin-left: -5rem;
}
:root [dir=rtl] .rtl\:-mt-24 {
  margin-top: -6rem;
}
:root [dir=rtl] .rtl\:-mr-24 {
  margin-right: -6rem;
}
:root [dir=rtl] .rtl\:-mb-24 {
  margin-bottom: -6rem;
}
:root [dir=rtl] .rtl\:-ml-24 {
  margin-left: -6rem;
}
:root [dir=rtl] .rtl\:-mt-32 {
  margin-top: -8rem;
}
:root [dir=rtl] .rtl\:-mr-32 {
  margin-right: -8rem;
}
:root [dir=rtl] .rtl\:-mb-32 {
  margin-bottom: -8rem;
}
:root [dir=rtl] .rtl\:-ml-32 {
  margin-left: -8rem;
}
:root [dir=rtl] .rtl\:-mt-40 {
  margin-top: -10rem;
}
:root [dir=rtl] .rtl\:-mr-40 {
  margin-right: -10rem;
}
:root [dir=rtl] .rtl\:-mb-40 {
  margin-bottom: -10rem;
}
:root [dir=rtl] .rtl\:-ml-40 {
  margin-left: -10rem;
}
:root [dir=rtl] .rtl\:-mt-48 {
  margin-top: -12rem;
}
:root [dir=rtl] .rtl\:-mr-48 {
  margin-right: -12rem;
}
:root [dir=rtl] .rtl\:-mb-48 {
  margin-bottom: -12rem;
}
:root [dir=rtl] .rtl\:-ml-48 {
  margin-left: -12rem;
}
:root [dir=rtl] .rtl\:-mt-56 {
  margin-top: -14rem;
}
:root [dir=rtl] .rtl\:-mr-56 {
  margin-right: -14rem;
}
:root [dir=rtl] .rtl\:-mb-56 {
  margin-bottom: -14rem;
}
:root [dir=rtl] .rtl\:-ml-56 {
  margin-left: -14rem;
}
:root [dir=rtl] .rtl\:-mt-64 {
  margin-top: -16rem;
}
:root [dir=rtl] .rtl\:-mr-64 {
  margin-right: -16rem;
}
:root [dir=rtl] .rtl\:-mb-64 {
  margin-bottom: -16rem;
}
:root [dir=rtl] .rtl\:-ml-64 {
  margin-left: -16rem;
}
:root [dir=rtl] .rtl\:-mt-px {
  margin-top: -1px;
}
:root [dir=rtl] .rtl\:-mr-px {
  margin-right: -1px;
}
:root [dir=rtl] .rtl\:-mb-px {
  margin-bottom: -1px;
}
:root [dir=rtl] .rtl\:-ml-px {
  margin-left: -1px;
}
:root [dir=rtl] .rtl\:-mt-gutter {
  margin-top: calc(var(--padding-gutter) * -1);
}
:root [dir=rtl] .rtl\:-mr-gutter {
  margin-right: calc(var(--padding-gutter) * -1);
}
:root [dir=rtl] .rtl\:-mb-gutter {
  margin-bottom: calc(var(--padding-gutter) * -1);
}
:root [dir=rtl] .rtl\:-ml-gutter {
  margin-left: calc(var(--padding-gutter) * -1);
}
:root .max-h-full {
  max-height: 100%;
}
:root .max-h-screen {
  max-height: 100vh;
}
:root .max-w-unset {
  max-width: unset;
}
:root .max-w-xxxs {
  max-width: 16rem;
}
:root .max-w-xxs {
  max-width: 18rem;
}
:root .max-w-xs {
  max-width: 20rem;
}
:root .max-w-sm {
  max-width: 24rem;
}
:root .max-w-md {
  max-width: 28rem;
}
:root .max-w-lg {
  max-width: 32rem;
}
:root .max-w-xl {
  max-width: 36rem;
}
:root .max-w-2xl {
  max-width: 42rem;
}
:root .max-w-3xl {
  max-width: 48rem;
}
:root .max-w-4xl {
  max-width: 56rem;
}
:root .max-w-5xl {
  max-width: 64rem;
}
:root .max-w-6xl {
  max-width: 72rem;
}
:root .max-w-full {
  max-width: 100%;
}
:root .min-h-0 {
  min-height: 0;
}
:root .min-h-full {
  min-height: 100%;
}
:root .min-h-screen {
  min-height: 100vh;
}
:root .min-w-0 {
  min-width: 0;
}
:root .min-w-1 {
  min-width: 0.25rem;
}
:root .min-w-2 {
  min-width: 0.5rem;
}
:root .min-w-3 {
  min-width: 0.75rem;
}
:root .min-w-4 {
  min-width: 1rem;
}
:root .min-w-5 {
  min-width: 1.25rem;
}
:root .min-w-6 {
  min-width: 1.5rem;
}
:root .min-w-8 {
  min-width: 2rem;
}
:root .min-w-9 {
  min-width: 2.25rem;
}
:root .min-w-10 {
  min-width: 2.5rem;
}
:root .min-w-12 {
  min-width: 3rem;
}
:root .min-w-14 {
  min-width: 3.5rem;
}
:root .min-w-16 {
  min-width: 4rem;
}
:root .min-w-20 {
  min-width: 5rem;
}
:root .min-w-24 {
  min-width: 6rem;
}
:root .min-w-32 {
  min-width: 8rem;
}
:root .min-w-40 {
  min-width: 10rem;
}
:root .min-w-48 {
  min-width: 12rem;
}
:root .min-w-56 {
  min-width: 14rem;
}
:root .min-w-64 {
  min-width: 16rem;
}
:root .min-w-full {
  min-width: 100%;
}
:root .min-w-px {
  min-width: 1px;
}
:root .min-w-gutter {
  min-width: var(--padding-gutter);
}
:root .object-contain {
  object-fit: contain;
}
:root .object-cover {
  object-fit: cover;
}
:root .object-fill {
  object-fit: fill;
}
:root .object-none {
  object-fit: none;
}
:root .object-scale-down {
  object-fit: scale-down;
}
:root .object-bottom {
  object-position: bottom;
}
:root .object-center {
  object-position: center;
}
:root .object-left {
  object-position: left;
}
:root .object-left-bottom {
  object-position: left bottom;
}
:root .object-left-top {
  object-position: left top;
}
:root .object-right {
  object-position: right;
}
:root .object-right-bottom {
  object-position: right bottom;
}
:root .object-right-top {
  object-position: right top;
}
:root .object-top {
  object-position: top;
}
:root .opacity-0 {
  opacity: 0;
}
:root .opacity-25 {
  opacity: 0.25;
}
:root .opacity-50 {
  opacity: 0.5;
}
:root .opacity-75 {
  opacity: 0.75;
}
:root .opacity-100 {
  opacity: 1;
}
:root .hover\:opacity-0:hover {
  opacity: 0;
}
:root .hover\:opacity-25:hover {
  opacity: 0.25;
}
:root .hover\:opacity-50:hover {
  opacity: 0.5;
}
:root .hover\:opacity-75:hover {
  opacity: 0.75;
}
:root .hover\:opacity-100:hover {
  opacity: 1;
}
:root .focus\:opacity-0:focus {
  opacity: 0;
}
:root .focus\:opacity-25:focus {
  opacity: 0.25;
}
:root .focus\:opacity-50:focus {
  opacity: 0.5;
}
:root .focus\:opacity-75:focus {
  opacity: 0.75;
}
:root .focus\:opacity-100:focus {
  opacity: 1;
}
:root .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:root .outline-white {
  outline: 2px dotted white;
  outline-offset: 2px;
}
:root .outline-black {
  outline: 2px dotted black;
  outline-offset: 2px;
}
:root .focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:root .focus\:outline-white:focus {
  outline: 2px dotted white;
  outline-offset: 2px;
}
:root .focus\:outline-black:focus {
  outline: 2px dotted black;
  outline-offset: 2px;
}
:root .overflow-auto {
  overflow: auto;
}
:root .overflow-hidden {
  overflow: hidden;
}
:root .overflow-visible {
  overflow: visible;
}
:root .overflow-scroll {
  overflow: scroll;
}
:root .overflow-x-auto {
  overflow-x: auto;
}
:root .overflow-y-auto {
  overflow-y: auto;
}
:root .overflow-x-hidden {
  overflow-x: hidden;
}
:root .overflow-y-hidden {
  overflow-y: hidden;
}
:root .overflow-x-visible {
  overflow-x: visible;
}
:root .overflow-y-visible {
  overflow-y: visible;
}
:root .overflow-x-scroll {
  overflow-x: scroll;
}
:root .overflow-y-scroll {
  overflow-y: scroll;
}
:root .scrolling-touch {
  -webkit-overflow-scrolling: touch;
}
:root .scrolling-auto {
  -webkit-overflow-scrolling: auto;
}
:root .overscroll-auto {
  overscroll-behavior: auto;
}
:root .overscroll-contain {
  overscroll-behavior: contain;
}
:root .overscroll-none {
  overscroll-behavior: none;
}
:root .overscroll-y-auto {
  overscroll-behavior-y: auto;
}
:root .overscroll-y-contain {
  overscroll-behavior-y: contain;
}
:root .overscroll-y-none {
  overscroll-behavior-y: none;
}
:root .overscroll-x-auto {
  overscroll-behavior-x: auto;
}
:root .overscroll-x-contain {
  overscroll-behavior-x: contain;
}
:root .overscroll-x-none {
  overscroll-behavior-x: none;
}
:root .p-0 {
  padding: 0;
}
:root .p-1 {
  padding: 0.25rem;
}
:root .p-2 {
  padding: 0.5rem;
}
:root .p-3 {
  padding: 0.75rem;
}
:root .p-4 {
  padding: 1rem;
}
:root .p-5 {
  padding: 1.25rem;
}
:root .p-6 {
  padding: 1.5rem;
}
:root .p-8 {
  padding: 2rem;
}
:root .p-9 {
  padding: 2.25rem;
}
:root .p-10 {
  padding: 2.5rem;
}
:root .p-12 {
  padding: 3rem;
}
:root .p-14 {
  padding: 3.5rem;
}
:root .p-16 {
  padding: 4rem;
}
:root .p-20 {
  padding: 5rem;
}
:root .p-24 {
  padding: 6rem;
}
:root .p-32 {
  padding: 8rem;
}
:root .p-40 {
  padding: 10rem;
}
:root .p-48 {
  padding: 12rem;
}
:root .p-56 {
  padding: 14rem;
}
:root .p-64 {
  padding: 16rem;
}
:root .p-px {
  padding: 1px;
}
:root .p-gutter {
  padding: var(--padding-gutter);
}
:root .py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
:root .px-0 {
  padding-left: 0;
  padding-right: 0;
}
:root .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
:root .px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:root .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
:root .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
:root .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
:root .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
:root .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
:root .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
:root .py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
:root .px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
:root .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
:root .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
:root .py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
:root .px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
:root .py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
:root .px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
:root .py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
:root .px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
:root .py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
:root .px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
:root .py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
:root .px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
:root .py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
:root .px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
:root .py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
:root .px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
:root .py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
:root .px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
:root .py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
:root .px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
:root .py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
:root .px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}
:root .py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
:root .px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}
:root .py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
:root .px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}
:root .py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
:root .px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}
:root .py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
:root .px-px {
  padding-left: 1px;
  padding-right: 1px;
}
:root .py-gutter {
  padding-top: var(--padding-gutter);
  padding-bottom: var(--padding-gutter);
}
:root .px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
:root .pt-0 {
  padding-top: 0;
}
:root .pr-0 {
  padding-right: 0;
}
:root .pb-0 {
  padding-bottom: 0;
}
:root .pl-0 {
  padding-left: 0;
}
:root .pt-1 {
  padding-top: 0.25rem;
}
:root .pr-1 {
  padding-right: 0.25rem;
}
:root .pb-1 {
  padding-bottom: 0.25rem;
}
:root .pl-1 {
  padding-left: 0.25rem;
}
:root .pt-2 {
  padding-top: 0.5rem;
}
:root .pr-2 {
  padding-right: 0.5rem;
}
:root .pb-2 {
  padding-bottom: 0.5rem;
}
:root .pl-2 {
  padding-left: 0.5rem;
}
:root .pt-3 {
  padding-top: 0.75rem;
}
:root .pr-3 {
  padding-right: 0.75rem;
}
:root .pb-3 {
  padding-bottom: 0.75rem;
}
:root .pl-3 {
  padding-left: 0.75rem;
}
:root .pt-4 {
  padding-top: 1rem;
}
:root .pr-4 {
  padding-right: 1rem;
}
:root .pb-4 {
  padding-bottom: 1rem;
}
:root .pl-4 {
  padding-left: 1rem;
}
:root .pt-5 {
  padding-top: 1.25rem;
}
:root .pr-5 {
  padding-right: 1.25rem;
}
:root .pb-5 {
  padding-bottom: 1.25rem;
}
:root .pl-5 {
  padding-left: 1.25rem;
}
:root .pt-6 {
  padding-top: 1.5rem;
}
:root .pr-6 {
  padding-right: 1.5rem;
}
:root .pb-6 {
  padding-bottom: 1.5rem;
}
:root .pl-6 {
  padding-left: 1.5rem;
}
:root .pt-8 {
  padding-top: 2rem;
}
:root .pr-8 {
  padding-right: 2rem;
}
:root .pb-8 {
  padding-bottom: 2rem;
}
:root .pl-8 {
  padding-left: 2rem;
}
:root .pt-9 {
  padding-top: 2.25rem;
}
:root .pr-9 {
  padding-right: 2.25rem;
}
:root .pb-9 {
  padding-bottom: 2.25rem;
}
:root .pl-9 {
  padding-left: 2.25rem;
}
:root .pt-10 {
  padding-top: 2.5rem;
}
:root .pr-10 {
  padding-right: 2.5rem;
}
:root .pb-10 {
  padding-bottom: 2.5rem;
}
:root .pl-10 {
  padding-left: 2.5rem;
}
:root .pt-12 {
  padding-top: 3rem;
}
:root .pr-12 {
  padding-right: 3rem;
}
:root .pb-12 {
  padding-bottom: 3rem;
}
:root .pl-12 {
  padding-left: 3rem;
}
:root .pt-14 {
  padding-top: 3.5rem;
}
:root .pr-14 {
  padding-right: 3.5rem;
}
:root .pb-14 {
  padding-bottom: 3.5rem;
}
:root .pl-14 {
  padding-left: 3.5rem;
}
:root .pt-16 {
  padding-top: 4rem;
}
:root .pr-16 {
  padding-right: 4rem;
}
:root .pb-16 {
  padding-bottom: 4rem;
}
:root .pl-16 {
  padding-left: 4rem;
}
:root .pt-20 {
  padding-top: 5rem;
}
:root .pr-20 {
  padding-right: 5rem;
}
:root .pb-20 {
  padding-bottom: 5rem;
}
:root .pl-20 {
  padding-left: 5rem;
}
:root .pt-24 {
  padding-top: 6rem;
}
:root .pr-24 {
  padding-right: 6rem;
}
:root .pb-24 {
  padding-bottom: 6rem;
}
:root .pl-24 {
  padding-left: 6rem;
}
:root .pt-32 {
  padding-top: 8rem;
}
:root .pr-32 {
  padding-right: 8rem;
}
:root .pb-32 {
  padding-bottom: 8rem;
}
:root .pl-32 {
  padding-left: 8rem;
}
:root .pt-40 {
  padding-top: 10rem;
}
:root .pr-40 {
  padding-right: 10rem;
}
:root .pb-40 {
  padding-bottom: 10rem;
}
:root .pl-40 {
  padding-left: 10rem;
}
:root .pt-48 {
  padding-top: 12rem;
}
:root .pr-48 {
  padding-right: 12rem;
}
:root .pb-48 {
  padding-bottom: 12rem;
}
:root .pl-48 {
  padding-left: 12rem;
}
:root .pt-56 {
  padding-top: 14rem;
}
:root .pr-56 {
  padding-right: 14rem;
}
:root .pb-56 {
  padding-bottom: 14rem;
}
:root .pl-56 {
  padding-left: 14rem;
}
:root .pt-64 {
  padding-top: 16rem;
}
:root .pr-64 {
  padding-right: 16rem;
}
:root .pb-64 {
  padding-bottom: 16rem;
}
:root .pl-64 {
  padding-left: 16rem;
}
:root .pt-px {
  padding-top: 1px;
}
:root .pr-px {
  padding-right: 1px;
}
:root .pb-px {
  padding-bottom: 1px;
}
:root .pl-px {
  padding-left: 1px;
}
:root .pt-gutter {
  padding-top: var(--padding-gutter);
}
:root .pr-gutter {
  padding-right: var(--padding-gutter);
}
:root .pb-gutter {
  padding-bottom: var(--padding-gutter);
}
:root .pl-gutter {
  padding-left: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:p-0 {
  padding: 0;
}
:root [dir=ltr] .ltr\:p-1 {
  padding: 0.25rem;
}
:root [dir=ltr] .ltr\:p-2 {
  padding: 0.5rem;
}
:root [dir=ltr] .ltr\:p-3 {
  padding: 0.75rem;
}
:root [dir=ltr] .ltr\:p-4 {
  padding: 1rem;
}
:root [dir=ltr] .ltr\:p-5 {
  padding: 1.25rem;
}
:root [dir=ltr] .ltr\:p-6 {
  padding: 1.5rem;
}
:root [dir=ltr] .ltr\:p-8 {
  padding: 2rem;
}
:root [dir=ltr] .ltr\:p-9 {
  padding: 2.25rem;
}
:root [dir=ltr] .ltr\:p-10 {
  padding: 2.5rem;
}
:root [dir=ltr] .ltr\:p-12 {
  padding: 3rem;
}
:root [dir=ltr] .ltr\:p-14 {
  padding: 3.5rem;
}
:root [dir=ltr] .ltr\:p-16 {
  padding: 4rem;
}
:root [dir=ltr] .ltr\:p-20 {
  padding: 5rem;
}
:root [dir=ltr] .ltr\:p-24 {
  padding: 6rem;
}
:root [dir=ltr] .ltr\:p-32 {
  padding: 8rem;
}
:root [dir=ltr] .ltr\:p-40 {
  padding: 10rem;
}
:root [dir=ltr] .ltr\:p-48 {
  padding: 12rem;
}
:root [dir=ltr] .ltr\:p-56 {
  padding: 14rem;
}
:root [dir=ltr] .ltr\:p-64 {
  padding: 16rem;
}
:root [dir=ltr] .ltr\:p-px {
  padding: 1px;
}
:root [dir=ltr] .ltr\:p-gutter {
  padding: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
:root [dir=ltr] .ltr\:px-0 {
  padding-left: 0;
  padding-right: 0;
}
:root [dir=ltr] .ltr\:py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
:root [dir=ltr] .ltr\:px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:root [dir=ltr] .ltr\:py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
:root [dir=ltr] .ltr\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
:root [dir=ltr] .ltr\:py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
:root [dir=ltr] .ltr\:px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
:root [dir=ltr] .ltr\:py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
:root [dir=ltr] .ltr\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
:root [dir=ltr] .ltr\:py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
:root [dir=ltr] .ltr\:px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
:root [dir=ltr] .ltr\:py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
:root [dir=ltr] .ltr\:px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
:root [dir=ltr] .ltr\:py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
:root [dir=ltr] .ltr\:px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
:root [dir=ltr] .ltr\:py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
:root [dir=ltr] .ltr\:px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
:root [dir=ltr] .ltr\:py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
:root [dir=ltr] .ltr\:px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
:root [dir=ltr] .ltr\:py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
:root [dir=ltr] .ltr\:px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
:root [dir=ltr] .ltr\:py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
:root [dir=ltr] .ltr\:px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
:root [dir=ltr] .ltr\:py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
:root [dir=ltr] .ltr\:px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
:root [dir=ltr] .ltr\:py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
:root [dir=ltr] .ltr\:px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
:root [dir=ltr] .ltr\:py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
:root [dir=ltr] .ltr\:px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
:root [dir=ltr] .ltr\:py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
:root [dir=ltr] .ltr\:px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
:root [dir=ltr] .ltr\:py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
:root [dir=ltr] .ltr\:px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}
:root [dir=ltr] .ltr\:py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
:root [dir=ltr] .ltr\:px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}
:root [dir=ltr] .ltr\:py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
:root [dir=ltr] .ltr\:px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}
:root [dir=ltr] .ltr\:py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
:root [dir=ltr] .ltr\:px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}
:root [dir=ltr] .ltr\:py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
:root [dir=ltr] .ltr\:px-px {
  padding-left: 1px;
  padding-right: 1px;
}
:root [dir=ltr] .ltr\:py-gutter {
  padding-top: var(--padding-gutter);
  padding-bottom: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:pt-0 {
  padding-top: 0;
}
:root [dir=ltr] .ltr\:pr-0 {
  padding-right: 0;
}
:root [dir=ltr] .ltr\:pb-0 {
  padding-bottom: 0;
}
:root [dir=ltr] .ltr\:pl-0 {
  padding-left: 0;
}
:root [dir=ltr] .ltr\:pt-1 {
  padding-top: 0.25rem;
}
:root [dir=ltr] .ltr\:pr-1 {
  padding-right: 0.25rem;
}
:root [dir=ltr] .ltr\:pb-1 {
  padding-bottom: 0.25rem;
}
:root [dir=ltr] .ltr\:pl-1 {
  padding-left: 0.25rem;
}
:root [dir=ltr] .ltr\:pt-2 {
  padding-top: 0.5rem;
}
:root [dir=ltr] .ltr\:pr-2 {
  padding-right: 0.5rem;
}
:root [dir=ltr] .ltr\:pb-2 {
  padding-bottom: 0.5rem;
}
:root [dir=ltr] .ltr\:pl-2 {
  padding-left: 0.5rem;
}
:root [dir=ltr] .ltr\:pt-3 {
  padding-top: 0.75rem;
}
:root [dir=ltr] .ltr\:pr-3 {
  padding-right: 0.75rem;
}
:root [dir=ltr] .ltr\:pb-3 {
  padding-bottom: 0.75rem;
}
:root [dir=ltr] .ltr\:pl-3 {
  padding-left: 0.75rem;
}
:root [dir=ltr] .ltr\:pt-4 {
  padding-top: 1rem;
}
:root [dir=ltr] .ltr\:pr-4 {
  padding-right: 1rem;
}
:root [dir=ltr] .ltr\:pb-4 {
  padding-bottom: 1rem;
}
:root [dir=ltr] .ltr\:pl-4 {
  padding-left: 1rem;
}
:root [dir=ltr] .ltr\:pt-5 {
  padding-top: 1.25rem;
}
:root [dir=ltr] .ltr\:pr-5 {
  padding-right: 1.25rem;
}
:root [dir=ltr] .ltr\:pb-5 {
  padding-bottom: 1.25rem;
}
:root [dir=ltr] .ltr\:pl-5 {
  padding-left: 1.25rem;
}
:root [dir=ltr] .ltr\:pt-6 {
  padding-top: 1.5rem;
}
:root [dir=ltr] .ltr\:pr-6 {
  padding-right: 1.5rem;
}
:root [dir=ltr] .ltr\:pb-6 {
  padding-bottom: 1.5rem;
}
:root [dir=ltr] .ltr\:pl-6 {
  padding-left: 1.5rem;
}
:root [dir=ltr] .ltr\:pt-8 {
  padding-top: 2rem;
}
:root [dir=ltr] .ltr\:pr-8 {
  padding-right: 2rem;
}
:root [dir=ltr] .ltr\:pb-8 {
  padding-bottom: 2rem;
}
:root [dir=ltr] .ltr\:pl-8 {
  padding-left: 2rem;
}
:root [dir=ltr] .ltr\:pt-9 {
  padding-top: 2.25rem;
}
:root [dir=ltr] .ltr\:pr-9 {
  padding-right: 2.25rem;
}
:root [dir=ltr] .ltr\:pb-9 {
  padding-bottom: 2.25rem;
}
:root [dir=ltr] .ltr\:pl-9 {
  padding-left: 2.25rem;
}
:root [dir=ltr] .ltr\:pt-10 {
  padding-top: 2.5rem;
}
:root [dir=ltr] .ltr\:pr-10 {
  padding-right: 2.5rem;
}
:root [dir=ltr] .ltr\:pb-10 {
  padding-bottom: 2.5rem;
}
:root [dir=ltr] .ltr\:pl-10 {
  padding-left: 2.5rem;
}
:root [dir=ltr] .ltr\:pt-12 {
  padding-top: 3rem;
}
:root [dir=ltr] .ltr\:pr-12 {
  padding-right: 3rem;
}
:root [dir=ltr] .ltr\:pb-12 {
  padding-bottom: 3rem;
}
:root [dir=ltr] .ltr\:pl-12 {
  padding-left: 3rem;
}
:root [dir=ltr] .ltr\:pt-14 {
  padding-top: 3.5rem;
}
:root [dir=ltr] .ltr\:pr-14 {
  padding-right: 3.5rem;
}
:root [dir=ltr] .ltr\:pb-14 {
  padding-bottom: 3.5rem;
}
:root [dir=ltr] .ltr\:pl-14 {
  padding-left: 3.5rem;
}
:root [dir=ltr] .ltr\:pt-16 {
  padding-top: 4rem;
}
:root [dir=ltr] .ltr\:pr-16 {
  padding-right: 4rem;
}
:root [dir=ltr] .ltr\:pb-16 {
  padding-bottom: 4rem;
}
:root [dir=ltr] .ltr\:pl-16 {
  padding-left: 4rem;
}
:root [dir=ltr] .ltr\:pt-20 {
  padding-top: 5rem;
}
:root [dir=ltr] .ltr\:pr-20 {
  padding-right: 5rem;
}
:root [dir=ltr] .ltr\:pb-20 {
  padding-bottom: 5rem;
}
:root [dir=ltr] .ltr\:pl-20 {
  padding-left: 5rem;
}
:root [dir=ltr] .ltr\:pt-24 {
  padding-top: 6rem;
}
:root [dir=ltr] .ltr\:pr-24 {
  padding-right: 6rem;
}
:root [dir=ltr] .ltr\:pb-24 {
  padding-bottom: 6rem;
}
:root [dir=ltr] .ltr\:pl-24 {
  padding-left: 6rem;
}
:root [dir=ltr] .ltr\:pt-32 {
  padding-top: 8rem;
}
:root [dir=ltr] .ltr\:pr-32 {
  padding-right: 8rem;
}
:root [dir=ltr] .ltr\:pb-32 {
  padding-bottom: 8rem;
}
:root [dir=ltr] .ltr\:pl-32 {
  padding-left: 8rem;
}
:root [dir=ltr] .ltr\:pt-40 {
  padding-top: 10rem;
}
:root [dir=ltr] .ltr\:pr-40 {
  padding-right: 10rem;
}
:root [dir=ltr] .ltr\:pb-40 {
  padding-bottom: 10rem;
}
:root [dir=ltr] .ltr\:pl-40 {
  padding-left: 10rem;
}
:root [dir=ltr] .ltr\:pt-48 {
  padding-top: 12rem;
}
:root [dir=ltr] .ltr\:pr-48 {
  padding-right: 12rem;
}
:root [dir=ltr] .ltr\:pb-48 {
  padding-bottom: 12rem;
}
:root [dir=ltr] .ltr\:pl-48 {
  padding-left: 12rem;
}
:root [dir=ltr] .ltr\:pt-56 {
  padding-top: 14rem;
}
:root [dir=ltr] .ltr\:pr-56 {
  padding-right: 14rem;
}
:root [dir=ltr] .ltr\:pb-56 {
  padding-bottom: 14rem;
}
:root [dir=ltr] .ltr\:pl-56 {
  padding-left: 14rem;
}
:root [dir=ltr] .ltr\:pt-64 {
  padding-top: 16rem;
}
:root [dir=ltr] .ltr\:pr-64 {
  padding-right: 16rem;
}
:root [dir=ltr] .ltr\:pb-64 {
  padding-bottom: 16rem;
}
:root [dir=ltr] .ltr\:pl-64 {
  padding-left: 16rem;
}
:root [dir=ltr] .ltr\:pt-px {
  padding-top: 1px;
}
:root [dir=ltr] .ltr\:pr-px {
  padding-right: 1px;
}
:root [dir=ltr] .ltr\:pb-px {
  padding-bottom: 1px;
}
:root [dir=ltr] .ltr\:pl-px {
  padding-left: 1px;
}
:root [dir=ltr] .ltr\:pt-gutter {
  padding-top: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:pr-gutter {
  padding-right: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:pb-gutter {
  padding-bottom: var(--padding-gutter);
}
:root [dir=ltr] .ltr\:pl-gutter {
  padding-left: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:p-0 {
  padding: 0;
}
:root [dir=rtl] .rtl\:p-1 {
  padding: 0.25rem;
}
:root [dir=rtl] .rtl\:p-2 {
  padding: 0.5rem;
}
:root [dir=rtl] .rtl\:p-3 {
  padding: 0.75rem;
}
:root [dir=rtl] .rtl\:p-4 {
  padding: 1rem;
}
:root [dir=rtl] .rtl\:p-5 {
  padding: 1.25rem;
}
:root [dir=rtl] .rtl\:p-6 {
  padding: 1.5rem;
}
:root [dir=rtl] .rtl\:p-8 {
  padding: 2rem;
}
:root [dir=rtl] .rtl\:p-9 {
  padding: 2.25rem;
}
:root [dir=rtl] .rtl\:p-10 {
  padding: 2.5rem;
}
:root [dir=rtl] .rtl\:p-12 {
  padding: 3rem;
}
:root [dir=rtl] .rtl\:p-14 {
  padding: 3.5rem;
}
:root [dir=rtl] .rtl\:p-16 {
  padding: 4rem;
}
:root [dir=rtl] .rtl\:p-20 {
  padding: 5rem;
}
:root [dir=rtl] .rtl\:p-24 {
  padding: 6rem;
}
:root [dir=rtl] .rtl\:p-32 {
  padding: 8rem;
}
:root [dir=rtl] .rtl\:p-40 {
  padding: 10rem;
}
:root [dir=rtl] .rtl\:p-48 {
  padding: 12rem;
}
:root [dir=rtl] .rtl\:p-56 {
  padding: 14rem;
}
:root [dir=rtl] .rtl\:p-64 {
  padding: 16rem;
}
:root [dir=rtl] .rtl\:p-px {
  padding: 1px;
}
:root [dir=rtl] .rtl\:p-gutter {
  padding: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
:root [dir=rtl] .rtl\:px-0 {
  padding-left: 0;
  padding-right: 0;
}
:root [dir=rtl] .rtl\:py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
:root [dir=rtl] .rtl\:px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:root [dir=rtl] .rtl\:py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
:root [dir=rtl] .rtl\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
:root [dir=rtl] .rtl\:py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
:root [dir=rtl] .rtl\:px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
:root [dir=rtl] .rtl\:py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
:root [dir=rtl] .rtl\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
:root [dir=rtl] .rtl\:py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
:root [dir=rtl] .rtl\:px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
:root [dir=rtl] .rtl\:py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
:root [dir=rtl] .rtl\:px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
:root [dir=rtl] .rtl\:py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
:root [dir=rtl] .rtl\:px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
:root [dir=rtl] .rtl\:py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
:root [dir=rtl] .rtl\:px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
:root [dir=rtl] .rtl\:py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
:root [dir=rtl] .rtl\:px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
:root [dir=rtl] .rtl\:py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
:root [dir=rtl] .rtl\:px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
:root [dir=rtl] .rtl\:py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
:root [dir=rtl] .rtl\:px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
:root [dir=rtl] .rtl\:py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
:root [dir=rtl] .rtl\:px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
:root [dir=rtl] .rtl\:py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
:root [dir=rtl] .rtl\:px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}
:root [dir=rtl] .rtl\:py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
:root [dir=rtl] .rtl\:px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}
:root [dir=rtl] .rtl\:py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
:root [dir=rtl] .rtl\:px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}
:root [dir=rtl] .rtl\:py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
:root [dir=rtl] .rtl\:px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}
:root [dir=rtl] .rtl\:py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
:root [dir=rtl] .rtl\:px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}
:root [dir=rtl] .rtl\:py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}
:root [dir=rtl] .rtl\:px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}
:root [dir=rtl] .rtl\:py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
:root [dir=rtl] .rtl\:px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}
:root [dir=rtl] .rtl\:py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
:root [dir=rtl] .rtl\:px-px {
  padding-left: 1px;
  padding-right: 1px;
}
:root [dir=rtl] .rtl\:py-gutter {
  padding-top: var(--padding-gutter);
  padding-bottom: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:pt-0 {
  padding-top: 0;
}
:root [dir=rtl] .rtl\:pr-0 {
  padding-right: 0;
}
:root [dir=rtl] .rtl\:pb-0 {
  padding-bottom: 0;
}
:root [dir=rtl] .rtl\:pl-0 {
  padding-left: 0;
}
:root [dir=rtl] .rtl\:pt-1 {
  padding-top: 0.25rem;
}
:root [dir=rtl] .rtl\:pr-1 {
  padding-right: 0.25rem;
}
:root [dir=rtl] .rtl\:pb-1 {
  padding-bottom: 0.25rem;
}
:root [dir=rtl] .rtl\:pl-1 {
  padding-left: 0.25rem;
}
:root [dir=rtl] .rtl\:pt-2 {
  padding-top: 0.5rem;
}
:root [dir=rtl] .rtl\:pr-2 {
  padding-right: 0.5rem;
}
:root [dir=rtl] .rtl\:pb-2 {
  padding-bottom: 0.5rem;
}
:root [dir=rtl] .rtl\:pl-2 {
  padding-left: 0.5rem;
}
:root [dir=rtl] .rtl\:pt-3 {
  padding-top: 0.75rem;
}
:root [dir=rtl] .rtl\:pr-3 {
  padding-right: 0.75rem;
}
:root [dir=rtl] .rtl\:pb-3 {
  padding-bottom: 0.75rem;
}
:root [dir=rtl] .rtl\:pl-3 {
  padding-left: 0.75rem;
}
:root [dir=rtl] .rtl\:pt-4 {
  padding-top: 1rem;
}
:root [dir=rtl] .rtl\:pr-4 {
  padding-right: 1rem;
}
:root [dir=rtl] .rtl\:pb-4 {
  padding-bottom: 1rem;
}
:root [dir=rtl] .rtl\:pl-4 {
  padding-left: 1rem;
}
:root [dir=rtl] .rtl\:pt-5 {
  padding-top: 1.25rem;
}
:root [dir=rtl] .rtl\:pr-5 {
  padding-right: 1.25rem;
}
:root [dir=rtl] .rtl\:pb-5 {
  padding-bottom: 1.25rem;
}
:root [dir=rtl] .rtl\:pl-5 {
  padding-left: 1.25rem;
}
:root [dir=rtl] .rtl\:pt-6 {
  padding-top: 1.5rem;
}
:root [dir=rtl] .rtl\:pr-6 {
  padding-right: 1.5rem;
}
:root [dir=rtl] .rtl\:pb-6 {
  padding-bottom: 1.5rem;
}
:root [dir=rtl] .rtl\:pl-6 {
  padding-left: 1.5rem;
}
:root [dir=rtl] .rtl\:pt-8 {
  padding-top: 2rem;
}
:root [dir=rtl] .rtl\:pr-8 {
  padding-right: 2rem;
}
:root [dir=rtl] .rtl\:pb-8 {
  padding-bottom: 2rem;
}
:root [dir=rtl] .rtl\:pl-8 {
  padding-left: 2rem;
}
:root [dir=rtl] .rtl\:pt-9 {
  padding-top: 2.25rem;
}
:root [dir=rtl] .rtl\:pr-9 {
  padding-right: 2.25rem;
}
:root [dir=rtl] .rtl\:pb-9 {
  padding-bottom: 2.25rem;
}
:root [dir=rtl] .rtl\:pl-9 {
  padding-left: 2.25rem;
}
:root [dir=rtl] .rtl\:pt-10 {
  padding-top: 2.5rem;
}
:root [dir=rtl] .rtl\:pr-10 {
  padding-right: 2.5rem;
}
:root [dir=rtl] .rtl\:pb-10 {
  padding-bottom: 2.5rem;
}
:root [dir=rtl] .rtl\:pl-10 {
  padding-left: 2.5rem;
}
:root [dir=rtl] .rtl\:pt-12 {
  padding-top: 3rem;
}
:root [dir=rtl] .rtl\:pr-12 {
  padding-right: 3rem;
}
:root [dir=rtl] .rtl\:pb-12 {
  padding-bottom: 3rem;
}
:root [dir=rtl] .rtl\:pl-12 {
  padding-left: 3rem;
}
:root [dir=rtl] .rtl\:pt-14 {
  padding-top: 3.5rem;
}
:root [dir=rtl] .rtl\:pr-14 {
  padding-right: 3.5rem;
}
:root [dir=rtl] .rtl\:pb-14 {
  padding-bottom: 3.5rem;
}
:root [dir=rtl] .rtl\:pl-14 {
  padding-left: 3.5rem;
}
:root [dir=rtl] .rtl\:pt-16 {
  padding-top: 4rem;
}
:root [dir=rtl] .rtl\:pr-16 {
  padding-right: 4rem;
}
:root [dir=rtl] .rtl\:pb-16 {
  padding-bottom: 4rem;
}
:root [dir=rtl] .rtl\:pl-16 {
  padding-left: 4rem;
}
:root [dir=rtl] .rtl\:pt-20 {
  padding-top: 5rem;
}
:root [dir=rtl] .rtl\:pr-20 {
  padding-right: 5rem;
}
:root [dir=rtl] .rtl\:pb-20 {
  padding-bottom: 5rem;
}
:root [dir=rtl] .rtl\:pl-20 {
  padding-left: 5rem;
}
:root [dir=rtl] .rtl\:pt-24 {
  padding-top: 6rem;
}
:root [dir=rtl] .rtl\:pr-24 {
  padding-right: 6rem;
}
:root [dir=rtl] .rtl\:pb-24 {
  padding-bottom: 6rem;
}
:root [dir=rtl] .rtl\:pl-24 {
  padding-left: 6rem;
}
:root [dir=rtl] .rtl\:pt-32 {
  padding-top: 8rem;
}
:root [dir=rtl] .rtl\:pr-32 {
  padding-right: 8rem;
}
:root [dir=rtl] .rtl\:pb-32 {
  padding-bottom: 8rem;
}
:root [dir=rtl] .rtl\:pl-32 {
  padding-left: 8rem;
}
:root [dir=rtl] .rtl\:pt-40 {
  padding-top: 10rem;
}
:root [dir=rtl] .rtl\:pr-40 {
  padding-right: 10rem;
}
:root [dir=rtl] .rtl\:pb-40 {
  padding-bottom: 10rem;
}
:root [dir=rtl] .rtl\:pl-40 {
  padding-left: 10rem;
}
:root [dir=rtl] .rtl\:pt-48 {
  padding-top: 12rem;
}
:root [dir=rtl] .rtl\:pr-48 {
  padding-right: 12rem;
}
:root [dir=rtl] .rtl\:pb-48 {
  padding-bottom: 12rem;
}
:root [dir=rtl] .rtl\:pl-48 {
  padding-left: 12rem;
}
:root [dir=rtl] .rtl\:pt-56 {
  padding-top: 14rem;
}
:root [dir=rtl] .rtl\:pr-56 {
  padding-right: 14rem;
}
:root [dir=rtl] .rtl\:pb-56 {
  padding-bottom: 14rem;
}
:root [dir=rtl] .rtl\:pl-56 {
  padding-left: 14rem;
}
:root [dir=rtl] .rtl\:pt-64 {
  padding-top: 16rem;
}
:root [dir=rtl] .rtl\:pr-64 {
  padding-right: 16rem;
}
:root [dir=rtl] .rtl\:pb-64 {
  padding-bottom: 16rem;
}
:root [dir=rtl] .rtl\:pl-64 {
  padding-left: 16rem;
}
:root [dir=rtl] .rtl\:pt-px {
  padding-top: 1px;
}
:root [dir=rtl] .rtl\:pr-px {
  padding-right: 1px;
}
:root [dir=rtl] .rtl\:pb-px {
  padding-bottom: 1px;
}
:root [dir=rtl] .rtl\:pl-px {
  padding-left: 1px;
}
:root [dir=rtl] .rtl\:pt-gutter {
  padding-top: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:pr-gutter {
  padding-right: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:pb-gutter {
  padding-bottom: var(--padding-gutter);
}
:root [dir=rtl] .rtl\:pl-gutter {
  padding-left: var(--padding-gutter);
}
:root .placeholder-current::placeholder {
  color: currentColor;
}
:root .placeholder-transparent::placeholder {
  color: transparent;
}
:root .placeholder-black::placeholder {
  color: var(--text-color);
}
:root .placeholder-white::placeholder {
  color: var(--text-color-light);
}
:root .placeholder-contrast-black::placeholder {
  --placeholder-opacity: 1;
  color: black;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}
:root .placeholder-contrast-white::placeholder {
  --placeholder-opacity: 1;
  color: white;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}
:root .placeholder-gray-light::placeholder {
  color: rgba(158, 158, 158, 0.1);
}
:root .placeholder-gray::placeholder {
  --placeholder-opacity: 1;
  color: #9e9e9e;
  color: rgba(158, 158, 158, var(--placeholder-opacity));
}
:root .placeholder-red-light::placeholder {
  color: rgba(244, 67, 54, 0.1);
}
:root .placeholder-red::placeholder {
  --placeholder-opacity: 1;
  color: #f44336;
  color: rgba(244, 67, 54, var(--placeholder-opacity));
}
:root .placeholder-orange-light::placeholder {
  color: rgba(255, 152, 0, 0.1);
}
:root .placeholder-orange::placeholder {
  --placeholder-opacity: 1;
  color: #ff9800;
  color: rgba(255, 152, 0, var(--placeholder-opacity));
}
:root .placeholder-deep-orange-light::placeholder {
  color: rgba(255, 87, 34, 0.1);
}
:root .placeholder-deep-orange::placeholder {
  --placeholder-opacity: 1;
  color: #ff5722;
  color: rgba(255, 87, 34, var(--placeholder-opacity));
}
:root .placeholder-amber-light::placeholder {
  color: rgba(255, 193, 7, 0.1);
}
:root .placeholder-amber::placeholder {
  --placeholder-opacity: 1;
  color: #ffc107;
  color: rgba(255, 193, 7, var(--placeholder-opacity));
}
:root .placeholder-green-light::placeholder {
  color: rgba(76, 175, 80, 0.1);
}
:root .placeholder-green::placeholder {
  --placeholder-opacity: 1;
  color: #4caf50;
  color: rgba(76, 175, 80, var(--placeholder-opacity));
}
:root .placeholder-teal-light::placeholder {
  color: rgba(0, 150, 136, 0.1);
}
:root .placeholder-teal::placeholder {
  --placeholder-opacity: 1;
  color: #009688;
  color: rgba(0, 150, 136, var(--placeholder-opacity));
}
:root .placeholder-cyan-light::placeholder {
  color: rgba(0, 188, 212, 0.1);
}
:root .placeholder-cyan::placeholder {
  --placeholder-opacity: 1;
  color: #00bcd4;
  color: rgba(0, 188, 212, var(--placeholder-opacity));
}
:root .placeholder-purple-light::placeholder {
  color: rgba(156, 39, 176, 0.1);
}
:root .placeholder-purple::placeholder {
  --placeholder-opacity: 1;
  color: #9c27b0;
  color: rgba(156, 39, 176, var(--placeholder-opacity));
}
:root .placeholder-deep-purple-light::placeholder {
  color: rgba(103, 58, 183, 0.1);
}
:root .placeholder-deep-purple::placeholder {
  --placeholder-opacity: 1;
  color: #673ab7;
  color: rgba(103, 58, 183, var(--placeholder-opacity));
}
:root .placeholder-pink-light::placeholder {
  color: rgba(233, 30, 99, 0.1);
}
:root .placeholder-pink::placeholder {
  --placeholder-opacity: 1;
  color: #e91e63;
  color: rgba(233, 30, 99, var(--placeholder-opacity));
}
:root .placeholder-primary-light::placeholder {
  color: rgba(var(--color-primary), 0.1);
}
:root .placeholder-primary::placeholder {
  color: rgb(var(--color-primary));
}
:root .placeholder-accent-light::placeholder {
  color: rgba(var(--color-accent), 0.1);
}
:root .placeholder-accent::placeholder {
  color: rgb(var(--color-accent));
}
:root .placeholder-warn-light::placeholder {
  color: rgba(var(--color-warn), 0.1);
}
:root .placeholder-warn::placeholder {
  color: rgb(var(--color-warn));
}
:root .focus\:placeholder-current:focus::placeholder {
  color: currentColor;
}
:root .focus\:placeholder-transparent:focus::placeholder {
  color: transparent;
}
:root .focus\:placeholder-black:focus::placeholder {
  color: var(--text-color);
}
:root .focus\:placeholder-white:focus::placeholder {
  color: var(--text-color-light);
}
:root .focus\:placeholder-contrast-black:focus::placeholder {
  --placeholder-opacity: 1;
  color: black;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}
:root .focus\:placeholder-contrast-white:focus::placeholder {
  --placeholder-opacity: 1;
  color: white;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}
:root .focus\:placeholder-gray-light:focus::placeholder {
  color: rgba(158, 158, 158, 0.1);
}
:root .focus\:placeholder-gray:focus::placeholder {
  --placeholder-opacity: 1;
  color: #9e9e9e;
  color: rgba(158, 158, 158, var(--placeholder-opacity));
}
:root .focus\:placeholder-red-light:focus::placeholder {
  color: rgba(244, 67, 54, 0.1);
}
:root .focus\:placeholder-red:focus::placeholder {
  --placeholder-opacity: 1;
  color: #f44336;
  color: rgba(244, 67, 54, var(--placeholder-opacity));
}
:root .focus\:placeholder-orange-light:focus::placeholder {
  color: rgba(255, 152, 0, 0.1);
}
:root .focus\:placeholder-orange:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff9800;
  color: rgba(255, 152, 0, var(--placeholder-opacity));
}
:root .focus\:placeholder-deep-orange-light:focus::placeholder {
  color: rgba(255, 87, 34, 0.1);
}
:root .focus\:placeholder-deep-orange:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff5722;
  color: rgba(255, 87, 34, var(--placeholder-opacity));
}
:root .focus\:placeholder-amber-light:focus::placeholder {
  color: rgba(255, 193, 7, 0.1);
}
:root .focus\:placeholder-amber:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ffc107;
  color: rgba(255, 193, 7, var(--placeholder-opacity));
}
:root .focus\:placeholder-green-light:focus::placeholder {
  color: rgba(76, 175, 80, 0.1);
}
:root .focus\:placeholder-green:focus::placeholder {
  --placeholder-opacity: 1;
  color: #4caf50;
  color: rgba(76, 175, 80, var(--placeholder-opacity));
}
:root .focus\:placeholder-teal-light:focus::placeholder {
  color: rgba(0, 150, 136, 0.1);
}
:root .focus\:placeholder-teal:focus::placeholder {
  --placeholder-opacity: 1;
  color: #009688;
  color: rgba(0, 150, 136, var(--placeholder-opacity));
}
:root .focus\:placeholder-cyan-light:focus::placeholder {
  color: rgba(0, 188, 212, 0.1);
}
:root .focus\:placeholder-cyan:focus::placeholder {
  --placeholder-opacity: 1;
  color: #00bcd4;
  color: rgba(0, 188, 212, var(--placeholder-opacity));
}
:root .focus\:placeholder-purple-light:focus::placeholder {
  color: rgba(156, 39, 176, 0.1);
}
:root .focus\:placeholder-purple:focus::placeholder {
  --placeholder-opacity: 1;
  color: #9c27b0;
  color: rgba(156, 39, 176, var(--placeholder-opacity));
}
:root .focus\:placeholder-deep-purple-light:focus::placeholder {
  color: rgba(103, 58, 183, 0.1);
}
:root .focus\:placeholder-deep-purple:focus::placeholder {
  --placeholder-opacity: 1;
  color: #673ab7;
  color: rgba(103, 58, 183, var(--placeholder-opacity));
}
:root .focus\:placeholder-pink-light:focus::placeholder {
  color: rgba(233, 30, 99, 0.1);
}
:root .focus\:placeholder-pink:focus::placeholder {
  --placeholder-opacity: 1;
  color: #e91e63;
  color: rgba(233, 30, 99, var(--placeholder-opacity));
}
:root .focus\:placeholder-primary-light:focus::placeholder {
  color: rgba(var(--color-primary), 0.1);
}
:root .focus\:placeholder-primary:focus::placeholder {
  color: rgb(var(--color-primary));
}
:root .focus\:placeholder-accent-light:focus::placeholder {
  color: rgba(var(--color-accent), 0.1);
}
:root .focus\:placeholder-accent:focus::placeholder {
  color: rgb(var(--color-accent));
}
:root .focus\:placeholder-warn-light:focus::placeholder {
  color: rgba(var(--color-warn), 0.1);
}
:root .focus\:placeholder-warn:focus::placeholder {
  color: rgb(var(--color-warn));
}
:root .placeholder-opacity-0::placeholder {
  --placeholder-opacity: 0;
}
:root .placeholder-opacity-25::placeholder {
  --placeholder-opacity: 0.25;
}
:root .placeholder-opacity-50::placeholder {
  --placeholder-opacity: 0.5;
}
:root .placeholder-opacity-75::placeholder {
  --placeholder-opacity: 0.75;
}
:root .placeholder-opacity-100::placeholder {
  --placeholder-opacity: 1;
}
:root .focus\:placeholder-opacity-0:focus::placeholder {
  --placeholder-opacity: 0;
}
:root .focus\:placeholder-opacity-25:focus::placeholder {
  --placeholder-opacity: 0.25;
}
:root .focus\:placeholder-opacity-50:focus::placeholder {
  --placeholder-opacity: 0.5;
}
:root .focus\:placeholder-opacity-75:focus::placeholder {
  --placeholder-opacity: 0.75;
}
:root .focus\:placeholder-opacity-100:focus::placeholder {
  --placeholder-opacity: 1;
}
:root .pointer-events-none {
  pointer-events: none;
}
:root .pointer-events-auto {
  pointer-events: auto;
}
:root .static {
  position: static;
}
:root .fixed {
  position: fixed;
}
:root .absolute {
  position: absolute;
}
:root .relative {
  position: relative;
}
:root .sticky {
  position: -webkit-sticky;
  position: sticky;
}
:root .inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
:root .inset-1 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}
:root .inset-2 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
}
:root .inset-3 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}
:root .inset-4 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}
:root .inset-5 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}
:root .inset-6 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
}
:root .inset-8 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}
:root .inset-10 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem;
}
:root .inset-12 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
}
:root .-inset-1 {
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
}
:root .-inset-2 {
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
}
:root .-inset-3 {
  top: -0.75rem;
  right: -0.75rem;
  bottom: -0.75rem;
  left: -0.75rem;
}
:root .-inset-4 {
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem;
}
:root .-inset-5 {
  top: -1.25rem;
  right: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem;
}
:root .-inset-6 {
  top: -1.5rem;
  right: -1.5rem;
  bottom: -1.5rem;
  left: -1.5rem;
}
:root .-inset-8 {
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
}
:root .-inset-10 {
  top: -2.5rem;
  right: -2.5rem;
  bottom: -2.5rem;
  left: -2.5rem;
}
:root .-inset-12 {
  top: -3rem;
  right: -3rem;
  bottom: -3rem;
  left: -3rem;
}
:root .inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
:root .inset-y-0 {
  top: 0;
  bottom: 0;
}
:root .inset-x-0 {
  right: 0;
  left: 0;
}
:root .inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}
:root .inset-x-1 {
  right: 0.25rem;
  left: 0.25rem;
}
:root .inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}
:root .inset-x-2 {
  right: 0.5rem;
  left: 0.5rem;
}
:root .inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}
:root .inset-x-3 {
  right: 0.75rem;
  left: 0.75rem;
}
:root .inset-y-4 {
  top: 1rem;
  bottom: 1rem;
}
:root .inset-x-4 {
  right: 1rem;
  left: 1rem;
}
:root .inset-y-5 {
  top: 1.25rem;
  bottom: 1.25rem;
}
:root .inset-x-5 {
  right: 1.25rem;
  left: 1.25rem;
}
:root .inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem;
}
:root .inset-x-6 {
  right: 1.5rem;
  left: 1.5rem;
}
:root .inset-y-8 {
  top: 2rem;
  bottom: 2rem;
}
:root .inset-x-8 {
  right: 2rem;
  left: 2rem;
}
:root .inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem;
}
:root .inset-x-10 {
  right: 2.5rem;
  left: 2.5rem;
}
:root .inset-y-12 {
  top: 3rem;
  bottom: 3rem;
}
:root .inset-x-12 {
  right: 3rem;
  left: 3rem;
}
:root .-inset-y-1 {
  top: -0.25rem;
  bottom: -0.25rem;
}
:root .-inset-x-1 {
  right: -0.25rem;
  left: -0.25rem;
}
:root .-inset-y-2 {
  top: -0.5rem;
  bottom: -0.5rem;
}
:root .-inset-x-2 {
  right: -0.5rem;
  left: -0.5rem;
}
:root .-inset-y-3 {
  top: -0.75rem;
  bottom: -0.75rem;
}
:root .-inset-x-3 {
  right: -0.75rem;
  left: -0.75rem;
}
:root .-inset-y-4 {
  top: -1rem;
  bottom: -1rem;
}
:root .-inset-x-4 {
  right: -1rem;
  left: -1rem;
}
:root .-inset-y-5 {
  top: -1.25rem;
  bottom: -1.25rem;
}
:root .-inset-x-5 {
  right: -1.25rem;
  left: -1.25rem;
}
:root .-inset-y-6 {
  top: -1.5rem;
  bottom: -1.5rem;
}
:root .-inset-x-6 {
  right: -1.5rem;
  left: -1.5rem;
}
:root .-inset-y-8 {
  top: -2rem;
  bottom: -2rem;
}
:root .-inset-x-8 {
  right: -2rem;
  left: -2rem;
}
:root .-inset-y-10 {
  top: -2.5rem;
  bottom: -2.5rem;
}
:root .-inset-x-10 {
  right: -2.5rem;
  left: -2.5rem;
}
:root .-inset-y-12 {
  top: -3rem;
  bottom: -3rem;
}
:root .-inset-x-12 {
  right: -3rem;
  left: -3rem;
}
:root .inset-y-auto {
  top: auto;
  bottom: auto;
}
:root .inset-x-auto {
  right: auto;
  left: auto;
}
:root .top-0 {
  top: 0;
}
:root .right-0 {
  right: 0;
}
:root .bottom-0 {
  bottom: 0;
}
:root .left-0 {
  left: 0;
}
:root .top-1 {
  top: 0.25rem;
}
:root .right-1 {
  right: 0.25rem;
}
:root .bottom-1 {
  bottom: 0.25rem;
}
:root .left-1 {
  left: 0.25rem;
}
:root .top-2 {
  top: 0.5rem;
}
:root .right-2 {
  right: 0.5rem;
}
:root .bottom-2 {
  bottom: 0.5rem;
}
:root .left-2 {
  left: 0.5rem;
}
:root .top-3 {
  top: 0.75rem;
}
:root .right-3 {
  right: 0.75rem;
}
:root .bottom-3 {
  bottom: 0.75rem;
}
:root .left-3 {
  left: 0.75rem;
}
:root .top-4 {
  top: 1rem;
}
:root .right-4 {
  right: 1rem;
}
:root .bottom-4 {
  bottom: 1rem;
}
:root .left-4 {
  left: 1rem;
}
:root .top-5 {
  top: 1.25rem;
}
:root .right-5 {
  right: 1.25rem;
}
:root .bottom-5 {
  bottom: 1.25rem;
}
:root .left-5 {
  left: 1.25rem;
}
:root .top-6 {
  top: 1.5rem;
}
:root .right-6 {
  right: 1.5rem;
}
:root .bottom-6 {
  bottom: 1.5rem;
}
:root .left-6 {
  left: 1.5rem;
}
:root .top-8 {
  top: 2rem;
}
:root .right-8 {
  right: 2rem;
}
:root .bottom-8 {
  bottom: 2rem;
}
:root .left-8 {
  left: 2rem;
}
:root .top-10 {
  top: 2.5rem;
}
:root .right-10 {
  right: 2.5rem;
}
:root .bottom-10 {
  bottom: 2.5rem;
}
:root .left-10 {
  left: 2.5rem;
}
:root .top-12 {
  top: 3rem;
}
:root .right-12 {
  right: 3rem;
}
:root .bottom-12 {
  bottom: 3rem;
}
:root .left-12 {
  left: 3rem;
}
:root .-top-1 {
  top: -0.25rem;
}
:root .-right-1 {
  right: -0.25rem;
}
:root .-bottom-1 {
  bottom: -0.25rem;
}
:root .-left-1 {
  left: -0.25rem;
}
:root .-top-2 {
  top: -0.5rem;
}
:root .-right-2 {
  right: -0.5rem;
}
:root .-bottom-2 {
  bottom: -0.5rem;
}
:root .-left-2 {
  left: -0.5rem;
}
:root .-top-3 {
  top: -0.75rem;
}
:root .-right-3 {
  right: -0.75rem;
}
:root .-bottom-3 {
  bottom: -0.75rem;
}
:root .-left-3 {
  left: -0.75rem;
}
:root .-top-4 {
  top: -1rem;
}
:root .-right-4 {
  right: -1rem;
}
:root .-bottom-4 {
  bottom: -1rem;
}
:root .-left-4 {
  left: -1rem;
}
:root .-top-5 {
  top: -1.25rem;
}
:root .-right-5 {
  right: -1.25rem;
}
:root .-bottom-5 {
  bottom: -1.25rem;
}
:root .-left-5 {
  left: -1.25rem;
}
:root .-top-6 {
  top: -1.5rem;
}
:root .-right-6 {
  right: -1.5rem;
}
:root .-bottom-6 {
  bottom: -1.5rem;
}
:root .-left-6 {
  left: -1.5rem;
}
:root .-top-8 {
  top: -2rem;
}
:root .-right-8 {
  right: -2rem;
}
:root .-bottom-8 {
  bottom: -2rem;
}
:root .-left-8 {
  left: -2rem;
}
:root .-top-10 {
  top: -2.5rem;
}
:root .-right-10 {
  right: -2.5rem;
}
:root .-bottom-10 {
  bottom: -2.5rem;
}
:root .-left-10 {
  left: -2.5rem;
}
:root .-top-12 {
  top: -3rem;
}
:root .-right-12 {
  right: -3rem;
}
:root .-bottom-12 {
  bottom: -3rem;
}
:root .-left-12 {
  left: -3rem;
}
:root .top-auto {
  top: auto;
}
:root .right-auto {
  right: auto;
}
:root .bottom-auto {
  bottom: auto;
}
:root .left-auto {
  left: auto;
}
:root [dir=ltr] .ltr\:inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
:root [dir=ltr] .ltr\:inset-1 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}
:root [dir=ltr] .ltr\:inset-2 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
}
:root [dir=ltr] .ltr\:inset-3 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}
:root [dir=ltr] .ltr\:inset-4 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}
:root [dir=ltr] .ltr\:inset-5 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}
:root [dir=ltr] .ltr\:inset-6 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
}
:root [dir=ltr] .ltr\:inset-8 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}
:root [dir=ltr] .ltr\:inset-10 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem;
}
:root [dir=ltr] .ltr\:inset-12 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
}
:root [dir=ltr] .ltr\:-inset-1 {
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
}
:root [dir=ltr] .ltr\:-inset-2 {
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
}
:root [dir=ltr] .ltr\:-inset-3 {
  top: -0.75rem;
  right: -0.75rem;
  bottom: -0.75rem;
  left: -0.75rem;
}
:root [dir=ltr] .ltr\:-inset-4 {
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem;
}
:root [dir=ltr] .ltr\:-inset-5 {
  top: -1.25rem;
  right: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem;
}
:root [dir=ltr] .ltr\:-inset-6 {
  top: -1.5rem;
  right: -1.5rem;
  bottom: -1.5rem;
  left: -1.5rem;
}
:root [dir=ltr] .ltr\:-inset-8 {
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
}
:root [dir=ltr] .ltr\:-inset-10 {
  top: -2.5rem;
  right: -2.5rem;
  bottom: -2.5rem;
  left: -2.5rem;
}
:root [dir=ltr] .ltr\:-inset-12 {
  top: -3rem;
  right: -3rem;
  bottom: -3rem;
  left: -3rem;
}
:root [dir=ltr] .ltr\:inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
:root [dir=ltr] .ltr\:inset-y-0 {
  top: 0;
  bottom: 0;
}
:root [dir=ltr] .ltr\:inset-x-0 {
  right: 0;
  left: 0;
}
:root [dir=ltr] .ltr\:inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}
:root [dir=ltr] .ltr\:inset-x-1 {
  right: 0.25rem;
  left: 0.25rem;
}
:root [dir=ltr] .ltr\:inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}
:root [dir=ltr] .ltr\:inset-x-2 {
  right: 0.5rem;
  left: 0.5rem;
}
:root [dir=ltr] .ltr\:inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}
:root [dir=ltr] .ltr\:inset-x-3 {
  right: 0.75rem;
  left: 0.75rem;
}
:root [dir=ltr] .ltr\:inset-y-4 {
  top: 1rem;
  bottom: 1rem;
}
:root [dir=ltr] .ltr\:inset-x-4 {
  right: 1rem;
  left: 1rem;
}
:root [dir=ltr] .ltr\:inset-y-5 {
  top: 1.25rem;
  bottom: 1.25rem;
}
:root [dir=ltr] .ltr\:inset-x-5 {
  right: 1.25rem;
  left: 1.25rem;
}
:root [dir=ltr] .ltr\:inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem;
}
:root [dir=ltr] .ltr\:inset-x-6 {
  right: 1.5rem;
  left: 1.5rem;
}
:root [dir=ltr] .ltr\:inset-y-8 {
  top: 2rem;
  bottom: 2rem;
}
:root [dir=ltr] .ltr\:inset-x-8 {
  right: 2rem;
  left: 2rem;
}
:root [dir=ltr] .ltr\:inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem;
}
:root [dir=ltr] .ltr\:inset-x-10 {
  right: 2.5rem;
  left: 2.5rem;
}
:root [dir=ltr] .ltr\:inset-y-12 {
  top: 3rem;
  bottom: 3rem;
}
:root [dir=ltr] .ltr\:inset-x-12 {
  right: 3rem;
  left: 3rem;
}
:root [dir=ltr] .ltr\:-inset-y-1 {
  top: -0.25rem;
  bottom: -0.25rem;
}
:root [dir=ltr] .ltr\:-inset-x-1 {
  right: -0.25rem;
  left: -0.25rem;
}
:root [dir=ltr] .ltr\:-inset-y-2 {
  top: -0.5rem;
  bottom: -0.5rem;
}
:root [dir=ltr] .ltr\:-inset-x-2 {
  right: -0.5rem;
  left: -0.5rem;
}
:root [dir=ltr] .ltr\:-inset-y-3 {
  top: -0.75rem;
  bottom: -0.75rem;
}
:root [dir=ltr] .ltr\:-inset-x-3 {
  right: -0.75rem;
  left: -0.75rem;
}
:root [dir=ltr] .ltr\:-inset-y-4 {
  top: -1rem;
  bottom: -1rem;
}
:root [dir=ltr] .ltr\:-inset-x-4 {
  right: -1rem;
  left: -1rem;
}
:root [dir=ltr] .ltr\:-inset-y-5 {
  top: -1.25rem;
  bottom: -1.25rem;
}
:root [dir=ltr] .ltr\:-inset-x-5 {
  right: -1.25rem;
  left: -1.25rem;
}
:root [dir=ltr] .ltr\:-inset-y-6 {
  top: -1.5rem;
  bottom: -1.5rem;
}
:root [dir=ltr] .ltr\:-inset-x-6 {
  right: -1.5rem;
  left: -1.5rem;
}
:root [dir=ltr] .ltr\:-inset-y-8 {
  top: -2rem;
  bottom: -2rem;
}
:root [dir=ltr] .ltr\:-inset-x-8 {
  right: -2rem;
  left: -2rem;
}
:root [dir=ltr] .ltr\:-inset-y-10 {
  top: -2.5rem;
  bottom: -2.5rem;
}
:root [dir=ltr] .ltr\:-inset-x-10 {
  right: -2.5rem;
  left: -2.5rem;
}
:root [dir=ltr] .ltr\:-inset-y-12 {
  top: -3rem;
  bottom: -3rem;
}
:root [dir=ltr] .ltr\:-inset-x-12 {
  right: -3rem;
  left: -3rem;
}
:root [dir=ltr] .ltr\:inset-y-auto {
  top: auto;
  bottom: auto;
}
:root [dir=ltr] .ltr\:inset-x-auto {
  right: auto;
  left: auto;
}
:root [dir=ltr] .ltr\:top-0 {
  top: 0;
}
:root [dir=ltr] .ltr\:right-0 {
  right: 0;
}
:root [dir=ltr] .ltr\:bottom-0 {
  bottom: 0;
}
:root [dir=ltr] .ltr\:left-0 {
  left: 0;
}
:root [dir=ltr] .ltr\:top-1 {
  top: 0.25rem;
}
:root [dir=ltr] .ltr\:right-1 {
  right: 0.25rem;
}
:root [dir=ltr] .ltr\:bottom-1 {
  bottom: 0.25rem;
}
:root [dir=ltr] .ltr\:left-1 {
  left: 0.25rem;
}
:root [dir=ltr] .ltr\:top-2 {
  top: 0.5rem;
}
:root [dir=ltr] .ltr\:right-2 {
  right: 0.5rem;
}
:root [dir=ltr] .ltr\:bottom-2 {
  bottom: 0.5rem;
}
:root [dir=ltr] .ltr\:left-2 {
  left: 0.5rem;
}
:root [dir=ltr] .ltr\:top-3 {
  top: 0.75rem;
}
:root [dir=ltr] .ltr\:right-3 {
  right: 0.75rem;
}
:root [dir=ltr] .ltr\:bottom-3 {
  bottom: 0.75rem;
}
:root [dir=ltr] .ltr\:left-3 {
  left: 0.75rem;
}
:root [dir=ltr] .ltr\:top-4 {
  top: 1rem;
}
:root [dir=ltr] .ltr\:right-4 {
  right: 1rem;
}
:root [dir=ltr] .ltr\:bottom-4 {
  bottom: 1rem;
}
:root [dir=ltr] .ltr\:left-4 {
  left: 1rem;
}
:root [dir=ltr] .ltr\:top-5 {
  top: 1.25rem;
}
:root [dir=ltr] .ltr\:right-5 {
  right: 1.25rem;
}
:root [dir=ltr] .ltr\:bottom-5 {
  bottom: 1.25rem;
}
:root [dir=ltr] .ltr\:left-5 {
  left: 1.25rem;
}
:root [dir=ltr] .ltr\:top-6 {
  top: 1.5rem;
}
:root [dir=ltr] .ltr\:right-6 {
  right: 1.5rem;
}
:root [dir=ltr] .ltr\:bottom-6 {
  bottom: 1.5rem;
}
:root [dir=ltr] .ltr\:left-6 {
  left: 1.5rem;
}
:root [dir=ltr] .ltr\:top-8 {
  top: 2rem;
}
:root [dir=ltr] .ltr\:right-8 {
  right: 2rem;
}
:root [dir=ltr] .ltr\:bottom-8 {
  bottom: 2rem;
}
:root [dir=ltr] .ltr\:left-8 {
  left: 2rem;
}
:root [dir=ltr] .ltr\:top-10 {
  top: 2.5rem;
}
:root [dir=ltr] .ltr\:right-10 {
  right: 2.5rem;
}
:root [dir=ltr] .ltr\:bottom-10 {
  bottom: 2.5rem;
}
:root [dir=ltr] .ltr\:left-10 {
  left: 2.5rem;
}
:root [dir=ltr] .ltr\:top-12 {
  top: 3rem;
}
:root [dir=ltr] .ltr\:right-12 {
  right: 3rem;
}
:root [dir=ltr] .ltr\:bottom-12 {
  bottom: 3rem;
}
:root [dir=ltr] .ltr\:left-12 {
  left: 3rem;
}
:root [dir=ltr] .ltr\:-top-1 {
  top: -0.25rem;
}
:root [dir=ltr] .ltr\:-right-1 {
  right: -0.25rem;
}
:root [dir=ltr] .ltr\:-bottom-1 {
  bottom: -0.25rem;
}
:root [dir=ltr] .ltr\:-left-1 {
  left: -0.25rem;
}
:root [dir=ltr] .ltr\:-top-2 {
  top: -0.5rem;
}
:root [dir=ltr] .ltr\:-right-2 {
  right: -0.5rem;
}
:root [dir=ltr] .ltr\:-bottom-2 {
  bottom: -0.5rem;
}
:root [dir=ltr] .ltr\:-left-2 {
  left: -0.5rem;
}
:root [dir=ltr] .ltr\:-top-3 {
  top: -0.75rem;
}
:root [dir=ltr] .ltr\:-right-3 {
  right: -0.75rem;
}
:root [dir=ltr] .ltr\:-bottom-3 {
  bottom: -0.75rem;
}
:root [dir=ltr] .ltr\:-left-3 {
  left: -0.75rem;
}
:root [dir=ltr] .ltr\:-top-4 {
  top: -1rem;
}
:root [dir=ltr] .ltr\:-right-4 {
  right: -1rem;
}
:root [dir=ltr] .ltr\:-bottom-4 {
  bottom: -1rem;
}
:root [dir=ltr] .ltr\:-left-4 {
  left: -1rem;
}
:root [dir=ltr] .ltr\:-top-5 {
  top: -1.25rem;
}
:root [dir=ltr] .ltr\:-right-5 {
  right: -1.25rem;
}
:root [dir=ltr] .ltr\:-bottom-5 {
  bottom: -1.25rem;
}
:root [dir=ltr] .ltr\:-left-5 {
  left: -1.25rem;
}
:root [dir=ltr] .ltr\:-top-6 {
  top: -1.5rem;
}
:root [dir=ltr] .ltr\:-right-6 {
  right: -1.5rem;
}
:root [dir=ltr] .ltr\:-bottom-6 {
  bottom: -1.5rem;
}
:root [dir=ltr] .ltr\:-left-6 {
  left: -1.5rem;
}
:root [dir=ltr] .ltr\:-top-8 {
  top: -2rem;
}
:root [dir=ltr] .ltr\:-right-8 {
  right: -2rem;
}
:root [dir=ltr] .ltr\:-bottom-8 {
  bottom: -2rem;
}
:root [dir=ltr] .ltr\:-left-8 {
  left: -2rem;
}
:root [dir=ltr] .ltr\:-top-10 {
  top: -2.5rem;
}
:root [dir=ltr] .ltr\:-right-10 {
  right: -2.5rem;
}
:root [dir=ltr] .ltr\:-bottom-10 {
  bottom: -2.5rem;
}
:root [dir=ltr] .ltr\:-left-10 {
  left: -2.5rem;
}
:root [dir=ltr] .ltr\:-top-12 {
  top: -3rem;
}
:root [dir=ltr] .ltr\:-right-12 {
  right: -3rem;
}
:root [dir=ltr] .ltr\:-bottom-12 {
  bottom: -3rem;
}
:root [dir=ltr] .ltr\:-left-12 {
  left: -3rem;
}
:root [dir=ltr] .ltr\:top-auto {
  top: auto;
}
:root [dir=ltr] .ltr\:right-auto {
  right: auto;
}
:root [dir=ltr] .ltr\:bottom-auto {
  bottom: auto;
}
:root [dir=ltr] .ltr\:left-auto {
  left: auto;
}
:root [dir=rtl] .rtl\:inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
:root [dir=rtl] .rtl\:inset-1 {
  top: 0.25rem;
  right: 0.25rem;
  bottom: 0.25rem;
  left: 0.25rem;
}
:root [dir=rtl] .rtl\:inset-2 {
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
}
:root [dir=rtl] .rtl\:inset-3 {
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
}
:root [dir=rtl] .rtl\:inset-4 {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
}
:root [dir=rtl] .rtl\:inset-5 {
  top: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  left: 1.25rem;
}
:root [dir=rtl] .rtl\:inset-6 {
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
}
:root [dir=rtl] .rtl\:inset-8 {
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
}
:root [dir=rtl] .rtl\:inset-10 {
  top: 2.5rem;
  right: 2.5rem;
  bottom: 2.5rem;
  left: 2.5rem;
}
:root [dir=rtl] .rtl\:inset-12 {
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
}
:root [dir=rtl] .rtl\:-inset-1 {
  top: -0.25rem;
  right: -0.25rem;
  bottom: -0.25rem;
  left: -0.25rem;
}
:root [dir=rtl] .rtl\:-inset-2 {
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
}
:root [dir=rtl] .rtl\:-inset-3 {
  top: -0.75rem;
  right: -0.75rem;
  bottom: -0.75rem;
  left: -0.75rem;
}
:root [dir=rtl] .rtl\:-inset-4 {
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem;
}
:root [dir=rtl] .rtl\:-inset-5 {
  top: -1.25rem;
  right: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem;
}
:root [dir=rtl] .rtl\:-inset-6 {
  top: -1.5rem;
  right: -1.5rem;
  bottom: -1.5rem;
  left: -1.5rem;
}
:root [dir=rtl] .rtl\:-inset-8 {
  top: -2rem;
  right: -2rem;
  bottom: -2rem;
  left: -2rem;
}
:root [dir=rtl] .rtl\:-inset-10 {
  top: -2.5rem;
  right: -2.5rem;
  bottom: -2.5rem;
  left: -2.5rem;
}
:root [dir=rtl] .rtl\:-inset-12 {
  top: -3rem;
  right: -3rem;
  bottom: -3rem;
  left: -3rem;
}
:root [dir=rtl] .rtl\:inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
:root [dir=rtl] .rtl\:inset-y-0 {
  top: 0;
  bottom: 0;
}
:root [dir=rtl] .rtl\:inset-x-0 {
  right: 0;
  left: 0;
}
:root [dir=rtl] .rtl\:inset-y-1 {
  top: 0.25rem;
  bottom: 0.25rem;
}
:root [dir=rtl] .rtl\:inset-x-1 {
  right: 0.25rem;
  left: 0.25rem;
}
:root [dir=rtl] .rtl\:inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}
:root [dir=rtl] .rtl\:inset-x-2 {
  right: 0.5rem;
  left: 0.5rem;
}
:root [dir=rtl] .rtl\:inset-y-3 {
  top: 0.75rem;
  bottom: 0.75rem;
}
:root [dir=rtl] .rtl\:inset-x-3 {
  right: 0.75rem;
  left: 0.75rem;
}
:root [dir=rtl] .rtl\:inset-y-4 {
  top: 1rem;
  bottom: 1rem;
}
:root [dir=rtl] .rtl\:inset-x-4 {
  right: 1rem;
  left: 1rem;
}
:root [dir=rtl] .rtl\:inset-y-5 {
  top: 1.25rem;
  bottom: 1.25rem;
}
:root [dir=rtl] .rtl\:inset-x-5 {
  right: 1.25rem;
  left: 1.25rem;
}
:root [dir=rtl] .rtl\:inset-y-6 {
  top: 1.5rem;
  bottom: 1.5rem;
}
:root [dir=rtl] .rtl\:inset-x-6 {
  right: 1.5rem;
  left: 1.5rem;
}
:root [dir=rtl] .rtl\:inset-y-8 {
  top: 2rem;
  bottom: 2rem;
}
:root [dir=rtl] .rtl\:inset-x-8 {
  right: 2rem;
  left: 2rem;
}
:root [dir=rtl] .rtl\:inset-y-10 {
  top: 2.5rem;
  bottom: 2.5rem;
}
:root [dir=rtl] .rtl\:inset-x-10 {
  right: 2.5rem;
  left: 2.5rem;
}
:root [dir=rtl] .rtl\:inset-y-12 {
  top: 3rem;
  bottom: 3rem;
}
:root [dir=rtl] .rtl\:inset-x-12 {
  right: 3rem;
  left: 3rem;
}
:root [dir=rtl] .rtl\:-inset-y-1 {
  top: -0.25rem;
  bottom: -0.25rem;
}
:root [dir=rtl] .rtl\:-inset-x-1 {
  right: -0.25rem;
  left: -0.25rem;
}
:root [dir=rtl] .rtl\:-inset-y-2 {
  top: -0.5rem;
  bottom: -0.5rem;
}
:root [dir=rtl] .rtl\:-inset-x-2 {
  right: -0.5rem;
  left: -0.5rem;
}
:root [dir=rtl] .rtl\:-inset-y-3 {
  top: -0.75rem;
  bottom: -0.75rem;
}
:root [dir=rtl] .rtl\:-inset-x-3 {
  right: -0.75rem;
  left: -0.75rem;
}
:root [dir=rtl] .rtl\:-inset-y-4 {
  top: -1rem;
  bottom: -1rem;
}
:root [dir=rtl] .rtl\:-inset-x-4 {
  right: -1rem;
  left: -1rem;
}
:root [dir=rtl] .rtl\:-inset-y-5 {
  top: -1.25rem;
  bottom: -1.25rem;
}
:root [dir=rtl] .rtl\:-inset-x-5 {
  right: -1.25rem;
  left: -1.25rem;
}
:root [dir=rtl] .rtl\:-inset-y-6 {
  top: -1.5rem;
  bottom: -1.5rem;
}
:root [dir=rtl] .rtl\:-inset-x-6 {
  right: -1.5rem;
  left: -1.5rem;
}
:root [dir=rtl] .rtl\:-inset-y-8 {
  top: -2rem;
  bottom: -2rem;
}
:root [dir=rtl] .rtl\:-inset-x-8 {
  right: -2rem;
  left: -2rem;
}
:root [dir=rtl] .rtl\:-inset-y-10 {
  top: -2.5rem;
  bottom: -2.5rem;
}
:root [dir=rtl] .rtl\:-inset-x-10 {
  right: -2.5rem;
  left: -2.5rem;
}
:root [dir=rtl] .rtl\:-inset-y-12 {
  top: -3rem;
  bottom: -3rem;
}
:root [dir=rtl] .rtl\:-inset-x-12 {
  right: -3rem;
  left: -3rem;
}
:root [dir=rtl] .rtl\:inset-y-auto {
  top: auto;
  bottom: auto;
}
:root [dir=rtl] .rtl\:inset-x-auto {
  right: auto;
  left: auto;
}
:root [dir=rtl] .rtl\:top-0 {
  top: 0;
}
:root [dir=rtl] .rtl\:right-0 {
  right: 0;
}
:root [dir=rtl] .rtl\:bottom-0 {
  bottom: 0;
}
:root [dir=rtl] .rtl\:left-0 {
  left: 0;
}
:root [dir=rtl] .rtl\:top-1 {
  top: 0.25rem;
}
:root [dir=rtl] .rtl\:right-1 {
  right: 0.25rem;
}
:root [dir=rtl] .rtl\:bottom-1 {
  bottom: 0.25rem;
}
:root [dir=rtl] .rtl\:left-1 {
  left: 0.25rem;
}
:root [dir=rtl] .rtl\:top-2 {
  top: 0.5rem;
}
:root [dir=rtl] .rtl\:right-2 {
  right: 0.5rem;
}
:root [dir=rtl] .rtl\:bottom-2 {
  bottom: 0.5rem;
}
:root [dir=rtl] .rtl\:left-2 {
  left: 0.5rem;
}
:root [dir=rtl] .rtl\:top-3 {
  top: 0.75rem;
}
:root [dir=rtl] .rtl\:right-3 {
  right: 0.75rem;
}
:root [dir=rtl] .rtl\:bottom-3 {
  bottom: 0.75rem;
}
:root [dir=rtl] .rtl\:left-3 {
  left: 0.75rem;
}
:root [dir=rtl] .rtl\:top-4 {
  top: 1rem;
}
:root [dir=rtl] .rtl\:right-4 {
  right: 1rem;
}
:root [dir=rtl] .rtl\:bottom-4 {
  bottom: 1rem;
}
:root [dir=rtl] .rtl\:left-4 {
  left: 1rem;
}
:root [dir=rtl] .rtl\:top-5 {
  top: 1.25rem;
}
:root [dir=rtl] .rtl\:right-5 {
  right: 1.25rem;
}
:root [dir=rtl] .rtl\:bottom-5 {
  bottom: 1.25rem;
}
:root [dir=rtl] .rtl\:left-5 {
  left: 1.25rem;
}
:root [dir=rtl] .rtl\:top-6 {
  top: 1.5rem;
}
:root [dir=rtl] .rtl\:right-6 {
  right: 1.5rem;
}
:root [dir=rtl] .rtl\:bottom-6 {
  bottom: 1.5rem;
}
:root [dir=rtl] .rtl\:left-6 {
  left: 1.5rem;
}
:root [dir=rtl] .rtl\:top-8 {
  top: 2rem;
}
:root [dir=rtl] .rtl\:right-8 {
  right: 2rem;
}
:root [dir=rtl] .rtl\:bottom-8 {
  bottom: 2rem;
}
:root [dir=rtl] .rtl\:left-8 {
  left: 2rem;
}
:root [dir=rtl] .rtl\:top-10 {
  top: 2.5rem;
}
:root [dir=rtl] .rtl\:right-10 {
  right: 2.5rem;
}
:root [dir=rtl] .rtl\:bottom-10 {
  bottom: 2.5rem;
}
:root [dir=rtl] .rtl\:left-10 {
  left: 2.5rem;
}
:root [dir=rtl] .rtl\:top-12 {
  top: 3rem;
}
:root [dir=rtl] .rtl\:right-12 {
  right: 3rem;
}
:root [dir=rtl] .rtl\:bottom-12 {
  bottom: 3rem;
}
:root [dir=rtl] .rtl\:left-12 {
  left: 3rem;
}
:root [dir=rtl] .rtl\:-top-1 {
  top: -0.25rem;
}
:root [dir=rtl] .rtl\:-right-1 {
  right: -0.25rem;
}
:root [dir=rtl] .rtl\:-bottom-1 {
  bottom: -0.25rem;
}
:root [dir=rtl] .rtl\:-left-1 {
  left: -0.25rem;
}
:root [dir=rtl] .rtl\:-top-2 {
  top: -0.5rem;
}
:root [dir=rtl] .rtl\:-right-2 {
  right: -0.5rem;
}
:root [dir=rtl] .rtl\:-bottom-2 {
  bottom: -0.5rem;
}
:root [dir=rtl] .rtl\:-left-2 {
  left: -0.5rem;
}
:root [dir=rtl] .rtl\:-top-3 {
  top: -0.75rem;
}
:root [dir=rtl] .rtl\:-right-3 {
  right: -0.75rem;
}
:root [dir=rtl] .rtl\:-bottom-3 {
  bottom: -0.75rem;
}
:root [dir=rtl] .rtl\:-left-3 {
  left: -0.75rem;
}
:root [dir=rtl] .rtl\:-top-4 {
  top: -1rem;
}
:root [dir=rtl] .rtl\:-right-4 {
  right: -1rem;
}
:root [dir=rtl] .rtl\:-bottom-4 {
  bottom: -1rem;
}
:root [dir=rtl] .rtl\:-left-4 {
  left: -1rem;
}
:root [dir=rtl] .rtl\:-top-5 {
  top: -1.25rem;
}
:root [dir=rtl] .rtl\:-right-5 {
  right: -1.25rem;
}
:root [dir=rtl] .rtl\:-bottom-5 {
  bottom: -1.25rem;
}
:root [dir=rtl] .rtl\:-left-5 {
  left: -1.25rem;
}
:root [dir=rtl] .rtl\:-top-6 {
  top: -1.5rem;
}
:root [dir=rtl] .rtl\:-right-6 {
  right: -1.5rem;
}
:root [dir=rtl] .rtl\:-bottom-6 {
  bottom: -1.5rem;
}
:root [dir=rtl] .rtl\:-left-6 {
  left: -1.5rem;
}
:root [dir=rtl] .rtl\:-top-8 {
  top: -2rem;
}
:root [dir=rtl] .rtl\:-right-8 {
  right: -2rem;
}
:root [dir=rtl] .rtl\:-bottom-8 {
  bottom: -2rem;
}
:root [dir=rtl] .rtl\:-left-8 {
  left: -2rem;
}
:root [dir=rtl] .rtl\:-top-10 {
  top: -2.5rem;
}
:root [dir=rtl] .rtl\:-right-10 {
  right: -2.5rem;
}
:root [dir=rtl] .rtl\:-bottom-10 {
  bottom: -2.5rem;
}
:root [dir=rtl] .rtl\:-left-10 {
  left: -2.5rem;
}
:root [dir=rtl] .rtl\:-top-12 {
  top: -3rem;
}
:root [dir=rtl] .rtl\:-right-12 {
  right: -3rem;
}
:root [dir=rtl] .rtl\:-bottom-12 {
  bottom: -3rem;
}
:root [dir=rtl] .rtl\:-left-12 {
  left: -3rem;
}
:root [dir=rtl] .rtl\:top-auto {
  top: auto;
}
:root [dir=rtl] .rtl\:right-auto {
  right: auto;
}
:root [dir=rtl] .rtl\:bottom-auto {
  bottom: auto;
}
:root [dir=rtl] .rtl\:left-auto {
  left: auto;
}
:root .resize-none {
  resize: none;
}
:root .resize-y {
  resize: vertical;
}
:root .resize-x {
  resize: horizontal;
}
:root .resize {
  resize: both;
}
:root .shadow-1 {
  box-shadow: var(--elevation-z1);
}
:root .shadow-2 {
  box-shadow: var(--elevation-z2);
}
:root .shadow-3 {
  box-shadow: var(--elevation-z3);
}
:root .shadow-4 {
  box-shadow: var(--elevation-z4);
}
:root .shadow-5 {
  box-shadow: var(--elevation-z5);
}
:root .shadow-6 {
  box-shadow: var(--elevation-z6);
}
:root .shadow-7 {
  box-shadow: var(--elevation-z7);
}
:root .shadow-8 {
  box-shadow: var(--elevation-z8);
}
:root .shadow-9 {
  box-shadow: var(--elevation-z9);
}
:root .shadow-10 {
  box-shadow: var(--elevation-z10);
}
:root .shadow-11 {
  box-shadow: var(--elevation-z11);
}
:root .shadow-12 {
  box-shadow: var(--elevation-z12);
}
:root .shadow-13 {
  box-shadow: var(--elevation-z13);
}
:root .shadow-14 {
  box-shadow: var(--elevation-z14);
}
:root .shadow-15 {
  box-shadow: var(--elevation-z15);
}
:root .shadow-16 {
  box-shadow: var(--elevation-z16);
}
:root .shadow-17 {
  box-shadow: var(--elevation-z17);
}
:root .shadow-18 {
  box-shadow: var(--elevation-z18);
}
:root .shadow-19 {
  box-shadow: var(--elevation-z19);
}
:root .shadow-20 {
  box-shadow: var(--elevation-z20);
}
:root .shadow {
  box-shadow: var(--elevation-z6);
}
:root .shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
:root .shadow-lg {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
}
:root .shadow-xl {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
}
:root .shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
:root .shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
:root .shadow-outline {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
:root .shadow-none {
  box-shadow: none;
}
:root .shadow-b {
  box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
}
:root .hover\:shadow-1:hover {
  box-shadow: var(--elevation-z1);
}
:root .hover\:shadow-2:hover {
  box-shadow: var(--elevation-z2);
}
:root .hover\:shadow-3:hover {
  box-shadow: var(--elevation-z3);
}
:root .hover\:shadow-4:hover {
  box-shadow: var(--elevation-z4);
}
:root .hover\:shadow-5:hover {
  box-shadow: var(--elevation-z5);
}
:root .hover\:shadow-6:hover {
  box-shadow: var(--elevation-z6);
}
:root .hover\:shadow-7:hover {
  box-shadow: var(--elevation-z7);
}
:root .hover\:shadow-8:hover {
  box-shadow: var(--elevation-z8);
}
:root .hover\:shadow-9:hover {
  box-shadow: var(--elevation-z9);
}
:root .hover\:shadow-10:hover {
  box-shadow: var(--elevation-z10);
}
:root .hover\:shadow-11:hover {
  box-shadow: var(--elevation-z11);
}
:root .hover\:shadow-12:hover {
  box-shadow: var(--elevation-z12);
}
:root .hover\:shadow-13:hover {
  box-shadow: var(--elevation-z13);
}
:root .hover\:shadow-14:hover {
  box-shadow: var(--elevation-z14);
}
:root .hover\:shadow-15:hover {
  box-shadow: var(--elevation-z15);
}
:root .hover\:shadow-16:hover {
  box-shadow: var(--elevation-z16);
}
:root .hover\:shadow-17:hover {
  box-shadow: var(--elevation-z17);
}
:root .hover\:shadow-18:hover {
  box-shadow: var(--elevation-z18);
}
:root .hover\:shadow-19:hover {
  box-shadow: var(--elevation-z19);
}
:root .hover\:shadow-20:hover {
  box-shadow: var(--elevation-z20);
}
:root .hover\:shadow:hover {
  box-shadow: var(--elevation-z6);
}
:root .hover\:shadow-md:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
:root .hover\:shadow-lg:hover {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
}
:root .hover\:shadow-xl:hover {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
}
:root .hover\:shadow-2xl:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
:root .hover\:shadow-inner:hover {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
:root .hover\:shadow-outline:hover {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
:root .hover\:shadow-none:hover {
  box-shadow: none;
}
:root .hover\:shadow-b:hover {
  box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
}
:root .focus\:shadow-1:focus {
  box-shadow: var(--elevation-z1);
}
:root .focus\:shadow-2:focus {
  box-shadow: var(--elevation-z2);
}
:root .focus\:shadow-3:focus {
  box-shadow: var(--elevation-z3);
}
:root .focus\:shadow-4:focus {
  box-shadow: var(--elevation-z4);
}
:root .focus\:shadow-5:focus {
  box-shadow: var(--elevation-z5);
}
:root .focus\:shadow-6:focus {
  box-shadow: var(--elevation-z6);
}
:root .focus\:shadow-7:focus {
  box-shadow: var(--elevation-z7);
}
:root .focus\:shadow-8:focus {
  box-shadow: var(--elevation-z8);
}
:root .focus\:shadow-9:focus {
  box-shadow: var(--elevation-z9);
}
:root .focus\:shadow-10:focus {
  box-shadow: var(--elevation-z10);
}
:root .focus\:shadow-11:focus {
  box-shadow: var(--elevation-z11);
}
:root .focus\:shadow-12:focus {
  box-shadow: var(--elevation-z12);
}
:root .focus\:shadow-13:focus {
  box-shadow: var(--elevation-z13);
}
:root .focus\:shadow-14:focus {
  box-shadow: var(--elevation-z14);
}
:root .focus\:shadow-15:focus {
  box-shadow: var(--elevation-z15);
}
:root .focus\:shadow-16:focus {
  box-shadow: var(--elevation-z16);
}
:root .focus\:shadow-17:focus {
  box-shadow: var(--elevation-z17);
}
:root .focus\:shadow-18:focus {
  box-shadow: var(--elevation-z18);
}
:root .focus\:shadow-19:focus {
  box-shadow: var(--elevation-z19);
}
:root .focus\:shadow-20:focus {
  box-shadow: var(--elevation-z20);
}
:root .focus\:shadow:focus {
  box-shadow: var(--elevation-z6);
}
:root .focus\:shadow-md:focus {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
:root .focus\:shadow-lg:focus {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
}
:root .focus\:shadow-xl:focus {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
}
:root .focus\:shadow-2xl:focus {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
:root .focus\:shadow-inner:focus {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
:root .focus\:shadow-outline:focus {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}
:root .focus\:shadow-none:focus {
  box-shadow: none;
}
:root .focus\:shadow-b:focus {
  box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
}
:root .fill-current {
  fill: currentColor;
}
:root .stroke-current {
  stroke: currentColor;
}
:root .stroke-0 {
  stroke-width: 0;
}
:root .stroke-1 {
  stroke-width: 1;
}
:root .stroke-2 {
  stroke-width: 2;
}
:root .table-auto {
  table-layout: auto;
}
:root .table-fixed {
  table-layout: fixed;
}
:root .text-left {
  text-align: left;
}
:root .text-center {
  text-align: center;
}
:root .text-right {
  text-align: right;
}
:root .text-justify {
  text-align: justify;
}
:root .text-secondary {
  color: var(--text-secondary);
}
:root .text-hint {
  color: var(--text-hint);
}
:root .text-current {
  color: currentColor;
}
:root .text-transparent {
  color: transparent;
}
:root .text-black {
  color: var(--text-color);
}
:root .text-white {
  color: var(--text-color-light);
}
:root .text-contrast-black {
  --text-opacity: 1;
  color: black;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .text-contrast-white {
  --text-opacity: 1;
  color: white;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-gray-light {
  color: rgba(158, 158, 158, 0.1);
}
:root .text-gray {
  --text-opacity: 1;
  color: #9e9e9e;
  color: rgba(158, 158, 158, var(--text-opacity));
}
:root .text-red-light {
  color: rgba(244, 67, 54, 0.1);
}
:root .text-red {
  --text-opacity: 1;
  color: #f44336;
  color: rgba(244, 67, 54, var(--text-opacity));
}
:root .text-orange-light {
  color: rgba(255, 152, 0, 0.1);
}
:root .text-orange {
  --text-opacity: 1;
  color: #ff9800;
  color: rgba(255, 152, 0, var(--text-opacity));
}
:root .text-deep-orange-light {
  color: rgba(255, 87, 34, 0.1);
}
:root .text-deep-orange {
  --text-opacity: 1;
  color: #ff5722;
  color: rgba(255, 87, 34, var(--text-opacity));
}
:root .text-amber-light {
  color: rgba(255, 193, 7, 0.1);
}
:root .text-amber {
  --text-opacity: 1;
  color: #ffc107;
  color: rgba(255, 193, 7, var(--text-opacity));
}
:root .text-green-light {
  color: rgba(76, 175, 80, 0.1);
}
:root .text-green {
  --text-opacity: 1;
  color: #4caf50;
  color: rgba(76, 175, 80, var(--text-opacity));
}
:root .text-teal-light {
  color: rgba(0, 150, 136, 0.1);
}
:root .text-teal {
  --text-opacity: 1;
  color: #009688;
  color: rgba(0, 150, 136, var(--text-opacity));
}
:root .text-cyan-light {
  color: rgba(0, 188, 212, 0.1);
}
:root .text-cyan {
  --text-opacity: 1;
  color: #00bcd4;
  color: rgba(0, 188, 212, var(--text-opacity));
}
:root .text-purple-light {
  color: rgba(156, 39, 176, 0.1);
}
:root .text-purple {
  --text-opacity: 1;
  color: #9c27b0;
  color: rgba(156, 39, 176, var(--text-opacity));
}
:root .text-deep-purple-light {
  color: rgba(103, 58, 183, 0.1);
}
:root .text-deep-purple {
  --text-opacity: 1;
  color: #673ab7;
  color: rgba(103, 58, 183, var(--text-opacity));
}
:root .text-pink-light {
  color: rgba(233, 30, 99, 0.1);
}
:root .text-pink {
  --text-opacity: 1;
  color: #e91e63;
  color: rgba(233, 30, 99, var(--text-opacity));
}
:root .text-primary-light {
  color: rgba(var(--color-primary), 0.1);
}
:root .text-primary {
  color: rgb(var(--color-primary));
}
:root .text-accent-light {
  color: rgba(var(--color-accent), 0.1);
}
:root .text-accent {
  color: rgb(var(--color-accent));
}
:root .text-warn-light {
  color: rgba(var(--color-warn), 0.1);
}
:root .text-warn {
  color: rgb(var(--color-warn));
}
:root .text-primary-contrast {
  color: rgb(var(--color-primary-contrast));
}
:root .text-accent-contrast {
  color: rgb(var(--color-accent-contrast));
}
:root .text-warn-contrast {
  color: rgb(var(--color-warn-contrast));
}
:root .text-red-contrast {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-green-contrast {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-amber-contrast {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .text-orange-contrast {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .text-deep-orange-contrast {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-purple-contrast {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-deep-purple-contrast {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-cyan-contrast {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-teal-contrast {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-gray-contrast {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .text-light-green-contrast {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .hover\:text-secondary:hover {
  color: var(--text-secondary);
}
:root .hover\:text-hint:hover {
  color: var(--text-hint);
}
:root .hover\:text-current:hover {
  color: currentColor;
}
:root .hover\:text-transparent:hover {
  color: transparent;
}
:root .hover\:text-black:hover {
  color: var(--text-color);
}
:root .hover\:text-white:hover {
  color: var(--text-color-light);
}
:root .hover\:text-contrast-black:hover {
  --text-opacity: 1;
  color: black;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .hover\:text-contrast-white:hover {
  --text-opacity: 1;
  color: white;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-gray-light:hover {
  color: rgba(158, 158, 158, 0.1);
}
:root .hover\:text-gray:hover {
  --text-opacity: 1;
  color: #9e9e9e;
  color: rgba(158, 158, 158, var(--text-opacity));
}
:root .hover\:text-red-light:hover {
  color: rgba(244, 67, 54, 0.1);
}
:root .hover\:text-red:hover {
  --text-opacity: 1;
  color: #f44336;
  color: rgba(244, 67, 54, var(--text-opacity));
}
:root .hover\:text-orange-light:hover {
  color: rgba(255, 152, 0, 0.1);
}
:root .hover\:text-orange:hover {
  --text-opacity: 1;
  color: #ff9800;
  color: rgba(255, 152, 0, var(--text-opacity));
}
:root .hover\:text-deep-orange-light:hover {
  color: rgba(255, 87, 34, 0.1);
}
:root .hover\:text-deep-orange:hover {
  --text-opacity: 1;
  color: #ff5722;
  color: rgba(255, 87, 34, var(--text-opacity));
}
:root .hover\:text-amber-light:hover {
  color: rgba(255, 193, 7, 0.1);
}
:root .hover\:text-amber:hover {
  --text-opacity: 1;
  color: #ffc107;
  color: rgba(255, 193, 7, var(--text-opacity));
}
:root .hover\:text-green-light:hover {
  color: rgba(76, 175, 80, 0.1);
}
:root .hover\:text-green:hover {
  --text-opacity: 1;
  color: #4caf50;
  color: rgba(76, 175, 80, var(--text-opacity));
}
:root .hover\:text-teal-light:hover {
  color: rgba(0, 150, 136, 0.1);
}
:root .hover\:text-teal:hover {
  --text-opacity: 1;
  color: #009688;
  color: rgba(0, 150, 136, var(--text-opacity));
}
:root .hover\:text-cyan-light:hover {
  color: rgba(0, 188, 212, 0.1);
}
:root .hover\:text-cyan:hover {
  --text-opacity: 1;
  color: #00bcd4;
  color: rgba(0, 188, 212, var(--text-opacity));
}
:root .hover\:text-purple-light:hover {
  color: rgba(156, 39, 176, 0.1);
}
:root .hover\:text-purple:hover {
  --text-opacity: 1;
  color: #9c27b0;
  color: rgba(156, 39, 176, var(--text-opacity));
}
:root .hover\:text-deep-purple-light:hover {
  color: rgba(103, 58, 183, 0.1);
}
:root .hover\:text-deep-purple:hover {
  --text-opacity: 1;
  color: #673ab7;
  color: rgba(103, 58, 183, var(--text-opacity));
}
:root .hover\:text-pink-light:hover {
  color: rgba(233, 30, 99, 0.1);
}
:root .hover\:text-pink:hover {
  --text-opacity: 1;
  color: #e91e63;
  color: rgba(233, 30, 99, var(--text-opacity));
}
:root .hover\:text-primary-light:hover {
  color: rgba(var(--color-primary), 0.1);
}
:root .hover\:text-primary:hover {
  color: rgb(var(--color-primary));
}
:root .hover\:text-accent-light:hover {
  color: rgba(var(--color-accent), 0.1);
}
:root .hover\:text-accent:hover {
  color: rgb(var(--color-accent));
}
:root .hover\:text-warn-light:hover {
  color: rgba(var(--color-warn), 0.1);
}
:root .hover\:text-warn:hover {
  color: rgb(var(--color-warn));
}
:root .hover\:text-primary-contrast:hover {
  color: rgb(var(--color-primary-contrast));
}
:root .hover\:text-accent-contrast:hover {
  color: rgb(var(--color-accent-contrast));
}
:root .hover\:text-warn-contrast:hover {
  color: rgb(var(--color-warn-contrast));
}
:root .hover\:text-red-contrast:hover {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-green-contrast:hover {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-amber-contrast:hover {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .hover\:text-orange-contrast:hover {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .hover\:text-deep-orange-contrast:hover {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-purple-contrast:hover {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-deep-purple-contrast:hover {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-cyan-contrast:hover {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-teal-contrast:hover {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-gray-contrast:hover {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .hover\:text-light-green-contrast:hover {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .focus\:text-secondary:focus {
  color: var(--text-secondary);
}
:root .focus\:text-hint:focus {
  color: var(--text-hint);
}
:root .focus\:text-current:focus {
  color: currentColor;
}
:root .focus\:text-transparent:focus {
  color: transparent;
}
:root .focus\:text-black:focus {
  color: var(--text-color);
}
:root .focus\:text-white:focus {
  color: var(--text-color-light);
}
:root .focus\:text-contrast-black:focus {
  --text-opacity: 1;
  color: black;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .focus\:text-contrast-white:focus {
  --text-opacity: 1;
  color: white;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-gray-light:focus {
  color: rgba(158, 158, 158, 0.1);
}
:root .focus\:text-gray:focus {
  --text-opacity: 1;
  color: #9e9e9e;
  color: rgba(158, 158, 158, var(--text-opacity));
}
:root .focus\:text-red-light:focus {
  color: rgba(244, 67, 54, 0.1);
}
:root .focus\:text-red:focus {
  --text-opacity: 1;
  color: #f44336;
  color: rgba(244, 67, 54, var(--text-opacity));
}
:root .focus\:text-orange-light:focus {
  color: rgba(255, 152, 0, 0.1);
}
:root .focus\:text-orange:focus {
  --text-opacity: 1;
  color: #ff9800;
  color: rgba(255, 152, 0, var(--text-opacity));
}
:root .focus\:text-deep-orange-light:focus {
  color: rgba(255, 87, 34, 0.1);
}
:root .focus\:text-deep-orange:focus {
  --text-opacity: 1;
  color: #ff5722;
  color: rgba(255, 87, 34, var(--text-opacity));
}
:root .focus\:text-amber-light:focus {
  color: rgba(255, 193, 7, 0.1);
}
:root .focus\:text-amber:focus {
  --text-opacity: 1;
  color: #ffc107;
  color: rgba(255, 193, 7, var(--text-opacity));
}
:root .focus\:text-green-light:focus {
  color: rgba(76, 175, 80, 0.1);
}
:root .focus\:text-green:focus {
  --text-opacity: 1;
  color: #4caf50;
  color: rgba(76, 175, 80, var(--text-opacity));
}
:root .focus\:text-teal-light:focus {
  color: rgba(0, 150, 136, 0.1);
}
:root .focus\:text-teal:focus {
  --text-opacity: 1;
  color: #009688;
  color: rgba(0, 150, 136, var(--text-opacity));
}
:root .focus\:text-cyan-light:focus {
  color: rgba(0, 188, 212, 0.1);
}
:root .focus\:text-cyan:focus {
  --text-opacity: 1;
  color: #00bcd4;
  color: rgba(0, 188, 212, var(--text-opacity));
}
:root .focus\:text-purple-light:focus {
  color: rgba(156, 39, 176, 0.1);
}
:root .focus\:text-purple:focus {
  --text-opacity: 1;
  color: #9c27b0;
  color: rgba(156, 39, 176, var(--text-opacity));
}
:root .focus\:text-deep-purple-light:focus {
  color: rgba(103, 58, 183, 0.1);
}
:root .focus\:text-deep-purple:focus {
  --text-opacity: 1;
  color: #673ab7;
  color: rgba(103, 58, 183, var(--text-opacity));
}
:root .focus\:text-pink-light:focus {
  color: rgba(233, 30, 99, 0.1);
}
:root .focus\:text-pink:focus {
  --text-opacity: 1;
  color: #e91e63;
  color: rgba(233, 30, 99, var(--text-opacity));
}
:root .focus\:text-primary-light:focus {
  color: rgba(var(--color-primary), 0.1);
}
:root .focus\:text-primary:focus {
  color: rgb(var(--color-primary));
}
:root .focus\:text-accent-light:focus {
  color: rgba(var(--color-accent), 0.1);
}
:root .focus\:text-accent:focus {
  color: rgb(var(--color-accent));
}
:root .focus\:text-warn-light:focus {
  color: rgba(var(--color-warn), 0.1);
}
:root .focus\:text-warn:focus {
  color: rgb(var(--color-warn));
}
:root .focus\:text-primary-contrast:focus {
  color: rgb(var(--color-primary-contrast));
}
:root .focus\:text-accent-contrast:focus {
  color: rgb(var(--color-accent-contrast));
}
:root .focus\:text-warn-contrast:focus {
  color: rgb(var(--color-warn-contrast));
}
:root .focus\:text-red-contrast:focus {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-green-contrast:focus {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-amber-contrast:focus {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .focus\:text-orange-contrast:focus {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .focus\:text-deep-orange-contrast:focus {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-purple-contrast:focus {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-deep-purple-contrast:focus {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-cyan-contrast:focus {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-teal-contrast:focus {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-gray-contrast:focus {
  --text-opacity: 1;
  color: #FFF;
  color: rgba(255, 255, 255, var(--text-opacity));
}
:root .focus\:text-light-green-contrast:focus {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}
:root .text-opacity-0 {
  --text-opacity: 0;
}
:root .text-opacity-25 {
  --text-opacity: 0.25;
}
:root .text-opacity-50 {
  --text-opacity: 0.5;
}
:root .text-opacity-75 {
  --text-opacity: 0.75;
}
:root .text-opacity-100 {
  --text-opacity: 1;
}
:root .hover\:text-opacity-0:hover {
  --text-opacity: 0;
}
:root .hover\:text-opacity-25:hover {
  --text-opacity: 0.25;
}
:root .hover\:text-opacity-50:hover {
  --text-opacity: 0.5;
}
:root .hover\:text-opacity-75:hover {
  --text-opacity: 0.75;
}
:root .hover\:text-opacity-100:hover {
  --text-opacity: 1;
}
:root .focus\:text-opacity-0:focus {
  --text-opacity: 0;
}
:root .focus\:text-opacity-25:focus {
  --text-opacity: 0.25;
}
:root .focus\:text-opacity-50:focus {
  --text-opacity: 0.5;
}
:root .focus\:text-opacity-75:focus {
  --text-opacity: 0.75;
}
:root .focus\:text-opacity-100:focus {
  --text-opacity: 1;
}
:root .italic {
  font-style: italic;
}
:root .not-italic {
  font-style: normal;
}
:root .uppercase {
  text-transform: uppercase;
}
:root .lowercase {
  text-transform: lowercase;
}
:root .capitalize {
  text-transform: capitalize;
}
:root .normal-case {
  text-transform: none;
}
:root .underline {
  text-decoration: underline;
}
:root .line-through {
  text-decoration: line-through;
}
:root .no-underline {
  text-decoration: none;
}
:root .hover\:underline:hover {
  text-decoration: underline;
}
:root .hover\:line-through:hover {
  text-decoration: line-through;
}
:root .hover\:no-underline:hover {
  text-decoration: none;
}
:root .focus\:underline:focus {
  text-decoration: underline;
}
:root .focus\:line-through:focus {
  text-decoration: line-through;
}
:root .focus\:no-underline:focus {
  text-decoration: none;
}
:root .antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root .subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
:root .ordinal, :root .slashed-zero, :root .lining-nums, :root .oldstyle-nums, :root .proportional-nums, :root .tabular-nums, :root .diagonal-fractions, :root .stacked-fractions {
  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
}
:root .normal-nums {
  font-variant-numeric: normal;
}
:root .ordinal {
  --font-variant-numeric-ordinal: ordinal;
}
:root .slashed-zero {
  --font-variant-numeric-slashed-zero: slashed-zero;
}
:root .lining-nums {
  --font-variant-numeric-figure: lining-nums;
}
:root .oldstyle-nums {
  --font-variant-numeric-figure: oldstyle-nums;
}
:root .proportional-nums {
  --font-variant-numeric-spacing: proportional-nums;
}
:root .tabular-nums {
  --font-variant-numeric-spacing: tabular-nums;
}
:root .diagonal-fractions {
  --font-variant-numeric-fraction: diagonal-fractions;
}
:root .stacked-fractions {
  --font-variant-numeric-fraction: stacked-fractions;
}
:root .tracking-tighter {
  letter-spacing: -0.05em;
}
:root .tracking-tight {
  letter-spacing: -0.025em;
}
:root .tracking-normal {
  letter-spacing: 0;
}
:root .tracking-wide {
  letter-spacing: 0.025em;
}
:root .tracking-wider {
  letter-spacing: 0.05em;
}
:root .tracking-widest {
  letter-spacing: 0.1em;
}
:root .select-none {
  -webkit-user-select: none;
          user-select: none;
}
:root .select-text {
  -webkit-user-select: text;
          user-select: text;
}
:root .select-all {
  -webkit-user-select: all;
          user-select: all;
}
:root .select-auto {
  -webkit-user-select: auto;
          user-select: auto;
}
:root .align-baseline {
  vertical-align: baseline;
}
:root .align-top {
  vertical-align: top;
}
:root .align-middle {
  vertical-align: middle;
}
:root .align-bottom {
  vertical-align: bottom;
}
:root .align-text-top {
  vertical-align: text-top;
}
:root .align-text-bottom {
  vertical-align: text-bottom;
}
:root .visible {
  visibility: visible;
}
:root .invisible {
  visibility: hidden;
}
:root .whitespace-normal {
  white-space: normal;
}
:root .whitespace-no-wrap {
  white-space: nowrap;
}
:root .whitespace-pre {
  white-space: pre;
}
:root .whitespace-pre-line {
  white-space: pre-line;
}
:root .whitespace-pre-wrap {
  white-space: pre-wrap;
}
:root .break-normal {
  word-wrap: normal;
  overflow-wrap: normal;
  word-break: normal;
}
:root .break-words {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
:root .break-all {
  word-break: break-all;
}
:root .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root .w-0 {
  width: 0;
}
:root .w-1 {
  width: 0.25rem;
}
:root .w-2 {
  width: 0.5rem;
}
:root .w-3 {
  width: 0.75rem;
}
:root .w-4 {
  width: 1rem;
}
:root .w-5 {
  width: 1.25rem;
}
:root .w-6 {
  width: 1.5rem;
}
:root .w-8 {
  width: 2rem;
}
:root .w-9 {
  width: 2.25rem;
}
:root .w-10 {
  width: 2.5rem;
}
:root .w-12 {
  width: 3rem;
}
:root .w-14 {
  width: 3.5rem;
}
:root .w-16 {
  width: 4rem;
}
:root .w-20 {
  width: 5rem;
}
:root .w-24 {
  width: 6rem;
}
:root .w-32 {
  width: 8rem;
}
:root .w-40 {
  width: 10rem;
}
:root .w-48 {
  width: 12rem;
}
:root .w-56 {
  width: 14rem;
}
:root .w-64 {
  width: 16rem;
}
:root .w-auto {
  width: auto;
}
:root .w-px {
  width: 1px;
}
:root .w-gutter {
  width: var(--padding-gutter);
}
:root .w-1\/2 {
  width: 50%;
}
:root .w-1\/3 {
  width: 33.333333%;
}
:root .w-2\/3 {
  width: 66.666667%;
}
:root .w-1\/4 {
  width: 25%;
}
:root .w-2\/4 {
  width: 50%;
}
:root .w-3\/4 {
  width: 75%;
}
:root .w-1\/5 {
  width: 20%;
}
:root .w-2\/5 {
  width: 40%;
}
:root .w-3\/5 {
  width: 60%;
}
:root .w-4\/5 {
  width: 80%;
}
:root .w-1\/6 {
  width: 16.666667%;
}
:root .w-2\/6 {
  width: 33.333333%;
}
:root .w-3\/6 {
  width: 50%;
}
:root .w-4\/6 {
  width: 66.666667%;
}
:root .w-5\/6 {
  width: 83.333333%;
}
:root .w-1\/12 {
  width: 8.333333%;
}
:root .w-2\/12 {
  width: 16.666667%;
}
:root .w-3\/12 {
  width: 25%;
}
:root .w-4\/12 {
  width: 33.333333%;
}
:root .w-5\/12 {
  width: 41.666667%;
}
:root .w-6\/12 {
  width: 50%;
}
:root .w-7\/12 {
  width: 58.333333%;
}
:root .w-8\/12 {
  width: 66.666667%;
}
:root .w-9\/12 {
  width: 75%;
}
:root .w-10\/12 {
  width: 83.333333%;
}
:root .w-11\/12 {
  width: 91.666667%;
}
:root .w-full {
  width: 100%;
}
:root .w-screen {
  width: 100vw;
}
:root .z-0 {
  z-index: 0;
}
:root .z-10 {
  z-index: 10;
}
:root .z-20 {
  z-index: 20;
}
:root .z-30 {
  z-index: 30;
}
:root .z-40 {
  z-index: 40;
}
:root .z-50 {
  z-index: 50;
}
:root .z-auto {
  z-index: auto;
}
:root .gap-0 {
  grid-gap: 0;
  gap: 0;
}
:root .gap-1 {
  grid-gap: 0.25rem;
  gap: 0.25rem;
}
:root .gap-2 {
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
:root .gap-3 {
  grid-gap: 0.75rem;
  gap: 0.75rem;
}
:root .gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}
:root .gap-5 {
  grid-gap: 1.25rem;
  gap: 1.25rem;
}
:root .gap-6 {
  grid-gap: 1.5rem;
  gap: 1.5rem;
}
:root .gap-8 {
  grid-gap: 2rem;
  gap: 2rem;
}
:root .gap-9 {
  grid-gap: 2.25rem;
  gap: 2.25rem;
}
:root .gap-10 {
  grid-gap: 2.5rem;
  gap: 2.5rem;
}
:root .gap-12 {
  grid-gap: 3rem;
  gap: 3rem;
}
:root .gap-14 {
  grid-gap: 3.5rem;
  gap: 3.5rem;
}
:root .gap-16 {
  grid-gap: 4rem;
  gap: 4rem;
}
:root .gap-20 {
  grid-gap: 5rem;
  gap: 5rem;
}
:root .gap-24 {
  grid-gap: 6rem;
  gap: 6rem;
}
:root .gap-32 {
  grid-gap: 8rem;
  gap: 8rem;
}
:root .gap-40 {
  grid-gap: 10rem;
  gap: 10rem;
}
:root .gap-48 {
  grid-gap: 12rem;
  gap: 12rem;
}
:root .gap-56 {
  grid-gap: 14rem;
  gap: 14rem;
}
:root .gap-64 {
  grid-gap: 16rem;
  gap: 16rem;
}
:root .gap-px {
  grid-gap: 1px;
  gap: 1px;
}
:root .gap-gutter {
  grid-gap: var(--padding-gutter);
  gap: var(--padding-gutter);
}
:root .gap-x-0 {
  grid-column-gap: 0;
  column-gap: 0;
}
:root .gap-x-1 {
  grid-column-gap: 0.25rem;
  column-gap: 0.25rem;
}
:root .gap-x-2 {
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
:root .gap-x-3 {
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
}
:root .gap-x-4 {
  grid-column-gap: 1rem;
  column-gap: 1rem;
}
:root .gap-x-5 {
  grid-column-gap: 1.25rem;
  column-gap: 1.25rem;
}
:root .gap-x-6 {
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem;
}
:root .gap-x-8 {
  grid-column-gap: 2rem;
  column-gap: 2rem;
}
:root .gap-x-9 {
  grid-column-gap: 2.25rem;
  column-gap: 2.25rem;
}
:root .gap-x-10 {
  grid-column-gap: 2.5rem;
  column-gap: 2.5rem;
}
:root .gap-x-12 {
  grid-column-gap: 3rem;
  column-gap: 3rem;
}
:root .gap-x-14 {
  grid-column-gap: 3.5rem;
  column-gap: 3.5rem;
}
:root .gap-x-16 {
  grid-column-gap: 4rem;
  column-gap: 4rem;
}
:root .gap-x-20 {
  grid-column-gap: 5rem;
  column-gap: 5rem;
}
:root .gap-x-24 {
  grid-column-gap: 6rem;
  column-gap: 6rem;
}
:root .gap-x-32 {
  grid-column-gap: 8rem;
  column-gap: 8rem;
}
:root .gap-x-40 {
  grid-column-gap: 10rem;
  column-gap: 10rem;
}
:root .gap-x-48 {
  grid-column-gap: 12rem;
  column-gap: 12rem;
}
:root .gap-x-56 {
  grid-column-gap: 14rem;
  column-gap: 14rem;
}
:root .gap-x-64 {
  grid-column-gap: 16rem;
  column-gap: 16rem;
}
:root .gap-x-px {
  grid-column-gap: 1px;
  column-gap: 1px;
}
:root .gap-x-gutter {
  grid-column-gap: var(--padding-gutter);
  column-gap: var(--padding-gutter);
}
:root .gap-y-0 {
  grid-row-gap: 0;
  row-gap: 0;
}
:root .gap-y-1 {
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}
:root .gap-y-2 {
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}
:root .gap-y-3 {
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}
:root .gap-y-4 {
  grid-row-gap: 1rem;
  row-gap: 1rem;
}
:root .gap-y-5 {
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}
:root .gap-y-6 {
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}
:root .gap-y-8 {
  grid-row-gap: 2rem;
  row-gap: 2rem;
}
:root .gap-y-9 {
  grid-row-gap: 2.25rem;
  row-gap: 2.25rem;
}
:root .gap-y-10 {
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}
:root .gap-y-12 {
  grid-row-gap: 3rem;
  row-gap: 3rem;
}
:root .gap-y-14 {
  grid-row-gap: 3.5rem;
  row-gap: 3.5rem;
}
:root .gap-y-16 {
  grid-row-gap: 4rem;
  row-gap: 4rem;
}
:root .gap-y-20 {
  grid-row-gap: 5rem;
  row-gap: 5rem;
}
:root .gap-y-24 {
  grid-row-gap: 6rem;
  row-gap: 6rem;
}
:root .gap-y-32 {
  grid-row-gap: 8rem;
  row-gap: 8rem;
}
:root .gap-y-40 {
  grid-row-gap: 10rem;
  row-gap: 10rem;
}
:root .gap-y-48 {
  grid-row-gap: 12rem;
  row-gap: 12rem;
}
:root .gap-y-56 {
  grid-row-gap: 14rem;
  row-gap: 14rem;
}
:root .gap-y-64 {
  grid-row-gap: 16rem;
  row-gap: 16rem;
}
:root .gap-y-px {
  grid-row-gap: 1px;
  row-gap: 1px;
}
:root .gap-y-gutter {
  grid-row-gap: var(--padding-gutter);
  row-gap: var(--padding-gutter);
}
:root .grid-flow-row {
  grid-auto-flow: row;
}
:root .grid-flow-col {
  grid-auto-flow: column;
}
:root .grid-flow-row-dense {
  grid-auto-flow: row dense;
}
:root .grid-flow-col-dense {
  grid-auto-flow: column dense;
}
:root .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
:root .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:root .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:root .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:root .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
:root .grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
:root .grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
:root .grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
:root .grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
:root .grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
:root .grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
:root .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
:root .grid-cols-none {
  grid-template-columns: none;
}
:root .auto-cols-auto {
  grid-auto-columns: auto;
}
:root .auto-cols-min {
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
}
:root .auto-cols-max {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}
:root .auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}
:root .col-auto {
  grid-column: auto;
}
:root .col-span-1 {
  grid-column: span 1/span 1;
}
:root .col-span-2 {
  grid-column: span 2/span 2;
}
:root .col-span-3 {
  grid-column: span 3/span 3;
}
:root .col-span-4 {
  grid-column: span 4/span 4;
}
:root .col-span-5 {
  grid-column: span 5/span 5;
}
:root .col-span-6 {
  grid-column: span 6/span 6;
}
:root .col-span-7 {
  grid-column: span 7/span 7;
}
:root .col-span-8 {
  grid-column: span 8/span 8;
}
:root .col-span-9 {
  grid-column: span 9/span 9;
}
:root .col-span-10 {
  grid-column: span 10/span 10;
}
:root .col-span-11 {
  grid-column: span 11/span 11;
}
:root .col-span-12 {
  grid-column: span 12/span 12;
}
:root .col-span-full {
  grid-column: 1/-1;
}
:root .col-start-1 {
  grid-column-start: 1;
}
:root .col-start-2 {
  grid-column-start: 2;
}
:root .col-start-3 {
  grid-column-start: 3;
}
:root .col-start-4 {
  grid-column-start: 4;
}
:root .col-start-5 {
  grid-column-start: 5;
}
:root .col-start-6 {
  grid-column-start: 6;
}
:root .col-start-7 {
  grid-column-start: 7;
}
:root .col-start-8 {
  grid-column-start: 8;
}
:root .col-start-9 {
  grid-column-start: 9;
}
:root .col-start-10 {
  grid-column-start: 10;
}
:root .col-start-11 {
  grid-column-start: 11;
}
:root .col-start-12 {
  grid-column-start: 12;
}
:root .col-start-13 {
  grid-column-start: 13;
}
:root .col-start-auto {
  grid-column-start: auto;
}
:root .col-end-1 {
  grid-column-end: 1;
}
:root .col-end-2 {
  grid-column-end: 2;
}
:root .col-end-3 {
  grid-column-end: 3;
}
:root .col-end-4 {
  grid-column-end: 4;
}
:root .col-end-5 {
  grid-column-end: 5;
}
:root .col-end-6 {
  grid-column-end: 6;
}
:root .col-end-7 {
  grid-column-end: 7;
}
:root .col-end-8 {
  grid-column-end: 8;
}
:root .col-end-9 {
  grid-column-end: 9;
}
:root .col-end-10 {
  grid-column-end: 10;
}
:root .col-end-11 {
  grid-column-end: 11;
}
:root .col-end-12 {
  grid-column-end: 12;
}
:root .col-end-13 {
  grid-column-end: 13;
}
:root .col-end-auto {
  grid-column-end: auto;
}
:root .grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
:root .grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
:root .grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
:root .grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
:root .grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
:root .grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
:root .grid-rows-none {
  grid-template-rows: none;
}
:root .auto-rows-auto {
  grid-auto-rows: auto;
}
:root .auto-rows-min {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}
:root .auto-rows-max {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}
:root .auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}
:root .row-auto {
  grid-row: auto;
}
:root .row-span-1 {
  grid-row: span 1/span 1;
}
:root .row-span-2 {
  grid-row: span 2/span 2;
}
:root .row-span-3 {
  grid-row: span 3/span 3;
}
:root .row-span-4 {
  grid-row: span 4/span 4;
}
:root .row-span-5 {
  grid-row: span 5/span 5;
}
:root .row-span-6 {
  grid-row: span 6/span 6;
}
:root .row-span-full {
  grid-row: 1/-1;
}
:root .row-start-1 {
  grid-row-start: 1;
}
:root .row-start-2 {
  grid-row-start: 2;
}
:root .row-start-3 {
  grid-row-start: 3;
}
:root .row-start-4 {
  grid-row-start: 4;
}
:root .row-start-5 {
  grid-row-start: 5;
}
:root .row-start-6 {
  grid-row-start: 6;
}
:root .row-start-7 {
  grid-row-start: 7;
}
:root .row-start-auto {
  grid-row-start: auto;
}
:root .row-end-1 {
  grid-row-end: 1;
}
:root .row-end-2 {
  grid-row-end: 2;
}
:root .row-end-3 {
  grid-row-end: 3;
}
:root .row-end-4 {
  grid-row-end: 4;
}
:root .row-end-5 {
  grid-row-end: 5;
}
:root .row-end-6 {
  grid-row-end: 6;
}
:root .row-end-7 {
  grid-row-end: 7;
}
:root .row-end-auto {
  grid-row-end: auto;
}
:root .transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
:root .transform-none {
  transform: none;
}
:root .origin-center {
  transform-origin: center;
}
:root .origin-top {
  transform-origin: top;
}
:root .origin-top-right {
  transform-origin: top right;
}
:root .origin-right {
  transform-origin: right;
}
:root .origin-bottom-right {
  transform-origin: bottom right;
}
:root .origin-bottom {
  transform-origin: bottom;
}
:root .origin-bottom-left {
  transform-origin: bottom left;
}
:root .origin-left {
  transform-origin: left;
}
:root .origin-top-left {
  transform-origin: top left;
}
:root .scale-0 {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}
:root .scale-50 {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}
:root .scale-75 {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}
:root .scale-90 {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}
:root .scale-95 {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}
:root .scale-100 {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}
:root .scale-105 {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}
:root .scale-110 {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}
:root .scale-125 {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}
:root .scale-150 {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}
:root .scale-x-0 {
  --transform-scale-x: 0;
}
:root .scale-x-50 {
  --transform-scale-x: .5;
}
:root .scale-x-75 {
  --transform-scale-x: .75;
}
:root .scale-x-90 {
  --transform-scale-x: .9;
}
:root .scale-x-95 {
  --transform-scale-x: .95;
}
:root .scale-x-100 {
  --transform-scale-x: 1;
}
:root .scale-x-105 {
  --transform-scale-x: 1.05;
}
:root .scale-x-110 {
  --transform-scale-x: 1.1;
}
:root .scale-x-125 {
  --transform-scale-x: 1.25;
}
:root .scale-x-150 {
  --transform-scale-x: 1.5;
}
:root .scale-y-0 {
  --transform-scale-y: 0;
}
:root .scale-y-50 {
  --transform-scale-y: .5;
}
:root .scale-y-75 {
  --transform-scale-y: .75;
}
:root .scale-y-90 {
  --transform-scale-y: .9;
}
:root .scale-y-95 {
  --transform-scale-y: .95;
}
:root .scale-y-100 {
  --transform-scale-y: 1;
}
:root .scale-y-105 {
  --transform-scale-y: 1.05;
}
:root .scale-y-110 {
  --transform-scale-y: 1.1;
}
:root .scale-y-125 {
  --transform-scale-y: 1.25;
}
:root .scale-y-150 {
  --transform-scale-y: 1.5;
}
:root .hover\:scale-0:hover {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}
:root .hover\:scale-50:hover {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}
:root .hover\:scale-75:hover {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}
:root .hover\:scale-90:hover {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}
:root .hover\:scale-95:hover {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}
:root .hover\:scale-100:hover {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}
:root .hover\:scale-105:hover {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}
:root .hover\:scale-110:hover {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}
:root .hover\:scale-125:hover {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}
:root .hover\:scale-150:hover {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}
:root .hover\:scale-x-0:hover {
  --transform-scale-x: 0;
}
:root .hover\:scale-x-50:hover {
  --transform-scale-x: .5;
}
:root .hover\:scale-x-75:hover {
  --transform-scale-x: .75;
}
:root .hover\:scale-x-90:hover {
  --transform-scale-x: .9;
}
:root .hover\:scale-x-95:hover {
  --transform-scale-x: .95;
}
:root .hover\:scale-x-100:hover {
  --transform-scale-x: 1;
}
:root .hover\:scale-x-105:hover {
  --transform-scale-x: 1.05;
}
:root .hover\:scale-x-110:hover {
  --transform-scale-x: 1.1;
}
:root .hover\:scale-x-125:hover {
  --transform-scale-x: 1.25;
}
:root .hover\:scale-x-150:hover {
  --transform-scale-x: 1.5;
}
:root .hover\:scale-y-0:hover {
  --transform-scale-y: 0;
}
:root .hover\:scale-y-50:hover {
  --transform-scale-y: .5;
}
:root .hover\:scale-y-75:hover {
  --transform-scale-y: .75;
}
:root .hover\:scale-y-90:hover {
  --transform-scale-y: .9;
}
:root .hover\:scale-y-95:hover {
  --transform-scale-y: .95;
}
:root .hover\:scale-y-100:hover {
  --transform-scale-y: 1;
}
:root .hover\:scale-y-105:hover {
  --transform-scale-y: 1.05;
}
:root .hover\:scale-y-110:hover {
  --transform-scale-y: 1.1;
}
:root .hover\:scale-y-125:hover {
  --transform-scale-y: 1.25;
}
:root .hover\:scale-y-150:hover {
  --transform-scale-y: 1.5;
}
:root .focus\:scale-0:focus {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}
:root .focus\:scale-50:focus {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}
:root .focus\:scale-75:focus {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}
:root .focus\:scale-90:focus {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}
:root .focus\:scale-95:focus {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}
:root .focus\:scale-100:focus {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}
:root .focus\:scale-105:focus {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}
:root .focus\:scale-110:focus {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}
:root .focus\:scale-125:focus {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}
:root .focus\:scale-150:focus {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}
:root .focus\:scale-x-0:focus {
  --transform-scale-x: 0;
}
:root .focus\:scale-x-50:focus {
  --transform-scale-x: .5;
}
:root .focus\:scale-x-75:focus {
  --transform-scale-x: .75;
}
:root .focus\:scale-x-90:focus {
  --transform-scale-x: .9;
}
:root .focus\:scale-x-95:focus {
  --transform-scale-x: .95;
}
:root .focus\:scale-x-100:focus {
  --transform-scale-x: 1;
}
:root .focus\:scale-x-105:focus {
  --transform-scale-x: 1.05;
}
:root .focus\:scale-x-110:focus {
  --transform-scale-x: 1.1;
}
:root .focus\:scale-x-125:focus {
  --transform-scale-x: 1.25;
}
:root .focus\:scale-x-150:focus {
  --transform-scale-x: 1.5;
}
:root .focus\:scale-y-0:focus {
  --transform-scale-y: 0;
}
:root .focus\:scale-y-50:focus {
  --transform-scale-y: .5;
}
:root .focus\:scale-y-75:focus {
  --transform-scale-y: .75;
}
:root .focus\:scale-y-90:focus {
  --transform-scale-y: .9;
}
:root .focus\:scale-y-95:focus {
  --transform-scale-y: .95;
}
:root .focus\:scale-y-100:focus {
  --transform-scale-y: 1;
}
:root .focus\:scale-y-105:focus {
  --transform-scale-y: 1.05;
}
:root .focus\:scale-y-110:focus {
  --transform-scale-y: 1.1;
}
:root .focus\:scale-y-125:focus {
  --transform-scale-y: 1.25;
}
:root .focus\:scale-y-150:focus {
  --transform-scale-y: 1.5;
}
:root .rotate-0 {
  --transform-rotate: 0;
}
:root .rotate-1 {
  --transform-rotate: 1deg;
}
:root .rotate-2 {
  --transform-rotate: 2deg;
}
:root .rotate-3 {
  --transform-rotate: 3deg;
}
:root .rotate-6 {
  --transform-rotate: 6deg;
}
:root .rotate-12 {
  --transform-rotate: 12deg;
}
:root .rotate-45 {
  --transform-rotate: 45deg;
}
:root .rotate-90 {
  --transform-rotate: 90deg;
}
:root .rotate-180 {
  --transform-rotate: 180deg;
}
:root .-rotate-180 {
  --transform-rotate: -180deg;
}
:root .-rotate-90 {
  --transform-rotate: -90deg;
}
:root .-rotate-45 {
  --transform-rotate: -45deg;
}
:root .-rotate-12 {
  --transform-rotate: -12deg;
}
:root .-rotate-6 {
  --transform-rotate: -6deg;
}
:root .-rotate-3 {
  --transform-rotate: -3deg;
}
:root .-rotate-2 {
  --transform-rotate: -2deg;
}
:root .-rotate-1 {
  --transform-rotate: -1deg;
}
:root .hover\:rotate-0:hover {
  --transform-rotate: 0;
}
:root .hover\:rotate-1:hover {
  --transform-rotate: 1deg;
}
:root .hover\:rotate-2:hover {
  --transform-rotate: 2deg;
}
:root .hover\:rotate-3:hover {
  --transform-rotate: 3deg;
}
:root .hover\:rotate-6:hover {
  --transform-rotate: 6deg;
}
:root .hover\:rotate-12:hover {
  --transform-rotate: 12deg;
}
:root .hover\:rotate-45:hover {
  --transform-rotate: 45deg;
}
:root .hover\:rotate-90:hover {
  --transform-rotate: 90deg;
}
:root .hover\:rotate-180:hover {
  --transform-rotate: 180deg;
}
:root .hover\:-rotate-180:hover {
  --transform-rotate: -180deg;
}
:root .hover\:-rotate-90:hover {
  --transform-rotate: -90deg;
}
:root .hover\:-rotate-45:hover {
  --transform-rotate: -45deg;
}
:root .hover\:-rotate-12:hover {
  --transform-rotate: -12deg;
}
:root .hover\:-rotate-6:hover {
  --transform-rotate: -6deg;
}
:root .hover\:-rotate-3:hover {
  --transform-rotate: -3deg;
}
:root .hover\:-rotate-2:hover {
  --transform-rotate: -2deg;
}
:root .hover\:-rotate-1:hover {
  --transform-rotate: -1deg;
}
:root .focus\:rotate-0:focus {
  --transform-rotate: 0;
}
:root .focus\:rotate-1:focus {
  --transform-rotate: 1deg;
}
:root .focus\:rotate-2:focus {
  --transform-rotate: 2deg;
}
:root .focus\:rotate-3:focus {
  --transform-rotate: 3deg;
}
:root .focus\:rotate-6:focus {
  --transform-rotate: 6deg;
}
:root .focus\:rotate-12:focus {
  --transform-rotate: 12deg;
}
:root .focus\:rotate-45:focus {
  --transform-rotate: 45deg;
}
:root .focus\:rotate-90:focus {
  --transform-rotate: 90deg;
}
:root .focus\:rotate-180:focus {
  --transform-rotate: 180deg;
}
:root .focus\:-rotate-180:focus {
  --transform-rotate: -180deg;
}
:root .focus\:-rotate-90:focus {
  --transform-rotate: -90deg;
}
:root .focus\:-rotate-45:focus {
  --transform-rotate: -45deg;
}
:root .focus\:-rotate-12:focus {
  --transform-rotate: -12deg;
}
:root .focus\:-rotate-6:focus {
  --transform-rotate: -6deg;
}
:root .focus\:-rotate-3:focus {
  --transform-rotate: -3deg;
}
:root .focus\:-rotate-2:focus {
  --transform-rotate: -2deg;
}
:root .focus\:-rotate-1:focus {
  --transform-rotate: -1deg;
}
:root .translate-x-0 {
  --transform-translate-x: 0;
}
:root .translate-x-1 {
  --transform-translate-x: 0.25rem;
}
:root .translate-x-2 {
  --transform-translate-x: 0.5rem;
}
:root .translate-x-3 {
  --transform-translate-x: 0.75rem;
}
:root .translate-x-4 {
  --transform-translate-x: 1rem;
}
:root .translate-x-5 {
  --transform-translate-x: 1.25rem;
}
:root .translate-x-6 {
  --transform-translate-x: 1.5rem;
}
:root .translate-x-8 {
  --transform-translate-x: 2rem;
}
:root .translate-x-9 {
  --transform-translate-x: 2.25rem;
}
:root .translate-x-10 {
  --transform-translate-x: 2.5rem;
}
:root .translate-x-12 {
  --transform-translate-x: 3rem;
}
:root .translate-x-14 {
  --transform-translate-x: 3.5rem;
}
:root .translate-x-16 {
  --transform-translate-x: 4rem;
}
:root .translate-x-20 {
  --transform-translate-x: 5rem;
}
:root .translate-x-24 {
  --transform-translate-x: 6rem;
}
:root .translate-x-32 {
  --transform-translate-x: 8rem;
}
:root .translate-x-40 {
  --transform-translate-x: 10rem;
}
:root .translate-x-48 {
  --transform-translate-x: 12rem;
}
:root .translate-x-56 {
  --transform-translate-x: 14rem;
}
:root .translate-x-64 {
  --transform-translate-x: 16rem;
}
:root .translate-x-px {
  --transform-translate-x: 1px;
}
:root .translate-x-gutter {
  --transform-translate-x: var(--padding-gutter);
}
:root .-translate-x-1 {
  --transform-translate-x: -0.25rem;
}
:root .-translate-x-2 {
  --transform-translate-x: -0.5rem;
}
:root .-translate-x-3 {
  --transform-translate-x: -0.75rem;
}
:root .-translate-x-4 {
  --transform-translate-x: -1rem;
}
:root .-translate-x-5 {
  --transform-translate-x: -1.25rem;
}
:root .-translate-x-6 {
  --transform-translate-x: -1.5rem;
}
:root .-translate-x-8 {
  --transform-translate-x: -2rem;
}
:root .-translate-x-9 {
  --transform-translate-x: -2.25rem;
}
:root .-translate-x-10 {
  --transform-translate-x: -2.5rem;
}
:root .-translate-x-12 {
  --transform-translate-x: -3rem;
}
:root .-translate-x-14 {
  --transform-translate-x: -3.5rem;
}
:root .-translate-x-16 {
  --transform-translate-x: -4rem;
}
:root .-translate-x-20 {
  --transform-translate-x: -5rem;
}
:root .-translate-x-24 {
  --transform-translate-x: -6rem;
}
:root .-translate-x-32 {
  --transform-translate-x: -8rem;
}
:root .-translate-x-40 {
  --transform-translate-x: -10rem;
}
:root .-translate-x-48 {
  --transform-translate-x: -12rem;
}
:root .-translate-x-56 {
  --transform-translate-x: -14rem;
}
:root .-translate-x-64 {
  --transform-translate-x: -16rem;
}
:root .-translate-x-px {
  --transform-translate-x: -1px;
}
:root .-translate-x-gutter {
  --transform-translate-x: calc(var(--padding-gutter) * -1);
}
:root .-translate-x-full {
  --transform-translate-x: -100%;
}
:root .-translate-x-1\/2 {
  --transform-translate-x: -50%;
}
:root .translate-x-1\/2 {
  --transform-translate-x: 50%;
}
:root .translate-x-full {
  --transform-translate-x: 100%;
}
:root .translate-y-0 {
  --transform-translate-y: 0;
}
:root .translate-y-1 {
  --transform-translate-y: 0.25rem;
}
:root .translate-y-2 {
  --transform-translate-y: 0.5rem;
}
:root .translate-y-3 {
  --transform-translate-y: 0.75rem;
}
:root .translate-y-4 {
  --transform-translate-y: 1rem;
}
:root .translate-y-5 {
  --transform-translate-y: 1.25rem;
}
:root .translate-y-6 {
  --transform-translate-y: 1.5rem;
}
:root .translate-y-8 {
  --transform-translate-y: 2rem;
}
:root .translate-y-9 {
  --transform-translate-y: 2.25rem;
}
:root .translate-y-10 {
  --transform-translate-y: 2.5rem;
}
:root .translate-y-12 {
  --transform-translate-y: 3rem;
}
:root .translate-y-14 {
  --transform-translate-y: 3.5rem;
}
:root .translate-y-16 {
  --transform-translate-y: 4rem;
}
:root .translate-y-20 {
  --transform-translate-y: 5rem;
}
:root .translate-y-24 {
  --transform-translate-y: 6rem;
}
:root .translate-y-32 {
  --transform-translate-y: 8rem;
}
:root .translate-y-40 {
  --transform-translate-y: 10rem;
}
:root .translate-y-48 {
  --transform-translate-y: 12rem;
}
:root .translate-y-56 {
  --transform-translate-y: 14rem;
}
:root .translate-y-64 {
  --transform-translate-y: 16rem;
}
:root .translate-y-px {
  --transform-translate-y: 1px;
}
:root .translate-y-gutter {
  --transform-translate-y: var(--padding-gutter);
}
:root .-translate-y-1 {
  --transform-translate-y: -0.25rem;
}
:root .-translate-y-2 {
  --transform-translate-y: -0.5rem;
}
:root .-translate-y-3 {
  --transform-translate-y: -0.75rem;
}
:root .-translate-y-4 {
  --transform-translate-y: -1rem;
}
:root .-translate-y-5 {
  --transform-translate-y: -1.25rem;
}
:root .-translate-y-6 {
  --transform-translate-y: -1.5rem;
}
:root .-translate-y-8 {
  --transform-translate-y: -2rem;
}
:root .-translate-y-9 {
  --transform-translate-y: -2.25rem;
}
:root .-translate-y-10 {
  --transform-translate-y: -2.5rem;
}
:root .-translate-y-12 {
  --transform-translate-y: -3rem;
}
:root .-translate-y-14 {
  --transform-translate-y: -3.5rem;
}
:root .-translate-y-16 {
  --transform-translate-y: -4rem;
}
:root .-translate-y-20 {
  --transform-translate-y: -5rem;
}
:root .-translate-y-24 {
  --transform-translate-y: -6rem;
}
:root .-translate-y-32 {
  --transform-translate-y: -8rem;
}
:root .-translate-y-40 {
  --transform-translate-y: -10rem;
}
:root .-translate-y-48 {
  --transform-translate-y: -12rem;
}
:root .-translate-y-56 {
  --transform-translate-y: -14rem;
}
:root .-translate-y-64 {
  --transform-translate-y: -16rem;
}
:root .-translate-y-px {
  --transform-translate-y: -1px;
}
:root .-translate-y-gutter {
  --transform-translate-y: calc(var(--padding-gutter) * -1);
}
:root .-translate-y-full {
  --transform-translate-y: -100%;
}
:root .-translate-y-1\/2 {
  --transform-translate-y: -50%;
}
:root .translate-y-1\/2 {
  --transform-translate-y: 50%;
}
:root .translate-y-full {
  --transform-translate-y: 100%;
}
:root .hover\:translate-x-0:hover {
  --transform-translate-x: 0;
}
:root .hover\:translate-x-1:hover {
  --transform-translate-x: 0.25rem;
}
:root .hover\:translate-x-2:hover {
  --transform-translate-x: 0.5rem;
}
:root .hover\:translate-x-3:hover {
  --transform-translate-x: 0.75rem;
}
:root .hover\:translate-x-4:hover {
  --transform-translate-x: 1rem;
}
:root .hover\:translate-x-5:hover {
  --transform-translate-x: 1.25rem;
}
:root .hover\:translate-x-6:hover {
  --transform-translate-x: 1.5rem;
}
:root .hover\:translate-x-8:hover {
  --transform-translate-x: 2rem;
}
:root .hover\:translate-x-9:hover {
  --transform-translate-x: 2.25rem;
}
:root .hover\:translate-x-10:hover {
  --transform-translate-x: 2.5rem;
}
:root .hover\:translate-x-12:hover {
  --transform-translate-x: 3rem;
}
:root .hover\:translate-x-14:hover {
  --transform-translate-x: 3.5rem;
}
:root .hover\:translate-x-16:hover {
  --transform-translate-x: 4rem;
}
:root .hover\:translate-x-20:hover {
  --transform-translate-x: 5rem;
}
:root .hover\:translate-x-24:hover {
  --transform-translate-x: 6rem;
}
:root .hover\:translate-x-32:hover {
  --transform-translate-x: 8rem;
}
:root .hover\:translate-x-40:hover {
  --transform-translate-x: 10rem;
}
:root .hover\:translate-x-48:hover {
  --transform-translate-x: 12rem;
}
:root .hover\:translate-x-56:hover {
  --transform-translate-x: 14rem;
}
:root .hover\:translate-x-64:hover {
  --transform-translate-x: 16rem;
}
:root .hover\:translate-x-px:hover {
  --transform-translate-x: 1px;
}
:root .hover\:translate-x-gutter:hover {
  --transform-translate-x: var(--padding-gutter);
}
:root .hover\:-translate-x-1:hover {
  --transform-translate-x: -0.25rem;
}
:root .hover\:-translate-x-2:hover {
  --transform-translate-x: -0.5rem;
}
:root .hover\:-translate-x-3:hover {
  --transform-translate-x: -0.75rem;
}
:root .hover\:-translate-x-4:hover {
  --transform-translate-x: -1rem;
}
:root .hover\:-translate-x-5:hover {
  --transform-translate-x: -1.25rem;
}
:root .hover\:-translate-x-6:hover {
  --transform-translate-x: -1.5rem;
}
:root .hover\:-translate-x-8:hover {
  --transform-translate-x: -2rem;
}
:root .hover\:-translate-x-9:hover {
  --transform-translate-x: -2.25rem;
}
:root .hover\:-translate-x-10:hover {
  --transform-translate-x: -2.5rem;
}
:root .hover\:-translate-x-12:hover {
  --transform-translate-x: -3rem;
}
:root .hover\:-translate-x-14:hover {
  --transform-translate-x: -3.5rem;
}
:root .hover\:-translate-x-16:hover {
  --transform-translate-x: -4rem;
}
:root .hover\:-translate-x-20:hover {
  --transform-translate-x: -5rem;
}
:root .hover\:-translate-x-24:hover {
  --transform-translate-x: -6rem;
}
:root .hover\:-translate-x-32:hover {
  --transform-translate-x: -8rem;
}
:root .hover\:-translate-x-40:hover {
  --transform-translate-x: -10rem;
}
:root .hover\:-translate-x-48:hover {
  --transform-translate-x: -12rem;
}
:root .hover\:-translate-x-56:hover {
  --transform-translate-x: -14rem;
}
:root .hover\:-translate-x-64:hover {
  --transform-translate-x: -16rem;
}
:root .hover\:-translate-x-px:hover {
  --transform-translate-x: -1px;
}
:root .hover\:-translate-x-gutter:hover {
  --transform-translate-x: calc(var(--padding-gutter) * -1);
}
:root .hover\:-translate-x-full:hover {
  --transform-translate-x: -100%;
}
:root .hover\:-translate-x-1\/2:hover {
  --transform-translate-x: -50%;
}
:root .hover\:translate-x-1\/2:hover {
  --transform-translate-x: 50%;
}
:root .hover\:translate-x-full:hover {
  --transform-translate-x: 100%;
}
:root .hover\:translate-y-0:hover {
  --transform-translate-y: 0;
}
:root .hover\:translate-y-1:hover {
  --transform-translate-y: 0.25rem;
}
:root .hover\:translate-y-2:hover {
  --transform-translate-y: 0.5rem;
}
:root .hover\:translate-y-3:hover {
  --transform-translate-y: 0.75rem;
}
:root .hover\:translate-y-4:hover {
  --transform-translate-y: 1rem;
}
:root .hover\:translate-y-5:hover {
  --transform-translate-y: 1.25rem;
}
:root .hover\:translate-y-6:hover {
  --transform-translate-y: 1.5rem;
}
:root .hover\:translate-y-8:hover {
  --transform-translate-y: 2rem;
}
:root .hover\:translate-y-9:hover {
  --transform-translate-y: 2.25rem;
}
:root .hover\:translate-y-10:hover {
  --transform-translate-y: 2.5rem;
}
:root .hover\:translate-y-12:hover {
  --transform-translate-y: 3rem;
}
:root .hover\:translate-y-14:hover {
  --transform-translate-y: 3.5rem;
}
:root .hover\:translate-y-16:hover {
  --transform-translate-y: 4rem;
}
:root .hover\:translate-y-20:hover {
  --transform-translate-y: 5rem;
}
:root .hover\:translate-y-24:hover {
  --transform-translate-y: 6rem;
}
:root .hover\:translate-y-32:hover {
  --transform-translate-y: 8rem;
}
:root .hover\:translate-y-40:hover {
  --transform-translate-y: 10rem;
}
:root .hover\:translate-y-48:hover {
  --transform-translate-y: 12rem;
}
:root .hover\:translate-y-56:hover {
  --transform-translate-y: 14rem;
}
:root .hover\:translate-y-64:hover {
  --transform-translate-y: 16rem;
}
:root .hover\:translate-y-px:hover {
  --transform-translate-y: 1px;
}
:root .hover\:translate-y-gutter:hover {
  --transform-translate-y: var(--padding-gutter);
}
:root .hover\:-translate-y-1:hover {
  --transform-translate-y: -0.25rem;
}
:root .hover\:-translate-y-2:hover {
  --transform-translate-y: -0.5rem;
}
:root .hover\:-translate-y-3:hover {
  --transform-translate-y: -0.75rem;
}
:root .hover\:-translate-y-4:hover {
  --transform-translate-y: -1rem;
}
:root .hover\:-translate-y-5:hover {
  --transform-translate-y: -1.25rem;
}
:root .hover\:-translate-y-6:hover {
  --transform-translate-y: -1.5rem;
}
:root .hover\:-translate-y-8:hover {
  --transform-translate-y: -2rem;
}
:root .hover\:-translate-y-9:hover {
  --transform-translate-y: -2.25rem;
}
:root .hover\:-translate-y-10:hover {
  --transform-translate-y: -2.5rem;
}
:root .hover\:-translate-y-12:hover {
  --transform-translate-y: -3rem;
}
:root .hover\:-translate-y-14:hover {
  --transform-translate-y: -3.5rem;
}
:root .hover\:-translate-y-16:hover {
  --transform-translate-y: -4rem;
}
:root .hover\:-translate-y-20:hover {
  --transform-translate-y: -5rem;
}
:root .hover\:-translate-y-24:hover {
  --transform-translate-y: -6rem;
}
:root .hover\:-translate-y-32:hover {
  --transform-translate-y: -8rem;
}
:root .hover\:-translate-y-40:hover {
  --transform-translate-y: -10rem;
}
:root .hover\:-translate-y-48:hover {
  --transform-translate-y: -12rem;
}
:root .hover\:-translate-y-56:hover {
  --transform-translate-y: -14rem;
}
:root .hover\:-translate-y-64:hover {
  --transform-translate-y: -16rem;
}
:root .hover\:-translate-y-px:hover {
  --transform-translate-y: -1px;
}
:root .hover\:-translate-y-gutter:hover {
  --transform-translate-y: calc(var(--padding-gutter) * -1);
}
:root .hover\:-translate-y-full:hover {
  --transform-translate-y: -100%;
}
:root .hover\:-translate-y-1\/2:hover {
  --transform-translate-y: -50%;
}
:root .hover\:translate-y-1\/2:hover {
  --transform-translate-y: 50%;
}
:root .hover\:translate-y-full:hover {
  --transform-translate-y: 100%;
}
:root .focus\:translate-x-0:focus {
  --transform-translate-x: 0;
}
:root .focus\:translate-x-1:focus {
  --transform-translate-x: 0.25rem;
}
:root .focus\:translate-x-2:focus {
  --transform-translate-x: 0.5rem;
}
:root .focus\:translate-x-3:focus {
  --transform-translate-x: 0.75rem;
}
:root .focus\:translate-x-4:focus {
  --transform-translate-x: 1rem;
}
:root .focus\:translate-x-5:focus {
  --transform-translate-x: 1.25rem;
}
:root .focus\:translate-x-6:focus {
  --transform-translate-x: 1.5rem;
}
:root .focus\:translate-x-8:focus {
  --transform-translate-x: 2rem;
}
:root .focus\:translate-x-9:focus {
  --transform-translate-x: 2.25rem;
}
:root .focus\:translate-x-10:focus {
  --transform-translate-x: 2.5rem;
}
:root .focus\:translate-x-12:focus {
  --transform-translate-x: 3rem;
}
:root .focus\:translate-x-14:focus {
  --transform-translate-x: 3.5rem;
}
:root .focus\:translate-x-16:focus {
  --transform-translate-x: 4rem;
}
:root .focus\:translate-x-20:focus {
  --transform-translate-x: 5rem;
}
:root .focus\:translate-x-24:focus {
  --transform-translate-x: 6rem;
}
:root .focus\:translate-x-32:focus {
  --transform-translate-x: 8rem;
}
:root .focus\:translate-x-40:focus {
  --transform-translate-x: 10rem;
}
:root .focus\:translate-x-48:focus {
  --transform-translate-x: 12rem;
}
:root .focus\:translate-x-56:focus {
  --transform-translate-x: 14rem;
}
:root .focus\:translate-x-64:focus {
  --transform-translate-x: 16rem;
}
:root .focus\:translate-x-px:focus {
  --transform-translate-x: 1px;
}
:root .focus\:translate-x-gutter:focus {
  --transform-translate-x: var(--padding-gutter);
}
:root .focus\:-translate-x-1:focus {
  --transform-translate-x: -0.25rem;
}
:root .focus\:-translate-x-2:focus {
  --transform-translate-x: -0.5rem;
}
:root .focus\:-translate-x-3:focus {
  --transform-translate-x: -0.75rem;
}
:root .focus\:-translate-x-4:focus {
  --transform-translate-x: -1rem;
}
:root .focus\:-translate-x-5:focus {
  --transform-translate-x: -1.25rem;
}
:root .focus\:-translate-x-6:focus {
  --transform-translate-x: -1.5rem;
}
:root .focus\:-translate-x-8:focus {
  --transform-translate-x: -2rem;
}
:root .focus\:-translate-x-9:focus {
  --transform-translate-x: -2.25rem;
}
:root .focus\:-translate-x-10:focus {
  --transform-translate-x: -2.5rem;
}
:root .focus\:-translate-x-12:focus {
  --transform-translate-x: -3rem;
}
:root .focus\:-translate-x-14:focus {
  --transform-translate-x: -3.5rem;
}
:root .focus\:-translate-x-16:focus {
  --transform-translate-x: -4rem;
}
:root .focus\:-translate-x-20:focus {
  --transform-translate-x: -5rem;
}
:root .focus\:-translate-x-24:focus {
  --transform-translate-x: -6rem;
}
:root .focus\:-translate-x-32:focus {
  --transform-translate-x: -8rem;
}
:root .focus\:-translate-x-40:focus {
  --transform-translate-x: -10rem;
}
:root .focus\:-translate-x-48:focus {
  --transform-translate-x: -12rem;
}
:root .focus\:-translate-x-56:focus {
  --transform-translate-x: -14rem;
}
:root .focus\:-translate-x-64:focus {
  --transform-translate-x: -16rem;
}
:root .focus\:-translate-x-px:focus {
  --transform-translate-x: -1px;
}
:root .focus\:-translate-x-gutter:focus {
  --transform-translate-x: calc(var(--padding-gutter) * -1);
}
:root .focus\:-translate-x-full:focus {
  --transform-translate-x: -100%;
}
:root .focus\:-translate-x-1\/2:focus {
  --transform-translate-x: -50%;
}
:root .focus\:translate-x-1\/2:focus {
  --transform-translate-x: 50%;
}
:root .focus\:translate-x-full:focus {
  --transform-translate-x: 100%;
}
:root .focus\:translate-y-0:focus {
  --transform-translate-y: 0;
}
:root .focus\:translate-y-1:focus {
  --transform-translate-y: 0.25rem;
}
:root .focus\:translate-y-2:focus {
  --transform-translate-y: 0.5rem;
}
:root .focus\:translate-y-3:focus {
  --transform-translate-y: 0.75rem;
}
:root .focus\:translate-y-4:focus {
  --transform-translate-y: 1rem;
}
:root .focus\:translate-y-5:focus {
  --transform-translate-y: 1.25rem;
}
:root .focus\:translate-y-6:focus {
  --transform-translate-y: 1.5rem;
}
:root .focus\:translate-y-8:focus {
  --transform-translate-y: 2rem;
}
:root .focus\:translate-y-9:focus {
  --transform-translate-y: 2.25rem;
}
:root .focus\:translate-y-10:focus {
  --transform-translate-y: 2.5rem;
}
:root .focus\:translate-y-12:focus {
  --transform-translate-y: 3rem;
}
:root .focus\:translate-y-14:focus {
  --transform-translate-y: 3.5rem;
}
:root .focus\:translate-y-16:focus {
  --transform-translate-y: 4rem;
}
:root .focus\:translate-y-20:focus {
  --transform-translate-y: 5rem;
}
:root .focus\:translate-y-24:focus {
  --transform-translate-y: 6rem;
}
:root .focus\:translate-y-32:focus {
  --transform-translate-y: 8rem;
}
:root .focus\:translate-y-40:focus {
  --transform-translate-y: 10rem;
}
:root .focus\:translate-y-48:focus {
  --transform-translate-y: 12rem;
}
:root .focus\:translate-y-56:focus {
  --transform-translate-y: 14rem;
}
:root .focus\:translate-y-64:focus {
  --transform-translate-y: 16rem;
}
:root .focus\:translate-y-px:focus {
  --transform-translate-y: 1px;
}
:root .focus\:translate-y-gutter:focus {
  --transform-translate-y: var(--padding-gutter);
}
:root .focus\:-translate-y-1:focus {
  --transform-translate-y: -0.25rem;
}
:root .focus\:-translate-y-2:focus {
  --transform-translate-y: -0.5rem;
}
:root .focus\:-translate-y-3:focus {
  --transform-translate-y: -0.75rem;
}
:root .focus\:-translate-y-4:focus {
  --transform-translate-y: -1rem;
}
:root .focus\:-translate-y-5:focus {
  --transform-translate-y: -1.25rem;
}
:root .focus\:-translate-y-6:focus {
  --transform-translate-y: -1.5rem;
}
:root .focus\:-translate-y-8:focus {
  --transform-translate-y: -2rem;
}
:root .focus\:-translate-y-9:focus {
  --transform-translate-y: -2.25rem;
}
:root .focus\:-translate-y-10:focus {
  --transform-translate-y: -2.5rem;
}
:root .focus\:-translate-y-12:focus {
  --transform-translate-y: -3rem;
}
:root .focus\:-translate-y-14:focus {
  --transform-translate-y: -3.5rem;
}
:root .focus\:-translate-y-16:focus {
  --transform-translate-y: -4rem;
}
:root .focus\:-translate-y-20:focus {
  --transform-translate-y: -5rem;
}
:root .focus\:-translate-y-24:focus {
  --transform-translate-y: -6rem;
}
:root .focus\:-translate-y-32:focus {
  --transform-translate-y: -8rem;
}
:root .focus\:-translate-y-40:focus {
  --transform-translate-y: -10rem;
}
:root .focus\:-translate-y-48:focus {
  --transform-translate-y: -12rem;
}
:root .focus\:-translate-y-56:focus {
  --transform-translate-y: -14rem;
}
:root .focus\:-translate-y-64:focus {
  --transform-translate-y: -16rem;
}
:root .focus\:-translate-y-px:focus {
  --transform-translate-y: -1px;
}
:root .focus\:-translate-y-gutter:focus {
  --transform-translate-y: calc(var(--padding-gutter) * -1);
}
:root .focus\:-translate-y-full:focus {
  --transform-translate-y: -100%;
}
:root .focus\:-translate-y-1\/2:focus {
  --transform-translate-y: -50%;
}
:root .focus\:translate-y-1\/2:focus {
  --transform-translate-y: 50%;
}
:root .focus\:translate-y-full:focus {
  --transform-translate-y: 100%;
}
:root .skew-x-0 {
  --transform-skew-x: 0;
}
:root .skew-x-1 {
  --transform-skew-x: 1deg;
}
:root .skew-x-2 {
  --transform-skew-x: 2deg;
}
:root .skew-x-3 {
  --transform-skew-x: 3deg;
}
:root .skew-x-6 {
  --transform-skew-x: 6deg;
}
:root .skew-x-12 {
  --transform-skew-x: 12deg;
}
:root .-skew-x-12 {
  --transform-skew-x: -12deg;
}
:root .-skew-x-6 {
  --transform-skew-x: -6deg;
}
:root .-skew-x-3 {
  --transform-skew-x: -3deg;
}
:root .-skew-x-2 {
  --transform-skew-x: -2deg;
}
:root .-skew-x-1 {
  --transform-skew-x: -1deg;
}
:root .skew-y-0 {
  --transform-skew-y: 0;
}
:root .skew-y-1 {
  --transform-skew-y: 1deg;
}
:root .skew-y-2 {
  --transform-skew-y: 2deg;
}
:root .skew-y-3 {
  --transform-skew-y: 3deg;
}
:root .skew-y-6 {
  --transform-skew-y: 6deg;
}
:root .skew-y-12 {
  --transform-skew-y: 12deg;
}
:root .-skew-y-12 {
  --transform-skew-y: -12deg;
}
:root .-skew-y-6 {
  --transform-skew-y: -6deg;
}
:root .-skew-y-3 {
  --transform-skew-y: -3deg;
}
:root .-skew-y-2 {
  --transform-skew-y: -2deg;
}
:root .-skew-y-1 {
  --transform-skew-y: -1deg;
}
:root .hover\:skew-x-0:hover {
  --transform-skew-x: 0;
}
:root .hover\:skew-x-1:hover {
  --transform-skew-x: 1deg;
}
:root .hover\:skew-x-2:hover {
  --transform-skew-x: 2deg;
}
:root .hover\:skew-x-3:hover {
  --transform-skew-x: 3deg;
}
:root .hover\:skew-x-6:hover {
  --transform-skew-x: 6deg;
}
:root .hover\:skew-x-12:hover {
  --transform-skew-x: 12deg;
}
:root .hover\:-skew-x-12:hover {
  --transform-skew-x: -12deg;
}
:root .hover\:-skew-x-6:hover {
  --transform-skew-x: -6deg;
}
:root .hover\:-skew-x-3:hover {
  --transform-skew-x: -3deg;
}
:root .hover\:-skew-x-2:hover {
  --transform-skew-x: -2deg;
}
:root .hover\:-skew-x-1:hover {
  --transform-skew-x: -1deg;
}
:root .hover\:skew-y-0:hover {
  --transform-skew-y: 0;
}
:root .hover\:skew-y-1:hover {
  --transform-skew-y: 1deg;
}
:root .hover\:skew-y-2:hover {
  --transform-skew-y: 2deg;
}
:root .hover\:skew-y-3:hover {
  --transform-skew-y: 3deg;
}
:root .hover\:skew-y-6:hover {
  --transform-skew-y: 6deg;
}
:root .hover\:skew-y-12:hover {
  --transform-skew-y: 12deg;
}
:root .hover\:-skew-y-12:hover {
  --transform-skew-y: -12deg;
}
:root .hover\:-skew-y-6:hover {
  --transform-skew-y: -6deg;
}
:root .hover\:-skew-y-3:hover {
  --transform-skew-y: -3deg;
}
:root .hover\:-skew-y-2:hover {
  --transform-skew-y: -2deg;
}
:root .hover\:-skew-y-1:hover {
  --transform-skew-y: -1deg;
}
:root .focus\:skew-x-0:focus {
  --transform-skew-x: 0;
}
:root .focus\:skew-x-1:focus {
  --transform-skew-x: 1deg;
}
:root .focus\:skew-x-2:focus {
  --transform-skew-x: 2deg;
}
:root .focus\:skew-x-3:focus {
  --transform-skew-x: 3deg;
}
:root .focus\:skew-x-6:focus {
  --transform-skew-x: 6deg;
}
:root .focus\:skew-x-12:focus {
  --transform-skew-x: 12deg;
}
:root .focus\:-skew-x-12:focus {
  --transform-skew-x: -12deg;
}
:root .focus\:-skew-x-6:focus {
  --transform-skew-x: -6deg;
}
:root .focus\:-skew-x-3:focus {
  --transform-skew-x: -3deg;
}
:root .focus\:-skew-x-2:focus {
  --transform-skew-x: -2deg;
}
:root .focus\:-skew-x-1:focus {
  --transform-skew-x: -1deg;
}
:root .focus\:skew-y-0:focus {
  --transform-skew-y: 0;
}
:root .focus\:skew-y-1:focus {
  --transform-skew-y: 1deg;
}
:root .focus\:skew-y-2:focus {
  --transform-skew-y: 2deg;
}
:root .focus\:skew-y-3:focus {
  --transform-skew-y: 3deg;
}
:root .focus\:skew-y-6:focus {
  --transform-skew-y: 6deg;
}
:root .focus\:skew-y-12:focus {
  --transform-skew-y: 12deg;
}
:root .focus\:-skew-y-12:focus {
  --transform-skew-y: -12deg;
}
:root .focus\:-skew-y-6:focus {
  --transform-skew-y: -6deg;
}
:root .focus\:-skew-y-3:focus {
  --transform-skew-y: -3deg;
}
:root .focus\:-skew-y-2:focus {
  --transform-skew-y: -2deg;
}
:root .focus\:-skew-y-1:focus {
  --transform-skew-y: -1deg;
}
:root .transition-none {
  transition-property: none;
}
:root .transition-all {
  transition-property: all;
}
:root .transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}
:root .transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
}
:root .transition-opacity {
  transition-property: opacity;
}
:root .transition-shadow {
  transition-property: box-shadow;
}
:root .transition-transform {
  transition-property: transform;
}
:root .ease-linear {
  transition-timing-function: linear;
}
:root .ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
:root .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
:root .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:root .duration-75 {
  transition-duration: 75ms;
}
:root .duration-100 {
  transition-duration: 100ms;
}
:root .duration-150 {
  transition-duration: 150ms;
}
:root .duration-200 {
  transition-duration: 200ms;
}
:root .duration-300 {
  transition-duration: 300ms;
}
:root .duration-500 {
  transition-duration: 500ms;
}
:root .duration-700 {
  transition-duration: 700ms;
}
:root .duration-1000 {
  transition-duration: 1000ms;
}
:root .delay-75 {
  transition-delay: 75ms;
}
:root .delay-100 {
  transition-delay: 100ms;
}
:root .delay-150 {
  transition-delay: 150ms;
}
:root .delay-200 {
  transition-delay: 200ms;
}
:root .delay-300 {
  transition-delay: 300ms;
}
:root .delay-500 {
  transition-delay: 500ms;
}
:root .delay-700 {
  transition-delay: 700ms;
}
:root .delay-1000 {
  transition-delay: 1000ms;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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);
  }
}
:root .animate-none {
  animation: none;
}
:root .animate-spin {
  animation: spin 1s linear infinite;
}
:root .animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
:root .animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
:root .animate-bounce {
  animation: bounce 1s infinite;
}
/* Colors for the ripple elements.*/
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.container {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
@media (min-width: 1280px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
  }
}
.card {
  border-radius: 0.25rem;
  box-shadow: var(--elevation-z8);
  background-color: var(--background-card);
}
.cards-row {
  display: flex;
  flex-direction: row;
}
.card-2 {
  flex: 1;
  border-radius: 0.25rem;
  box-shadow: var(--elevation-z8);
  background-color: var(--background-card);
}
.avatar {
  height: 2.5rem;
  width: 2.5rem;
  object-fit: cover;
  border-radius: 9999px;
  background-color: var(--background-hover);
}
.hidden-input {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 0.25rem;
}
.hidden-input:focus {
  border-color: rgb(var(--color-primary));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.hidden-input.empty {
  border-color: rgb(var(--color-primary));
}
.list-item {
  border-radius: 0.25rem;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  cursor: pointer;
}
.list-item:hover {
  background-color: var(--background-hover);
}
.textarea-clean {
  resize: none;
}
.textarea-clean:focus {
  outline: none;
}
.bg-pattern {
  background: linear-gradient(135deg, var(--background-base) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px), linear-gradient(225deg, var(--background-base) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px) 0 64px;
  background-color: var(--background-base);
  background-size: 64px 128px;
}
.trans-ease-out {
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.trans-shadow {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.vex-blogpost p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 600px) {
  :root .sm\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  :root .sm\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-9 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-9 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-14 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3.5rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-14 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  :root .sm\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  :root .sm\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-gutter > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(var(--padding-gutter) * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(var(--padding-gutter) * var(--space-y-reverse));
  }

  :root .sm\:space-x-gutter > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(var(--padding-gutter) * var(--space-x-reverse));
    margin-left: calc(var(--padding-gutter) * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-9 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-9 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.25rem * var(--space-x-reverse));
    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-14 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-14 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3.5rem * var(--space-x-reverse));
    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  :root .sm\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  :root .sm\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:-space-y-gutter > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(calc(var(--padding-gutter) * -1) * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(calc(var(--padding-gutter) * -1) * var(--space-y-reverse));
  }

  :root .sm\:-space-x-gutter > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(calc(var(--padding-gutter) * -1) * var(--space-x-reverse));
    margin-left: calc(calc(var(--padding-gutter) * -1) * calc(1 - var(--space-x-reverse)));
  }

  :root .sm\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  :root .sm\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  :root .sm\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  :root .sm\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  :root .sm\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  :root .sm\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  :root .sm\:divide-y-3 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(3px * var(--divide-y-reverse));
  }

  :root .sm\:divide-x-3 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(3px * var(--divide-x-reverse));
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
  }

  :root .sm\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  :root .sm\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  :root .sm\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  :root .sm\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  :root .sm\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  :root .sm\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  :root .sm\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  :root .sm\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  :root .sm\:divide-current > :not(template) ~ :not(template) {
    border-color: currentColor;
  }

  :root .sm\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  :root .sm\:divide-black > :not(template) ~ :not(template) {
    border-color: var(--text-color);
  }

  :root .sm\:divide-white > :not(template) ~ :not(template) {
    border-color: var(--text-color-light);
  }

  :root .sm\:divide-contrast-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  :root .sm\:divide-contrast-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  :root .sm\:divide-gray-light > :not(template) ~ :not(template) {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:divide-gray > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--divide-opacity));
  }

  :root .sm\:divide-red-light > :not(template) ~ :not(template) {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:divide-red > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--divide-opacity));
  }

  :root .sm\:divide-orange-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:divide-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--divide-opacity));
  }

  :root .sm\:divide-deep-orange-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:divide-deep-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--divide-opacity));
  }

  :root .sm\:divide-amber-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:divide-amber > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--divide-opacity));
  }

  :root .sm\:divide-green-light > :not(template) ~ :not(template) {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:divide-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--divide-opacity));
  }

  :root .sm\:divide-teal-light > :not(template) ~ :not(template) {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:divide-teal > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--divide-opacity));
  }

  :root .sm\:divide-cyan-light > :not(template) ~ :not(template) {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:divide-cyan > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--divide-opacity));
  }

  :root .sm\:divide-purple-light > :not(template) ~ :not(template) {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:divide-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--divide-opacity));
  }

  :root .sm\:divide-deep-purple-light > :not(template) ~ :not(template) {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:divide-deep-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--divide-opacity));
  }

  :root .sm\:divide-pink-light > :not(template) ~ :not(template) {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:divide-pink > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--divide-opacity));
  }

  :root .sm\:divide-primary-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:divide-primary > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-primary));
  }

  :root .sm\:divide-accent-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:divide-accent > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-accent));
  }

  :root .sm\:divide-warn-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:divide-warn > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-warn));
  }

  :root .sm\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  :root .sm\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  :root .sm\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  :root .sm\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  :root .sm\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  :root .sm\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  :root .sm\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  :root .sm\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  :root .sm\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  :root .sm\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

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

  :root .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

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

  :root .sm\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .sm\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  :root .sm\:bg-fixed {
    background-attachment: fixed;
  }

  :root .sm\:bg-local {
    background-attachment: local;
  }

  :root .sm\:bg-scroll {
    background-attachment: scroll;
  }

  :root .sm\:bg-clip-border {
    background-clip: border-box;
  }

  :root .sm\:bg-clip-padding {
    background-clip: padding-box;
  }

  :root .sm\:bg-clip-content {
    background-clip: content-box;
  }

  :root .sm\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  :root .sm\:bg-base {
    background-color: var(--background-base);
  }

  :root .sm\:bg-card {
    background-color: var(--background-card);
  }

  :root .sm\:bg-app-bar {
    background-color: var(--background-app-bar);
  }

  :root .sm\:bg-hover {
    background-color: var(--background-hover);
  }

  :root .sm\:bg-current {
    background-color: currentColor;
  }

  :root .sm\:bg-transparent {
    background-color: transparent;
  }

  :root .sm\:bg-black {
    background-color: var(--text-color);
  }

  :root .sm\:bg-white {
    background-color: var(--text-color-light);
  }

  :root .sm\:bg-contrast-black {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .sm\:bg-contrast-white {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .sm\:bg-gray-light {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:bg-gray {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .sm\:bg-red-light {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:bg-red {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .sm\:bg-orange-light {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:bg-orange {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .sm\:bg-deep-orange-light {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:bg-deep-orange {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .sm\:bg-amber-light {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:bg-amber {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .sm\:bg-green-light {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:bg-green {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .sm\:bg-teal-light {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:bg-teal {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .sm\:bg-cyan-light {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:bg-cyan {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .sm\:bg-purple-light {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:bg-purple {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .sm\:bg-deep-purple-light {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:bg-deep-purple {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .sm\:bg-pink-light {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:bg-pink {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .sm\:bg-primary-light {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:bg-primary {
    background-color: rgb(var(--color-primary));
  }

  :root .sm\:bg-accent-light {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:bg-accent {
    background-color: rgb(var(--color-accent));
  }

  :root .sm\:bg-warn-light {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:bg-warn {
    background-color: rgb(var(--color-warn));
  }

  :root .sm\:hover\:bg-base:hover {
    background-color: var(--background-base);
  }

  :root .sm\:hover\:bg-card:hover {
    background-color: var(--background-card);
  }

  :root .sm\:hover\:bg-app-bar:hover {
    background-color: var(--background-app-bar);
  }

  :root .sm\:hover\:bg-hover:hover {
    background-color: var(--background-hover);
  }

  :root .sm\:hover\:bg-current:hover {
    background-color: currentColor;
  }

  :root .sm\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  :root .sm\:hover\:bg-black:hover {
    background-color: var(--text-color);
  }

  :root .sm\:hover\:bg-white:hover {
    background-color: var(--text-color-light);
  }

  :root .sm\:hover\:bg-contrast-black:hover {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-contrast-white:hover {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-gray-light:hover {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:hover\:bg-gray:hover {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-red-light:hover {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:hover\:bg-red:hover {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-orange-light:hover {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:hover\:bg-orange:hover {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-deep-orange-light:hover {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:hover\:bg-deep-orange:hover {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-amber-light:hover {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:hover\:bg-amber:hover {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-green-light:hover {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:hover\:bg-green:hover {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-teal-light:hover {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:hover\:bg-teal:hover {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-cyan-light:hover {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:hover\:bg-cyan:hover {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-purple-light:hover {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:hover\:bg-purple:hover {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-deep-purple-light:hover {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:hover\:bg-deep-purple:hover {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-pink-light:hover {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:hover\:bg-pink:hover {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .sm\:hover\:bg-primary-light:hover {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:hover\:bg-primary:hover {
    background-color: rgb(var(--color-primary));
  }

  :root .sm\:hover\:bg-accent-light:hover {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:hover\:bg-accent:hover {
    background-color: rgb(var(--color-accent));
  }

  :root .sm\:hover\:bg-warn-light:hover {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:hover\:bg-warn:hover {
    background-color: rgb(var(--color-warn));
  }

  :root .sm\:focus\:bg-base:focus {
    background-color: var(--background-base);
  }

  :root .sm\:focus\:bg-card:focus {
    background-color: var(--background-card);
  }

  :root .sm\:focus\:bg-app-bar:focus {
    background-color: var(--background-app-bar);
  }

  :root .sm\:focus\:bg-hover:focus {
    background-color: var(--background-hover);
  }

  :root .sm\:focus\:bg-current:focus {
    background-color: currentColor;
  }

  :root .sm\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  :root .sm\:focus\:bg-black:focus {
    background-color: var(--text-color);
  }

  :root .sm\:focus\:bg-white:focus {
    background-color: var(--text-color-light);
  }

  :root .sm\:focus\:bg-contrast-black:focus {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-contrast-white:focus {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-gray-light:focus {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:focus\:bg-gray:focus {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-red-light:focus {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:focus\:bg-red:focus {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-orange-light:focus {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:focus\:bg-orange:focus {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-deep-orange-light:focus {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:focus\:bg-deep-orange:focus {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-amber-light:focus {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:focus\:bg-amber:focus {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-green-light:focus {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:focus\:bg-green:focus {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-teal-light:focus {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:focus\:bg-teal:focus {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-cyan-light:focus {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:focus\:bg-cyan:focus {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-purple-light:focus {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:focus\:bg-purple:focus {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-deep-purple-light:focus {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:focus\:bg-deep-purple:focus {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-pink-light:focus {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:focus\:bg-pink:focus {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .sm\:focus\:bg-primary-light:focus {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:focus\:bg-primary:focus {
    background-color: rgb(var(--color-primary));
  }

  :root .sm\:focus\:bg-accent-light:focus {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:focus\:bg-accent:focus {
    background-color: rgb(var(--color-accent));
  }

  :root .sm\:focus\:bg-warn-light:focus {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:focus\:bg-warn:focus {
    background-color: rgb(var(--color-warn));
  }

  :root .sm\:bg-none {
    background-image: none;
  }

  :root .sm\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  :root .sm\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  :root .sm\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  :root .sm\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  :root .sm\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  :root .sm\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  :root .sm\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  :root .sm\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  :root .sm\:from-current {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:from-black {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-white {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-contrast-black {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:from-contrast-white {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-gray-light {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:from-gray {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:from-red-light {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:from-red {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:from-orange-light {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:from-orange {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:from-deep-orange-light {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:from-deep-orange {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:from-amber-light {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:from-amber {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:from-green-light {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:from-green {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:from-teal-light {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:from-teal {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:from-cyan-light {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:from-cyan {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:from-purple-light {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:from-purple {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:from-deep-purple-light {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:from-deep-purple {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:from-pink-light {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:from-pink {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:from-primary-light {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-primary {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-accent-light {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-accent {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-warn-light {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:from-warn {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-current {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:via-black {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-white {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-contrast-black {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:via-contrast-white {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-gray-light {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:via-gray {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:via-red-light {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:via-red {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:via-orange-light {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:via-orange {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:via-deep-orange-light {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:via-deep-orange {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:via-amber-light {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:via-amber {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:via-green-light {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:via-green {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:via-teal-light {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:via-teal {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:via-cyan-light {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:via-cyan {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:via-purple-light {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:via-purple {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:via-deep-purple-light {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:via-deep-purple {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:via-pink-light {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:via-pink {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:via-primary-light {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-primary {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-accent-light {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-accent {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-warn-light {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:via-warn {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:to-current {
    --gradient-to-color: currentColor;
  }

  :root .sm\:to-transparent {
    --gradient-to-color: transparent;
  }

  :root .sm\:to-black {
    --gradient-to-color: var(--text-color);
  }

  :root .sm\:to-white {
    --gradient-to-color: var(--text-color-light);
  }

  :root .sm\:to-contrast-black {
    --gradient-to-color: black;
  }

  :root .sm\:to-contrast-white {
    --gradient-to-color: white;
  }

  :root .sm\:to-gray-light {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:to-gray {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .sm\:to-red-light {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:to-red {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .sm\:to-orange-light {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:to-orange {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .sm\:to-deep-orange-light {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:to-deep-orange {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .sm\:to-amber-light {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:to-amber {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .sm\:to-green-light {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:to-green {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .sm\:to-teal-light {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:to-teal {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .sm\:to-cyan-light {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:to-cyan {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .sm\:to-purple-light {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:to-purple {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .sm\:to-deep-purple-light {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:to-deep-purple {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .sm\:to-pink-light {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:to-pink {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .sm\:to-primary-light {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .sm\:to-primary {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .sm\:to-accent-light {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .sm\:to-accent {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .sm\:to-warn-light {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .sm\:to-warn {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .sm\:hover\:from-current:hover {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:hover\:from-black:hover {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-white:hover {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-contrast-black:hover {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:hover\:from-contrast-white:hover {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-gray-light:hover {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:hover\:from-gray:hover {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:hover\:from-red-light:hover {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:hover\:from-red:hover {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:hover\:from-orange-light:hover {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:hover\:from-orange:hover {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:hover\:from-deep-orange-light:hover {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:hover\:from-deep-orange:hover {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:hover\:from-amber-light:hover {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:hover\:from-amber:hover {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:hover\:from-green-light:hover {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:hover\:from-green:hover {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:hover\:from-teal-light:hover {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:hover\:from-teal:hover {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:hover\:from-cyan-light:hover {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:hover\:from-cyan:hover {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:hover\:from-purple-light:hover {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:hover\:from-purple:hover {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:hover\:from-deep-purple-light:hover {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:hover\:from-deep-purple:hover {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:hover\:from-pink-light:hover {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:hover\:from-pink:hover {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:hover\:from-primary-light:hover {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-primary:hover {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-accent-light:hover {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-accent:hover {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-warn-light:hover {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:from-warn:hover {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-current:hover {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:hover\:via-black:hover {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-white:hover {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-contrast-black:hover {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:hover\:via-contrast-white:hover {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-gray-light:hover {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:hover\:via-gray:hover {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:hover\:via-red-light:hover {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:hover\:via-red:hover {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:hover\:via-orange-light:hover {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:hover\:via-orange:hover {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:hover\:via-deep-orange-light:hover {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:hover\:via-deep-orange:hover {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:hover\:via-amber-light:hover {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:hover\:via-amber:hover {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:hover\:via-green-light:hover {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:hover\:via-green:hover {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:hover\:via-teal-light:hover {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:hover\:via-teal:hover {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:hover\:via-cyan-light:hover {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:hover\:via-cyan:hover {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:hover\:via-purple-light:hover {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:hover\:via-purple:hover {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:hover\:via-deep-purple-light:hover {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:hover\:via-deep-purple:hover {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:hover\:via-pink-light:hover {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:hover\:via-pink:hover {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:hover\:via-primary-light:hover {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-primary:hover {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-accent-light:hover {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-accent:hover {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-warn-light:hover {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:via-warn:hover {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:hover\:to-current:hover {
    --gradient-to-color: currentColor;
  }

  :root .sm\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  :root .sm\:hover\:to-black:hover {
    --gradient-to-color: var(--text-color);
  }

  :root .sm\:hover\:to-white:hover {
    --gradient-to-color: var(--text-color-light);
  }

  :root .sm\:hover\:to-contrast-black:hover {
    --gradient-to-color: black;
  }

  :root .sm\:hover\:to-contrast-white:hover {
    --gradient-to-color: white;
  }

  :root .sm\:hover\:to-gray-light:hover {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:hover\:to-gray:hover {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .sm\:hover\:to-red-light:hover {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:hover\:to-red:hover {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .sm\:hover\:to-orange-light:hover {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:hover\:to-orange:hover {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .sm\:hover\:to-deep-orange-light:hover {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:hover\:to-deep-orange:hover {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .sm\:hover\:to-amber-light:hover {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:hover\:to-amber:hover {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .sm\:hover\:to-green-light:hover {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:hover\:to-green:hover {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .sm\:hover\:to-teal-light:hover {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:hover\:to-teal:hover {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .sm\:hover\:to-cyan-light:hover {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:hover\:to-cyan:hover {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .sm\:hover\:to-purple-light:hover {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:hover\:to-purple:hover {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .sm\:hover\:to-deep-purple-light:hover {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:hover\:to-deep-purple:hover {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .sm\:hover\:to-pink-light:hover {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:hover\:to-pink:hover {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .sm\:hover\:to-primary-light:hover {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .sm\:hover\:to-primary:hover {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .sm\:hover\:to-accent-light:hover {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .sm\:hover\:to-accent:hover {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .sm\:hover\:to-warn-light:hover {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .sm\:hover\:to-warn:hover {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .sm\:focus\:from-current:focus {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:focus\:from-black:focus {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-white:focus {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-contrast-black:focus {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:focus\:from-contrast-white:focus {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-gray-light:focus {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:focus\:from-gray:focus {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:focus\:from-red-light:focus {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:focus\:from-red:focus {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:focus\:from-orange-light:focus {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:focus\:from-orange:focus {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:focus\:from-deep-orange-light:focus {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:focus\:from-deep-orange:focus {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:focus\:from-amber-light:focus {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:focus\:from-amber:focus {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:focus\:from-green-light:focus {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:focus\:from-green:focus {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:focus\:from-teal-light:focus {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:focus\:from-teal:focus {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:focus\:from-cyan-light:focus {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:focus\:from-cyan:focus {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:focus\:from-purple-light:focus {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:focus\:from-purple:focus {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:focus\:from-deep-purple-light:focus {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:focus\:from-deep-purple:focus {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:focus\:from-pink-light:focus {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:focus\:from-pink:focus {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:focus\:from-primary-light:focus {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-primary:focus {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-accent-light:focus {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-accent:focus {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-warn-light:focus {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:from-warn:focus {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-current:focus {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:focus\:via-black:focus {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-white:focus {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-contrast-black:focus {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .sm\:focus\:via-contrast-white:focus {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-gray-light:focus {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:focus\:via-gray:focus {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .sm\:focus\:via-red-light:focus {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:focus\:via-red:focus {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .sm\:focus\:via-orange-light:focus {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:focus\:via-orange:focus {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .sm\:focus\:via-deep-orange-light:focus {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:focus\:via-deep-orange:focus {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .sm\:focus\:via-amber-light:focus {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:focus\:via-amber:focus {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .sm\:focus\:via-green-light:focus {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:focus\:via-green:focus {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .sm\:focus\:via-teal-light:focus {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:focus\:via-teal:focus {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .sm\:focus\:via-cyan-light:focus {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:focus\:via-cyan:focus {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .sm\:focus\:via-purple-light:focus {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:focus\:via-purple:focus {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .sm\:focus\:via-deep-purple-light:focus {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:focus\:via-deep-purple:focus {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .sm\:focus\:via-pink-light:focus {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:focus\:via-pink:focus {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .sm\:focus\:via-primary-light:focus {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-primary:focus {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-accent-light:focus {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-accent:focus {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-warn-light:focus {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:via-warn:focus {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .sm\:focus\:to-current:focus {
    --gradient-to-color: currentColor;
  }

  :root .sm\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  :root .sm\:focus\:to-black:focus {
    --gradient-to-color: var(--text-color);
  }

  :root .sm\:focus\:to-white:focus {
    --gradient-to-color: var(--text-color-light);
  }

  :root .sm\:focus\:to-contrast-black:focus {
    --gradient-to-color: black;
  }

  :root .sm\:focus\:to-contrast-white:focus {
    --gradient-to-color: white;
  }

  :root .sm\:focus\:to-gray-light:focus {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:focus\:to-gray:focus {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .sm\:focus\:to-red-light:focus {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:focus\:to-red:focus {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .sm\:focus\:to-orange-light:focus {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:focus\:to-orange:focus {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .sm\:focus\:to-deep-orange-light:focus {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:focus\:to-deep-orange:focus {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .sm\:focus\:to-amber-light:focus {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:focus\:to-amber:focus {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .sm\:focus\:to-green-light:focus {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:focus\:to-green:focus {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .sm\:focus\:to-teal-light:focus {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:focus\:to-teal:focus {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .sm\:focus\:to-cyan-light:focus {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:focus\:to-cyan:focus {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .sm\:focus\:to-purple-light:focus {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:focus\:to-purple:focus {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .sm\:focus\:to-deep-purple-light:focus {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:focus\:to-deep-purple:focus {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .sm\:focus\:to-pink-light:focus {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:focus\:to-pink:focus {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .sm\:focus\:to-primary-light:focus {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .sm\:focus\:to-primary:focus {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .sm\:focus\:to-accent-light:focus {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .sm\:focus\:to-accent:focus {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .sm\:focus\:to-warn-light:focus {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .sm\:focus\:to-warn:focus {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .sm\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  :root .sm\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  :root .sm\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  :root .sm\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  :root .sm\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  :root .sm\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  :root .sm\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  :root .sm\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  :root .sm\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  :root .sm\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  :root .sm\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  :root .sm\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  :root .sm\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  :root .sm\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  :root .sm\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  :root .sm\:bg-bottom {
    background-position: bottom;
  }

  :root .sm\:bg-center {
    background-position: center;
  }

  :root .sm\:bg-left {
    background-position: left;
  }

  :root .sm\:bg-left-bottom {
    background-position: left bottom;
  }

  :root .sm\:bg-left-top {
    background-position: left top;
  }

  :root .sm\:bg-right {
    background-position: right;
  }

  :root .sm\:bg-right-bottom {
    background-position: right bottom;
  }

  :root .sm\:bg-right-top {
    background-position: right top;
  }

  :root .sm\:bg-top {
    background-position: top;
  }

  :root .sm\:bg-repeat {
    background-repeat: repeat;
  }

  :root .sm\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  :root .sm\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  :root .sm\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  :root .sm\:bg-repeat-round {
    background-repeat: round;
  }

  :root .sm\:bg-repeat-space {
    background-repeat: space;
  }

  :root .sm\:bg-auto {
    background-size: auto;
  }

  :root .sm\:bg-cover {
    background-size: cover;
  }

  :root .sm\:bg-contain {
    background-size: contain;
  }

  :root .sm\:border-collapse {
    border-collapse: collapse;
  }

  :root .sm\:border-separate {
    border-collapse: separate;
  }

  :root .sm\:border-current {
    border-color: currentColor;
  }

  :root .sm\:border-transparent {
    border-color: transparent;
  }

  :root .sm\:border-black {
    border-color: var(--text-color);
  }

  :root .sm\:border-white {
    border-color: var(--text-color-light);
  }

  :root .sm\:border-contrast-black {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .sm\:border-contrast-white {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .sm\:border-gray-light {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:border-gray {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .sm\:border-red-light {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:border-red {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .sm\:border-orange-light {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:border-orange {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .sm\:border-deep-orange-light {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:border-deep-orange {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .sm\:border-amber-light {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:border-amber {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .sm\:border-green-light {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:border-green {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .sm\:border-teal-light {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:border-teal {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .sm\:border-cyan-light {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:border-cyan {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .sm\:border-purple-light {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:border-purple {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .sm\:border-deep-purple-light {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:border-deep-purple {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .sm\:border-pink-light {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:border-pink {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .sm\:border-primary-light {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:border-primary {
    border-color: rgb(var(--color-primary));
  }

  :root .sm\:border-accent-light {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:border-accent {
    border-color: rgb(var(--color-accent));
  }

  :root .sm\:border-warn-light {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:border-warn {
    border-color: rgb(var(--color-warn));
  }

  :root .sm\:hover\:border-current:hover {
    border-color: currentColor;
  }

  :root .sm\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  :root .sm\:hover\:border-black:hover {
    border-color: var(--text-color);
  }

  :root .sm\:hover\:border-white:hover {
    border-color: var(--text-color-light);
  }

  :root .sm\:hover\:border-contrast-black:hover {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .sm\:hover\:border-contrast-white:hover {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .sm\:hover\:border-gray-light:hover {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:hover\:border-gray:hover {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .sm\:hover\:border-red-light:hover {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:hover\:border-red:hover {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .sm\:hover\:border-orange-light:hover {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:hover\:border-orange:hover {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .sm\:hover\:border-deep-orange-light:hover {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:hover\:border-deep-orange:hover {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .sm\:hover\:border-amber-light:hover {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:hover\:border-amber:hover {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .sm\:hover\:border-green-light:hover {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:hover\:border-green:hover {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .sm\:hover\:border-teal-light:hover {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:hover\:border-teal:hover {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .sm\:hover\:border-cyan-light:hover {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:hover\:border-cyan:hover {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .sm\:hover\:border-purple-light:hover {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:hover\:border-purple:hover {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .sm\:hover\:border-deep-purple-light:hover {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:hover\:border-deep-purple:hover {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .sm\:hover\:border-pink-light:hover {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:hover\:border-pink:hover {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .sm\:hover\:border-primary-light:hover {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:hover\:border-primary:hover {
    border-color: rgb(var(--color-primary));
  }

  :root .sm\:hover\:border-accent-light:hover {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:hover\:border-accent:hover {
    border-color: rgb(var(--color-accent));
  }

  :root .sm\:hover\:border-warn-light:hover {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:hover\:border-warn:hover {
    border-color: rgb(var(--color-warn));
  }

  :root .sm\:focus\:border-current:focus {
    border-color: currentColor;
  }

  :root .sm\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  :root .sm\:focus\:border-black:focus {
    border-color: var(--text-color);
  }

  :root .sm\:focus\:border-white:focus {
    border-color: var(--text-color-light);
  }

  :root .sm\:focus\:border-contrast-black:focus {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .sm\:focus\:border-contrast-white:focus {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .sm\:focus\:border-gray-light:focus {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:focus\:border-gray:focus {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .sm\:focus\:border-red-light:focus {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:focus\:border-red:focus {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .sm\:focus\:border-orange-light:focus {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:focus\:border-orange:focus {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .sm\:focus\:border-deep-orange-light:focus {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:focus\:border-deep-orange:focus {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .sm\:focus\:border-amber-light:focus {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:focus\:border-amber:focus {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .sm\:focus\:border-green-light:focus {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:focus\:border-green:focus {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .sm\:focus\:border-teal-light:focus {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:focus\:border-teal:focus {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .sm\:focus\:border-cyan-light:focus {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:focus\:border-cyan:focus {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .sm\:focus\:border-purple-light:focus {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:focus\:border-purple:focus {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .sm\:focus\:border-deep-purple-light:focus {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:focus\:border-deep-purple:focus {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .sm\:focus\:border-pink-light:focus {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:focus\:border-pink:focus {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .sm\:focus\:border-primary-light:focus {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:focus\:border-primary:focus {
    border-color: rgb(var(--color-primary));
  }

  :root .sm\:focus\:border-accent-light:focus {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:focus\:border-accent:focus {
    border-color: rgb(var(--color-accent));
  }

  :root .sm\:focus\:border-warn-light:focus {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:focus\:border-warn:focus {
    border-color: rgb(var(--color-warn));
  }

  :root .sm\:border-opacity-0 {
    --border-opacity: 0;
  }

  :root .sm\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  :root .sm\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  :root .sm\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  :root .sm\:border-opacity-100 {
    --border-opacity: 1;
  }

  :root .sm\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  :root .sm\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  :root .sm\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  :root .sm\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  :root .sm\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  :root .sm\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  :root .sm\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  :root .sm\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  :root .sm\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  :root .sm\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  :root .sm\:rounded-none {
    border-radius: 0;
  }

  :root .sm\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root .sm\:rounded {
    border-radius: 0.25rem;
  }

  :root .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root .sm\:rounded-full {
    border-radius: 9999px;
  }

  :root .sm\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root .sm\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root .sm\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .sm\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .sm\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root .sm\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root .sm\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .sm\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .sm\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root .sm\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root .sm\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .sm\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .sm\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root .sm\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root .sm\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .sm\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .sm\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root .sm\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root .sm\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .sm\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .sm\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root .sm\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root .sm\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root .sm\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root .sm\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root .sm\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root .sm\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root .sm\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root .sm\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root .sm\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root .sm\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root .sm\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root .sm\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root .sm\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root .sm\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root .sm\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root .sm\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root .sm\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root .sm\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root .sm\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-none {
    border-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded {
    border-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-full {
    border-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root [dir=ltr] .sm\:ltr\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-none {
    border-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded {
    border-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-full {
    border-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root [dir=rtl] .sm\:rtl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root .sm\:border-solid {
    border-style: solid;
  }

  :root .sm\:border-dashed {
    border-style: dashed;
  }

  :root .sm\:border-dotted {
    border-style: dotted;
  }

  :root .sm\:border-double {
    border-style: double;
  }

  :root .sm\:border-none {
    border-style: none;
  }

  :root .sm\:border-0 {
    border-width: 0;
  }

  :root .sm\:border-2 {
    border-width: 2px;
  }

  :root .sm\:border-3 {
    border-width: 3px;
  }

  :root .sm\:border-4 {
    border-width: 4px;
  }

  :root .sm\:border-8 {
    border-width: 8px;
  }

  :root .sm\:border {
    border-width: 1px;
  }

  :root .sm\:border-t-0 {
    border-top-width: 0;
  }

  :root .sm\:border-r-0 {
    border-right-width: 0;
  }

  :root .sm\:border-b-0 {
    border-bottom-width: 0;
  }

  :root .sm\:border-l-0 {
    border-left-width: 0;
  }

  :root .sm\:border-t-2 {
    border-top-width: 2px;
  }

  :root .sm\:border-r-2 {
    border-right-width: 2px;
  }

  :root .sm\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root .sm\:border-l-2 {
    border-left-width: 2px;
  }

  :root .sm\:border-t-3 {
    border-top-width: 3px;
  }

  :root .sm\:border-r-3 {
    border-right-width: 3px;
  }

  :root .sm\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root .sm\:border-l-3 {
    border-left-width: 3px;
  }

  :root .sm\:border-t-4 {
    border-top-width: 4px;
  }

  :root .sm\:border-r-4 {
    border-right-width: 4px;
  }

  :root .sm\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root .sm\:border-l-4 {
    border-left-width: 4px;
  }

  :root .sm\:border-t-8 {
    border-top-width: 8px;
  }

  :root .sm\:border-r-8 {
    border-right-width: 8px;
  }

  :root .sm\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root .sm\:border-l-8 {
    border-left-width: 8px;
  }

  :root .sm\:border-t {
    border-top-width: 1px;
  }

  :root .sm\:border-r {
    border-right-width: 1px;
  }

  :root .sm\:border-b {
    border-bottom-width: 1px;
  }

  :root .sm\:border-l {
    border-left-width: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:border-0 {
    border-width: 0;
  }

  :root [dir=ltr] .sm\:ltr\:border-2 {
    border-width: 2px;
  }

  :root [dir=ltr] .sm\:ltr\:border-3 {
    border-width: 3px;
  }

  :root [dir=ltr] .sm\:ltr\:border-4 {
    border-width: 4px;
  }

  :root [dir=ltr] .sm\:ltr\:border-8 {
    border-width: 8px;
  }

  :root [dir=ltr] .sm\:ltr\:border {
    border-width: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:border-t-0 {
    border-top-width: 0;
  }

  :root [dir=ltr] .sm\:ltr\:border-r-0 {
    border-right-width: 0;
  }

  :root [dir=ltr] .sm\:ltr\:border-b-0 {
    border-bottom-width: 0;
  }

  :root [dir=ltr] .sm\:ltr\:border-l-0 {
    border-left-width: 0;
  }

  :root [dir=ltr] .sm\:ltr\:border-t-2 {
    border-top-width: 2px;
  }

  :root [dir=ltr] .sm\:ltr\:border-r-2 {
    border-right-width: 2px;
  }

  :root [dir=ltr] .sm\:ltr\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root [dir=ltr] .sm\:ltr\:border-l-2 {
    border-left-width: 2px;
  }

  :root [dir=ltr] .sm\:ltr\:border-t-3 {
    border-top-width: 3px;
  }

  :root [dir=ltr] .sm\:ltr\:border-r-3 {
    border-right-width: 3px;
  }

  :root [dir=ltr] .sm\:ltr\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root [dir=ltr] .sm\:ltr\:border-l-3 {
    border-left-width: 3px;
  }

  :root [dir=ltr] .sm\:ltr\:border-t-4 {
    border-top-width: 4px;
  }

  :root [dir=ltr] .sm\:ltr\:border-r-4 {
    border-right-width: 4px;
  }

  :root [dir=ltr] .sm\:ltr\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root [dir=ltr] .sm\:ltr\:border-l-4 {
    border-left-width: 4px;
  }

  :root [dir=ltr] .sm\:ltr\:border-t-8 {
    border-top-width: 8px;
  }

  :root [dir=ltr] .sm\:ltr\:border-r-8 {
    border-right-width: 8px;
  }

  :root [dir=ltr] .sm\:ltr\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root [dir=ltr] .sm\:ltr\:border-l-8 {
    border-left-width: 8px;
  }

  :root [dir=ltr] .sm\:ltr\:border-t {
    border-top-width: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:border-r {
    border-right-width: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:border-b {
    border-bottom-width: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:border-l {
    border-left-width: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:border-0 {
    border-width: 0;
  }

  :root [dir=rtl] .sm\:rtl\:border-2 {
    border-width: 2px;
  }

  :root [dir=rtl] .sm\:rtl\:border-3 {
    border-width: 3px;
  }

  :root [dir=rtl] .sm\:rtl\:border-4 {
    border-width: 4px;
  }

  :root [dir=rtl] .sm\:rtl\:border-8 {
    border-width: 8px;
  }

  :root [dir=rtl] .sm\:rtl\:border {
    border-width: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:border-t-0 {
    border-top-width: 0;
  }

  :root [dir=rtl] .sm\:rtl\:border-r-0 {
    border-right-width: 0;
  }

  :root [dir=rtl] .sm\:rtl\:border-b-0 {
    border-bottom-width: 0;
  }

  :root [dir=rtl] .sm\:rtl\:border-l-0 {
    border-left-width: 0;
  }

  :root [dir=rtl] .sm\:rtl\:border-t-2 {
    border-top-width: 2px;
  }

  :root [dir=rtl] .sm\:rtl\:border-r-2 {
    border-right-width: 2px;
  }

  :root [dir=rtl] .sm\:rtl\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root [dir=rtl] .sm\:rtl\:border-l-2 {
    border-left-width: 2px;
  }

  :root [dir=rtl] .sm\:rtl\:border-t-3 {
    border-top-width: 3px;
  }

  :root [dir=rtl] .sm\:rtl\:border-r-3 {
    border-right-width: 3px;
  }

  :root [dir=rtl] .sm\:rtl\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root [dir=rtl] .sm\:rtl\:border-l-3 {
    border-left-width: 3px;
  }

  :root [dir=rtl] .sm\:rtl\:border-t-4 {
    border-top-width: 4px;
  }

  :root [dir=rtl] .sm\:rtl\:border-r-4 {
    border-right-width: 4px;
  }

  :root [dir=rtl] .sm\:rtl\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root [dir=rtl] .sm\:rtl\:border-l-4 {
    border-left-width: 4px;
  }

  :root [dir=rtl] .sm\:rtl\:border-t-8 {
    border-top-width: 8px;
  }

  :root [dir=rtl] .sm\:rtl\:border-r-8 {
    border-right-width: 8px;
  }

  :root [dir=rtl] .sm\:rtl\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root [dir=rtl] .sm\:rtl\:border-l-8 {
    border-left-width: 8px;
  }

  :root [dir=rtl] .sm\:rtl\:border-t {
    border-top-width: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:border-r {
    border-right-width: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:border-b {
    border-bottom-width: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:border-l {
    border-left-width: 1px;
  }

  :root .sm\:box-border {
    box-sizing: border-box;
  }

  :root .sm\:box-content {
    box-sizing: content-box;
  }

  :root .sm\:cursor-auto {
    cursor: auto;
  }

  :root .sm\:cursor-default {
    cursor: default;
  }

  :root .sm\:cursor-pointer {
    cursor: pointer;
  }

  :root .sm\:cursor-wait {
    cursor: wait;
  }

  :root .sm\:cursor-text {
    cursor: text;
  }

  :root .sm\:cursor-move {
    cursor: move;
  }

  :root .sm\:cursor-not-allowed {
    cursor: not-allowed;
  }

  :root .sm\:block {
    display: block;
  }

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

  :root .sm\:inline {
    display: inline;
  }

  :root .sm\:flex {
    display: flex;
  }

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

  :root .sm\:table {
    display: table;
  }

  :root .sm\:table-caption {
    display: table-caption;
  }

  :root .sm\:table-cell {
    display: table-cell;
  }

  :root .sm\:table-column {
    display: table-column;
  }

  :root .sm\:table-column-group {
    display: table-column-group;
  }

  :root .sm\:table-footer-group {
    display: table-footer-group;
  }

  :root .sm\:table-header-group {
    display: table-header-group;
  }

  :root .sm\:table-row-group {
    display: table-row-group;
  }

  :root .sm\:table-row {
    display: table-row;
  }

  :root .sm\:flow-root {
    display: flow-root;
  }

  :root .sm\:grid {
    display: grid;
  }

  :root .sm\:inline-grid {
    display: inline-grid;
  }

  :root .sm\:contents {
    display: contents;
  }

  :root .sm\:hidden {
    display: none;
  }

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

  :root .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  :root .sm\:flex-col {
    flex-direction: column;
  }

  :root .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  :root .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  :root .sm\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  :root .sm\:place-items-auto {
    place-items: auto;
  }

  :root .sm\:place-items-start {
    place-items: start;
  }

  :root .sm\:place-items-end {
    place-items: end;
  }

  :root .sm\:place-items-center {
    place-items: center;
  }

  :root .sm\:place-items-stretch {
    place-items: stretch;
  }

  :root .sm\:place-content-center {
    place-content: center;
  }

  :root .sm\:place-content-start {
    place-content: start;
  }

  :root .sm\:place-content-end {
    place-content: end;
  }

  :root .sm\:place-content-between {
    place-content: space-between;
  }

  :root .sm\:place-content-around {
    place-content: space-around;
  }

  :root .sm\:place-content-evenly {
    place-content: space-evenly;
  }

  :root .sm\:place-content-stretch {
    place-content: stretch;
  }

  :root .sm\:place-self-auto {
    place-self: auto;
  }

  :root .sm\:place-self-start {
    place-self: start;
  }

  :root .sm\:place-self-end {
    place-self: end;
  }

  :root .sm\:place-self-center {
    place-self: center;
  }

  :root .sm\:place-self-stretch {
    place-self: stretch;
  }

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

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

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

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

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

  :root .sm\:content-center {
    align-content: center;
  }

  :root .sm\:content-start {
    align-content: flex-start;
  }

  :root .sm\:content-end {
    align-content: flex-end;
  }

  :root .sm\:content-between {
    align-content: space-between;
  }

  :root .sm\:content-around {
    align-content: space-around;
  }

  :root .sm\:content-evenly {
    align-content: space-evenly;
  }

  :root .sm\:self-auto {
    align-self: auto;
  }

  :root .sm\:self-start {
    align-self: flex-start;
  }

  :root .sm\:self-end {
    align-self: flex-end;
  }

  :root .sm\:self-center {
    align-self: center;
  }

  :root .sm\:self-stretch {
    align-self: stretch;
  }

  :root .sm\:justify-items-auto {
    justify-items: auto;
  }

  :root .sm\:justify-items-start {
    justify-items: start;
  }

  :root .sm\:justify-items-end {
    justify-items: end;
  }

  :root .sm\:justify-items-center {
    justify-items: center;
  }

  :root .sm\:justify-items-stretch {
    justify-items: stretch;
  }

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

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

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

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

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

  :root .sm\:justify-evenly {
    justify-content: space-evenly;
  }

  :root .sm\:justify-self-auto {
    justify-self: auto;
  }

  :root .sm\:justify-self-start {
    justify-self: start;
  }

  :root .sm\:justify-self-end {
    justify-self: end;
  }

  :root .sm\:justify-self-center {
    justify-self: center;
  }

  :root .sm\:justify-self-stretch {
    justify-self: stretch;
  }

  :root .sm\:flex-1 {
    flex: 1 1 0%;
  }

  :root .sm\:flex-auto {
    flex: 1 1 auto;
  }

  :root .sm\:flex-initial {
    flex: 0 1 auto;
  }

  :root .sm\:flex-none {
    flex: none;
  }

  :root .sm\:flex-grow-0 {
    flex-grow: 0;
  }

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

  :root .sm\:flex-shrink-0 {
    flex-shrink: 0;
  }

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

  :root .sm\:order-1 {
    order: 1;
  }

  :root .sm\:order-2 {
    order: 2;
  }

  :root .sm\:order-3 {
    order: 3;
  }

  :root .sm\:order-4 {
    order: 4;
  }

  :root .sm\:order-5 {
    order: 5;
  }

  :root .sm\:order-6 {
    order: 6;
  }

  :root .sm\:order-7 {
    order: 7;
  }

  :root .sm\:order-8 {
    order: 8;
  }

  :root .sm\:order-9 {
    order: 9;
  }

  :root .sm\:order-10 {
    order: 10;
  }

  :root .sm\:order-11 {
    order: 11;
  }

  :root .sm\:order-12 {
    order: 12;
  }

  :root .sm\:order-first {
    order: -9999;
  }

  :root .sm\:order-last {
    order: 9999;
  }

  :root .sm\:order-none {
    order: 0;
  }

  :root .sm\:float-right {
    float: right;
  }

  :root .sm\:float-left {
    float: left;
  }

  :root .sm\:float-none {
    float: none;
  }

  :root .sm\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  :root .sm\:clear-left {
    clear: left;
  }

  :root .sm\:clear-right {
    clear: right;
  }

  :root .sm\:clear-both {
    clear: both;
  }

  :root .sm\:clear-none {
    clear: none;
  }

  :root .sm\:font-sans {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  }

  :root .sm\:font-serif {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  :root .sm\:font-mono {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  :root .sm\:font-hairline {
    font-weight: 100;
  }

  :root .sm\:font-thin {
    font-weight: 200;
  }

  :root .sm\:font-light {
    font-weight: 300;
  }

  :root .sm\:font-normal {
    font-weight: 400;
  }

  :root .sm\:font-medium {
    font-weight: 500;
  }

  :root .sm\:font-semibold {
    font-weight: 600;
  }

  :root .sm\:font-bold {
    font-weight: 700;
  }

  :root .sm\:font-extrabold {
    font-weight: 800;
  }

  :root .sm\:font-black {
    font-weight: 900;
  }

  :root .sm\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  :root .sm\:hover\:font-thin:hover {
    font-weight: 200;
  }

  :root .sm\:hover\:font-light:hover {
    font-weight: 300;
  }

  :root .sm\:hover\:font-normal:hover {
    font-weight: 400;
  }

  :root .sm\:hover\:font-medium:hover {
    font-weight: 500;
  }

  :root .sm\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  :root .sm\:hover\:font-bold:hover {
    font-weight: 700;
  }

  :root .sm\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  :root .sm\:hover\:font-black:hover {
    font-weight: 900;
  }

  :root .sm\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  :root .sm\:focus\:font-thin:focus {
    font-weight: 200;
  }

  :root .sm\:focus\:font-light:focus {
    font-weight: 300;
  }

  :root .sm\:focus\:font-normal:focus {
    font-weight: 400;
  }

  :root .sm\:focus\:font-medium:focus {
    font-weight: 500;
  }

  :root .sm\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  :root .sm\:focus\:font-bold:focus {
    font-weight: 700;
  }

  :root .sm\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  :root .sm\:focus\:font-black:focus {
    font-weight: 900;
  }

  :root .sm\:h-0 {
    height: 0;
  }

  :root .sm\:h-1 {
    height: 0.25rem;
  }

  :root .sm\:h-2 {
    height: 0.5rem;
  }

  :root .sm\:h-3 {
    height: 0.75rem;
  }

  :root .sm\:h-4 {
    height: 1rem;
  }

  :root .sm\:h-5 {
    height: 1.25rem;
  }

  :root .sm\:h-6 {
    height: 1.5rem;
  }

  :root .sm\:h-8 {
    height: 2rem;
  }

  :root .sm\:h-9 {
    height: 2.25rem;
  }

  :root .sm\:h-10 {
    height: 2.5rem;
  }

  :root .sm\:h-12 {
    height: 3rem;
  }

  :root .sm\:h-14 {
    height: 3.5rem;
  }

  :root .sm\:h-16 {
    height: 4rem;
  }

  :root .sm\:h-20 {
    height: 5rem;
  }

  :root .sm\:h-24 {
    height: 6rem;
  }

  :root .sm\:h-32 {
    height: 8rem;
  }

  :root .sm\:h-40 {
    height: 10rem;
  }

  :root .sm\:h-48 {
    height: 12rem;
  }

  :root .sm\:h-56 {
    height: 14rem;
  }

  :root .sm\:h-64 {
    height: 16rem;
  }

  :root .sm\:h-auto {
    height: auto;
  }

  :root .sm\:h-px {
    height: 1px;
  }

  :root .sm\:h-gutter {
    height: var(--padding-gutter);
  }

  :root .sm\:h-full {
    height: 100%;
  }

  :root .sm\:h-screen {
    height: 100vh;
  }

  :root .sm\:text-xxs {
    font-size: 0.625rem;
  }

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

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

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

  :root .sm\:text-lg {
    font-size: 1.125rem;
  }

  :root .sm\:text-xl {
    font-size: 1.25rem;
  }

  :root .sm\:text-2xl {
    font-size: 1.5rem;
  }

  :root .sm\:text-3xl {
    font-size: 1.875rem;
  }

  :root .sm\:text-4xl {
    font-size: 2.25rem;
  }

  :root .sm\:text-5xl {
    font-size: 3rem;
  }

  :root .sm\:text-6xl {
    font-size: 4rem;
  }

  :root .sm\:leading-none {
    line-height: 1;
  }

  :root .sm\:leading-tight {
    line-height: 1.25;
  }

  :root .sm\:leading-snug {
    line-height: 1.375;
  }

  :root .sm\:leading-normal {
    line-height: 1.5;
  }

  :root .sm\:leading-relaxed {
    line-height: 1.625;
  }

  :root .sm\:leading-loose {
    line-height: 2;
  }

  :root .sm\:list-inside {
    list-style-position: inside;
  }

  :root .sm\:list-outside {
    list-style-position: outside;
  }

  :root .sm\:list-none {
    list-style-type: none;
  }

  :root .sm\:list-disc {
    list-style-type: disc;
  }

  :root .sm\:list-decimal {
    list-style-type: decimal;
  }

  :root .sm\:m-0 {
    margin: 0;
  }

  :root .sm\:m-1 {
    margin: 0.25rem;
  }

  :root .sm\:m-2 {
    margin: 0.5rem;
  }

  :root .sm\:m-3 {
    margin: 0.75rem;
  }

  :root .sm\:m-4 {
    margin: 1rem;
  }

  :root .sm\:m-5 {
    margin: 1.25rem;
  }

  :root .sm\:m-6 {
    margin: 1.5rem;
  }

  :root .sm\:m-8 {
    margin: 2rem;
  }

  :root .sm\:m-9 {
    margin: 2.25rem;
  }

  :root .sm\:m-10 {
    margin: 2.5rem;
  }

  :root .sm\:m-12 {
    margin: 3rem;
  }

  :root .sm\:m-14 {
    margin: 3.5rem;
  }

  :root .sm\:m-16 {
    margin: 4rem;
  }

  :root .sm\:m-20 {
    margin: 5rem;
  }

  :root .sm\:m-24 {
    margin: 6rem;
  }

  :root .sm\:m-32 {
    margin: 8rem;
  }

  :root .sm\:m-40 {
    margin: 10rem;
  }

  :root .sm\:m-48 {
    margin: 12rem;
  }

  :root .sm\:m-56 {
    margin: 14rem;
  }

  :root .sm\:m-64 {
    margin: 16rem;
  }

  :root .sm\:m-auto {
    margin: auto;
  }

  :root .sm\:m-px {
    margin: 1px;
  }

  :root .sm\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root .sm\:-m-1 {
    margin: -0.25rem;
  }

  :root .sm\:-m-2 {
    margin: -0.5rem;
  }

  :root .sm\:-m-3 {
    margin: -0.75rem;
  }

  :root .sm\:-m-4 {
    margin: -1rem;
  }

  :root .sm\:-m-5 {
    margin: -1.25rem;
  }

  :root .sm\:-m-6 {
    margin: -1.5rem;
  }

  :root .sm\:-m-8 {
    margin: -2rem;
  }

  :root .sm\:-m-9 {
    margin: -2.25rem;
  }

  :root .sm\:-m-10 {
    margin: -2.5rem;
  }

  :root .sm\:-m-12 {
    margin: -3rem;
  }

  :root .sm\:-m-14 {
    margin: -3.5rem;
  }

  :root .sm\:-m-16 {
    margin: -4rem;
  }

  :root .sm\:-m-20 {
    margin: -5rem;
  }

  :root .sm\:-m-24 {
    margin: -6rem;
  }

  :root .sm\:-m-32 {
    margin: -8rem;
  }

  :root .sm\:-m-40 {
    margin: -10rem;
  }

  :root .sm\:-m-48 {
    margin: -12rem;
  }

  :root .sm\:-m-56 {
    margin: -14rem;
  }

  :root .sm\:-m-64 {
    margin: -16rem;
  }

  :root .sm\:-m-px {
    margin: -1px;
  }

  :root .sm\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root .sm\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root .sm\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root .sm\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root .sm\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root .sm\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root .sm\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root .sm\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root .sm\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root .sm\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root .sm\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root .sm\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root .sm\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root .sm\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root .sm\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root .sm\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root .sm\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root .sm\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root .sm\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root .sm\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root .sm\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root .sm\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root .sm\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root .sm\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root .sm\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root .sm\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root .sm\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root .sm\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root .sm\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root .sm\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root .sm\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root .sm\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root .sm\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root .sm\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root .sm\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root .sm\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root .sm\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root .sm\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root .sm\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root .sm\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root .sm\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root .sm\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root .sm\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root .sm\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root .sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root .sm\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root .sm\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root .sm\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root .sm\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root .sm\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root .sm\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root .sm\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root .sm\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root .sm\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root .sm\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root .sm\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root .sm\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root .sm\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root .sm\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root .sm\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root .sm\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root .sm\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root .sm\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root .sm\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root .sm\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root .sm\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root .sm\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root .sm\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root .sm\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root .sm\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root .sm\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root .sm\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root .sm\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root .sm\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root .sm\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root .sm\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:mt-0 {
    margin-top: 0;
  }

  :root .sm\:mr-0 {
    margin-right: 0;
  }

  :root .sm\:mb-0 {
    margin-bottom: 0;
  }

  :root .sm\:ml-0 {
    margin-left: 0;
  }

  :root .sm\:mt-1 {
    margin-top: 0.25rem;
  }

  :root .sm\:mr-1 {
    margin-right: 0.25rem;
  }

  :root .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root .sm\:ml-1 {
    margin-left: 0.25rem;
  }

  :root .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  :root .sm\:mr-2 {
    margin-right: 0.5rem;
  }

  :root .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root .sm\:ml-2 {
    margin-left: 0.5rem;
  }

  :root .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  :root .sm\:mr-3 {
    margin-right: 0.75rem;
  }

  :root .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root .sm\:ml-3 {
    margin-left: 0.75rem;
  }

  :root .sm\:mt-4 {
    margin-top: 1rem;
  }

  :root .sm\:mr-4 {
    margin-right: 1rem;
  }

  :root .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  :root .sm\:ml-4 {
    margin-left: 1rem;
  }

  :root .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  :root .sm\:mr-5 {
    margin-right: 1.25rem;
  }

  :root .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root .sm\:ml-5 {
    margin-left: 1.25rem;
  }

  :root .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  :root .sm\:mr-6 {
    margin-right: 1.5rem;
  }

  :root .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root .sm\:ml-6 {
    margin-left: 1.5rem;
  }

  :root .sm\:mt-8 {
    margin-top: 2rem;
  }

  :root .sm\:mr-8 {
    margin-right: 2rem;
  }

  :root .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  :root .sm\:ml-8 {
    margin-left: 2rem;
  }

  :root .sm\:mt-9 {
    margin-top: 2.25rem;
  }

  :root .sm\:mr-9 {
    margin-right: 2.25rem;
  }

  :root .sm\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root .sm\:ml-9 {
    margin-left: 2.25rem;
  }

  :root .sm\:mt-10 {
    margin-top: 2.5rem;
  }

  :root .sm\:mr-10 {
    margin-right: 2.5rem;
  }

  :root .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root .sm\:ml-10 {
    margin-left: 2.5rem;
  }

  :root .sm\:mt-12 {
    margin-top: 3rem;
  }

  :root .sm\:mr-12 {
    margin-right: 3rem;
  }

  :root .sm\:mb-12 {
    margin-bottom: 3rem;
  }

  :root .sm\:ml-12 {
    margin-left: 3rem;
  }

  :root .sm\:mt-14 {
    margin-top: 3.5rem;
  }

  :root .sm\:mr-14 {
    margin-right: 3.5rem;
  }

  :root .sm\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root .sm\:ml-14 {
    margin-left: 3.5rem;
  }

  :root .sm\:mt-16 {
    margin-top: 4rem;
  }

  :root .sm\:mr-16 {
    margin-right: 4rem;
  }

  :root .sm\:mb-16 {
    margin-bottom: 4rem;
  }

  :root .sm\:ml-16 {
    margin-left: 4rem;
  }

  :root .sm\:mt-20 {
    margin-top: 5rem;
  }

  :root .sm\:mr-20 {
    margin-right: 5rem;
  }

  :root .sm\:mb-20 {
    margin-bottom: 5rem;
  }

  :root .sm\:ml-20 {
    margin-left: 5rem;
  }

  :root .sm\:mt-24 {
    margin-top: 6rem;
  }

  :root .sm\:mr-24 {
    margin-right: 6rem;
  }

  :root .sm\:mb-24 {
    margin-bottom: 6rem;
  }

  :root .sm\:ml-24 {
    margin-left: 6rem;
  }

  :root .sm\:mt-32 {
    margin-top: 8rem;
  }

  :root .sm\:mr-32 {
    margin-right: 8rem;
  }

  :root .sm\:mb-32 {
    margin-bottom: 8rem;
  }

  :root .sm\:ml-32 {
    margin-left: 8rem;
  }

  :root .sm\:mt-40 {
    margin-top: 10rem;
  }

  :root .sm\:mr-40 {
    margin-right: 10rem;
  }

  :root .sm\:mb-40 {
    margin-bottom: 10rem;
  }

  :root .sm\:ml-40 {
    margin-left: 10rem;
  }

  :root .sm\:mt-48 {
    margin-top: 12rem;
  }

  :root .sm\:mr-48 {
    margin-right: 12rem;
  }

  :root .sm\:mb-48 {
    margin-bottom: 12rem;
  }

  :root .sm\:ml-48 {
    margin-left: 12rem;
  }

  :root .sm\:mt-56 {
    margin-top: 14rem;
  }

  :root .sm\:mr-56 {
    margin-right: 14rem;
  }

  :root .sm\:mb-56 {
    margin-bottom: 14rem;
  }

  :root .sm\:ml-56 {
    margin-left: 14rem;
  }

  :root .sm\:mt-64 {
    margin-top: 16rem;
  }

  :root .sm\:mr-64 {
    margin-right: 16rem;
  }

  :root .sm\:mb-64 {
    margin-bottom: 16rem;
  }

  :root .sm\:ml-64 {
    margin-left: 16rem;
  }

  :root .sm\:mt-auto {
    margin-top: auto;
  }

  :root .sm\:mr-auto {
    margin-right: auto;
  }

  :root .sm\:mb-auto {
    margin-bottom: auto;
  }

  :root .sm\:ml-auto {
    margin-left: auto;
  }

  :root .sm\:mt-px {
    margin-top: 1px;
  }

  :root .sm\:mr-px {
    margin-right: 1px;
  }

  :root .sm\:mb-px {
    margin-bottom: 1px;
  }

  :root .sm\:ml-px {
    margin-left: 1px;
  }

  :root .sm\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root .sm\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root .sm\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root .sm\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root .sm\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root .sm\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root .sm\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root .sm\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root .sm\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root .sm\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root .sm\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root .sm\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root .sm\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root .sm\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root .sm\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root .sm\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root .sm\:-mt-4 {
    margin-top: -1rem;
  }

  :root .sm\:-mr-4 {
    margin-right: -1rem;
  }

  :root .sm\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root .sm\:-ml-4 {
    margin-left: -1rem;
  }

  :root .sm\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root .sm\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root .sm\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root .sm\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root .sm\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root .sm\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root .sm\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root .sm\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root .sm\:-mt-8 {
    margin-top: -2rem;
  }

  :root .sm\:-mr-8 {
    margin-right: -2rem;
  }

  :root .sm\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root .sm\:-ml-8 {
    margin-left: -2rem;
  }

  :root .sm\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root .sm\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root .sm\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root .sm\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root .sm\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root .sm\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root .sm\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root .sm\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root .sm\:-mt-12 {
    margin-top: -3rem;
  }

  :root .sm\:-mr-12 {
    margin-right: -3rem;
  }

  :root .sm\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root .sm\:-ml-12 {
    margin-left: -3rem;
  }

  :root .sm\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root .sm\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root .sm\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root .sm\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root .sm\:-mt-16 {
    margin-top: -4rem;
  }

  :root .sm\:-mr-16 {
    margin-right: -4rem;
  }

  :root .sm\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root .sm\:-ml-16 {
    margin-left: -4rem;
  }

  :root .sm\:-mt-20 {
    margin-top: -5rem;
  }

  :root .sm\:-mr-20 {
    margin-right: -5rem;
  }

  :root .sm\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root .sm\:-ml-20 {
    margin-left: -5rem;
  }

  :root .sm\:-mt-24 {
    margin-top: -6rem;
  }

  :root .sm\:-mr-24 {
    margin-right: -6rem;
  }

  :root .sm\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root .sm\:-ml-24 {
    margin-left: -6rem;
  }

  :root .sm\:-mt-32 {
    margin-top: -8rem;
  }

  :root .sm\:-mr-32 {
    margin-right: -8rem;
  }

  :root .sm\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root .sm\:-ml-32 {
    margin-left: -8rem;
  }

  :root .sm\:-mt-40 {
    margin-top: -10rem;
  }

  :root .sm\:-mr-40 {
    margin-right: -10rem;
  }

  :root .sm\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root .sm\:-ml-40 {
    margin-left: -10rem;
  }

  :root .sm\:-mt-48 {
    margin-top: -12rem;
  }

  :root .sm\:-mr-48 {
    margin-right: -12rem;
  }

  :root .sm\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root .sm\:-ml-48 {
    margin-left: -12rem;
  }

  :root .sm\:-mt-56 {
    margin-top: -14rem;
  }

  :root .sm\:-mr-56 {
    margin-right: -14rem;
  }

  :root .sm\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root .sm\:-ml-56 {
    margin-left: -14rem;
  }

  :root .sm\:-mt-64 {
    margin-top: -16rem;
  }

  :root .sm\:-mr-64 {
    margin-right: -16rem;
  }

  :root .sm\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root .sm\:-ml-64 {
    margin-left: -16rem;
  }

  :root .sm\:-mt-px {
    margin-top: -1px;
  }

  :root .sm\:-mr-px {
    margin-right: -1px;
  }

  :root .sm\:-mb-px {
    margin-bottom: -1px;
  }

  :root .sm\:-ml-px {
    margin-left: -1px;
  }

  :root .sm\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .sm\:ltr\:m-0 {
    margin: 0;
  }

  :root [dir=ltr] .sm\:ltr\:m-1 {
    margin: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-2 {
    margin: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-3 {
    margin: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-4 {
    margin: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-5 {
    margin: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-6 {
    margin: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-8 {
    margin: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-9 {
    margin: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-10 {
    margin: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-12 {
    margin: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-14 {
    margin: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-16 {
    margin: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-20 {
    margin: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-24 {
    margin: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-32 {
    margin: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-40 {
    margin: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-48 {
    margin: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-56 {
    margin: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-64 {
    margin: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:m-auto {
    margin: auto;
  }

  :root [dir=ltr] .sm\:ltr\:m-px {
    margin: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:-m-1 {
    margin: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-2 {
    margin: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-3 {
    margin: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-4 {
    margin: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-5 {
    margin: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-6 {
    margin: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-8 {
    margin: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-9 {
    margin: -2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-10 {
    margin: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-12 {
    margin: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-14 {
    margin: -3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-16 {
    margin: -4rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-20 {
    margin: -5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-24 {
    margin: -6rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-32 {
    margin: -8rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-40 {
    margin: -10rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-48 {
    margin: -12rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-56 {
    margin: -14rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-64 {
    margin: -16rem;
  }

  :root [dir=ltr] .sm\:ltr\:-m-px {
    margin: -1px;
  }

  :root [dir=ltr] .sm\:ltr\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .sm\:ltr\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root [dir=ltr] .sm\:ltr\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root [dir=ltr] .sm\:ltr\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root [dir=ltr] .sm\:ltr\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root [dir=ltr] .sm\:ltr\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root [dir=ltr] .sm\:ltr\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root [dir=ltr] .sm\:ltr\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root [dir=ltr] .sm\:ltr\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .sm\:ltr\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .sm\:ltr\:mt-0 {
    margin-top: 0;
  }

  :root [dir=ltr] .sm\:ltr\:mr-0 {
    margin-right: 0;
  }

  :root [dir=ltr] .sm\:ltr\:mb-0 {
    margin-bottom: 0;
  }

  :root [dir=ltr] .sm\:ltr\:ml-0 {
    margin-left: 0;
  }

  :root [dir=ltr] .sm\:ltr\:mt-1 {
    margin-top: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-1 {
    margin-right: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-1 {
    margin-left: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-2 {
    margin-top: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-2 {
    margin-right: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-2 {
    margin-left: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-3 {
    margin-top: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-3 {
    margin-right: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-3 {
    margin-left: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-4 {
    margin-top: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-4 {
    margin-right: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-4 {
    margin-bottom: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-4 {
    margin-left: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-5 {
    margin-top: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-5 {
    margin-right: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-5 {
    margin-left: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-6 {
    margin-top: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-6 {
    margin-right: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-6 {
    margin-left: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-8 {
    margin-top: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-8 {
    margin-right: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-8 {
    margin-bottom: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-8 {
    margin-left: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-9 {
    margin-top: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-9 {
    margin-right: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-9 {
    margin-left: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-10 {
    margin-top: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-10 {
    margin-right: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-10 {
    margin-left: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-12 {
    margin-top: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-12 {
    margin-right: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-12 {
    margin-bottom: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-12 {
    margin-left: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-14 {
    margin-top: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-14 {
    margin-right: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-14 {
    margin-left: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-16 {
    margin-top: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-16 {
    margin-right: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-16 {
    margin-bottom: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-16 {
    margin-left: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-20 {
    margin-top: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-20 {
    margin-right: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-20 {
    margin-bottom: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-20 {
    margin-left: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-24 {
    margin-top: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-24 {
    margin-right: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-24 {
    margin-bottom: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-24 {
    margin-left: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-32 {
    margin-top: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-32 {
    margin-right: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-32 {
    margin-bottom: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-32 {
    margin-left: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-40 {
    margin-top: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-40 {
    margin-right: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-40 {
    margin-bottom: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-40 {
    margin-left: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-48 {
    margin-top: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-48 {
    margin-right: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-48 {
    margin-bottom: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-48 {
    margin-left: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-56 {
    margin-top: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-56 {
    margin-right: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-56 {
    margin-bottom: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-56 {
    margin-left: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-64 {
    margin-top: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:mr-64 {
    margin-right: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:mb-64 {
    margin-bottom: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:ml-64 {
    margin-left: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:mt-auto {
    margin-top: auto;
  }

  :root [dir=ltr] .sm\:ltr\:mr-auto {
    margin-right: auto;
  }

  :root [dir=ltr] .sm\:ltr\:mb-auto {
    margin-bottom: auto;
  }

  :root [dir=ltr] .sm\:ltr\:ml-auto {
    margin-left: auto;
  }

  :root [dir=ltr] .sm\:ltr\:mt-px {
    margin-top: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:mr-px {
    margin-right: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:mb-px {
    margin-bottom: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:ml-px {
    margin-left: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-4 {
    margin-top: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-4 {
    margin-right: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-4 {
    margin-left: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-8 {
    margin-top: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-8 {
    margin-right: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-8 {
    margin-left: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-12 {
    margin-top: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-12 {
    margin-right: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-12 {
    margin-left: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-16 {
    margin-top: -4rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-16 {
    margin-right: -4rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-16 {
    margin-left: -4rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-20 {
    margin-top: -5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-20 {
    margin-right: -5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-20 {
    margin-left: -5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-24 {
    margin-top: -6rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-24 {
    margin-right: -6rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-24 {
    margin-left: -6rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-32 {
    margin-top: -8rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-32 {
    margin-right: -8rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-32 {
    margin-left: -8rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-40 {
    margin-top: -10rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-40 {
    margin-right: -10rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-40 {
    margin-left: -10rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-48 {
    margin-top: -12rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-48 {
    margin-right: -12rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-48 {
    margin-left: -12rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-56 {
    margin-top: -14rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-56 {
    margin-right: -14rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-56 {
    margin-left: -14rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-64 {
    margin-top: -16rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-64 {
    margin-right: -16rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-64 {
    margin-left: -16rem;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-px {
    margin-top: -1px;
  }

  :root [dir=ltr] .sm\:ltr\:-mr-px {
    margin-right: -1px;
  }

  :root [dir=ltr] .sm\:ltr\:-mb-px {
    margin-bottom: -1px;
  }

  :root [dir=ltr] .sm\:ltr\:-ml-px {
    margin-left: -1px;
  }

  :root [dir=ltr] .sm\:ltr\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .sm\:ltr\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .sm\:ltr\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .sm\:ltr\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .sm\:rtl\:m-0 {
    margin: 0;
  }

  :root [dir=rtl] .sm\:rtl\:m-1 {
    margin: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-2 {
    margin: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-3 {
    margin: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-4 {
    margin: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-5 {
    margin: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-6 {
    margin: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-8 {
    margin: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-9 {
    margin: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-10 {
    margin: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-12 {
    margin: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-14 {
    margin: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-16 {
    margin: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-20 {
    margin: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-24 {
    margin: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-32 {
    margin: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-40 {
    margin: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-48 {
    margin: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-56 {
    margin: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-64 {
    margin: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:m-auto {
    margin: auto;
  }

  :root [dir=rtl] .sm\:rtl\:m-px {
    margin: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:-m-1 {
    margin: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-2 {
    margin: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-3 {
    margin: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-4 {
    margin: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-5 {
    margin: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-6 {
    margin: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-8 {
    margin: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-9 {
    margin: -2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-10 {
    margin: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-12 {
    margin: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-14 {
    margin: -3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-16 {
    margin: -4rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-20 {
    margin: -5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-24 {
    margin: -6rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-32 {
    margin: -8rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-40 {
    margin: -10rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-48 {
    margin: -12rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-56 {
    margin: -14rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-64 {
    margin: -16rem;
  }

  :root [dir=rtl] .sm\:rtl\:-m-px {
    margin: -1px;
  }

  :root [dir=rtl] .sm\:rtl\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .sm\:rtl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root [dir=rtl] .sm\:rtl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root [dir=rtl] .sm\:rtl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root [dir=rtl] .sm\:rtl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root [dir=rtl] .sm\:rtl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root [dir=rtl] .sm\:rtl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root [dir=rtl] .sm\:rtl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root [dir=rtl] .sm\:rtl\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .sm\:rtl\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .sm\:rtl\:mt-0 {
    margin-top: 0;
  }

  :root [dir=rtl] .sm\:rtl\:mr-0 {
    margin-right: 0;
  }

  :root [dir=rtl] .sm\:rtl\:mb-0 {
    margin-bottom: 0;
  }

  :root [dir=rtl] .sm\:rtl\:ml-0 {
    margin-left: 0;
  }

  :root [dir=rtl] .sm\:rtl\:mt-1 {
    margin-top: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-1 {
    margin-right: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-1 {
    margin-left: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-2 {
    margin-top: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-2 {
    margin-right: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-2 {
    margin-left: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-3 {
    margin-top: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-3 {
    margin-right: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-3 {
    margin-left: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-4 {
    margin-top: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-4 {
    margin-right: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-4 {
    margin-bottom: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-4 {
    margin-left: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-5 {
    margin-top: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-5 {
    margin-right: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-5 {
    margin-left: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-6 {
    margin-top: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-6 {
    margin-right: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-6 {
    margin-left: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-8 {
    margin-top: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-8 {
    margin-right: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-8 {
    margin-bottom: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-8 {
    margin-left: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-9 {
    margin-top: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-9 {
    margin-right: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-9 {
    margin-left: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-10 {
    margin-top: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-10 {
    margin-right: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-10 {
    margin-left: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-12 {
    margin-top: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-12 {
    margin-right: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-12 {
    margin-bottom: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-12 {
    margin-left: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-14 {
    margin-top: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-14 {
    margin-right: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-14 {
    margin-left: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-16 {
    margin-top: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-16 {
    margin-right: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-16 {
    margin-bottom: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-16 {
    margin-left: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-20 {
    margin-top: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-20 {
    margin-right: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-20 {
    margin-bottom: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-20 {
    margin-left: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-24 {
    margin-top: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-24 {
    margin-right: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-24 {
    margin-bottom: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-24 {
    margin-left: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-32 {
    margin-top: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-32 {
    margin-right: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-32 {
    margin-bottom: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-32 {
    margin-left: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-40 {
    margin-top: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-40 {
    margin-right: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-40 {
    margin-bottom: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-40 {
    margin-left: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-48 {
    margin-top: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-48 {
    margin-right: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-48 {
    margin-bottom: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-48 {
    margin-left: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-56 {
    margin-top: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-56 {
    margin-right: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-56 {
    margin-bottom: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-56 {
    margin-left: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-64 {
    margin-top: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:mr-64 {
    margin-right: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:mb-64 {
    margin-bottom: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:ml-64 {
    margin-left: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:mt-auto {
    margin-top: auto;
  }

  :root [dir=rtl] .sm\:rtl\:mr-auto {
    margin-right: auto;
  }

  :root [dir=rtl] .sm\:rtl\:mb-auto {
    margin-bottom: auto;
  }

  :root [dir=rtl] .sm\:rtl\:ml-auto {
    margin-left: auto;
  }

  :root [dir=rtl] .sm\:rtl\:mt-px {
    margin-top: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:mr-px {
    margin-right: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:mb-px {
    margin-bottom: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:ml-px {
    margin-left: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-4 {
    margin-top: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-4 {
    margin-right: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-4 {
    margin-left: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-8 {
    margin-top: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-8 {
    margin-right: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-8 {
    margin-left: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-12 {
    margin-top: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-12 {
    margin-right: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-12 {
    margin-left: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-16 {
    margin-top: -4rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-16 {
    margin-right: -4rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-16 {
    margin-left: -4rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-20 {
    margin-top: -5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-20 {
    margin-right: -5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-20 {
    margin-left: -5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-24 {
    margin-top: -6rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-24 {
    margin-right: -6rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-24 {
    margin-left: -6rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-32 {
    margin-top: -8rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-32 {
    margin-right: -8rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-32 {
    margin-left: -8rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-40 {
    margin-top: -10rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-40 {
    margin-right: -10rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-40 {
    margin-left: -10rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-48 {
    margin-top: -12rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-48 {
    margin-right: -12rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-48 {
    margin-left: -12rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-56 {
    margin-top: -14rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-56 {
    margin-right: -14rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-56 {
    margin-left: -14rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-64 {
    margin-top: -16rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-64 {
    margin-right: -16rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-64 {
    margin-left: -16rem;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-px {
    margin-top: -1px;
  }

  :root [dir=rtl] .sm\:rtl\:-mr-px {
    margin-right: -1px;
  }

  :root [dir=rtl] .sm\:rtl\:-mb-px {
    margin-bottom: -1px;
  }

  :root [dir=rtl] .sm\:rtl\:-ml-px {
    margin-left: -1px;
  }

  :root [dir=rtl] .sm\:rtl\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .sm\:rtl\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .sm\:rtl\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .sm\:rtl\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

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

  :root .sm\:max-h-screen {
    max-height: 100vh;
  }

  :root .sm\:max-w-unset {
    max-width: unset;
  }

  :root .sm\:max-w-xxxs {
    max-width: 16rem;
  }

  :root .sm\:max-w-xxs {
    max-width: 18rem;
  }

  :root .sm\:max-w-xs {
    max-width: 20rem;
  }

  :root .sm\:max-w-sm {
    max-width: 24rem;
  }

  :root .sm\:max-w-md {
    max-width: 28rem;
  }

  :root .sm\:max-w-lg {
    max-width: 32rem;
  }

  :root .sm\:max-w-xl {
    max-width: 36rem;
  }

  :root .sm\:max-w-2xl {
    max-width: 42rem;
  }

  :root .sm\:max-w-3xl {
    max-width: 48rem;
  }

  :root .sm\:max-w-4xl {
    max-width: 56rem;
  }

  :root .sm\:max-w-5xl {
    max-width: 64rem;
  }

  :root .sm\:max-w-6xl {
    max-width: 72rem;
  }

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

  :root .sm\:min-h-0 {
    min-height: 0;
  }

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

  :root .sm\:min-h-screen {
    min-height: 100vh;
  }

  :root .sm\:min-w-0 {
    min-width: 0;
  }

  :root .sm\:min-w-1 {
    min-width: 0.25rem;
  }

  :root .sm\:min-w-2 {
    min-width: 0.5rem;
  }

  :root .sm\:min-w-3 {
    min-width: 0.75rem;
  }

  :root .sm\:min-w-4 {
    min-width: 1rem;
  }

  :root .sm\:min-w-5 {
    min-width: 1.25rem;
  }

  :root .sm\:min-w-6 {
    min-width: 1.5rem;
  }

  :root .sm\:min-w-8 {
    min-width: 2rem;
  }

  :root .sm\:min-w-9 {
    min-width: 2.25rem;
  }

  :root .sm\:min-w-10 {
    min-width: 2.5rem;
  }

  :root .sm\:min-w-12 {
    min-width: 3rem;
  }

  :root .sm\:min-w-14 {
    min-width: 3.5rem;
  }

  :root .sm\:min-w-16 {
    min-width: 4rem;
  }

  :root .sm\:min-w-20 {
    min-width: 5rem;
  }

  :root .sm\:min-w-24 {
    min-width: 6rem;
  }

  :root .sm\:min-w-32 {
    min-width: 8rem;
  }

  :root .sm\:min-w-40 {
    min-width: 10rem;
  }

  :root .sm\:min-w-48 {
    min-width: 12rem;
  }

  :root .sm\:min-w-56 {
    min-width: 14rem;
  }

  :root .sm\:min-w-64 {
    min-width: 16rem;
  }

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

  :root .sm\:min-w-px {
    min-width: 1px;
  }

  :root .sm\:min-w-gutter {
    min-width: var(--padding-gutter);
  }

  :root .sm\:object-contain {
    object-fit: contain;
  }

  :root .sm\:object-cover {
    object-fit: cover;
  }

  :root .sm\:object-fill {
    object-fit: fill;
  }

  :root .sm\:object-none {
    object-fit: none;
  }

  :root .sm\:object-scale-down {
    object-fit: scale-down;
  }

  :root .sm\:object-bottom {
    object-position: bottom;
  }

  :root .sm\:object-center {
    object-position: center;
  }

  :root .sm\:object-left {
    object-position: left;
  }

  :root .sm\:object-left-bottom {
    object-position: left bottom;
  }

  :root .sm\:object-left-top {
    object-position: left top;
  }

  :root .sm\:object-right {
    object-position: right;
  }

  :root .sm\:object-right-bottom {
    object-position: right bottom;
  }

  :root .sm\:object-right-top {
    object-position: right top;
  }

  :root .sm\:object-top {
    object-position: top;
  }

  :root .sm\:opacity-0 {
    opacity: 0;
  }

  :root .sm\:opacity-25 {
    opacity: 0.25;
  }

  :root .sm\:opacity-50 {
    opacity: 0.5;
  }

  :root .sm\:opacity-75 {
    opacity: 0.75;
  }

  :root .sm\:opacity-100 {
    opacity: 1;
  }

  :root .sm\:hover\:opacity-0:hover {
    opacity: 0;
  }

  :root .sm\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  :root .sm\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  :root .sm\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  :root .sm\:hover\:opacity-100:hover {
    opacity: 1;
  }

  :root .sm\:focus\:opacity-0:focus {
    opacity: 0;
  }

  :root .sm\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  :root .sm\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  :root .sm\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  :root .sm\:focus\:opacity-100:focus {
    opacity: 1;
  }

  :root .sm\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  :root .sm\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  :root .sm\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  :root .sm\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  :root .sm\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  :root .sm\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

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

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

  :root .sm\:overflow-visible {
    overflow: visible;
  }

  :root .sm\:overflow-scroll {
    overflow: scroll;
  }

  :root .sm\:overflow-x-auto {
    overflow-x: auto;
  }

  :root .sm\:overflow-y-auto {
    overflow-y: auto;
  }

  :root .sm\:overflow-x-hidden {
    overflow-x: hidden;
  }

  :root .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }

  :root .sm\:overflow-x-visible {
    overflow-x: visible;
  }

  :root .sm\:overflow-y-visible {
    overflow-y: visible;
  }

  :root .sm\:overflow-x-scroll {
    overflow-x: scroll;
  }

  :root .sm\:overflow-y-scroll {
    overflow-y: scroll;
  }

  :root .sm\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  :root .sm\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  :root .sm\:overscroll-auto {
    overscroll-behavior: auto;
  }

  :root .sm\:overscroll-contain {
    overscroll-behavior: contain;
  }

  :root .sm\:overscroll-none {
    overscroll-behavior: none;
  }

  :root .sm\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  :root .sm\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  :root .sm\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  :root .sm\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  :root .sm\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  :root .sm\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  :root .sm\:p-0 {
    padding: 0;
  }

  :root .sm\:p-1 {
    padding: 0.25rem;
  }

  :root .sm\:p-2 {
    padding: 0.5rem;
  }

  :root .sm\:p-3 {
    padding: 0.75rem;
  }

  :root .sm\:p-4 {
    padding: 1rem;
  }

  :root .sm\:p-5 {
    padding: 1.25rem;
  }

  :root .sm\:p-6 {
    padding: 1.5rem;
  }

  :root .sm\:p-8 {
    padding: 2rem;
  }

  :root .sm\:p-9 {
    padding: 2.25rem;
  }

  :root .sm\:p-10 {
    padding: 2.5rem;
  }

  :root .sm\:p-12 {
    padding: 3rem;
  }

  :root .sm\:p-14 {
    padding: 3.5rem;
  }

  :root .sm\:p-16 {
    padding: 4rem;
  }

  :root .sm\:p-20 {
    padding: 5rem;
  }

  :root .sm\:p-24 {
    padding: 6rem;
  }

  :root .sm\:p-32 {
    padding: 8rem;
  }

  :root .sm\:p-40 {
    padding: 10rem;
  }

  :root .sm\:p-48 {
    padding: 12rem;
  }

  :root .sm\:p-56 {
    padding: 14rem;
  }

  :root .sm\:p-64 {
    padding: 16rem;
  }

  :root .sm\:p-px {
    padding: 1px;
  }

  :root .sm\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root .sm\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root .sm\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root .sm\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root .sm\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root .sm\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root .sm\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root .sm\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root .sm\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root .sm\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root .sm\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root .sm\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root .sm\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root .sm\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root .sm\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root .sm\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root .sm\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root .sm\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root .sm\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root .sm\:pt-0 {
    padding-top: 0;
  }

  :root .sm\:pr-0 {
    padding-right: 0;
  }

  :root .sm\:pb-0 {
    padding-bottom: 0;
  }

  :root .sm\:pl-0 {
    padding-left: 0;
  }

  :root .sm\:pt-1 {
    padding-top: 0.25rem;
  }

  :root .sm\:pr-1 {
    padding-right: 0.25rem;
  }

  :root .sm\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root .sm\:pl-1 {
    padding-left: 0.25rem;
  }

  :root .sm\:pt-2 {
    padding-top: 0.5rem;
  }

  :root .sm\:pr-2 {
    padding-right: 0.5rem;
  }

  :root .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root .sm\:pl-2 {
    padding-left: 0.5rem;
  }

  :root .sm\:pt-3 {
    padding-top: 0.75rem;
  }

  :root .sm\:pr-3 {
    padding-right: 0.75rem;
  }

  :root .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root .sm\:pl-3 {
    padding-left: 0.75rem;
  }

  :root .sm\:pt-4 {
    padding-top: 1rem;
  }

  :root .sm\:pr-4 {
    padding-right: 1rem;
  }

  :root .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  :root .sm\:pl-4 {
    padding-left: 1rem;
  }

  :root .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  :root .sm\:pr-5 {
    padding-right: 1.25rem;
  }

  :root .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root .sm\:pl-5 {
    padding-left: 1.25rem;
  }

  :root .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  :root .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  :root .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root .sm\:pl-6 {
    padding-left: 1.5rem;
  }

  :root .sm\:pt-8 {
    padding-top: 2rem;
  }

  :root .sm\:pr-8 {
    padding-right: 2rem;
  }

  :root .sm\:pb-8 {
    padding-bottom: 2rem;
  }

  :root .sm\:pl-8 {
    padding-left: 2rem;
  }

  :root .sm\:pt-9 {
    padding-top: 2.25rem;
  }

  :root .sm\:pr-9 {
    padding-right: 2.25rem;
  }

  :root .sm\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root .sm\:pl-9 {
    padding-left: 2.25rem;
  }

  :root .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  :root .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  :root .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root .sm\:pl-10 {
    padding-left: 2.5rem;
  }

  :root .sm\:pt-12 {
    padding-top: 3rem;
  }

  :root .sm\:pr-12 {
    padding-right: 3rem;
  }

  :root .sm\:pb-12 {
    padding-bottom: 3rem;
  }

  :root .sm\:pl-12 {
    padding-left: 3rem;
  }

  :root .sm\:pt-14 {
    padding-top: 3.5rem;
  }

  :root .sm\:pr-14 {
    padding-right: 3.5rem;
  }

  :root .sm\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root .sm\:pl-14 {
    padding-left: 3.5rem;
  }

  :root .sm\:pt-16 {
    padding-top: 4rem;
  }

  :root .sm\:pr-16 {
    padding-right: 4rem;
  }

  :root .sm\:pb-16 {
    padding-bottom: 4rem;
  }

  :root .sm\:pl-16 {
    padding-left: 4rem;
  }

  :root .sm\:pt-20 {
    padding-top: 5rem;
  }

  :root .sm\:pr-20 {
    padding-right: 5rem;
  }

  :root .sm\:pb-20 {
    padding-bottom: 5rem;
  }

  :root .sm\:pl-20 {
    padding-left: 5rem;
  }

  :root .sm\:pt-24 {
    padding-top: 6rem;
  }

  :root .sm\:pr-24 {
    padding-right: 6rem;
  }

  :root .sm\:pb-24 {
    padding-bottom: 6rem;
  }

  :root .sm\:pl-24 {
    padding-left: 6rem;
  }

  :root .sm\:pt-32 {
    padding-top: 8rem;
  }

  :root .sm\:pr-32 {
    padding-right: 8rem;
  }

  :root .sm\:pb-32 {
    padding-bottom: 8rem;
  }

  :root .sm\:pl-32 {
    padding-left: 8rem;
  }

  :root .sm\:pt-40 {
    padding-top: 10rem;
  }

  :root .sm\:pr-40 {
    padding-right: 10rem;
  }

  :root .sm\:pb-40 {
    padding-bottom: 10rem;
  }

  :root .sm\:pl-40 {
    padding-left: 10rem;
  }

  :root .sm\:pt-48 {
    padding-top: 12rem;
  }

  :root .sm\:pr-48 {
    padding-right: 12rem;
  }

  :root .sm\:pb-48 {
    padding-bottom: 12rem;
  }

  :root .sm\:pl-48 {
    padding-left: 12rem;
  }

  :root .sm\:pt-56 {
    padding-top: 14rem;
  }

  :root .sm\:pr-56 {
    padding-right: 14rem;
  }

  :root .sm\:pb-56 {
    padding-bottom: 14rem;
  }

  :root .sm\:pl-56 {
    padding-left: 14rem;
  }

  :root .sm\:pt-64 {
    padding-top: 16rem;
  }

  :root .sm\:pr-64 {
    padding-right: 16rem;
  }

  :root .sm\:pb-64 {
    padding-bottom: 16rem;
  }

  :root .sm\:pl-64 {
    padding-left: 16rem;
  }

  :root .sm\:pt-px {
    padding-top: 1px;
  }

  :root .sm\:pr-px {
    padding-right: 1px;
  }

  :root .sm\:pb-px {
    padding-bottom: 1px;
  }

  :root .sm\:pl-px {
    padding-left: 1px;
  }

  :root .sm\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root .sm\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root .sm\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root .sm\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:p-0 {
    padding: 0;
  }

  :root [dir=ltr] .sm\:ltr\:p-1 {
    padding: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-2 {
    padding: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-3 {
    padding: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-4 {
    padding: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-5 {
    padding: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-6 {
    padding: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-8 {
    padding: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-9 {
    padding: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-10 {
    padding: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-12 {
    padding: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-14 {
    padding: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-16 {
    padding: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-20 {
    padding: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-24 {
    padding: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-32 {
    padding: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-40 {
    padding: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-48 {
    padding: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-56 {
    padding: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-64 {
    padding: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:p-px {
    padding: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root [dir=ltr] .sm\:ltr\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root [dir=ltr] .sm\:ltr\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:pt-0 {
    padding-top: 0;
  }

  :root [dir=ltr] .sm\:ltr\:pr-0 {
    padding-right: 0;
  }

  :root [dir=ltr] .sm\:ltr\:pb-0 {
    padding-bottom: 0;
  }

  :root [dir=ltr] .sm\:ltr\:pl-0 {
    padding-left: 0;
  }

  :root [dir=ltr] .sm\:ltr\:pt-1 {
    padding-top: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-1 {
    padding-right: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-1 {
    padding-left: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-2 {
    padding-top: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-2 {
    padding-right: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-2 {
    padding-left: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-3 {
    padding-top: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-3 {
    padding-right: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-3 {
    padding-left: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-4 {
    padding-top: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-4 {
    padding-right: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-4 {
    padding-bottom: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-4 {
    padding-left: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-5 {
    padding-top: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-5 {
    padding-right: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-5 {
    padding-left: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-6 {
    padding-top: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-6 {
    padding-right: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-6 {
    padding-left: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-8 {
    padding-top: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-8 {
    padding-right: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-8 {
    padding-bottom: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-8 {
    padding-left: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-9 {
    padding-top: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-9 {
    padding-right: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-9 {
    padding-left: 2.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-10 {
    padding-top: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-10 {
    padding-right: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-10 {
    padding-left: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-12 {
    padding-top: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-12 {
    padding-right: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-12 {
    padding-bottom: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-12 {
    padding-left: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-14 {
    padding-top: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-14 {
    padding-right: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-14 {
    padding-left: 3.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-16 {
    padding-top: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-16 {
    padding-right: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-16 {
    padding-bottom: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-16 {
    padding-left: 4rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-20 {
    padding-top: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-20 {
    padding-right: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-20 {
    padding-bottom: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-20 {
    padding-left: 5rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-24 {
    padding-top: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-24 {
    padding-right: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-24 {
    padding-bottom: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-24 {
    padding-left: 6rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-32 {
    padding-top: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-32 {
    padding-right: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-32 {
    padding-bottom: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-32 {
    padding-left: 8rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-40 {
    padding-top: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-40 {
    padding-right: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-40 {
    padding-bottom: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-40 {
    padding-left: 10rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-48 {
    padding-top: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-48 {
    padding-right: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-48 {
    padding-bottom: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-48 {
    padding-left: 12rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-56 {
    padding-top: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-56 {
    padding-right: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-56 {
    padding-bottom: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-56 {
    padding-left: 14rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-64 {
    padding-top: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:pr-64 {
    padding-right: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:pb-64 {
    padding-bottom: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:pl-64 {
    padding-left: 16rem;
  }

  :root [dir=ltr] .sm\:ltr\:pt-px {
    padding-top: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:pr-px {
    padding-right: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:pb-px {
    padding-bottom: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:pl-px {
    padding-left: 1px;
  }

  :root [dir=ltr] .sm\:ltr\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .sm\:ltr\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:p-0 {
    padding: 0;
  }

  :root [dir=rtl] .sm\:rtl\:p-1 {
    padding: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-2 {
    padding: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-3 {
    padding: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-4 {
    padding: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-5 {
    padding: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-6 {
    padding: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-8 {
    padding: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-9 {
    padding: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-10 {
    padding: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-12 {
    padding: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-14 {
    padding: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-16 {
    padding: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-20 {
    padding: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-24 {
    padding: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-32 {
    padding: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-40 {
    padding: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-48 {
    padding: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-56 {
    padding: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-64 {
    padding: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:p-px {
    padding: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root [dir=rtl] .sm\:rtl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root [dir=rtl] .sm\:rtl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:pt-0 {
    padding-top: 0;
  }

  :root [dir=rtl] .sm\:rtl\:pr-0 {
    padding-right: 0;
  }

  :root [dir=rtl] .sm\:rtl\:pb-0 {
    padding-bottom: 0;
  }

  :root [dir=rtl] .sm\:rtl\:pl-0 {
    padding-left: 0;
  }

  :root [dir=rtl] .sm\:rtl\:pt-1 {
    padding-top: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-1 {
    padding-right: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-1 {
    padding-left: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-2 {
    padding-top: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-2 {
    padding-right: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-3 {
    padding-top: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-3 {
    padding-right: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-3 {
    padding-left: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-4 {
    padding-top: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-4 {
    padding-right: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-4 {
    padding-bottom: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-4 {
    padding-left: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-5 {
    padding-top: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-5 {
    padding-right: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-5 {
    padding-left: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-6 {
    padding-top: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-6 {
    padding-right: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-6 {
    padding-left: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-8 {
    padding-top: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-8 {
    padding-right: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-8 {
    padding-bottom: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-8 {
    padding-left: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-9 {
    padding-top: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-9 {
    padding-right: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-9 {
    padding-left: 2.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-10 {
    padding-top: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-10 {
    padding-right: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-12 {
    padding-top: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-12 {
    padding-right: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-12 {
    padding-bottom: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-12 {
    padding-left: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-14 {
    padding-top: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-14 {
    padding-right: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-14 {
    padding-left: 3.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-16 {
    padding-top: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-16 {
    padding-right: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-16 {
    padding-bottom: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-16 {
    padding-left: 4rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-20 {
    padding-top: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-20 {
    padding-right: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-20 {
    padding-bottom: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-20 {
    padding-left: 5rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-24 {
    padding-top: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-24 {
    padding-right: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-24 {
    padding-bottom: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-24 {
    padding-left: 6rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-32 {
    padding-top: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-32 {
    padding-right: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-32 {
    padding-bottom: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-32 {
    padding-left: 8rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-40 {
    padding-top: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-40 {
    padding-right: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-40 {
    padding-bottom: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-40 {
    padding-left: 10rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-48 {
    padding-top: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-48 {
    padding-right: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-48 {
    padding-bottom: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-48 {
    padding-left: 12rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-56 {
    padding-top: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-56 {
    padding-right: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-56 {
    padding-bottom: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-56 {
    padding-left: 14rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-64 {
    padding-top: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:pr-64 {
    padding-right: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:pb-64 {
    padding-bottom: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:pl-64 {
    padding-left: 16rem;
  }

  :root [dir=rtl] .sm\:rtl\:pt-px {
    padding-top: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:pr-px {
    padding-right: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:pb-px {
    padding-bottom: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:pl-px {
    padding-left: 1px;
  }

  :root [dir=rtl] .sm\:rtl\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .sm\:rtl\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root .sm\:placeholder-current::placeholder {
    color: currentColor;
  }

  :root .sm\:placeholder-transparent::placeholder {
    color: transparent;
  }

  :root .sm\:placeholder-black::placeholder {
    color: var(--text-color);
  }

  :root .sm\:placeholder-white::placeholder {
    color: var(--text-color-light);
  }

  :root .sm\:placeholder-contrast-black::placeholder {
    --placeholder-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-contrast-white::placeholder {
    --placeholder-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-gray-light::placeholder {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:placeholder-gray::placeholder {
    --placeholder-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-red-light::placeholder {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:placeholder-red::placeholder {
    --placeholder-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-orange-light::placeholder {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:placeholder-orange::placeholder {
    --placeholder-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-deep-orange-light::placeholder {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:placeholder-deep-orange::placeholder {
    --placeholder-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-amber-light::placeholder {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:placeholder-amber::placeholder {
    --placeholder-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-green-light::placeholder {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:placeholder-green::placeholder {
    --placeholder-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-teal-light::placeholder {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:placeholder-teal::placeholder {
    --placeholder-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-cyan-light::placeholder {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:placeholder-cyan::placeholder {
    --placeholder-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-purple-light::placeholder {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:placeholder-purple::placeholder {
    --placeholder-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-deep-purple-light::placeholder {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:placeholder-deep-purple::placeholder {
    --placeholder-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-pink-light::placeholder {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:placeholder-pink::placeholder {
    --placeholder-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--placeholder-opacity));
  }

  :root .sm\:placeholder-primary-light::placeholder {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:placeholder-primary::placeholder {
    color: rgb(var(--color-primary));
  }

  :root .sm\:placeholder-accent-light::placeholder {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:placeholder-accent::placeholder {
    color: rgb(var(--color-accent));
  }

  :root .sm\:placeholder-warn-light::placeholder {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:placeholder-warn::placeholder {
    color: rgb(var(--color-warn));
  }

  :root .sm\:focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }

  :root .sm\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  :root .sm\:focus\:placeholder-black:focus::placeholder {
    color: var(--text-color);
  }

  :root .sm\:focus\:placeholder-white:focus::placeholder {
    color: var(--text-color-light);
  }

  :root .sm\:focus\:placeholder-contrast-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-contrast-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-gray-light:focus::placeholder {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:focus\:placeholder-gray:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-red-light:focus::placeholder {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:focus\:placeholder-red:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-orange-light:focus::placeholder {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:focus\:placeholder-orange:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-deep-orange-light:focus::placeholder {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:focus\:placeholder-deep-orange:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-amber-light:focus::placeholder {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:focus\:placeholder-amber:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-green-light:focus::placeholder {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:focus\:placeholder-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-teal-light:focus::placeholder {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:focus\:placeholder-teal:focus::placeholder {
    --placeholder-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-cyan-light:focus::placeholder {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:focus\:placeholder-cyan:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-purple-light:focus::placeholder {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:focus\:placeholder-purple:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-deep-purple-light:focus::placeholder {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:focus\:placeholder-deep-purple:focus::placeholder {
    --placeholder-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-pink-light:focus::placeholder {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:focus\:placeholder-pink:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--placeholder-opacity));
  }

  :root .sm\:focus\:placeholder-primary-light:focus::placeholder {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:focus\:placeholder-primary:focus::placeholder {
    color: rgb(var(--color-primary));
  }

  :root .sm\:focus\:placeholder-accent-light:focus::placeholder {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:focus\:placeholder-accent:focus::placeholder {
    color: rgb(var(--color-accent));
  }

  :root .sm\:focus\:placeholder-warn-light:focus::placeholder {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:focus\:placeholder-warn:focus::placeholder {
    color: rgb(var(--color-warn));
  }

  :root .sm\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  :root .sm\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  :root .sm\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  :root .sm\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  :root .sm\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  :root .sm\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  :root .sm\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  :root .sm\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  :root .sm\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  :root .sm\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  :root .sm\:pointer-events-none {
    pointer-events: none;
  }

  :root .sm\:pointer-events-auto {
    pointer-events: auto;
  }

  :root .sm\:static {
    position: static;
  }

  :root .sm\:fixed {
    position: fixed;
  }

  :root .sm\:absolute {
    position: absolute;
  }

  :root .sm\:relative {
    position: relative;
  }

  :root .sm\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  :root .sm\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root .sm\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root .sm\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root .sm\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root .sm\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root .sm\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root .sm\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root .sm\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root .sm\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root .sm\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root .sm\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root .sm\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root .sm\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root .sm\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root .sm\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root .sm\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root .sm\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root .sm\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root .sm\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root .sm\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root .sm\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root .sm\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root .sm\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root .sm\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root .sm\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root .sm\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root .sm\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root .sm\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root .sm\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root .sm\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root .sm\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root .sm\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root .sm\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root .sm\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root .sm\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root .sm\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root .sm\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root .sm\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root .sm\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root .sm\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root .sm\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root .sm\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root .sm\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root .sm\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root .sm\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root .sm\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root .sm\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root .sm\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root .sm\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root .sm\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root .sm\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root .sm\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root .sm\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root .sm\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root .sm\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root .sm\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root .sm\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root .sm\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root .sm\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root .sm\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root .sm\:top-0 {
    top: 0;
  }

  :root .sm\:right-0 {
    right: 0;
  }

  :root .sm\:bottom-0 {
    bottom: 0;
  }

  :root .sm\:left-0 {
    left: 0;
  }

  :root .sm\:top-1 {
    top: 0.25rem;
  }

  :root .sm\:right-1 {
    right: 0.25rem;
  }

  :root .sm\:bottom-1 {
    bottom: 0.25rem;
  }

  :root .sm\:left-1 {
    left: 0.25rem;
  }

  :root .sm\:top-2 {
    top: 0.5rem;
  }

  :root .sm\:right-2 {
    right: 0.5rem;
  }

  :root .sm\:bottom-2 {
    bottom: 0.5rem;
  }

  :root .sm\:left-2 {
    left: 0.5rem;
  }

  :root .sm\:top-3 {
    top: 0.75rem;
  }

  :root .sm\:right-3 {
    right: 0.75rem;
  }

  :root .sm\:bottom-3 {
    bottom: 0.75rem;
  }

  :root .sm\:left-3 {
    left: 0.75rem;
  }

  :root .sm\:top-4 {
    top: 1rem;
  }

  :root .sm\:right-4 {
    right: 1rem;
  }

  :root .sm\:bottom-4 {
    bottom: 1rem;
  }

  :root .sm\:left-4 {
    left: 1rem;
  }

  :root .sm\:top-5 {
    top: 1.25rem;
  }

  :root .sm\:right-5 {
    right: 1.25rem;
  }

  :root .sm\:bottom-5 {
    bottom: 1.25rem;
  }

  :root .sm\:left-5 {
    left: 1.25rem;
  }

  :root .sm\:top-6 {
    top: 1.5rem;
  }

  :root .sm\:right-6 {
    right: 1.5rem;
  }

  :root .sm\:bottom-6 {
    bottom: 1.5rem;
  }

  :root .sm\:left-6 {
    left: 1.5rem;
  }

  :root .sm\:top-8 {
    top: 2rem;
  }

  :root .sm\:right-8 {
    right: 2rem;
  }

  :root .sm\:bottom-8 {
    bottom: 2rem;
  }

  :root .sm\:left-8 {
    left: 2rem;
  }

  :root .sm\:top-10 {
    top: 2.5rem;
  }

  :root .sm\:right-10 {
    right: 2.5rem;
  }

  :root .sm\:bottom-10 {
    bottom: 2.5rem;
  }

  :root .sm\:left-10 {
    left: 2.5rem;
  }

  :root .sm\:top-12 {
    top: 3rem;
  }

  :root .sm\:right-12 {
    right: 3rem;
  }

  :root .sm\:bottom-12 {
    bottom: 3rem;
  }

  :root .sm\:left-12 {
    left: 3rem;
  }

  :root .sm\:-top-1 {
    top: -0.25rem;
  }

  :root .sm\:-right-1 {
    right: -0.25rem;
  }

  :root .sm\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root .sm\:-left-1 {
    left: -0.25rem;
  }

  :root .sm\:-top-2 {
    top: -0.5rem;
  }

  :root .sm\:-right-2 {
    right: -0.5rem;
  }

  :root .sm\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root .sm\:-left-2 {
    left: -0.5rem;
  }

  :root .sm\:-top-3 {
    top: -0.75rem;
  }

  :root .sm\:-right-3 {
    right: -0.75rem;
  }

  :root .sm\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root .sm\:-left-3 {
    left: -0.75rem;
  }

  :root .sm\:-top-4 {
    top: -1rem;
  }

  :root .sm\:-right-4 {
    right: -1rem;
  }

  :root .sm\:-bottom-4 {
    bottom: -1rem;
  }

  :root .sm\:-left-4 {
    left: -1rem;
  }

  :root .sm\:-top-5 {
    top: -1.25rem;
  }

  :root .sm\:-right-5 {
    right: -1.25rem;
  }

  :root .sm\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root .sm\:-left-5 {
    left: -1.25rem;
  }

  :root .sm\:-top-6 {
    top: -1.5rem;
  }

  :root .sm\:-right-6 {
    right: -1.5rem;
  }

  :root .sm\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root .sm\:-left-6 {
    left: -1.5rem;
  }

  :root .sm\:-top-8 {
    top: -2rem;
  }

  :root .sm\:-right-8 {
    right: -2rem;
  }

  :root .sm\:-bottom-8 {
    bottom: -2rem;
  }

  :root .sm\:-left-8 {
    left: -2rem;
  }

  :root .sm\:-top-10 {
    top: -2.5rem;
  }

  :root .sm\:-right-10 {
    right: -2.5rem;
  }

  :root .sm\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root .sm\:-left-10 {
    left: -2.5rem;
  }

  :root .sm\:-top-12 {
    top: -3rem;
  }

  :root .sm\:-right-12 {
    right: -3rem;
  }

  :root .sm\:-bottom-12 {
    bottom: -3rem;
  }

  :root .sm\:-left-12 {
    left: -3rem;
  }

  :root .sm\:top-auto {
    top: auto;
  }

  :root .sm\:right-auto {
    right: auto;
  }

  :root .sm\:bottom-auto {
    bottom: auto;
  }

  :root .sm\:left-auto {
    left: auto;
  }

  :root [dir=ltr] .sm\:ltr\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root [dir=ltr] .sm\:ltr\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root [dir=ltr] .sm\:ltr\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root [dir=ltr] .sm\:ltr\:top-0 {
    top: 0;
  }

  :root [dir=ltr] .sm\:ltr\:right-0 {
    right: 0;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-0 {
    bottom: 0;
  }

  :root [dir=ltr] .sm\:ltr\:left-0 {
    left: 0;
  }

  :root [dir=ltr] .sm\:ltr\:top-1 {
    top: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-1 {
    right: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-1 {
    bottom: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-1 {
    left: 0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-2 {
    top: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-2 {
    right: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-2 {
    bottom: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-2 {
    left: 0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-3 {
    top: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-3 {
    right: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-3 {
    bottom: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-3 {
    left: 0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-4 {
    top: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-4 {
    right: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-4 {
    bottom: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-4 {
    left: 1rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-5 {
    top: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-5 {
    right: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-5 {
    bottom: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-5 {
    left: 1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-6 {
    top: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-6 {
    right: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-6 {
    bottom: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-6 {
    left: 1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-8 {
    top: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-8 {
    right: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-8 {
    bottom: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-8 {
    left: 2rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-10 {
    top: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-10 {
    right: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-10 {
    bottom: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-10 {
    left: 2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-12 {
    top: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:right-12 {
    right: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-12 {
    bottom: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:left-12 {
    left: 3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-1 {
    top: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-1 {
    right: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-1 {
    left: -0.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-2 {
    top: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-2 {
    right: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-2 {
    left: -0.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-3 {
    top: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-3 {
    right: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-3 {
    left: -0.75rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-4 {
    top: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-4 {
    right: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-4 {
    bottom: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-4 {
    left: -1rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-5 {
    top: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-5 {
    right: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-5 {
    left: -1.25rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-6 {
    top: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-6 {
    right: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-6 {
    left: -1.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-8 {
    top: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-8 {
    right: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-8 {
    bottom: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-8 {
    left: -2rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-10 {
    top: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-10 {
    right: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-10 {
    left: -2.5rem;
  }

  :root [dir=ltr] .sm\:ltr\:-top-12 {
    top: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-right-12 {
    right: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-bottom-12 {
    bottom: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:-left-12 {
    left: -3rem;
  }

  :root [dir=ltr] .sm\:ltr\:top-auto {
    top: auto;
  }

  :root [dir=ltr] .sm\:ltr\:right-auto {
    right: auto;
  }

  :root [dir=ltr] .sm\:ltr\:bottom-auto {
    bottom: auto;
  }

  :root [dir=ltr] .sm\:ltr\:left-auto {
    left: auto;
  }

  :root [dir=rtl] .sm\:rtl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root [dir=rtl] .sm\:rtl\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root [dir=rtl] .sm\:rtl\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root [dir=rtl] .sm\:rtl\:top-0 {
    top: 0;
  }

  :root [dir=rtl] .sm\:rtl\:right-0 {
    right: 0;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-0 {
    bottom: 0;
  }

  :root [dir=rtl] .sm\:rtl\:left-0 {
    left: 0;
  }

  :root [dir=rtl] .sm\:rtl\:top-1 {
    top: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-1 {
    right: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-1 {
    bottom: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-1 {
    left: 0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-2 {
    top: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-2 {
    right: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-2 {
    bottom: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-2 {
    left: 0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-3 {
    top: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-3 {
    right: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-3 {
    bottom: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-3 {
    left: 0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-4 {
    top: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-4 {
    right: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-4 {
    bottom: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-4 {
    left: 1rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-5 {
    top: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-5 {
    right: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-5 {
    bottom: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-5 {
    left: 1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-6 {
    top: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-6 {
    right: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-6 {
    bottom: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-6 {
    left: 1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-8 {
    top: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-8 {
    right: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-8 {
    bottom: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-8 {
    left: 2rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-10 {
    top: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-10 {
    right: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-10 {
    bottom: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-10 {
    left: 2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-12 {
    top: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:right-12 {
    right: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-12 {
    bottom: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:left-12 {
    left: 3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-1 {
    top: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-1 {
    right: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-1 {
    left: -0.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-2 {
    top: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-2 {
    right: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-2 {
    left: -0.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-3 {
    top: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-3 {
    right: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-3 {
    left: -0.75rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-4 {
    top: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-4 {
    right: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-4 {
    bottom: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-4 {
    left: -1rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-5 {
    top: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-5 {
    right: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-5 {
    left: -1.25rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-6 {
    top: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-6 {
    right: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-6 {
    left: -1.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-8 {
    top: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-8 {
    right: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-8 {
    bottom: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-8 {
    left: -2rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-10 {
    top: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-10 {
    right: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-10 {
    left: -2.5rem;
  }

  :root [dir=rtl] .sm\:rtl\:-top-12 {
    top: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-right-12 {
    right: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-bottom-12 {
    bottom: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:-left-12 {
    left: -3rem;
  }

  :root [dir=rtl] .sm\:rtl\:top-auto {
    top: auto;
  }

  :root [dir=rtl] .sm\:rtl\:right-auto {
    right: auto;
  }

  :root [dir=rtl] .sm\:rtl\:bottom-auto {
    bottom: auto;
  }

  :root [dir=rtl] .sm\:rtl\:left-auto {
    left: auto;
  }

  :root .sm\:resize-none {
    resize: none;
  }

  :root .sm\:resize-y {
    resize: vertical;
  }

  :root .sm\:resize-x {
    resize: horizontal;
  }

  :root .sm\:resize {
    resize: both;
  }

  :root .sm\:shadow-1 {
    box-shadow: var(--elevation-z1);
  }

  :root .sm\:shadow-2 {
    box-shadow: var(--elevation-z2);
  }

  :root .sm\:shadow-3 {
    box-shadow: var(--elevation-z3);
  }

  :root .sm\:shadow-4 {
    box-shadow: var(--elevation-z4);
  }

  :root .sm\:shadow-5 {
    box-shadow: var(--elevation-z5);
  }

  :root .sm\:shadow-6 {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:shadow-7 {
    box-shadow: var(--elevation-z7);
  }

  :root .sm\:shadow-8 {
    box-shadow: var(--elevation-z8);
  }

  :root .sm\:shadow-9 {
    box-shadow: var(--elevation-z9);
  }

  :root .sm\:shadow-10 {
    box-shadow: var(--elevation-z10);
  }

  :root .sm\:shadow-11 {
    box-shadow: var(--elevation-z11);
  }

  :root .sm\:shadow-12 {
    box-shadow: var(--elevation-z12);
  }

  :root .sm\:shadow-13 {
    box-shadow: var(--elevation-z13);
  }

  :root .sm\:shadow-14 {
    box-shadow: var(--elevation-z14);
  }

  :root .sm\:shadow-15 {
    box-shadow: var(--elevation-z15);
  }

  :root .sm\:shadow-16 {
    box-shadow: var(--elevation-z16);
  }

  :root .sm\:shadow-17 {
    box-shadow: var(--elevation-z17);
  }

  :root .sm\:shadow-18 {
    box-shadow: var(--elevation-z18);
  }

  :root .sm\:shadow-19 {
    box-shadow: var(--elevation-z19);
  }

  :root .sm\:shadow-20 {
    box-shadow: var(--elevation-z20);
  }

  :root .sm\:shadow {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .sm\:shadow-lg {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:shadow-xl {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .sm\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .sm\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .sm\:shadow-none {
    box-shadow: none;
  }

  :root .sm\:shadow-b {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .sm\:hover\:shadow-1:hover {
    box-shadow: var(--elevation-z1);
  }

  :root .sm\:hover\:shadow-2:hover {
    box-shadow: var(--elevation-z2);
  }

  :root .sm\:hover\:shadow-3:hover {
    box-shadow: var(--elevation-z3);
  }

  :root .sm\:hover\:shadow-4:hover {
    box-shadow: var(--elevation-z4);
  }

  :root .sm\:hover\:shadow-5:hover {
    box-shadow: var(--elevation-z5);
  }

  :root .sm\:hover\:shadow-6:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:hover\:shadow-7:hover {
    box-shadow: var(--elevation-z7);
  }

  :root .sm\:hover\:shadow-8:hover {
    box-shadow: var(--elevation-z8);
  }

  :root .sm\:hover\:shadow-9:hover {
    box-shadow: var(--elevation-z9);
  }

  :root .sm\:hover\:shadow-10:hover {
    box-shadow: var(--elevation-z10);
  }

  :root .sm\:hover\:shadow-11:hover {
    box-shadow: var(--elevation-z11);
  }

  :root .sm\:hover\:shadow-12:hover {
    box-shadow: var(--elevation-z12);
  }

  :root .sm\:hover\:shadow-13:hover {
    box-shadow: var(--elevation-z13);
  }

  :root .sm\:hover\:shadow-14:hover {
    box-shadow: var(--elevation-z14);
  }

  :root .sm\:hover\:shadow-15:hover {
    box-shadow: var(--elevation-z15);
  }

  :root .sm\:hover\:shadow-16:hover {
    box-shadow: var(--elevation-z16);
  }

  :root .sm\:hover\:shadow-17:hover {
    box-shadow: var(--elevation-z17);
  }

  :root .sm\:hover\:shadow-18:hover {
    box-shadow: var(--elevation-z18);
  }

  :root .sm\:hover\:shadow-19:hover {
    box-shadow: var(--elevation-z19);
  }

  :root .sm\:hover\:shadow-20:hover {
    box-shadow: var(--elevation-z20);
  }

  :root .sm\:hover\:shadow:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .sm\:hover\:shadow-lg:hover {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:hover\:shadow-xl:hover {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .sm\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .sm\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .sm\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  :root .sm\:hover\:shadow-b:hover {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .sm\:focus\:shadow-1:focus {
    box-shadow: var(--elevation-z1);
  }

  :root .sm\:focus\:shadow-2:focus {
    box-shadow: var(--elevation-z2);
  }

  :root .sm\:focus\:shadow-3:focus {
    box-shadow: var(--elevation-z3);
  }

  :root .sm\:focus\:shadow-4:focus {
    box-shadow: var(--elevation-z4);
  }

  :root .sm\:focus\:shadow-5:focus {
    box-shadow: var(--elevation-z5);
  }

  :root .sm\:focus\:shadow-6:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:focus\:shadow-7:focus {
    box-shadow: var(--elevation-z7);
  }

  :root .sm\:focus\:shadow-8:focus {
    box-shadow: var(--elevation-z8);
  }

  :root .sm\:focus\:shadow-9:focus {
    box-shadow: var(--elevation-z9);
  }

  :root .sm\:focus\:shadow-10:focus {
    box-shadow: var(--elevation-z10);
  }

  :root .sm\:focus\:shadow-11:focus {
    box-shadow: var(--elevation-z11);
  }

  :root .sm\:focus\:shadow-12:focus {
    box-shadow: var(--elevation-z12);
  }

  :root .sm\:focus\:shadow-13:focus {
    box-shadow: var(--elevation-z13);
  }

  :root .sm\:focus\:shadow-14:focus {
    box-shadow: var(--elevation-z14);
  }

  :root .sm\:focus\:shadow-15:focus {
    box-shadow: var(--elevation-z15);
  }

  :root .sm\:focus\:shadow-16:focus {
    box-shadow: var(--elevation-z16);
  }

  :root .sm\:focus\:shadow-17:focus {
    box-shadow: var(--elevation-z17);
  }

  :root .sm\:focus\:shadow-18:focus {
    box-shadow: var(--elevation-z18);
  }

  :root .sm\:focus\:shadow-19:focus {
    box-shadow: var(--elevation-z19);
  }

  :root .sm\:focus\:shadow-20:focus {
    box-shadow: var(--elevation-z20);
  }

  :root .sm\:focus\:shadow:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .sm\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .sm\:focus\:shadow-lg:focus {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:focus\:shadow-xl:focus {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .sm\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .sm\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .sm\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .sm\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  :root .sm\:focus\:shadow-b:focus {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .sm\:fill-current {
    fill: currentColor;
  }

  :root .sm\:stroke-current {
    stroke: currentColor;
  }

  :root .sm\:stroke-0 {
    stroke-width: 0;
  }

  :root .sm\:stroke-1 {
    stroke-width: 1;
  }

  :root .sm\:stroke-2 {
    stroke-width: 2;
  }

  :root .sm\:table-auto {
    table-layout: auto;
  }

  :root .sm\:table-fixed {
    table-layout: fixed;
  }

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

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

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

  :root .sm\:text-justify {
    text-align: justify;
  }

  :root .sm\:text-secondary {
    color: var(--text-secondary);
  }

  :root .sm\:text-hint {
    color: var(--text-hint);
  }

  :root .sm\:text-current {
    color: currentColor;
  }

  :root .sm\:text-transparent {
    color: transparent;
  }

  :root .sm\:text-black {
    color: var(--text-color);
  }

  :root .sm\:text-white {
    color: var(--text-color-light);
  }

  :root .sm\:text-contrast-black {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:text-contrast-white {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-gray-light {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:text-gray {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .sm\:text-red-light {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:text-red {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .sm\:text-orange-light {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:text-orange {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .sm\:text-deep-orange-light {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:text-deep-orange {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .sm\:text-amber-light {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:text-amber {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .sm\:text-green-light {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:text-green {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .sm\:text-teal-light {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:text-teal {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .sm\:text-cyan-light {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:text-cyan {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .sm\:text-purple-light {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:text-purple {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .sm\:text-deep-purple-light {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:text-deep-purple {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .sm\:text-pink-light {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:text-pink {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .sm\:text-primary-light {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:text-primary {
    color: rgb(var(--color-primary));
  }

  :root .sm\:text-accent-light {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:text-accent {
    color: rgb(var(--color-accent));
  }

  :root .sm\:text-warn-light {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:text-warn {
    color: rgb(var(--color-warn));
  }

  :root .sm\:text-primary-contrast {
    color: rgb(var(--color-primary-contrast));
  }

  :root .sm\:text-accent-contrast {
    color: rgb(var(--color-accent-contrast));
  }

  :root .sm\:text-warn-contrast {
    color: rgb(var(--color-warn-contrast));
  }

  :root .sm\:text-red-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-green-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-amber-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:text-orange-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:text-deep-orange-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-purple-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-deep-purple-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-cyan-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-teal-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-gray-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:text-light-green-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:hover\:text-secondary:hover {
    color: var(--text-secondary);
  }

  :root .sm\:hover\:text-hint:hover {
    color: var(--text-hint);
  }

  :root .sm\:hover\:text-current:hover {
    color: currentColor;
  }

  :root .sm\:hover\:text-transparent:hover {
    color: transparent;
  }

  :root .sm\:hover\:text-black:hover {
    color: var(--text-color);
  }

  :root .sm\:hover\:text-white:hover {
    color: var(--text-color-light);
  }

  :root .sm\:hover\:text-contrast-black:hover {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:hover\:text-contrast-white:hover {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-gray-light:hover {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:hover\:text-gray:hover {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .sm\:hover\:text-red-light:hover {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:hover\:text-red:hover {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .sm\:hover\:text-orange-light:hover {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:hover\:text-orange:hover {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .sm\:hover\:text-deep-orange-light:hover {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:hover\:text-deep-orange:hover {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .sm\:hover\:text-amber-light:hover {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:hover\:text-amber:hover {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .sm\:hover\:text-green-light:hover {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:hover\:text-green:hover {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .sm\:hover\:text-teal-light:hover {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:hover\:text-teal:hover {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .sm\:hover\:text-cyan-light:hover {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:hover\:text-cyan:hover {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .sm\:hover\:text-purple-light:hover {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:hover\:text-purple:hover {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .sm\:hover\:text-deep-purple-light:hover {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:hover\:text-deep-purple:hover {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .sm\:hover\:text-pink-light:hover {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:hover\:text-pink:hover {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .sm\:hover\:text-primary-light:hover {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:hover\:text-primary:hover {
    color: rgb(var(--color-primary));
  }

  :root .sm\:hover\:text-accent-light:hover {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:hover\:text-accent:hover {
    color: rgb(var(--color-accent));
  }

  :root .sm\:hover\:text-warn-light:hover {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:hover\:text-warn:hover {
    color: rgb(var(--color-warn));
  }

  :root .sm\:hover\:text-primary-contrast:hover {
    color: rgb(var(--color-primary-contrast));
  }

  :root .sm\:hover\:text-accent-contrast:hover {
    color: rgb(var(--color-accent-contrast));
  }

  :root .sm\:hover\:text-warn-contrast:hover {
    color: rgb(var(--color-warn-contrast));
  }

  :root .sm\:hover\:text-red-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-green-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-amber-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:hover\:text-orange-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:hover\:text-deep-orange-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-purple-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-deep-purple-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-cyan-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-teal-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-gray-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:hover\:text-light-green-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:focus\:text-secondary:focus {
    color: var(--text-secondary);
  }

  :root .sm\:focus\:text-hint:focus {
    color: var(--text-hint);
  }

  :root .sm\:focus\:text-current:focus {
    color: currentColor;
  }

  :root .sm\:focus\:text-transparent:focus {
    color: transparent;
  }

  :root .sm\:focus\:text-black:focus {
    color: var(--text-color);
  }

  :root .sm\:focus\:text-white:focus {
    color: var(--text-color-light);
  }

  :root .sm\:focus\:text-contrast-black:focus {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:focus\:text-contrast-white:focus {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-gray-light:focus {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .sm\:focus\:text-gray:focus {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .sm\:focus\:text-red-light:focus {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .sm\:focus\:text-red:focus {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .sm\:focus\:text-orange-light:focus {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .sm\:focus\:text-orange:focus {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .sm\:focus\:text-deep-orange-light:focus {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .sm\:focus\:text-deep-orange:focus {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .sm\:focus\:text-amber-light:focus {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .sm\:focus\:text-amber:focus {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .sm\:focus\:text-green-light:focus {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .sm\:focus\:text-green:focus {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .sm\:focus\:text-teal-light:focus {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .sm\:focus\:text-teal:focus {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .sm\:focus\:text-cyan-light:focus {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .sm\:focus\:text-cyan:focus {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .sm\:focus\:text-purple-light:focus {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .sm\:focus\:text-purple:focus {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .sm\:focus\:text-deep-purple-light:focus {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .sm\:focus\:text-deep-purple:focus {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .sm\:focus\:text-pink-light:focus {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .sm\:focus\:text-pink:focus {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .sm\:focus\:text-primary-light:focus {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .sm\:focus\:text-primary:focus {
    color: rgb(var(--color-primary));
  }

  :root .sm\:focus\:text-accent-light:focus {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .sm\:focus\:text-accent:focus {
    color: rgb(var(--color-accent));
  }

  :root .sm\:focus\:text-warn-light:focus {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .sm\:focus\:text-warn:focus {
    color: rgb(var(--color-warn));
  }

  :root .sm\:focus\:text-primary-contrast:focus {
    color: rgb(var(--color-primary-contrast));
  }

  :root .sm\:focus\:text-accent-contrast:focus {
    color: rgb(var(--color-accent-contrast));
  }

  :root .sm\:focus\:text-warn-contrast:focus {
    color: rgb(var(--color-warn-contrast));
  }

  :root .sm\:focus\:text-red-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-green-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-amber-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:focus\:text-orange-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:focus\:text-deep-orange-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-purple-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-deep-purple-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-cyan-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-teal-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-gray-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .sm\:focus\:text-light-green-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .sm\:text-opacity-0 {
    --text-opacity: 0;
  }

  :root .sm\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  :root .sm\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  :root .sm\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  :root .sm\:text-opacity-100 {
    --text-opacity: 1;
  }

  :root .sm\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  :root .sm\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  :root .sm\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  :root .sm\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  :root .sm\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  :root .sm\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  :root .sm\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  :root .sm\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  :root .sm\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  :root .sm\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  :root .sm\:italic {
    font-style: italic;
  }

  :root .sm\:not-italic {
    font-style: normal;
  }

  :root .sm\:uppercase {
    text-transform: uppercase;
  }

  :root .sm\:lowercase {
    text-transform: lowercase;
  }

  :root .sm\:capitalize {
    text-transform: capitalize;
  }

  :root .sm\:normal-case {
    text-transform: none;
  }

  :root .sm\:underline {
    text-decoration: underline;
  }

  :root .sm\:line-through {
    text-decoration: line-through;
  }

  :root .sm\:no-underline {
    text-decoration: none;
  }

  :root .sm\:hover\:underline:hover {
    text-decoration: underline;
  }

  :root .sm\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  :root .sm\:hover\:no-underline:hover {
    text-decoration: none;
  }

  :root .sm\:focus\:underline:focus {
    text-decoration: underline;
  }

  :root .sm\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  :root .sm\:focus\:no-underline:focus {
    text-decoration: none;
  }

  :root .sm\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root .sm\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  :root .sm\:ordinal, :root .sm\:slashed-zero, :root .sm\:lining-nums, :root .sm\:oldstyle-nums, :root .sm\:proportional-nums, :root .sm\:tabular-nums, :root .sm\:diagonal-fractions, :root .sm\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  :root .sm\:normal-nums {
    font-variant-numeric: normal;
  }

  :root .sm\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  :root .sm\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  :root .sm\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  :root .sm\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  :root .sm\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  :root .sm\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  :root .sm\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  :root .sm\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

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

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

  :root .sm\:tracking-normal {
    letter-spacing: 0;
  }

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

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

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

  :root .sm\:select-none {
    -webkit-user-select: none;
            user-select: none;
  }

  :root .sm\:select-text {
    -webkit-user-select: text;
            user-select: text;
  }

  :root .sm\:select-all {
    -webkit-user-select: all;
            user-select: all;
  }

  :root .sm\:select-auto {
    -webkit-user-select: auto;
            user-select: auto;
  }

  :root .sm\:align-baseline {
    vertical-align: baseline;
  }

  :root .sm\:align-top {
    vertical-align: top;
  }

  :root .sm\:align-middle {
    vertical-align: middle;
  }

  :root .sm\:align-bottom {
    vertical-align: bottom;
  }

  :root .sm\:align-text-top {
    vertical-align: text-top;
  }

  :root .sm\:align-text-bottom {
    vertical-align: text-bottom;
  }

  :root .sm\:visible {
    visibility: visible;
  }

  :root .sm\:invisible {
    visibility: hidden;
  }

  :root .sm\:whitespace-normal {
    white-space: normal;
  }

  :root .sm\:whitespace-no-wrap {
    white-space: nowrap;
  }

  :root .sm\:whitespace-pre {
    white-space: pre;
  }

  :root .sm\:whitespace-pre-line {
    white-space: pre-line;
  }

  :root .sm\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  :root .sm\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  :root .sm\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  :root .sm\:break-all {
    word-break: break-all;
  }

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

  :root .sm\:w-0 {
    width: 0;
  }

  :root .sm\:w-1 {
    width: 0.25rem;
  }

  :root .sm\:w-2 {
    width: 0.5rem;
  }

  :root .sm\:w-3 {
    width: 0.75rem;
  }

  :root .sm\:w-4 {
    width: 1rem;
  }

  :root .sm\:w-5 {
    width: 1.25rem;
  }

  :root .sm\:w-6 {
    width: 1.5rem;
  }

  :root .sm\:w-8 {
    width: 2rem;
  }

  :root .sm\:w-9 {
    width: 2.25rem;
  }

  :root .sm\:w-10 {
    width: 2.5rem;
  }

  :root .sm\:w-12 {
    width: 3rem;
  }

  :root .sm\:w-14 {
    width: 3.5rem;
  }

  :root .sm\:w-16 {
    width: 4rem;
  }

  :root .sm\:w-20 {
    width: 5rem;
  }

  :root .sm\:w-24 {
    width: 6rem;
  }

  :root .sm\:w-32 {
    width: 8rem;
  }

  :root .sm\:w-40 {
    width: 10rem;
  }

  :root .sm\:w-48 {
    width: 12rem;
  }

  :root .sm\:w-56 {
    width: 14rem;
  }

  :root .sm\:w-64 {
    width: 16rem;
  }

  :root .sm\:w-auto {
    width: auto;
  }

  :root .sm\:w-px {
    width: 1px;
  }

  :root .sm\:w-gutter {
    width: var(--padding-gutter);
  }

  :root .sm\:w-1\/2 {
    width: 50%;
  }

  :root .sm\:w-1\/3 {
    width: 33.333333%;
  }

  :root .sm\:w-2\/3 {
    width: 66.666667%;
  }

  :root .sm\:w-1\/4 {
    width: 25%;
  }

  :root .sm\:w-2\/4 {
    width: 50%;
  }

  :root .sm\:w-3\/4 {
    width: 75%;
  }

  :root .sm\:w-1\/5 {
    width: 20%;
  }

  :root .sm\:w-2\/5 {
    width: 40%;
  }

  :root .sm\:w-3\/5 {
    width: 60%;
  }

  :root .sm\:w-4\/5 {
    width: 80%;
  }

  :root .sm\:w-1\/6 {
    width: 16.666667%;
  }

  :root .sm\:w-2\/6 {
    width: 33.333333%;
  }

  :root .sm\:w-3\/6 {
    width: 50%;
  }

  :root .sm\:w-4\/6 {
    width: 66.666667%;
  }

  :root .sm\:w-5\/6 {
    width: 83.333333%;
  }

  :root .sm\:w-1\/12 {
    width: 8.333333%;
  }

  :root .sm\:w-2\/12 {
    width: 16.666667%;
  }

  :root .sm\:w-3\/12 {
    width: 25%;
  }

  :root .sm\:w-4\/12 {
    width: 33.333333%;
  }

  :root .sm\:w-5\/12 {
    width: 41.666667%;
  }

  :root .sm\:w-6\/12 {
    width: 50%;
  }

  :root .sm\:w-7\/12 {
    width: 58.333333%;
  }

  :root .sm\:w-8\/12 {
    width: 66.666667%;
  }

  :root .sm\:w-9\/12 {
    width: 75%;
  }

  :root .sm\:w-10\/12 {
    width: 83.333333%;
  }

  :root .sm\:w-11\/12 {
    width: 91.666667%;
  }

  :root .sm\:w-full {
    width: 100%;
  }

  :root .sm\:w-screen {
    width: 100vw;
  }

  :root .sm\:z-0 {
    z-index: 0;
  }

  :root .sm\:z-10 {
    z-index: 10;
  }

  :root .sm\:z-20 {
    z-index: 20;
  }

  :root .sm\:z-30 {
    z-index: 30;
  }

  :root .sm\:z-40 {
    z-index: 40;
  }

  :root .sm\:z-50 {
    z-index: 50;
  }

  :root .sm\:z-auto {
    z-index: auto;
  }

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

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

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

  :root .sm\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  :root .sm\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  :root .sm\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  :root .sm\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  :root .sm\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  :root .sm\:gap-9 {
    grid-gap: 2.25rem;
    gap: 2.25rem;
  }

  :root .sm\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  :root .sm\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  :root .sm\:gap-14 {
    grid-gap: 3.5rem;
    gap: 3.5rem;
  }

  :root .sm\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  :root .sm\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  :root .sm\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  :root .sm\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  :root .sm\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  :root .sm\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  :root .sm\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  :root .sm\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  :root .sm\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  :root .sm\:gap-gutter {
    grid-gap: var(--padding-gutter);
    gap: var(--padding-gutter);
  }

  :root .sm\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

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

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

  :root .sm\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  :root .sm\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  :root .sm\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  :root .sm\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  :root .sm\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  :root .sm\:gap-x-9 {
    grid-column-gap: 2.25rem;
    column-gap: 2.25rem;
  }

  :root .sm\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  :root .sm\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  :root .sm\:gap-x-14 {
    grid-column-gap: 3.5rem;
    column-gap: 3.5rem;
  }

  :root .sm\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  :root .sm\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  :root .sm\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  :root .sm\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  :root .sm\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  :root .sm\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  :root .sm\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  :root .sm\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  :root .sm\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  :root .sm\:gap-x-gutter {
    grid-column-gap: var(--padding-gutter);
    column-gap: var(--padding-gutter);
  }

  :root .sm\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

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

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

  :root .sm\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  :root .sm\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  :root .sm\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  :root .sm\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  :root .sm\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  :root .sm\:gap-y-9 {
    grid-row-gap: 2.25rem;
    row-gap: 2.25rem;
  }

  :root .sm\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  :root .sm\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  :root .sm\:gap-y-14 {
    grid-row-gap: 3.5rem;
    row-gap: 3.5rem;
  }

  :root .sm\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  :root .sm\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  :root .sm\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  :root .sm\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  :root .sm\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  :root .sm\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  :root .sm\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  :root .sm\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  :root .sm\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  :root .sm\:gap-y-gutter {
    grid-row-gap: var(--padding-gutter);
    row-gap: var(--padding-gutter);
  }

  :root .sm\:grid-flow-row {
    grid-auto-flow: row;
  }

  :root .sm\:grid-flow-col {
    grid-auto-flow: column;
  }

  :root .sm\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  :root .sm\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  :root .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-none {
    grid-template-columns: none;
  }

  :root .sm\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  :root .sm\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  :root .sm\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  :root .sm\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  :root .sm\:col-auto {
    grid-column: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  :root .sm\:col-span-full {
    grid-column: 1/-1;
  }

  :root .sm\:col-start-1 {
    grid-column-start: 1;
  }

  :root .sm\:col-start-2 {
    grid-column-start: 2;
  }

  :root .sm\:col-start-3 {
    grid-column-start: 3;
  }

  :root .sm\:col-start-4 {
    grid-column-start: 4;
  }

  :root .sm\:col-start-5 {
    grid-column-start: 5;
  }

  :root .sm\:col-start-6 {
    grid-column-start: 6;
  }

  :root .sm\:col-start-7 {
    grid-column-start: 7;
  }

  :root .sm\:col-start-8 {
    grid-column-start: 8;
  }

  :root .sm\:col-start-9 {
    grid-column-start: 9;
  }

  :root .sm\:col-start-10 {
    grid-column-start: 10;
  }

  :root .sm\:col-start-11 {
    grid-column-start: 11;
  }

  :root .sm\:col-start-12 {
    grid-column-start: 12;
  }

  :root .sm\:col-start-13 {
    grid-column-start: 13;
  }

  :root .sm\:col-start-auto {
    grid-column-start: auto;
  }

  :root .sm\:col-end-1 {
    grid-column-end: 1;
  }

  :root .sm\:col-end-2 {
    grid-column-end: 2;
  }

  :root .sm\:col-end-3 {
    grid-column-end: 3;
  }

  :root .sm\:col-end-4 {
    grid-column-end: 4;
  }

  :root .sm\:col-end-5 {
    grid-column-end: 5;
  }

  :root .sm\:col-end-6 {
    grid-column-end: 6;
  }

  :root .sm\:col-end-7 {
    grid-column-end: 7;
  }

  :root .sm\:col-end-8 {
    grid-column-end: 8;
  }

  :root .sm\:col-end-9 {
    grid-column-end: 9;
  }

  :root .sm\:col-end-10 {
    grid-column-end: 10;
  }

  :root .sm\:col-end-11 {
    grid-column-end: 11;
  }

  :root .sm\:col-end-12 {
    grid-column-end: 12;
  }

  :root .sm\:col-end-13 {
    grid-column-end: 13;
  }

  :root .sm\:col-end-auto {
    grid-column-end: auto;
  }

  :root .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  :root .sm\:grid-rows-none {
    grid-template-rows: none;
  }

  :root .sm\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  :root .sm\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  :root .sm\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  :root .sm\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  :root .sm\:row-auto {
    grid-row: auto;
  }

  :root .sm\:row-span-1 {
    grid-row: span 1/span 1;
  }

  :root .sm\:row-span-2 {
    grid-row: span 2/span 2;
  }

  :root .sm\:row-span-3 {
    grid-row: span 3/span 3;
  }

  :root .sm\:row-span-4 {
    grid-row: span 4/span 4;
  }

  :root .sm\:row-span-5 {
    grid-row: span 5/span 5;
  }

  :root .sm\:row-span-6 {
    grid-row: span 6/span 6;
  }

  :root .sm\:row-span-full {
    grid-row: 1/-1;
  }

  :root .sm\:row-start-1 {
    grid-row-start: 1;
  }

  :root .sm\:row-start-2 {
    grid-row-start: 2;
  }

  :root .sm\:row-start-3 {
    grid-row-start: 3;
  }

  :root .sm\:row-start-4 {
    grid-row-start: 4;
  }

  :root .sm\:row-start-5 {
    grid-row-start: 5;
  }

  :root .sm\:row-start-6 {
    grid-row-start: 6;
  }

  :root .sm\:row-start-7 {
    grid-row-start: 7;
  }

  :root .sm\:row-start-auto {
    grid-row-start: auto;
  }

  :root .sm\:row-end-1 {
    grid-row-end: 1;
  }

  :root .sm\:row-end-2 {
    grid-row-end: 2;
  }

  :root .sm\:row-end-3 {
    grid-row-end: 3;
  }

  :root .sm\:row-end-4 {
    grid-row-end: 4;
  }

  :root .sm\:row-end-5 {
    grid-row-end: 5;
  }

  :root .sm\:row-end-6 {
    grid-row-end: 6;
  }

  :root .sm\:row-end-7 {
    grid-row-end: 7;
  }

  :root .sm\:row-end-auto {
    grid-row-end: auto;
  }

  :root .sm\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  :root .sm\:transform-none {
    transform: none;
  }

  :root .sm\:origin-center {
    transform-origin: center;
  }

  :root .sm\:origin-top {
    transform-origin: top;
  }

  :root .sm\:origin-top-right {
    transform-origin: top right;
  }

  :root .sm\:origin-right {
    transform-origin: right;
  }

  :root .sm\:origin-bottom-right {
    transform-origin: bottom right;
  }

  :root .sm\:origin-bottom {
    transform-origin: bottom;
  }

  :root .sm\:origin-bottom-left {
    transform-origin: bottom left;
  }

  :root .sm\:origin-left {
    transform-origin: left;
  }

  :root .sm\:origin-top-left {
    transform-origin: top left;
  }

  :root .sm\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .sm\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .sm\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .sm\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .sm\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .sm\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .sm\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .sm\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .sm\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .sm\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .sm\:scale-x-0 {
    --transform-scale-x: 0;
  }

  :root .sm\:scale-x-50 {
    --transform-scale-x: .5;
  }

  :root .sm\:scale-x-75 {
    --transform-scale-x: .75;
  }

  :root .sm\:scale-x-90 {
    --transform-scale-x: .9;
  }

  :root .sm\:scale-x-95 {
    --transform-scale-x: .95;
  }

  :root .sm\:scale-x-100 {
    --transform-scale-x: 1;
  }

  :root .sm\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  :root .sm\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  :root .sm\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  :root .sm\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  :root .sm\:scale-y-0 {
    --transform-scale-y: 0;
  }

  :root .sm\:scale-y-50 {
    --transform-scale-y: .5;
  }

  :root .sm\:scale-y-75 {
    --transform-scale-y: .75;
  }

  :root .sm\:scale-y-90 {
    --transform-scale-y: .9;
  }

  :root .sm\:scale-y-95 {
    --transform-scale-y: .95;
  }

  :root .sm\:scale-y-100 {
    --transform-scale-y: 1;
  }

  :root .sm\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  :root .sm\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  :root .sm\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  :root .sm\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  :root .sm\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .sm\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .sm\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .sm\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .sm\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .sm\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .sm\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .sm\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .sm\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .sm\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .sm\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  :root .sm\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  :root .sm\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  :root .sm\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  :root .sm\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  :root .sm\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  :root .sm\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  :root .sm\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  :root .sm\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  :root .sm\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  :root .sm\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  :root .sm\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  :root .sm\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  :root .sm\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  :root .sm\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  :root .sm\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  :root .sm\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  :root .sm\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  :root .sm\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  :root .sm\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  :root .sm\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .sm\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .sm\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .sm\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .sm\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .sm\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .sm\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .sm\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .sm\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .sm\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .sm\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  :root .sm\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  :root .sm\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  :root .sm\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  :root .sm\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  :root .sm\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  :root .sm\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  :root .sm\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  :root .sm\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  :root .sm\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  :root .sm\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  :root .sm\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  :root .sm\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  :root .sm\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  :root .sm\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  :root .sm\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  :root .sm\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  :root .sm\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  :root .sm\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  :root .sm\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  :root .sm\:rotate-0 {
    --transform-rotate: 0;
  }

  :root .sm\:rotate-1 {
    --transform-rotate: 1deg;
  }

  :root .sm\:rotate-2 {
    --transform-rotate: 2deg;
  }

  :root .sm\:rotate-3 {
    --transform-rotate: 3deg;
  }

  :root .sm\:rotate-6 {
    --transform-rotate: 6deg;
  }

  :root .sm\:rotate-12 {
    --transform-rotate: 12deg;
  }

  :root .sm\:rotate-45 {
    --transform-rotate: 45deg;
  }

  :root .sm\:rotate-90 {
    --transform-rotate: 90deg;
  }

  :root .sm\:rotate-180 {
    --transform-rotate: 180deg;
  }

  :root .sm\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  :root .sm\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  :root .sm\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  :root .sm\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  :root .sm\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  :root .sm\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  :root .sm\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  :root .sm\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  :root .sm\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  :root .sm\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  :root .sm\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  :root .sm\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  :root .sm\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  :root .sm\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  :root .sm\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  :root .sm\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  :root .sm\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  :root .sm\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  :root .sm\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  :root .sm\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  :root .sm\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  :root .sm\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  :root .sm\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  :root .sm\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  :root .sm\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  :root .sm\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  :root .sm\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  :root .sm\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  :root .sm\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  :root .sm\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  :root .sm\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  :root .sm\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  :root .sm\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  :root .sm\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  :root .sm\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  :root .sm\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  :root .sm\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  :root .sm\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  :root .sm\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  :root .sm\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  :root .sm\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  :root .sm\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  :root .sm\:translate-x-0 {
    --transform-translate-x: 0;
  }

  :root .sm\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  :root .sm\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  :root .sm\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  :root .sm\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  :root .sm\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  :root .sm\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  :root .sm\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  :root .sm\:translate-x-9 {
    --transform-translate-x: 2.25rem;
  }

  :root .sm\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  :root .sm\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  :root .sm\:translate-x-14 {
    --transform-translate-x: 3.5rem;
  }

  :root .sm\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  :root .sm\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  :root .sm\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  :root .sm\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  :root .sm\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  :root .sm\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  :root .sm\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  :root .sm\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  :root .sm\:translate-x-px {
    --transform-translate-x: 1px;
  }

  :root .sm\:translate-x-gutter {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .sm\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  :root .sm\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  :root .sm\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  :root .sm\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  :root .sm\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  :root .sm\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  :root .sm\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  :root .sm\:-translate-x-9 {
    --transform-translate-x: -2.25rem;
  }

  :root .sm\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  :root .sm\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  :root .sm\:-translate-x-14 {
    --transform-translate-x: -3.5rem;
  }

  :root .sm\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  :root .sm\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  :root .sm\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  :root .sm\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  :root .sm\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  :root .sm\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  :root .sm\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  :root .sm\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  :root .sm\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  :root .sm\:-translate-x-gutter {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  :root .sm\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  :root .sm\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  :root .sm\:translate-x-full {
    --transform-translate-x: 100%;
  }

  :root .sm\:translate-y-0 {
    --transform-translate-y: 0;
  }

  :root .sm\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  :root .sm\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  :root .sm\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  :root .sm\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  :root .sm\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  :root .sm\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  :root .sm\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  :root .sm\:translate-y-9 {
    --transform-translate-y: 2.25rem;
  }

  :root .sm\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  :root .sm\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  :root .sm\:translate-y-14 {
    --transform-translate-y: 3.5rem;
  }

  :root .sm\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  :root .sm\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  :root .sm\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  :root .sm\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  :root .sm\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  :root .sm\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  :root .sm\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  :root .sm\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  :root .sm\:translate-y-px {
    --transform-translate-y: 1px;
  }

  :root .sm\:translate-y-gutter {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .sm\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  :root .sm\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  :root .sm\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  :root .sm\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  :root .sm\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  :root .sm\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  :root .sm\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  :root .sm\:-translate-y-9 {
    --transform-translate-y: -2.25rem;
  }

  :root .sm\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  :root .sm\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  :root .sm\:-translate-y-14 {
    --transform-translate-y: -3.5rem;
  }

  :root .sm\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  :root .sm\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  :root .sm\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  :root .sm\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  :root .sm\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  :root .sm\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  :root .sm\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  :root .sm\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  :root .sm\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  :root .sm\:-translate-y-gutter {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  :root .sm\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  :root .sm\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  :root .sm\:translate-y-full {
    --transform-translate-y: 100%;
  }

  :root .sm\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  :root .sm\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  :root .sm\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  :root .sm\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  :root .sm\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  :root .sm\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  :root .sm\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  :root .sm\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  :root .sm\:hover\:translate-x-9:hover {
    --transform-translate-x: 2.25rem;
  }

  :root .sm\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  :root .sm\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  :root .sm\:hover\:translate-x-14:hover {
    --transform-translate-x: 3.5rem;
  }

  :root .sm\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  :root .sm\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  :root .sm\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  :root .sm\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  :root .sm\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  :root .sm\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  :root .sm\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  :root .sm\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  :root .sm\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  :root .sm\:hover\:translate-x-gutter:hover {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .sm\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  :root .sm\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  :root .sm\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  :root .sm\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  :root .sm\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  :root .sm\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  :root .sm\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  :root .sm\:hover\:-translate-x-9:hover {
    --transform-translate-x: -2.25rem;
  }

  :root .sm\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  :root .sm\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  :root .sm\:hover\:-translate-x-14:hover {
    --transform-translate-x: -3.5rem;
  }

  :root .sm\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  :root .sm\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  :root .sm\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  :root .sm\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  :root .sm\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  :root .sm\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  :root .sm\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  :root .sm\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  :root .sm\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  :root .sm\:hover\:-translate-x-gutter:hover {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  :root .sm\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  :root .sm\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  :root .sm\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  :root .sm\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  :root .sm\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  :root .sm\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  :root .sm\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  :root .sm\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  :root .sm\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  :root .sm\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  :root .sm\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  :root .sm\:hover\:translate-y-9:hover {
    --transform-translate-y: 2.25rem;
  }

  :root .sm\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  :root .sm\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  :root .sm\:hover\:translate-y-14:hover {
    --transform-translate-y: 3.5rem;
  }

  :root .sm\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  :root .sm\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  :root .sm\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  :root .sm\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  :root .sm\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  :root .sm\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  :root .sm\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  :root .sm\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  :root .sm\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  :root .sm\:hover\:translate-y-gutter:hover {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .sm\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  :root .sm\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  :root .sm\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  :root .sm\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  :root .sm\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  :root .sm\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  :root .sm\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  :root .sm\:hover\:-translate-y-9:hover {
    --transform-translate-y: -2.25rem;
  }

  :root .sm\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  :root .sm\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  :root .sm\:hover\:-translate-y-14:hover {
    --transform-translate-y: -3.5rem;
  }

  :root .sm\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  :root .sm\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  :root .sm\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  :root .sm\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  :root .sm\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  :root .sm\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  :root .sm\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  :root .sm\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  :root .sm\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  :root .sm\:hover\:-translate-y-gutter:hover {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  :root .sm\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  :root .sm\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  :root .sm\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  :root .sm\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  :root .sm\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  :root .sm\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  :root .sm\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  :root .sm\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  :root .sm\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  :root .sm\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  :root .sm\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  :root .sm\:focus\:translate-x-9:focus {
    --transform-translate-x: 2.25rem;
  }

  :root .sm\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  :root .sm\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  :root .sm\:focus\:translate-x-14:focus {
    --transform-translate-x: 3.5rem;
  }

  :root .sm\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  :root .sm\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  :root .sm\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  :root .sm\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  :root .sm\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  :root .sm\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  :root .sm\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  :root .sm\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  :root .sm\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  :root .sm\:focus\:translate-x-gutter:focus {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .sm\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  :root .sm\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  :root .sm\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  :root .sm\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  :root .sm\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  :root .sm\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  :root .sm\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  :root .sm\:focus\:-translate-x-9:focus {
    --transform-translate-x: -2.25rem;
  }

  :root .sm\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  :root .sm\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  :root .sm\:focus\:-translate-x-14:focus {
    --transform-translate-x: -3.5rem;
  }

  :root .sm\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  :root .sm\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  :root .sm\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  :root .sm\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  :root .sm\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  :root .sm\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  :root .sm\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  :root .sm\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  :root .sm\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  :root .sm\:focus\:-translate-x-gutter:focus {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  :root .sm\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  :root .sm\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  :root .sm\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  :root .sm\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  :root .sm\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  :root .sm\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  :root .sm\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  :root .sm\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  :root .sm\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  :root .sm\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  :root .sm\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  :root .sm\:focus\:translate-y-9:focus {
    --transform-translate-y: 2.25rem;
  }

  :root .sm\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  :root .sm\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  :root .sm\:focus\:translate-y-14:focus {
    --transform-translate-y: 3.5rem;
  }

  :root .sm\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  :root .sm\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  :root .sm\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  :root .sm\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  :root .sm\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  :root .sm\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  :root .sm\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  :root .sm\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  :root .sm\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  :root .sm\:focus\:translate-y-gutter:focus {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .sm\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  :root .sm\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  :root .sm\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  :root .sm\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  :root .sm\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  :root .sm\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  :root .sm\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  :root .sm\:focus\:-translate-y-9:focus {
    --transform-translate-y: -2.25rem;
  }

  :root .sm\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  :root .sm\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  :root .sm\:focus\:-translate-y-14:focus {
    --transform-translate-y: -3.5rem;
  }

  :root .sm\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  :root .sm\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  :root .sm\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  :root .sm\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  :root .sm\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  :root .sm\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  :root .sm\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  :root .sm\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  :root .sm\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  :root .sm\:focus\:-translate-y-gutter:focus {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .sm\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  :root .sm\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  :root .sm\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  :root .sm\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  :root .sm\:skew-x-0 {
    --transform-skew-x: 0;
  }

  :root .sm\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  :root .sm\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  :root .sm\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  :root .sm\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  :root .sm\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  :root .sm\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  :root .sm\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  :root .sm\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  :root .sm\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  :root .sm\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  :root .sm\:skew-y-0 {
    --transform-skew-y: 0;
  }

  :root .sm\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  :root .sm\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  :root .sm\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  :root .sm\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  :root .sm\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  :root .sm\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  :root .sm\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  :root .sm\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  :root .sm\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  :root .sm\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  :root .sm\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  :root .sm\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  :root .sm\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  :root .sm\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  :root .sm\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  :root .sm\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  :root .sm\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  :root .sm\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  :root .sm\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  :root .sm\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  :root .sm\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  :root .sm\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  :root .sm\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  :root .sm\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  :root .sm\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  :root .sm\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  :root .sm\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  :root .sm\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  :root .sm\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  :root .sm\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  :root .sm\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  :root .sm\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  :root .sm\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  :root .sm\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  :root .sm\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  :root .sm\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  :root .sm\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  :root .sm\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  :root .sm\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  :root .sm\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  :root .sm\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  :root .sm\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  :root .sm\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  :root .sm\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  :root .sm\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  :root .sm\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  :root .sm\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  :root .sm\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  :root .sm\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  :root .sm\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  :root .sm\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  :root .sm\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  :root .sm\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  :root .sm\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  :root .sm\:transition-none {
    transition-property: none;
  }

  :root .sm\:transition-all {
    transition-property: all;
  }

  :root .sm\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  :root .sm\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  :root .sm\:transition-opacity {
    transition-property: opacity;
  }

  :root .sm\:transition-shadow {
    transition-property: box-shadow;
  }

  :root .sm\:transition-transform {
    transition-property: transform;
  }

  :root .sm\:ease-linear {
    transition-timing-function: linear;
  }

  :root .sm\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  :root .sm\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  :root .sm\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  :root .sm\:duration-75 {
    transition-duration: 75ms;
  }

  :root .sm\:duration-100 {
    transition-duration: 100ms;
  }

  :root .sm\:duration-150 {
    transition-duration: 150ms;
  }

  :root .sm\:duration-200 {
    transition-duration: 200ms;
  }

  :root .sm\:duration-300 {
    transition-duration: 300ms;
  }

  :root .sm\:duration-500 {
    transition-duration: 500ms;
  }

  :root .sm\:duration-700 {
    transition-duration: 700ms;
  }

  :root .sm\:duration-1000 {
    transition-duration: 1000ms;
  }

  :root .sm\:delay-75 {
    transition-delay: 75ms;
  }

  :root .sm\:delay-100 {
    transition-delay: 100ms;
  }

  :root .sm\:delay-150 {
    transition-delay: 150ms;
  }

  :root .sm\:delay-200 {
    transition-delay: 200ms;
  }

  :root .sm\:delay-300 {
    transition-delay: 300ms;
  }

  :root .sm\:delay-500 {
    transition-delay: 500ms;
  }

  :root .sm\:delay-700 {
    transition-delay: 700ms;
  }

  :root .sm\:delay-1000 {
    transition-delay: 1000ms;
  }

  :root .sm\:animate-none {
    animation: none;
  }

  :root .sm\:animate-spin {
    animation: spin 1s linear infinite;
  }

  :root .sm\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  :root .sm\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  :root .sm\:animate-bounce {
    animation: bounce 1s infinite;
  }
}
@media (min-width: 960px) {
  :root .md\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  :root .md\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  :root .md\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  :root .md\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  :root .md\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  :root .md\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  :root .md\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  :root .md\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  :root .md\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-9 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--space-y-reverse));
  }

  :root .md\:space-x-9 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  :root .md\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  :root .md\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-14 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3.5rem * var(--space-y-reverse));
  }

  :root .md\:space-x-14 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  :root .md\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  :root .md\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  :root .md\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  :root .md\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  :root .md\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  :root .md\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  :root .md\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  :root .md\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  :root .md\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-gutter > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(var(--padding-gutter) * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(var(--padding-gutter) * var(--space-y-reverse));
  }

  :root .md\:space-x-gutter > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(var(--padding-gutter) * var(--space-x-reverse));
    margin-left: calc(var(--padding-gutter) * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-9 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-9 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.25rem * var(--space-x-reverse));
    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-14 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-14 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3.5rem * var(--space-x-reverse));
    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  :root .md\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  :root .md\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:-space-y-gutter > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(calc(var(--padding-gutter) * -1) * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(calc(var(--padding-gutter) * -1) * var(--space-y-reverse));
  }

  :root .md\:-space-x-gutter > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(calc(var(--padding-gutter) * -1) * var(--space-x-reverse));
    margin-left: calc(calc(var(--padding-gutter) * -1) * calc(1 - var(--space-x-reverse)));
  }

  :root .md\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  :root .md\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  :root .md\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  :root .md\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  :root .md\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  :root .md\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  :root .md\:divide-y-3 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(3px * var(--divide-y-reverse));
  }

  :root .md\:divide-x-3 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(3px * var(--divide-x-reverse));
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
  }

  :root .md\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  :root .md\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  :root .md\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  :root .md\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  :root .md\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  :root .md\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  :root .md\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  :root .md\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  :root .md\:divide-current > :not(template) ~ :not(template) {
    border-color: currentColor;
  }

  :root .md\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  :root .md\:divide-black > :not(template) ~ :not(template) {
    border-color: var(--text-color);
  }

  :root .md\:divide-white > :not(template) ~ :not(template) {
    border-color: var(--text-color-light);
  }

  :root .md\:divide-contrast-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  :root .md\:divide-contrast-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  :root .md\:divide-gray-light > :not(template) ~ :not(template) {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:divide-gray > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--divide-opacity));
  }

  :root .md\:divide-red-light > :not(template) ~ :not(template) {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:divide-red > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--divide-opacity));
  }

  :root .md\:divide-orange-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:divide-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--divide-opacity));
  }

  :root .md\:divide-deep-orange-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:divide-deep-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--divide-opacity));
  }

  :root .md\:divide-amber-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:divide-amber > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--divide-opacity));
  }

  :root .md\:divide-green-light > :not(template) ~ :not(template) {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:divide-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--divide-opacity));
  }

  :root .md\:divide-teal-light > :not(template) ~ :not(template) {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:divide-teal > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--divide-opacity));
  }

  :root .md\:divide-cyan-light > :not(template) ~ :not(template) {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:divide-cyan > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--divide-opacity));
  }

  :root .md\:divide-purple-light > :not(template) ~ :not(template) {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:divide-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--divide-opacity));
  }

  :root .md\:divide-deep-purple-light > :not(template) ~ :not(template) {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:divide-deep-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--divide-opacity));
  }

  :root .md\:divide-pink-light > :not(template) ~ :not(template) {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:divide-pink > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--divide-opacity));
  }

  :root .md\:divide-primary-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:divide-primary > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-primary));
  }

  :root .md\:divide-accent-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:divide-accent > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-accent));
  }

  :root .md\:divide-warn-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:divide-warn > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-warn));
  }

  :root .md\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  :root .md\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  :root .md\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  :root .md\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  :root .md\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  :root .md\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  :root .md\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  :root .md\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  :root .md\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  :root .md\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

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

  :root .md\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

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

  :root .md\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .md\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  :root .md\:bg-fixed {
    background-attachment: fixed;
  }

  :root .md\:bg-local {
    background-attachment: local;
  }

  :root .md\:bg-scroll {
    background-attachment: scroll;
  }

  :root .md\:bg-clip-border {
    background-clip: border-box;
  }

  :root .md\:bg-clip-padding {
    background-clip: padding-box;
  }

  :root .md\:bg-clip-content {
    background-clip: content-box;
  }

  :root .md\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  :root .md\:bg-base {
    background-color: var(--background-base);
  }

  :root .md\:bg-card {
    background-color: var(--background-card);
  }

  :root .md\:bg-app-bar {
    background-color: var(--background-app-bar);
  }

  :root .md\:bg-hover {
    background-color: var(--background-hover);
  }

  :root .md\:bg-current {
    background-color: currentColor;
  }

  :root .md\:bg-transparent {
    background-color: transparent;
  }

  :root .md\:bg-black {
    background-color: var(--text-color);
  }

  :root .md\:bg-white {
    background-color: var(--text-color-light);
  }

  :root .md\:bg-contrast-black {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .md\:bg-contrast-white {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .md\:bg-gray-light {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:bg-gray {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .md\:bg-red-light {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:bg-red {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .md\:bg-orange-light {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:bg-orange {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .md\:bg-deep-orange-light {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:bg-deep-orange {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .md\:bg-amber-light {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:bg-amber {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .md\:bg-green-light {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:bg-green {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .md\:bg-teal-light {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:bg-teal {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .md\:bg-cyan-light {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:bg-cyan {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .md\:bg-purple-light {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:bg-purple {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .md\:bg-deep-purple-light {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:bg-deep-purple {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .md\:bg-pink-light {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:bg-pink {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .md\:bg-primary-light {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:bg-primary {
    background-color: rgb(var(--color-primary));
  }

  :root .md\:bg-accent-light {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:bg-accent {
    background-color: rgb(var(--color-accent));
  }

  :root .md\:bg-warn-light {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:bg-warn {
    background-color: rgb(var(--color-warn));
  }

  :root .md\:hover\:bg-base:hover {
    background-color: var(--background-base);
  }

  :root .md\:hover\:bg-card:hover {
    background-color: var(--background-card);
  }

  :root .md\:hover\:bg-app-bar:hover {
    background-color: var(--background-app-bar);
  }

  :root .md\:hover\:bg-hover:hover {
    background-color: var(--background-hover);
  }

  :root .md\:hover\:bg-current:hover {
    background-color: currentColor;
  }

  :root .md\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  :root .md\:hover\:bg-black:hover {
    background-color: var(--text-color);
  }

  :root .md\:hover\:bg-white:hover {
    background-color: var(--text-color-light);
  }

  :root .md\:hover\:bg-contrast-black:hover {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .md\:hover\:bg-contrast-white:hover {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .md\:hover\:bg-gray-light:hover {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:hover\:bg-gray:hover {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .md\:hover\:bg-red-light:hover {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:hover\:bg-red:hover {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .md\:hover\:bg-orange-light:hover {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:hover\:bg-orange:hover {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .md\:hover\:bg-deep-orange-light:hover {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:hover\:bg-deep-orange:hover {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .md\:hover\:bg-amber-light:hover {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:hover\:bg-amber:hover {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .md\:hover\:bg-green-light:hover {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:hover\:bg-green:hover {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .md\:hover\:bg-teal-light:hover {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:hover\:bg-teal:hover {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .md\:hover\:bg-cyan-light:hover {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:hover\:bg-cyan:hover {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .md\:hover\:bg-purple-light:hover {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:hover\:bg-purple:hover {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .md\:hover\:bg-deep-purple-light:hover {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:hover\:bg-deep-purple:hover {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .md\:hover\:bg-pink-light:hover {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:hover\:bg-pink:hover {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .md\:hover\:bg-primary-light:hover {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:hover\:bg-primary:hover {
    background-color: rgb(var(--color-primary));
  }

  :root .md\:hover\:bg-accent-light:hover {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:hover\:bg-accent:hover {
    background-color: rgb(var(--color-accent));
  }

  :root .md\:hover\:bg-warn-light:hover {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:hover\:bg-warn:hover {
    background-color: rgb(var(--color-warn));
  }

  :root .md\:focus\:bg-base:focus {
    background-color: var(--background-base);
  }

  :root .md\:focus\:bg-card:focus {
    background-color: var(--background-card);
  }

  :root .md\:focus\:bg-app-bar:focus {
    background-color: var(--background-app-bar);
  }

  :root .md\:focus\:bg-hover:focus {
    background-color: var(--background-hover);
  }

  :root .md\:focus\:bg-current:focus {
    background-color: currentColor;
  }

  :root .md\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  :root .md\:focus\:bg-black:focus {
    background-color: var(--text-color);
  }

  :root .md\:focus\:bg-white:focus {
    background-color: var(--text-color-light);
  }

  :root .md\:focus\:bg-contrast-black:focus {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .md\:focus\:bg-contrast-white:focus {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .md\:focus\:bg-gray-light:focus {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:focus\:bg-gray:focus {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .md\:focus\:bg-red-light:focus {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:focus\:bg-red:focus {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .md\:focus\:bg-orange-light:focus {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:focus\:bg-orange:focus {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .md\:focus\:bg-deep-orange-light:focus {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:focus\:bg-deep-orange:focus {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .md\:focus\:bg-amber-light:focus {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:focus\:bg-amber:focus {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .md\:focus\:bg-green-light:focus {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:focus\:bg-green:focus {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .md\:focus\:bg-teal-light:focus {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:focus\:bg-teal:focus {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .md\:focus\:bg-cyan-light:focus {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:focus\:bg-cyan:focus {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .md\:focus\:bg-purple-light:focus {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:focus\:bg-purple:focus {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .md\:focus\:bg-deep-purple-light:focus {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:focus\:bg-deep-purple:focus {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .md\:focus\:bg-pink-light:focus {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:focus\:bg-pink:focus {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .md\:focus\:bg-primary-light:focus {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:focus\:bg-primary:focus {
    background-color: rgb(var(--color-primary));
  }

  :root .md\:focus\:bg-accent-light:focus {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:focus\:bg-accent:focus {
    background-color: rgb(var(--color-accent));
  }

  :root .md\:focus\:bg-warn-light:focus {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:focus\:bg-warn:focus {
    background-color: rgb(var(--color-warn));
  }

  :root .md\:bg-none {
    background-image: none;
  }

  :root .md\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  :root .md\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  :root .md\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  :root .md\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  :root .md\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  :root .md\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  :root .md\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  :root .md\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  :root .md\:from-current {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:from-black {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-white {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-contrast-black {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:from-contrast-white {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-gray-light {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:from-gray {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:from-red-light {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:from-red {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:from-orange-light {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:from-orange {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:from-deep-orange-light {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:from-deep-orange {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:from-amber-light {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:from-amber {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:from-green-light {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:from-green {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:from-teal-light {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:from-teal {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:from-cyan-light {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:from-cyan {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:from-purple-light {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:from-purple {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:from-deep-purple-light {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:from-deep-purple {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:from-pink-light {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:from-pink {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:from-primary-light {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-primary {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-accent-light {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-accent {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-warn-light {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:from-warn {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-current {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:via-black {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-white {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-contrast-black {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:via-contrast-white {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-gray-light {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:via-gray {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:via-red-light {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:via-red {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:via-orange-light {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:via-orange {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:via-deep-orange-light {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:via-deep-orange {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:via-amber-light {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:via-amber {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:via-green-light {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:via-green {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:via-teal-light {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:via-teal {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:via-cyan-light {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:via-cyan {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:via-purple-light {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:via-purple {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:via-deep-purple-light {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:via-deep-purple {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:via-pink-light {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:via-pink {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:via-primary-light {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-primary {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-accent-light {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-accent {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-warn-light {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:via-warn {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:to-current {
    --gradient-to-color: currentColor;
  }

  :root .md\:to-transparent {
    --gradient-to-color: transparent;
  }

  :root .md\:to-black {
    --gradient-to-color: var(--text-color);
  }

  :root .md\:to-white {
    --gradient-to-color: var(--text-color-light);
  }

  :root .md\:to-contrast-black {
    --gradient-to-color: black;
  }

  :root .md\:to-contrast-white {
    --gradient-to-color: white;
  }

  :root .md\:to-gray-light {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:to-gray {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .md\:to-red-light {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:to-red {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .md\:to-orange-light {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:to-orange {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .md\:to-deep-orange-light {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:to-deep-orange {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .md\:to-amber-light {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:to-amber {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .md\:to-green-light {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:to-green {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .md\:to-teal-light {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:to-teal {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .md\:to-cyan-light {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:to-cyan {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .md\:to-purple-light {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:to-purple {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .md\:to-deep-purple-light {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:to-deep-purple {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .md\:to-pink-light {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:to-pink {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .md\:to-primary-light {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .md\:to-primary {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .md\:to-accent-light {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .md\:to-accent {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .md\:to-warn-light {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .md\:to-warn {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .md\:hover\:from-current:hover {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:hover\:from-black:hover {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-white:hover {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-contrast-black:hover {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:hover\:from-contrast-white:hover {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-gray-light:hover {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:hover\:from-gray:hover {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:hover\:from-red-light:hover {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:hover\:from-red:hover {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:hover\:from-orange-light:hover {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:hover\:from-orange:hover {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:hover\:from-deep-orange-light:hover {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:hover\:from-deep-orange:hover {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:hover\:from-amber-light:hover {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:hover\:from-amber:hover {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:hover\:from-green-light:hover {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:hover\:from-green:hover {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:hover\:from-teal-light:hover {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:hover\:from-teal:hover {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:hover\:from-cyan-light:hover {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:hover\:from-cyan:hover {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:hover\:from-purple-light:hover {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:hover\:from-purple:hover {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:hover\:from-deep-purple-light:hover {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:hover\:from-deep-purple:hover {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:hover\:from-pink-light:hover {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:hover\:from-pink:hover {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:hover\:from-primary-light:hover {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-primary:hover {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-accent-light:hover {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-accent:hover {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-warn-light:hover {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:from-warn:hover {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-current:hover {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:hover\:via-black:hover {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-white:hover {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-contrast-black:hover {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:hover\:via-contrast-white:hover {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-gray-light:hover {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:hover\:via-gray:hover {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:hover\:via-red-light:hover {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:hover\:via-red:hover {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:hover\:via-orange-light:hover {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:hover\:via-orange:hover {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:hover\:via-deep-orange-light:hover {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:hover\:via-deep-orange:hover {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:hover\:via-amber-light:hover {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:hover\:via-amber:hover {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:hover\:via-green-light:hover {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:hover\:via-green:hover {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:hover\:via-teal-light:hover {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:hover\:via-teal:hover {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:hover\:via-cyan-light:hover {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:hover\:via-cyan:hover {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:hover\:via-purple-light:hover {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:hover\:via-purple:hover {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:hover\:via-deep-purple-light:hover {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:hover\:via-deep-purple:hover {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:hover\:via-pink-light:hover {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:hover\:via-pink:hover {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:hover\:via-primary-light:hover {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-primary:hover {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-accent-light:hover {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-accent:hover {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-warn-light:hover {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:via-warn:hover {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:hover\:to-current:hover {
    --gradient-to-color: currentColor;
  }

  :root .md\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  :root .md\:hover\:to-black:hover {
    --gradient-to-color: var(--text-color);
  }

  :root .md\:hover\:to-white:hover {
    --gradient-to-color: var(--text-color-light);
  }

  :root .md\:hover\:to-contrast-black:hover {
    --gradient-to-color: black;
  }

  :root .md\:hover\:to-contrast-white:hover {
    --gradient-to-color: white;
  }

  :root .md\:hover\:to-gray-light:hover {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:hover\:to-gray:hover {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .md\:hover\:to-red-light:hover {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:hover\:to-red:hover {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .md\:hover\:to-orange-light:hover {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:hover\:to-orange:hover {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .md\:hover\:to-deep-orange-light:hover {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:hover\:to-deep-orange:hover {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .md\:hover\:to-amber-light:hover {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:hover\:to-amber:hover {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .md\:hover\:to-green-light:hover {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:hover\:to-green:hover {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .md\:hover\:to-teal-light:hover {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:hover\:to-teal:hover {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .md\:hover\:to-cyan-light:hover {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:hover\:to-cyan:hover {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .md\:hover\:to-purple-light:hover {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:hover\:to-purple:hover {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .md\:hover\:to-deep-purple-light:hover {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:hover\:to-deep-purple:hover {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .md\:hover\:to-pink-light:hover {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:hover\:to-pink:hover {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .md\:hover\:to-primary-light:hover {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .md\:hover\:to-primary:hover {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .md\:hover\:to-accent-light:hover {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .md\:hover\:to-accent:hover {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .md\:hover\:to-warn-light:hover {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .md\:hover\:to-warn:hover {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .md\:focus\:from-current:focus {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:focus\:from-black:focus {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-white:focus {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-contrast-black:focus {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:focus\:from-contrast-white:focus {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-gray-light:focus {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:focus\:from-gray:focus {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:focus\:from-red-light:focus {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:focus\:from-red:focus {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:focus\:from-orange-light:focus {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:focus\:from-orange:focus {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:focus\:from-deep-orange-light:focus {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:focus\:from-deep-orange:focus {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:focus\:from-amber-light:focus {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:focus\:from-amber:focus {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:focus\:from-green-light:focus {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:focus\:from-green:focus {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:focus\:from-teal-light:focus {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:focus\:from-teal:focus {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:focus\:from-cyan-light:focus {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:focus\:from-cyan:focus {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:focus\:from-purple-light:focus {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:focus\:from-purple:focus {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:focus\:from-deep-purple-light:focus {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:focus\:from-deep-purple:focus {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:focus\:from-pink-light:focus {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:focus\:from-pink:focus {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:focus\:from-primary-light:focus {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-primary:focus {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-accent-light:focus {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-accent:focus {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-warn-light:focus {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:from-warn:focus {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-current:focus {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:focus\:via-black:focus {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-white:focus {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-contrast-black:focus {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .md\:focus\:via-contrast-white:focus {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-gray-light:focus {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:focus\:via-gray:focus {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .md\:focus\:via-red-light:focus {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:focus\:via-red:focus {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .md\:focus\:via-orange-light:focus {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:focus\:via-orange:focus {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .md\:focus\:via-deep-orange-light:focus {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:focus\:via-deep-orange:focus {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .md\:focus\:via-amber-light:focus {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:focus\:via-amber:focus {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .md\:focus\:via-green-light:focus {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:focus\:via-green:focus {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .md\:focus\:via-teal-light:focus {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:focus\:via-teal:focus {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .md\:focus\:via-cyan-light:focus {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:focus\:via-cyan:focus {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .md\:focus\:via-purple-light:focus {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:focus\:via-purple:focus {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .md\:focus\:via-deep-purple-light:focus {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:focus\:via-deep-purple:focus {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .md\:focus\:via-pink-light:focus {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:focus\:via-pink:focus {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .md\:focus\:via-primary-light:focus {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-primary:focus {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-accent-light:focus {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-accent:focus {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-warn-light:focus {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:via-warn:focus {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .md\:focus\:to-current:focus {
    --gradient-to-color: currentColor;
  }

  :root .md\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  :root .md\:focus\:to-black:focus {
    --gradient-to-color: var(--text-color);
  }

  :root .md\:focus\:to-white:focus {
    --gradient-to-color: var(--text-color-light);
  }

  :root .md\:focus\:to-contrast-black:focus {
    --gradient-to-color: black;
  }

  :root .md\:focus\:to-contrast-white:focus {
    --gradient-to-color: white;
  }

  :root .md\:focus\:to-gray-light:focus {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:focus\:to-gray:focus {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .md\:focus\:to-red-light:focus {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:focus\:to-red:focus {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .md\:focus\:to-orange-light:focus {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:focus\:to-orange:focus {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .md\:focus\:to-deep-orange-light:focus {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:focus\:to-deep-orange:focus {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .md\:focus\:to-amber-light:focus {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:focus\:to-amber:focus {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .md\:focus\:to-green-light:focus {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:focus\:to-green:focus {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .md\:focus\:to-teal-light:focus {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:focus\:to-teal:focus {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .md\:focus\:to-cyan-light:focus {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:focus\:to-cyan:focus {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .md\:focus\:to-purple-light:focus {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:focus\:to-purple:focus {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .md\:focus\:to-deep-purple-light:focus {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:focus\:to-deep-purple:focus {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .md\:focus\:to-pink-light:focus {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:focus\:to-pink:focus {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .md\:focus\:to-primary-light:focus {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .md\:focus\:to-primary:focus {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .md\:focus\:to-accent-light:focus {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .md\:focus\:to-accent:focus {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .md\:focus\:to-warn-light:focus {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .md\:focus\:to-warn:focus {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .md\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  :root .md\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  :root .md\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  :root .md\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  :root .md\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  :root .md\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  :root .md\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  :root .md\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  :root .md\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  :root .md\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  :root .md\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  :root .md\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  :root .md\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  :root .md\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  :root .md\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  :root .md\:bg-bottom {
    background-position: bottom;
  }

  :root .md\:bg-center {
    background-position: center;
  }

  :root .md\:bg-left {
    background-position: left;
  }

  :root .md\:bg-left-bottom {
    background-position: left bottom;
  }

  :root .md\:bg-left-top {
    background-position: left top;
  }

  :root .md\:bg-right {
    background-position: right;
  }

  :root .md\:bg-right-bottom {
    background-position: right bottom;
  }

  :root .md\:bg-right-top {
    background-position: right top;
  }

  :root .md\:bg-top {
    background-position: top;
  }

  :root .md\:bg-repeat {
    background-repeat: repeat;
  }

  :root .md\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  :root .md\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  :root .md\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  :root .md\:bg-repeat-round {
    background-repeat: round;
  }

  :root .md\:bg-repeat-space {
    background-repeat: space;
  }

  :root .md\:bg-auto {
    background-size: auto;
  }

  :root .md\:bg-cover {
    background-size: cover;
  }

  :root .md\:bg-contain {
    background-size: contain;
  }

  :root .md\:border-collapse {
    border-collapse: collapse;
  }

  :root .md\:border-separate {
    border-collapse: separate;
  }

  :root .md\:border-current {
    border-color: currentColor;
  }

  :root .md\:border-transparent {
    border-color: transparent;
  }

  :root .md\:border-black {
    border-color: var(--text-color);
  }

  :root .md\:border-white {
    border-color: var(--text-color-light);
  }

  :root .md\:border-contrast-black {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .md\:border-contrast-white {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .md\:border-gray-light {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:border-gray {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .md\:border-red-light {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:border-red {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .md\:border-orange-light {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:border-orange {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .md\:border-deep-orange-light {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:border-deep-orange {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .md\:border-amber-light {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:border-amber {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .md\:border-green-light {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:border-green {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .md\:border-teal-light {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:border-teal {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .md\:border-cyan-light {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:border-cyan {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .md\:border-purple-light {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:border-purple {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .md\:border-deep-purple-light {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:border-deep-purple {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .md\:border-pink-light {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:border-pink {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .md\:border-primary-light {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:border-primary {
    border-color: rgb(var(--color-primary));
  }

  :root .md\:border-accent-light {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:border-accent {
    border-color: rgb(var(--color-accent));
  }

  :root .md\:border-warn-light {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:border-warn {
    border-color: rgb(var(--color-warn));
  }

  :root .md\:hover\:border-current:hover {
    border-color: currentColor;
  }

  :root .md\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  :root .md\:hover\:border-black:hover {
    border-color: var(--text-color);
  }

  :root .md\:hover\:border-white:hover {
    border-color: var(--text-color-light);
  }

  :root .md\:hover\:border-contrast-black:hover {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .md\:hover\:border-contrast-white:hover {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .md\:hover\:border-gray-light:hover {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:hover\:border-gray:hover {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .md\:hover\:border-red-light:hover {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:hover\:border-red:hover {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .md\:hover\:border-orange-light:hover {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:hover\:border-orange:hover {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .md\:hover\:border-deep-orange-light:hover {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:hover\:border-deep-orange:hover {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .md\:hover\:border-amber-light:hover {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:hover\:border-amber:hover {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .md\:hover\:border-green-light:hover {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:hover\:border-green:hover {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .md\:hover\:border-teal-light:hover {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:hover\:border-teal:hover {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .md\:hover\:border-cyan-light:hover {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:hover\:border-cyan:hover {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .md\:hover\:border-purple-light:hover {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:hover\:border-purple:hover {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .md\:hover\:border-deep-purple-light:hover {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:hover\:border-deep-purple:hover {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .md\:hover\:border-pink-light:hover {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:hover\:border-pink:hover {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .md\:hover\:border-primary-light:hover {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:hover\:border-primary:hover {
    border-color: rgb(var(--color-primary));
  }

  :root .md\:hover\:border-accent-light:hover {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:hover\:border-accent:hover {
    border-color: rgb(var(--color-accent));
  }

  :root .md\:hover\:border-warn-light:hover {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:hover\:border-warn:hover {
    border-color: rgb(var(--color-warn));
  }

  :root .md\:focus\:border-current:focus {
    border-color: currentColor;
  }

  :root .md\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  :root .md\:focus\:border-black:focus {
    border-color: var(--text-color);
  }

  :root .md\:focus\:border-white:focus {
    border-color: var(--text-color-light);
  }

  :root .md\:focus\:border-contrast-black:focus {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .md\:focus\:border-contrast-white:focus {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .md\:focus\:border-gray-light:focus {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:focus\:border-gray:focus {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .md\:focus\:border-red-light:focus {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:focus\:border-red:focus {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .md\:focus\:border-orange-light:focus {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:focus\:border-orange:focus {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .md\:focus\:border-deep-orange-light:focus {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:focus\:border-deep-orange:focus {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .md\:focus\:border-amber-light:focus {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:focus\:border-amber:focus {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .md\:focus\:border-green-light:focus {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:focus\:border-green:focus {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .md\:focus\:border-teal-light:focus {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:focus\:border-teal:focus {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .md\:focus\:border-cyan-light:focus {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:focus\:border-cyan:focus {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .md\:focus\:border-purple-light:focus {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:focus\:border-purple:focus {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .md\:focus\:border-deep-purple-light:focus {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:focus\:border-deep-purple:focus {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .md\:focus\:border-pink-light:focus {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:focus\:border-pink:focus {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .md\:focus\:border-primary-light:focus {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:focus\:border-primary:focus {
    border-color: rgb(var(--color-primary));
  }

  :root .md\:focus\:border-accent-light:focus {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:focus\:border-accent:focus {
    border-color: rgb(var(--color-accent));
  }

  :root .md\:focus\:border-warn-light:focus {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:focus\:border-warn:focus {
    border-color: rgb(var(--color-warn));
  }

  :root .md\:border-opacity-0 {
    --border-opacity: 0;
  }

  :root .md\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  :root .md\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  :root .md\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  :root .md\:border-opacity-100 {
    --border-opacity: 1;
  }

  :root .md\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  :root .md\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  :root .md\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  :root .md\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  :root .md\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  :root .md\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  :root .md\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  :root .md\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  :root .md\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  :root .md\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  :root .md\:rounded-none {
    border-radius: 0;
  }

  :root .md\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root .md\:rounded {
    border-radius: 0.25rem;
  }

  :root .md\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root .md\:rounded-full {
    border-radius: 9999px;
  }

  :root .md\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root .md\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root .md\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .md\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .md\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root .md\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root .md\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .md\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .md\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root .md\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root .md\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .md\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .md\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root .md\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root .md\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .md\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .md\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root .md\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root .md\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .md\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .md\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root .md\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root .md\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root .md\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root .md\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root .md\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root .md\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root .md\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root .md\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root .md\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root .md\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root .md\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root .md\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root .md\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root .md\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root .md\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root .md\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root .md\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root .md\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root .md\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-none {
    border-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded {
    border-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-full {
    border-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root [dir=ltr] .md\:ltr\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-none {
    border-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded {
    border-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-full {
    border-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root [dir=rtl] .md\:rtl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root .md\:border-solid {
    border-style: solid;
  }

  :root .md\:border-dashed {
    border-style: dashed;
  }

  :root .md\:border-dotted {
    border-style: dotted;
  }

  :root .md\:border-double {
    border-style: double;
  }

  :root .md\:border-none {
    border-style: none;
  }

  :root .md\:border-0 {
    border-width: 0;
  }

  :root .md\:border-2 {
    border-width: 2px;
  }

  :root .md\:border-3 {
    border-width: 3px;
  }

  :root .md\:border-4 {
    border-width: 4px;
  }

  :root .md\:border-8 {
    border-width: 8px;
  }

  :root .md\:border {
    border-width: 1px;
  }

  :root .md\:border-t-0 {
    border-top-width: 0;
  }

  :root .md\:border-r-0 {
    border-right-width: 0;
  }

  :root .md\:border-b-0 {
    border-bottom-width: 0;
  }

  :root .md\:border-l-0 {
    border-left-width: 0;
  }

  :root .md\:border-t-2 {
    border-top-width: 2px;
  }

  :root .md\:border-r-2 {
    border-right-width: 2px;
  }

  :root .md\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root .md\:border-l-2 {
    border-left-width: 2px;
  }

  :root .md\:border-t-3 {
    border-top-width: 3px;
  }

  :root .md\:border-r-3 {
    border-right-width: 3px;
  }

  :root .md\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root .md\:border-l-3 {
    border-left-width: 3px;
  }

  :root .md\:border-t-4 {
    border-top-width: 4px;
  }

  :root .md\:border-r-4 {
    border-right-width: 4px;
  }

  :root .md\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root .md\:border-l-4 {
    border-left-width: 4px;
  }

  :root .md\:border-t-8 {
    border-top-width: 8px;
  }

  :root .md\:border-r-8 {
    border-right-width: 8px;
  }

  :root .md\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root .md\:border-l-8 {
    border-left-width: 8px;
  }

  :root .md\:border-t {
    border-top-width: 1px;
  }

  :root .md\:border-r {
    border-right-width: 1px;
  }

  :root .md\:border-b {
    border-bottom-width: 1px;
  }

  :root .md\:border-l {
    border-left-width: 1px;
  }

  :root [dir=ltr] .md\:ltr\:border-0 {
    border-width: 0;
  }

  :root [dir=ltr] .md\:ltr\:border-2 {
    border-width: 2px;
  }

  :root [dir=ltr] .md\:ltr\:border-3 {
    border-width: 3px;
  }

  :root [dir=ltr] .md\:ltr\:border-4 {
    border-width: 4px;
  }

  :root [dir=ltr] .md\:ltr\:border-8 {
    border-width: 8px;
  }

  :root [dir=ltr] .md\:ltr\:border {
    border-width: 1px;
  }

  :root [dir=ltr] .md\:ltr\:border-t-0 {
    border-top-width: 0;
  }

  :root [dir=ltr] .md\:ltr\:border-r-0 {
    border-right-width: 0;
  }

  :root [dir=ltr] .md\:ltr\:border-b-0 {
    border-bottom-width: 0;
  }

  :root [dir=ltr] .md\:ltr\:border-l-0 {
    border-left-width: 0;
  }

  :root [dir=ltr] .md\:ltr\:border-t-2 {
    border-top-width: 2px;
  }

  :root [dir=ltr] .md\:ltr\:border-r-2 {
    border-right-width: 2px;
  }

  :root [dir=ltr] .md\:ltr\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root [dir=ltr] .md\:ltr\:border-l-2 {
    border-left-width: 2px;
  }

  :root [dir=ltr] .md\:ltr\:border-t-3 {
    border-top-width: 3px;
  }

  :root [dir=ltr] .md\:ltr\:border-r-3 {
    border-right-width: 3px;
  }

  :root [dir=ltr] .md\:ltr\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root [dir=ltr] .md\:ltr\:border-l-3 {
    border-left-width: 3px;
  }

  :root [dir=ltr] .md\:ltr\:border-t-4 {
    border-top-width: 4px;
  }

  :root [dir=ltr] .md\:ltr\:border-r-4 {
    border-right-width: 4px;
  }

  :root [dir=ltr] .md\:ltr\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root [dir=ltr] .md\:ltr\:border-l-4 {
    border-left-width: 4px;
  }

  :root [dir=ltr] .md\:ltr\:border-t-8 {
    border-top-width: 8px;
  }

  :root [dir=ltr] .md\:ltr\:border-r-8 {
    border-right-width: 8px;
  }

  :root [dir=ltr] .md\:ltr\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root [dir=ltr] .md\:ltr\:border-l-8 {
    border-left-width: 8px;
  }

  :root [dir=ltr] .md\:ltr\:border-t {
    border-top-width: 1px;
  }

  :root [dir=ltr] .md\:ltr\:border-r {
    border-right-width: 1px;
  }

  :root [dir=ltr] .md\:ltr\:border-b {
    border-bottom-width: 1px;
  }

  :root [dir=ltr] .md\:ltr\:border-l {
    border-left-width: 1px;
  }

  :root [dir=rtl] .md\:rtl\:border-0 {
    border-width: 0;
  }

  :root [dir=rtl] .md\:rtl\:border-2 {
    border-width: 2px;
  }

  :root [dir=rtl] .md\:rtl\:border-3 {
    border-width: 3px;
  }

  :root [dir=rtl] .md\:rtl\:border-4 {
    border-width: 4px;
  }

  :root [dir=rtl] .md\:rtl\:border-8 {
    border-width: 8px;
  }

  :root [dir=rtl] .md\:rtl\:border {
    border-width: 1px;
  }

  :root [dir=rtl] .md\:rtl\:border-t-0 {
    border-top-width: 0;
  }

  :root [dir=rtl] .md\:rtl\:border-r-0 {
    border-right-width: 0;
  }

  :root [dir=rtl] .md\:rtl\:border-b-0 {
    border-bottom-width: 0;
  }

  :root [dir=rtl] .md\:rtl\:border-l-0 {
    border-left-width: 0;
  }

  :root [dir=rtl] .md\:rtl\:border-t-2 {
    border-top-width: 2px;
  }

  :root [dir=rtl] .md\:rtl\:border-r-2 {
    border-right-width: 2px;
  }

  :root [dir=rtl] .md\:rtl\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root [dir=rtl] .md\:rtl\:border-l-2 {
    border-left-width: 2px;
  }

  :root [dir=rtl] .md\:rtl\:border-t-3 {
    border-top-width: 3px;
  }

  :root [dir=rtl] .md\:rtl\:border-r-3 {
    border-right-width: 3px;
  }

  :root [dir=rtl] .md\:rtl\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root [dir=rtl] .md\:rtl\:border-l-3 {
    border-left-width: 3px;
  }

  :root [dir=rtl] .md\:rtl\:border-t-4 {
    border-top-width: 4px;
  }

  :root [dir=rtl] .md\:rtl\:border-r-4 {
    border-right-width: 4px;
  }

  :root [dir=rtl] .md\:rtl\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root [dir=rtl] .md\:rtl\:border-l-4 {
    border-left-width: 4px;
  }

  :root [dir=rtl] .md\:rtl\:border-t-8 {
    border-top-width: 8px;
  }

  :root [dir=rtl] .md\:rtl\:border-r-8 {
    border-right-width: 8px;
  }

  :root [dir=rtl] .md\:rtl\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root [dir=rtl] .md\:rtl\:border-l-8 {
    border-left-width: 8px;
  }

  :root [dir=rtl] .md\:rtl\:border-t {
    border-top-width: 1px;
  }

  :root [dir=rtl] .md\:rtl\:border-r {
    border-right-width: 1px;
  }

  :root [dir=rtl] .md\:rtl\:border-b {
    border-bottom-width: 1px;
  }

  :root [dir=rtl] .md\:rtl\:border-l {
    border-left-width: 1px;
  }

  :root .md\:box-border {
    box-sizing: border-box;
  }

  :root .md\:box-content {
    box-sizing: content-box;
  }

  :root .md\:cursor-auto {
    cursor: auto;
  }

  :root .md\:cursor-default {
    cursor: default;
  }

  :root .md\:cursor-pointer {
    cursor: pointer;
  }

  :root .md\:cursor-wait {
    cursor: wait;
  }

  :root .md\:cursor-text {
    cursor: text;
  }

  :root .md\:cursor-move {
    cursor: move;
  }

  :root .md\:cursor-not-allowed {
    cursor: not-allowed;
  }

  :root .md\:block {
    display: block;
  }

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

  :root .md\:inline {
    display: inline;
  }

  :root .md\:flex {
    display: flex;
  }

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

  :root .md\:table {
    display: table;
  }

  :root .md\:table-caption {
    display: table-caption;
  }

  :root .md\:table-cell {
    display: table-cell;
  }

  :root .md\:table-column {
    display: table-column;
  }

  :root .md\:table-column-group {
    display: table-column-group;
  }

  :root .md\:table-footer-group {
    display: table-footer-group;
  }

  :root .md\:table-header-group {
    display: table-header-group;
  }

  :root .md\:table-row-group {
    display: table-row-group;
  }

  :root .md\:table-row {
    display: table-row;
  }

  :root .md\:flow-root {
    display: flow-root;
  }

  :root .md\:grid {
    display: grid;
  }

  :root .md\:inline-grid {
    display: inline-grid;
  }

  :root .md\:contents {
    display: contents;
  }

  :root .md\:hidden {
    display: none;
  }

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

  :root .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  :root .md\:flex-col {
    flex-direction: column;
  }

  :root .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  :root .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  :root .md\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  :root .md\:place-items-auto {
    place-items: auto;
  }

  :root .md\:place-items-start {
    place-items: start;
  }

  :root .md\:place-items-end {
    place-items: end;
  }

  :root .md\:place-items-center {
    place-items: center;
  }

  :root .md\:place-items-stretch {
    place-items: stretch;
  }

  :root .md\:place-content-center {
    place-content: center;
  }

  :root .md\:place-content-start {
    place-content: start;
  }

  :root .md\:place-content-end {
    place-content: end;
  }

  :root .md\:place-content-between {
    place-content: space-between;
  }

  :root .md\:place-content-around {
    place-content: space-around;
  }

  :root .md\:place-content-evenly {
    place-content: space-evenly;
  }

  :root .md\:place-content-stretch {
    place-content: stretch;
  }

  :root .md\:place-self-auto {
    place-self: auto;
  }

  :root .md\:place-self-start {
    place-self: start;
  }

  :root .md\:place-self-end {
    place-self: end;
  }

  :root .md\:place-self-center {
    place-self: center;
  }

  :root .md\:place-self-stretch {
    place-self: stretch;
  }

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

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

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

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

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

  :root .md\:content-center {
    align-content: center;
  }

  :root .md\:content-start {
    align-content: flex-start;
  }

  :root .md\:content-end {
    align-content: flex-end;
  }

  :root .md\:content-between {
    align-content: space-between;
  }

  :root .md\:content-around {
    align-content: space-around;
  }

  :root .md\:content-evenly {
    align-content: space-evenly;
  }

  :root .md\:self-auto {
    align-self: auto;
  }

  :root .md\:self-start {
    align-self: flex-start;
  }

  :root .md\:self-end {
    align-self: flex-end;
  }

  :root .md\:self-center {
    align-self: center;
  }

  :root .md\:self-stretch {
    align-self: stretch;
  }

  :root .md\:justify-items-auto {
    justify-items: auto;
  }

  :root .md\:justify-items-start {
    justify-items: start;
  }

  :root .md\:justify-items-end {
    justify-items: end;
  }

  :root .md\:justify-items-center {
    justify-items: center;
  }

  :root .md\:justify-items-stretch {
    justify-items: stretch;
  }

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

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

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

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

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

  :root .md\:justify-evenly {
    justify-content: space-evenly;
  }

  :root .md\:justify-self-auto {
    justify-self: auto;
  }

  :root .md\:justify-self-start {
    justify-self: start;
  }

  :root .md\:justify-self-end {
    justify-self: end;
  }

  :root .md\:justify-self-center {
    justify-self: center;
  }

  :root .md\:justify-self-stretch {
    justify-self: stretch;
  }

  :root .md\:flex-1 {
    flex: 1 1 0%;
  }

  :root .md\:flex-auto {
    flex: 1 1 auto;
  }

  :root .md\:flex-initial {
    flex: 0 1 auto;
  }

  :root .md\:flex-none {
    flex: none;
  }

  :root .md\:flex-grow-0 {
    flex-grow: 0;
  }

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

  :root .md\:flex-shrink-0 {
    flex-shrink: 0;
  }

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

  :root .md\:order-1 {
    order: 1;
  }

  :root .md\:order-2 {
    order: 2;
  }

  :root .md\:order-3 {
    order: 3;
  }

  :root .md\:order-4 {
    order: 4;
  }

  :root .md\:order-5 {
    order: 5;
  }

  :root .md\:order-6 {
    order: 6;
  }

  :root .md\:order-7 {
    order: 7;
  }

  :root .md\:order-8 {
    order: 8;
  }

  :root .md\:order-9 {
    order: 9;
  }

  :root .md\:order-10 {
    order: 10;
  }

  :root .md\:order-11 {
    order: 11;
  }

  :root .md\:order-12 {
    order: 12;
  }

  :root .md\:order-first {
    order: -9999;
  }

  :root .md\:order-last {
    order: 9999;
  }

  :root .md\:order-none {
    order: 0;
  }

  :root .md\:float-right {
    float: right;
  }

  :root .md\:float-left {
    float: left;
  }

  :root .md\:float-none {
    float: none;
  }

  :root .md\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  :root .md\:clear-left {
    clear: left;
  }

  :root .md\:clear-right {
    clear: right;
  }

  :root .md\:clear-both {
    clear: both;
  }

  :root .md\:clear-none {
    clear: none;
  }

  :root .md\:font-sans {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  }

  :root .md\:font-serif {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  :root .md\:font-mono {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  :root .md\:font-hairline {
    font-weight: 100;
  }

  :root .md\:font-thin {
    font-weight: 200;
  }

  :root .md\:font-light {
    font-weight: 300;
  }

  :root .md\:font-normal {
    font-weight: 400;
  }

  :root .md\:font-medium {
    font-weight: 500;
  }

  :root .md\:font-semibold {
    font-weight: 600;
  }

  :root .md\:font-bold {
    font-weight: 700;
  }

  :root .md\:font-extrabold {
    font-weight: 800;
  }

  :root .md\:font-black {
    font-weight: 900;
  }

  :root .md\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  :root .md\:hover\:font-thin:hover {
    font-weight: 200;
  }

  :root .md\:hover\:font-light:hover {
    font-weight: 300;
  }

  :root .md\:hover\:font-normal:hover {
    font-weight: 400;
  }

  :root .md\:hover\:font-medium:hover {
    font-weight: 500;
  }

  :root .md\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  :root .md\:hover\:font-bold:hover {
    font-weight: 700;
  }

  :root .md\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  :root .md\:hover\:font-black:hover {
    font-weight: 900;
  }

  :root .md\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  :root .md\:focus\:font-thin:focus {
    font-weight: 200;
  }

  :root .md\:focus\:font-light:focus {
    font-weight: 300;
  }

  :root .md\:focus\:font-normal:focus {
    font-weight: 400;
  }

  :root .md\:focus\:font-medium:focus {
    font-weight: 500;
  }

  :root .md\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  :root .md\:focus\:font-bold:focus {
    font-weight: 700;
  }

  :root .md\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  :root .md\:focus\:font-black:focus {
    font-weight: 900;
  }

  :root .md\:h-0 {
    height: 0;
  }

  :root .md\:h-1 {
    height: 0.25rem;
  }

  :root .md\:h-2 {
    height: 0.5rem;
  }

  :root .md\:h-3 {
    height: 0.75rem;
  }

  :root .md\:h-4 {
    height: 1rem;
  }

  :root .md\:h-5 {
    height: 1.25rem;
  }

  :root .md\:h-6 {
    height: 1.5rem;
  }

  :root .md\:h-8 {
    height: 2rem;
  }

  :root .md\:h-9 {
    height: 2.25rem;
  }

  :root .md\:h-10 {
    height: 2.5rem;
  }

  :root .md\:h-12 {
    height: 3rem;
  }

  :root .md\:h-14 {
    height: 3.5rem;
  }

  :root .md\:h-16 {
    height: 4rem;
  }

  :root .md\:h-20 {
    height: 5rem;
  }

  :root .md\:h-24 {
    height: 6rem;
  }

  :root .md\:h-32 {
    height: 8rem;
  }

  :root .md\:h-40 {
    height: 10rem;
  }

  :root .md\:h-48 {
    height: 12rem;
  }

  :root .md\:h-56 {
    height: 14rem;
  }

  :root .md\:h-64 {
    height: 16rem;
  }

  :root .md\:h-auto {
    height: auto;
  }

  :root .md\:h-px {
    height: 1px;
  }

  :root .md\:h-gutter {
    height: var(--padding-gutter);
  }

  :root .md\:h-full {
    height: 100%;
  }

  :root .md\:h-screen {
    height: 100vh;
  }

  :root .md\:text-xxs {
    font-size: 0.625rem;
  }

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

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

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

  :root .md\:text-lg {
    font-size: 1.125rem;
  }

  :root .md\:text-xl {
    font-size: 1.25rem;
  }

  :root .md\:text-2xl {
    font-size: 1.5rem;
  }

  :root .md\:text-3xl {
    font-size: 1.875rem;
  }

  :root .md\:text-4xl {
    font-size: 2.25rem;
  }

  :root .md\:text-5xl {
    font-size: 3rem;
  }

  :root .md\:text-6xl {
    font-size: 4rem;
  }

  :root .md\:leading-none {
    line-height: 1;
  }

  :root .md\:leading-tight {
    line-height: 1.25;
  }

  :root .md\:leading-snug {
    line-height: 1.375;
  }

  :root .md\:leading-normal {
    line-height: 1.5;
  }

  :root .md\:leading-relaxed {
    line-height: 1.625;
  }

  :root .md\:leading-loose {
    line-height: 2;
  }

  :root .md\:list-inside {
    list-style-position: inside;
  }

  :root .md\:list-outside {
    list-style-position: outside;
  }

  :root .md\:list-none {
    list-style-type: none;
  }

  :root .md\:list-disc {
    list-style-type: disc;
  }

  :root .md\:list-decimal {
    list-style-type: decimal;
  }

  :root .md\:m-0 {
    margin: 0;
  }

  :root .md\:m-1 {
    margin: 0.25rem;
  }

  :root .md\:m-2 {
    margin: 0.5rem;
  }

  :root .md\:m-3 {
    margin: 0.75rem;
  }

  :root .md\:m-4 {
    margin: 1rem;
  }

  :root .md\:m-5 {
    margin: 1.25rem;
  }

  :root .md\:m-6 {
    margin: 1.5rem;
  }

  :root .md\:m-8 {
    margin: 2rem;
  }

  :root .md\:m-9 {
    margin: 2.25rem;
  }

  :root .md\:m-10 {
    margin: 2.5rem;
  }

  :root .md\:m-12 {
    margin: 3rem;
  }

  :root .md\:m-14 {
    margin: 3.5rem;
  }

  :root .md\:m-16 {
    margin: 4rem;
  }

  :root .md\:m-20 {
    margin: 5rem;
  }

  :root .md\:m-24 {
    margin: 6rem;
  }

  :root .md\:m-32 {
    margin: 8rem;
  }

  :root .md\:m-40 {
    margin: 10rem;
  }

  :root .md\:m-48 {
    margin: 12rem;
  }

  :root .md\:m-56 {
    margin: 14rem;
  }

  :root .md\:m-64 {
    margin: 16rem;
  }

  :root .md\:m-auto {
    margin: auto;
  }

  :root .md\:m-px {
    margin: 1px;
  }

  :root .md\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root .md\:-m-1 {
    margin: -0.25rem;
  }

  :root .md\:-m-2 {
    margin: -0.5rem;
  }

  :root .md\:-m-3 {
    margin: -0.75rem;
  }

  :root .md\:-m-4 {
    margin: -1rem;
  }

  :root .md\:-m-5 {
    margin: -1.25rem;
  }

  :root .md\:-m-6 {
    margin: -1.5rem;
  }

  :root .md\:-m-8 {
    margin: -2rem;
  }

  :root .md\:-m-9 {
    margin: -2.25rem;
  }

  :root .md\:-m-10 {
    margin: -2.5rem;
  }

  :root .md\:-m-12 {
    margin: -3rem;
  }

  :root .md\:-m-14 {
    margin: -3.5rem;
  }

  :root .md\:-m-16 {
    margin: -4rem;
  }

  :root .md\:-m-20 {
    margin: -5rem;
  }

  :root .md\:-m-24 {
    margin: -6rem;
  }

  :root .md\:-m-32 {
    margin: -8rem;
  }

  :root .md\:-m-40 {
    margin: -10rem;
  }

  :root .md\:-m-48 {
    margin: -12rem;
  }

  :root .md\:-m-56 {
    margin: -14rem;
  }

  :root .md\:-m-64 {
    margin: -16rem;
  }

  :root .md\:-m-px {
    margin: -1px;
  }

  :root .md\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root .md\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root .md\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root .md\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root .md\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root .md\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root .md\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root .md\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root .md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root .md\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root .md\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root .md\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root .md\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root .md\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root .md\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root .md\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root .md\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root .md\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root .md\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root .md\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root .md\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root .md\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root .md\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root .md\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root .md\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root .md\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root .md\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root .md\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root .md\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root .md\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root .md\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root .md\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root .md\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root .md\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root .md\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root .md\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root .md\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root .md\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root .md\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root .md\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root .md\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root .md\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root .md\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root .md\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root .md\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root .md\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root .md\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root .md\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root .md\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root .md\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root .md\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root .md\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root .md\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root .md\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root .md\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root .md\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root .md\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root .md\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root .md\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root .md\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root .md\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root .md\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root .md\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root .md\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root .md\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root .md\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root .md\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root .md\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root .md\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root .md\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root .md\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root .md\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root .md\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .md\:mt-0 {
    margin-top: 0;
  }

  :root .md\:mr-0 {
    margin-right: 0;
  }

  :root .md\:mb-0 {
    margin-bottom: 0;
  }

  :root .md\:ml-0 {
    margin-left: 0;
  }

  :root .md\:mt-1 {
    margin-top: 0.25rem;
  }

  :root .md\:mr-1 {
    margin-right: 0.25rem;
  }

  :root .md\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root .md\:ml-1 {
    margin-left: 0.25rem;
  }

  :root .md\:mt-2 {
    margin-top: 0.5rem;
  }

  :root .md\:mr-2 {
    margin-right: 0.5rem;
  }

  :root .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root .md\:ml-2 {
    margin-left: 0.5rem;
  }

  :root .md\:mt-3 {
    margin-top: 0.75rem;
  }

  :root .md\:mr-3 {
    margin-right: 0.75rem;
  }

  :root .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root .md\:ml-3 {
    margin-left: 0.75rem;
  }

  :root .md\:mt-4 {
    margin-top: 1rem;
  }

  :root .md\:mr-4 {
    margin-right: 1rem;
  }

  :root .md\:mb-4 {
    margin-bottom: 1rem;
  }

  :root .md\:ml-4 {
    margin-left: 1rem;
  }

  :root .md\:mt-5 {
    margin-top: 1.25rem;
  }

  :root .md\:mr-5 {
    margin-right: 1.25rem;
  }

  :root .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root .md\:ml-5 {
    margin-left: 1.25rem;
  }

  :root .md\:mt-6 {
    margin-top: 1.5rem;
  }

  :root .md\:mr-6 {
    margin-right: 1.5rem;
  }

  :root .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root .md\:ml-6 {
    margin-left: 1.5rem;
  }

  :root .md\:mt-8 {
    margin-top: 2rem;
  }

  :root .md\:mr-8 {
    margin-right: 2rem;
  }

  :root .md\:mb-8 {
    margin-bottom: 2rem;
  }

  :root .md\:ml-8 {
    margin-left: 2rem;
  }

  :root .md\:mt-9 {
    margin-top: 2.25rem;
  }

  :root .md\:mr-9 {
    margin-right: 2.25rem;
  }

  :root .md\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root .md\:ml-9 {
    margin-left: 2.25rem;
  }

  :root .md\:mt-10 {
    margin-top: 2.5rem;
  }

  :root .md\:mr-10 {
    margin-right: 2.5rem;
  }

  :root .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root .md\:ml-10 {
    margin-left: 2.5rem;
  }

  :root .md\:mt-12 {
    margin-top: 3rem;
  }

  :root .md\:mr-12 {
    margin-right: 3rem;
  }

  :root .md\:mb-12 {
    margin-bottom: 3rem;
  }

  :root .md\:ml-12 {
    margin-left: 3rem;
  }

  :root .md\:mt-14 {
    margin-top: 3.5rem;
  }

  :root .md\:mr-14 {
    margin-right: 3.5rem;
  }

  :root .md\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root .md\:ml-14 {
    margin-left: 3.5rem;
  }

  :root .md\:mt-16 {
    margin-top: 4rem;
  }

  :root .md\:mr-16 {
    margin-right: 4rem;
  }

  :root .md\:mb-16 {
    margin-bottom: 4rem;
  }

  :root .md\:ml-16 {
    margin-left: 4rem;
  }

  :root .md\:mt-20 {
    margin-top: 5rem;
  }

  :root .md\:mr-20 {
    margin-right: 5rem;
  }

  :root .md\:mb-20 {
    margin-bottom: 5rem;
  }

  :root .md\:ml-20 {
    margin-left: 5rem;
  }

  :root .md\:mt-24 {
    margin-top: 6rem;
  }

  :root .md\:mr-24 {
    margin-right: 6rem;
  }

  :root .md\:mb-24 {
    margin-bottom: 6rem;
  }

  :root .md\:ml-24 {
    margin-left: 6rem;
  }

  :root .md\:mt-32 {
    margin-top: 8rem;
  }

  :root .md\:mr-32 {
    margin-right: 8rem;
  }

  :root .md\:mb-32 {
    margin-bottom: 8rem;
  }

  :root .md\:ml-32 {
    margin-left: 8rem;
  }

  :root .md\:mt-40 {
    margin-top: 10rem;
  }

  :root .md\:mr-40 {
    margin-right: 10rem;
  }

  :root .md\:mb-40 {
    margin-bottom: 10rem;
  }

  :root .md\:ml-40 {
    margin-left: 10rem;
  }

  :root .md\:mt-48 {
    margin-top: 12rem;
  }

  :root .md\:mr-48 {
    margin-right: 12rem;
  }

  :root .md\:mb-48 {
    margin-bottom: 12rem;
  }

  :root .md\:ml-48 {
    margin-left: 12rem;
  }

  :root .md\:mt-56 {
    margin-top: 14rem;
  }

  :root .md\:mr-56 {
    margin-right: 14rem;
  }

  :root .md\:mb-56 {
    margin-bottom: 14rem;
  }

  :root .md\:ml-56 {
    margin-left: 14rem;
  }

  :root .md\:mt-64 {
    margin-top: 16rem;
  }

  :root .md\:mr-64 {
    margin-right: 16rem;
  }

  :root .md\:mb-64 {
    margin-bottom: 16rem;
  }

  :root .md\:ml-64 {
    margin-left: 16rem;
  }

  :root .md\:mt-auto {
    margin-top: auto;
  }

  :root .md\:mr-auto {
    margin-right: auto;
  }

  :root .md\:mb-auto {
    margin-bottom: auto;
  }

  :root .md\:ml-auto {
    margin-left: auto;
  }

  :root .md\:mt-px {
    margin-top: 1px;
  }

  :root .md\:mr-px {
    margin-right: 1px;
  }

  :root .md\:mb-px {
    margin-bottom: 1px;
  }

  :root .md\:ml-px {
    margin-left: 1px;
  }

  :root .md\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root .md\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root .md\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root .md\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root .md\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root .md\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root .md\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root .md\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root .md\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root .md\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root .md\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root .md\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root .md\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root .md\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root .md\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root .md\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root .md\:-mt-4 {
    margin-top: -1rem;
  }

  :root .md\:-mr-4 {
    margin-right: -1rem;
  }

  :root .md\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root .md\:-ml-4 {
    margin-left: -1rem;
  }

  :root .md\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root .md\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root .md\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root .md\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root .md\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root .md\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root .md\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root .md\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root .md\:-mt-8 {
    margin-top: -2rem;
  }

  :root .md\:-mr-8 {
    margin-right: -2rem;
  }

  :root .md\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root .md\:-ml-8 {
    margin-left: -2rem;
  }

  :root .md\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root .md\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root .md\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root .md\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root .md\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root .md\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root .md\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root .md\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root .md\:-mt-12 {
    margin-top: -3rem;
  }

  :root .md\:-mr-12 {
    margin-right: -3rem;
  }

  :root .md\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root .md\:-ml-12 {
    margin-left: -3rem;
  }

  :root .md\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root .md\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root .md\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root .md\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root .md\:-mt-16 {
    margin-top: -4rem;
  }

  :root .md\:-mr-16 {
    margin-right: -4rem;
  }

  :root .md\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root .md\:-ml-16 {
    margin-left: -4rem;
  }

  :root .md\:-mt-20 {
    margin-top: -5rem;
  }

  :root .md\:-mr-20 {
    margin-right: -5rem;
  }

  :root .md\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root .md\:-ml-20 {
    margin-left: -5rem;
  }

  :root .md\:-mt-24 {
    margin-top: -6rem;
  }

  :root .md\:-mr-24 {
    margin-right: -6rem;
  }

  :root .md\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root .md\:-ml-24 {
    margin-left: -6rem;
  }

  :root .md\:-mt-32 {
    margin-top: -8rem;
  }

  :root .md\:-mr-32 {
    margin-right: -8rem;
  }

  :root .md\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root .md\:-ml-32 {
    margin-left: -8rem;
  }

  :root .md\:-mt-40 {
    margin-top: -10rem;
  }

  :root .md\:-mr-40 {
    margin-right: -10rem;
  }

  :root .md\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root .md\:-ml-40 {
    margin-left: -10rem;
  }

  :root .md\:-mt-48 {
    margin-top: -12rem;
  }

  :root .md\:-mr-48 {
    margin-right: -12rem;
  }

  :root .md\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root .md\:-ml-48 {
    margin-left: -12rem;
  }

  :root .md\:-mt-56 {
    margin-top: -14rem;
  }

  :root .md\:-mr-56 {
    margin-right: -14rem;
  }

  :root .md\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root .md\:-ml-56 {
    margin-left: -14rem;
  }

  :root .md\:-mt-64 {
    margin-top: -16rem;
  }

  :root .md\:-mr-64 {
    margin-right: -16rem;
  }

  :root .md\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root .md\:-ml-64 {
    margin-left: -16rem;
  }

  :root .md\:-mt-px {
    margin-top: -1px;
  }

  :root .md\:-mr-px {
    margin-right: -1px;
  }

  :root .md\:-mb-px {
    margin-bottom: -1px;
  }

  :root .md\:-ml-px {
    margin-left: -1px;
  }

  :root .md\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .md\:ltr\:m-0 {
    margin: 0;
  }

  :root [dir=ltr] .md\:ltr\:m-1 {
    margin: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:m-2 {
    margin: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:m-3 {
    margin: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:m-4 {
    margin: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:m-5 {
    margin: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:m-6 {
    margin: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:m-8 {
    margin: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:m-9 {
    margin: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:m-10 {
    margin: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:m-12 {
    margin: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:m-14 {
    margin: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:m-16 {
    margin: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:m-20 {
    margin: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:m-24 {
    margin: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:m-32 {
    margin: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:m-40 {
    margin: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:m-48 {
    margin: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:m-56 {
    margin: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:m-64 {
    margin: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:m-auto {
    margin: auto;
  }

  :root [dir=ltr] .md\:ltr\:m-px {
    margin: 1px;
  }

  :root [dir=ltr] .md\:ltr\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:-m-1 {
    margin: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-2 {
    margin: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-3 {
    margin: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-4 {
    margin: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-5 {
    margin: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-6 {
    margin: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-8 {
    margin: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-9 {
    margin: -2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-10 {
    margin: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-12 {
    margin: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-14 {
    margin: -3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-16 {
    margin: -4rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-20 {
    margin: -5rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-24 {
    margin: -6rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-32 {
    margin: -8rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-40 {
    margin: -10rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-48 {
    margin: -12rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-56 {
    margin: -14rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-64 {
    margin: -16rem;
  }

  :root [dir=ltr] .md\:ltr\:-m-px {
    margin: -1px;
  }

  :root [dir=ltr] .md\:ltr\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .md\:ltr\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root [dir=ltr] .md\:ltr\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root [dir=ltr] .md\:ltr\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root [dir=ltr] .md\:ltr\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root [dir=ltr] .md\:ltr\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root [dir=ltr] .md\:ltr\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root [dir=ltr] .md\:ltr\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root [dir=ltr] .md\:ltr\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root [dir=ltr] .md\:ltr\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root [dir=ltr] .md\:ltr\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root [dir=ltr] .md\:ltr\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .md\:ltr\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .md\:ltr\:mt-0 {
    margin-top: 0;
  }

  :root [dir=ltr] .md\:ltr\:mr-0 {
    margin-right: 0;
  }

  :root [dir=ltr] .md\:ltr\:mb-0 {
    margin-bottom: 0;
  }

  :root [dir=ltr] .md\:ltr\:ml-0 {
    margin-left: 0;
  }

  :root [dir=ltr] .md\:ltr\:mt-1 {
    margin-top: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-1 {
    margin-right: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-1 {
    margin-left: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-2 {
    margin-top: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-2 {
    margin-right: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-2 {
    margin-left: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-3 {
    margin-top: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-3 {
    margin-right: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-3 {
    margin-left: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-4 {
    margin-top: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-4 {
    margin-right: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-4 {
    margin-bottom: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-4 {
    margin-left: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-5 {
    margin-top: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-5 {
    margin-right: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-5 {
    margin-left: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-6 {
    margin-top: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-6 {
    margin-right: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-6 {
    margin-left: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-8 {
    margin-top: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-8 {
    margin-right: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-8 {
    margin-bottom: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-8 {
    margin-left: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-9 {
    margin-top: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-9 {
    margin-right: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-9 {
    margin-left: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-10 {
    margin-top: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-10 {
    margin-right: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-10 {
    margin-left: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-12 {
    margin-top: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-12 {
    margin-right: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-12 {
    margin-bottom: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-12 {
    margin-left: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-14 {
    margin-top: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-14 {
    margin-right: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-14 {
    margin-left: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-16 {
    margin-top: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-16 {
    margin-right: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-16 {
    margin-bottom: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-16 {
    margin-left: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-20 {
    margin-top: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-20 {
    margin-right: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-20 {
    margin-bottom: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-20 {
    margin-left: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-24 {
    margin-top: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-24 {
    margin-right: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-24 {
    margin-bottom: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-24 {
    margin-left: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-32 {
    margin-top: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-32 {
    margin-right: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-32 {
    margin-bottom: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-32 {
    margin-left: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-40 {
    margin-top: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-40 {
    margin-right: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-40 {
    margin-bottom: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-40 {
    margin-left: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-48 {
    margin-top: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-48 {
    margin-right: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-48 {
    margin-bottom: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-48 {
    margin-left: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-56 {
    margin-top: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-56 {
    margin-right: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-56 {
    margin-bottom: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-56 {
    margin-left: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-64 {
    margin-top: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:mr-64 {
    margin-right: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:mb-64 {
    margin-bottom: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:ml-64 {
    margin-left: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:mt-auto {
    margin-top: auto;
  }

  :root [dir=ltr] .md\:ltr\:mr-auto {
    margin-right: auto;
  }

  :root [dir=ltr] .md\:ltr\:mb-auto {
    margin-bottom: auto;
  }

  :root [dir=ltr] .md\:ltr\:ml-auto {
    margin-left: auto;
  }

  :root [dir=ltr] .md\:ltr\:mt-px {
    margin-top: 1px;
  }

  :root [dir=ltr] .md\:ltr\:mr-px {
    margin-right: 1px;
  }

  :root [dir=ltr] .md\:ltr\:mb-px {
    margin-bottom: 1px;
  }

  :root [dir=ltr] .md\:ltr\:ml-px {
    margin-left: 1px;
  }

  :root [dir=ltr] .md\:ltr\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-4 {
    margin-top: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-4 {
    margin-right: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-4 {
    margin-left: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-8 {
    margin-top: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-8 {
    margin-right: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-8 {
    margin-left: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-12 {
    margin-top: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-12 {
    margin-right: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-12 {
    margin-left: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-16 {
    margin-top: -4rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-16 {
    margin-right: -4rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-16 {
    margin-left: -4rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-20 {
    margin-top: -5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-20 {
    margin-right: -5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-20 {
    margin-left: -5rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-24 {
    margin-top: -6rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-24 {
    margin-right: -6rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-24 {
    margin-left: -6rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-32 {
    margin-top: -8rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-32 {
    margin-right: -8rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-32 {
    margin-left: -8rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-40 {
    margin-top: -10rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-40 {
    margin-right: -10rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-40 {
    margin-left: -10rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-48 {
    margin-top: -12rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-48 {
    margin-right: -12rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-48 {
    margin-left: -12rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-56 {
    margin-top: -14rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-56 {
    margin-right: -14rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-56 {
    margin-left: -14rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-64 {
    margin-top: -16rem;
  }

  :root [dir=ltr] .md\:ltr\:-mr-64 {
    margin-right: -16rem;
  }

  :root [dir=ltr] .md\:ltr\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root [dir=ltr] .md\:ltr\:-ml-64 {
    margin-left: -16rem;
  }

  :root [dir=ltr] .md\:ltr\:-mt-px {
    margin-top: -1px;
  }

  :root [dir=ltr] .md\:ltr\:-mr-px {
    margin-right: -1px;
  }

  :root [dir=ltr] .md\:ltr\:-mb-px {
    margin-bottom: -1px;
  }

  :root [dir=ltr] .md\:ltr\:-ml-px {
    margin-left: -1px;
  }

  :root [dir=ltr] .md\:ltr\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .md\:ltr\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .md\:ltr\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .md\:ltr\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .md\:rtl\:m-0 {
    margin: 0;
  }

  :root [dir=rtl] .md\:rtl\:m-1 {
    margin: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:m-2 {
    margin: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:m-3 {
    margin: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:m-4 {
    margin: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:m-5 {
    margin: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:m-6 {
    margin: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:m-8 {
    margin: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:m-9 {
    margin: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:m-10 {
    margin: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:m-12 {
    margin: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:m-14 {
    margin: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:m-16 {
    margin: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:m-20 {
    margin: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:m-24 {
    margin: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:m-32 {
    margin: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:m-40 {
    margin: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:m-48 {
    margin: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:m-56 {
    margin: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:m-64 {
    margin: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:m-auto {
    margin: auto;
  }

  :root [dir=rtl] .md\:rtl\:m-px {
    margin: 1px;
  }

  :root [dir=rtl] .md\:rtl\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:-m-1 {
    margin: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-2 {
    margin: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-3 {
    margin: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-4 {
    margin: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-5 {
    margin: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-6 {
    margin: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-8 {
    margin: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-9 {
    margin: -2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-10 {
    margin: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-12 {
    margin: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-14 {
    margin: -3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-16 {
    margin: -4rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-20 {
    margin: -5rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-24 {
    margin: -6rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-32 {
    margin: -8rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-40 {
    margin: -10rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-48 {
    margin: -12rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-56 {
    margin: -14rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-64 {
    margin: -16rem;
  }

  :root [dir=rtl] .md\:rtl\:-m-px {
    margin: -1px;
  }

  :root [dir=rtl] .md\:rtl\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .md\:rtl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root [dir=rtl] .md\:rtl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root [dir=rtl] .md\:rtl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root [dir=rtl] .md\:rtl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root [dir=rtl] .md\:rtl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root [dir=rtl] .md\:rtl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root [dir=rtl] .md\:rtl\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root [dir=rtl] .md\:rtl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root [dir=rtl] .md\:rtl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root [dir=rtl] .md\:rtl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root [dir=rtl] .md\:rtl\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .md\:rtl\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .md\:rtl\:mt-0 {
    margin-top: 0;
  }

  :root [dir=rtl] .md\:rtl\:mr-0 {
    margin-right: 0;
  }

  :root [dir=rtl] .md\:rtl\:mb-0 {
    margin-bottom: 0;
  }

  :root [dir=rtl] .md\:rtl\:ml-0 {
    margin-left: 0;
  }

  :root [dir=rtl] .md\:rtl\:mt-1 {
    margin-top: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-1 {
    margin-right: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-1 {
    margin-left: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-2 {
    margin-top: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-2 {
    margin-right: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-2 {
    margin-left: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-3 {
    margin-top: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-3 {
    margin-right: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-3 {
    margin-left: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-4 {
    margin-top: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-4 {
    margin-right: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-4 {
    margin-bottom: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-4 {
    margin-left: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-5 {
    margin-top: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-5 {
    margin-right: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-5 {
    margin-left: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-6 {
    margin-top: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-6 {
    margin-right: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-6 {
    margin-left: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-8 {
    margin-top: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-8 {
    margin-right: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-8 {
    margin-bottom: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-8 {
    margin-left: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-9 {
    margin-top: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-9 {
    margin-right: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-9 {
    margin-left: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-10 {
    margin-top: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-10 {
    margin-right: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-10 {
    margin-left: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-12 {
    margin-top: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-12 {
    margin-right: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-12 {
    margin-bottom: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-12 {
    margin-left: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-14 {
    margin-top: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-14 {
    margin-right: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-14 {
    margin-left: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-16 {
    margin-top: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-16 {
    margin-right: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-16 {
    margin-bottom: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-16 {
    margin-left: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-20 {
    margin-top: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-20 {
    margin-right: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-20 {
    margin-bottom: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-20 {
    margin-left: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-24 {
    margin-top: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-24 {
    margin-right: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-24 {
    margin-bottom: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-24 {
    margin-left: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-32 {
    margin-top: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-32 {
    margin-right: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-32 {
    margin-bottom: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-32 {
    margin-left: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-40 {
    margin-top: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-40 {
    margin-right: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-40 {
    margin-bottom: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-40 {
    margin-left: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-48 {
    margin-top: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-48 {
    margin-right: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-48 {
    margin-bottom: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-48 {
    margin-left: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-56 {
    margin-top: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-56 {
    margin-right: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-56 {
    margin-bottom: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-56 {
    margin-left: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-64 {
    margin-top: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:mr-64 {
    margin-right: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:mb-64 {
    margin-bottom: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:ml-64 {
    margin-left: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:mt-auto {
    margin-top: auto;
  }

  :root [dir=rtl] .md\:rtl\:mr-auto {
    margin-right: auto;
  }

  :root [dir=rtl] .md\:rtl\:mb-auto {
    margin-bottom: auto;
  }

  :root [dir=rtl] .md\:rtl\:ml-auto {
    margin-left: auto;
  }

  :root [dir=rtl] .md\:rtl\:mt-px {
    margin-top: 1px;
  }

  :root [dir=rtl] .md\:rtl\:mr-px {
    margin-right: 1px;
  }

  :root [dir=rtl] .md\:rtl\:mb-px {
    margin-bottom: 1px;
  }

  :root [dir=rtl] .md\:rtl\:ml-px {
    margin-left: 1px;
  }

  :root [dir=rtl] .md\:rtl\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-4 {
    margin-top: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-4 {
    margin-right: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-4 {
    margin-left: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-8 {
    margin-top: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-8 {
    margin-right: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-8 {
    margin-left: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-12 {
    margin-top: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-12 {
    margin-right: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-12 {
    margin-left: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-16 {
    margin-top: -4rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-16 {
    margin-right: -4rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-16 {
    margin-left: -4rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-20 {
    margin-top: -5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-20 {
    margin-right: -5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-20 {
    margin-left: -5rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-24 {
    margin-top: -6rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-24 {
    margin-right: -6rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-24 {
    margin-left: -6rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-32 {
    margin-top: -8rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-32 {
    margin-right: -8rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-32 {
    margin-left: -8rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-40 {
    margin-top: -10rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-40 {
    margin-right: -10rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-40 {
    margin-left: -10rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-48 {
    margin-top: -12rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-48 {
    margin-right: -12rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-48 {
    margin-left: -12rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-56 {
    margin-top: -14rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-56 {
    margin-right: -14rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-56 {
    margin-left: -14rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-64 {
    margin-top: -16rem;
  }

  :root [dir=rtl] .md\:rtl\:-mr-64 {
    margin-right: -16rem;
  }

  :root [dir=rtl] .md\:rtl\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root [dir=rtl] .md\:rtl\:-ml-64 {
    margin-left: -16rem;
  }

  :root [dir=rtl] .md\:rtl\:-mt-px {
    margin-top: -1px;
  }

  :root [dir=rtl] .md\:rtl\:-mr-px {
    margin-right: -1px;
  }

  :root [dir=rtl] .md\:rtl\:-mb-px {
    margin-bottom: -1px;
  }

  :root [dir=rtl] .md\:rtl\:-ml-px {
    margin-left: -1px;
  }

  :root [dir=rtl] .md\:rtl\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .md\:rtl\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .md\:rtl\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .md\:rtl\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

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

  :root .md\:max-h-screen {
    max-height: 100vh;
  }

  :root .md\:max-w-unset {
    max-width: unset;
  }

  :root .md\:max-w-xxxs {
    max-width: 16rem;
  }

  :root .md\:max-w-xxs {
    max-width: 18rem;
  }

  :root .md\:max-w-xs {
    max-width: 20rem;
  }

  :root .md\:max-w-sm {
    max-width: 24rem;
  }

  :root .md\:max-w-md {
    max-width: 28rem;
  }

  :root .md\:max-w-lg {
    max-width: 32rem;
  }

  :root .md\:max-w-xl {
    max-width: 36rem;
  }

  :root .md\:max-w-2xl {
    max-width: 42rem;
  }

  :root .md\:max-w-3xl {
    max-width: 48rem;
  }

  :root .md\:max-w-4xl {
    max-width: 56rem;
  }

  :root .md\:max-w-5xl {
    max-width: 64rem;
  }

  :root .md\:max-w-6xl {
    max-width: 72rem;
  }

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

  :root .md\:min-h-0 {
    min-height: 0;
  }

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

  :root .md\:min-h-screen {
    min-height: 100vh;
  }

  :root .md\:min-w-0 {
    min-width: 0;
  }

  :root .md\:min-w-1 {
    min-width: 0.25rem;
  }

  :root .md\:min-w-2 {
    min-width: 0.5rem;
  }

  :root .md\:min-w-3 {
    min-width: 0.75rem;
  }

  :root .md\:min-w-4 {
    min-width: 1rem;
  }

  :root .md\:min-w-5 {
    min-width: 1.25rem;
  }

  :root .md\:min-w-6 {
    min-width: 1.5rem;
  }

  :root .md\:min-w-8 {
    min-width: 2rem;
  }

  :root .md\:min-w-9 {
    min-width: 2.25rem;
  }

  :root .md\:min-w-10 {
    min-width: 2.5rem;
  }

  :root .md\:min-w-12 {
    min-width: 3rem;
  }

  :root .md\:min-w-14 {
    min-width: 3.5rem;
  }

  :root .md\:min-w-16 {
    min-width: 4rem;
  }

  :root .md\:min-w-20 {
    min-width: 5rem;
  }

  :root .md\:min-w-24 {
    min-width: 6rem;
  }

  :root .md\:min-w-32 {
    min-width: 8rem;
  }

  :root .md\:min-w-40 {
    min-width: 10rem;
  }

  :root .md\:min-w-48 {
    min-width: 12rem;
  }

  :root .md\:min-w-56 {
    min-width: 14rem;
  }

  :root .md\:min-w-64 {
    min-width: 16rem;
  }

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

  :root .md\:min-w-px {
    min-width: 1px;
  }

  :root .md\:min-w-gutter {
    min-width: var(--padding-gutter);
  }

  :root .md\:object-contain {
    object-fit: contain;
  }

  :root .md\:object-cover {
    object-fit: cover;
  }

  :root .md\:object-fill {
    object-fit: fill;
  }

  :root .md\:object-none {
    object-fit: none;
  }

  :root .md\:object-scale-down {
    object-fit: scale-down;
  }

  :root .md\:object-bottom {
    object-position: bottom;
  }

  :root .md\:object-center {
    object-position: center;
  }

  :root .md\:object-left {
    object-position: left;
  }

  :root .md\:object-left-bottom {
    object-position: left bottom;
  }

  :root .md\:object-left-top {
    object-position: left top;
  }

  :root .md\:object-right {
    object-position: right;
  }

  :root .md\:object-right-bottom {
    object-position: right bottom;
  }

  :root .md\:object-right-top {
    object-position: right top;
  }

  :root .md\:object-top {
    object-position: top;
  }

  :root .md\:opacity-0 {
    opacity: 0;
  }

  :root .md\:opacity-25 {
    opacity: 0.25;
  }

  :root .md\:opacity-50 {
    opacity: 0.5;
  }

  :root .md\:opacity-75 {
    opacity: 0.75;
  }

  :root .md\:opacity-100 {
    opacity: 1;
  }

  :root .md\:hover\:opacity-0:hover {
    opacity: 0;
  }

  :root .md\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  :root .md\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  :root .md\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  :root .md\:hover\:opacity-100:hover {
    opacity: 1;
  }

  :root .md\:focus\:opacity-0:focus {
    opacity: 0;
  }

  :root .md\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  :root .md\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  :root .md\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  :root .md\:focus\:opacity-100:focus {
    opacity: 1;
  }

  :root .md\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  :root .md\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  :root .md\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  :root .md\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  :root .md\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  :root .md\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

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

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

  :root .md\:overflow-visible {
    overflow: visible;
  }

  :root .md\:overflow-scroll {
    overflow: scroll;
  }

  :root .md\:overflow-x-auto {
    overflow-x: auto;
  }

  :root .md\:overflow-y-auto {
    overflow-y: auto;
  }

  :root .md\:overflow-x-hidden {
    overflow-x: hidden;
  }

  :root .md\:overflow-y-hidden {
    overflow-y: hidden;
  }

  :root .md\:overflow-x-visible {
    overflow-x: visible;
  }

  :root .md\:overflow-y-visible {
    overflow-y: visible;
  }

  :root .md\:overflow-x-scroll {
    overflow-x: scroll;
  }

  :root .md\:overflow-y-scroll {
    overflow-y: scroll;
  }

  :root .md\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  :root .md\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  :root .md\:overscroll-auto {
    overscroll-behavior: auto;
  }

  :root .md\:overscroll-contain {
    overscroll-behavior: contain;
  }

  :root .md\:overscroll-none {
    overscroll-behavior: none;
  }

  :root .md\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  :root .md\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  :root .md\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  :root .md\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  :root .md\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  :root .md\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  :root .md\:p-0 {
    padding: 0;
  }

  :root .md\:p-1 {
    padding: 0.25rem;
  }

  :root .md\:p-2 {
    padding: 0.5rem;
  }

  :root .md\:p-3 {
    padding: 0.75rem;
  }

  :root .md\:p-4 {
    padding: 1rem;
  }

  :root .md\:p-5 {
    padding: 1.25rem;
  }

  :root .md\:p-6 {
    padding: 1.5rem;
  }

  :root .md\:p-8 {
    padding: 2rem;
  }

  :root .md\:p-9 {
    padding: 2.25rem;
  }

  :root .md\:p-10 {
    padding: 2.5rem;
  }

  :root .md\:p-12 {
    padding: 3rem;
  }

  :root .md\:p-14 {
    padding: 3.5rem;
  }

  :root .md\:p-16 {
    padding: 4rem;
  }

  :root .md\:p-20 {
    padding: 5rem;
  }

  :root .md\:p-24 {
    padding: 6rem;
  }

  :root .md\:p-32 {
    padding: 8rem;
  }

  :root .md\:p-40 {
    padding: 10rem;
  }

  :root .md\:p-48 {
    padding: 12rem;
  }

  :root .md\:p-56 {
    padding: 14rem;
  }

  :root .md\:p-64 {
    padding: 16rem;
  }

  :root .md\:p-px {
    padding: 1px;
  }

  :root .md\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root .md\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root .md\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root .md\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root .md\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root .md\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root .md\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root .md\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root .md\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root .md\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root .md\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root .md\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root .md\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root .md\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root .md\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root .md\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root .md\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root .md\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root .md\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root .md\:pt-0 {
    padding-top: 0;
  }

  :root .md\:pr-0 {
    padding-right: 0;
  }

  :root .md\:pb-0 {
    padding-bottom: 0;
  }

  :root .md\:pl-0 {
    padding-left: 0;
  }

  :root .md\:pt-1 {
    padding-top: 0.25rem;
  }

  :root .md\:pr-1 {
    padding-right: 0.25rem;
  }

  :root .md\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root .md\:pl-1 {
    padding-left: 0.25rem;
  }

  :root .md\:pt-2 {
    padding-top: 0.5rem;
  }

  :root .md\:pr-2 {
    padding-right: 0.5rem;
  }

  :root .md\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root .md\:pl-2 {
    padding-left: 0.5rem;
  }

  :root .md\:pt-3 {
    padding-top: 0.75rem;
  }

  :root .md\:pr-3 {
    padding-right: 0.75rem;
  }

  :root .md\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root .md\:pl-3 {
    padding-left: 0.75rem;
  }

  :root .md\:pt-4 {
    padding-top: 1rem;
  }

  :root .md\:pr-4 {
    padding-right: 1rem;
  }

  :root .md\:pb-4 {
    padding-bottom: 1rem;
  }

  :root .md\:pl-4 {
    padding-left: 1rem;
  }

  :root .md\:pt-5 {
    padding-top: 1.25rem;
  }

  :root .md\:pr-5 {
    padding-right: 1.25rem;
  }

  :root .md\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root .md\:pl-5 {
    padding-left: 1.25rem;
  }

  :root .md\:pt-6 {
    padding-top: 1.5rem;
  }

  :root .md\:pr-6 {
    padding-right: 1.5rem;
  }

  :root .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root .md\:pl-6 {
    padding-left: 1.5rem;
  }

  :root .md\:pt-8 {
    padding-top: 2rem;
  }

  :root .md\:pr-8 {
    padding-right: 2rem;
  }

  :root .md\:pb-8 {
    padding-bottom: 2rem;
  }

  :root .md\:pl-8 {
    padding-left: 2rem;
  }

  :root .md\:pt-9 {
    padding-top: 2.25rem;
  }

  :root .md\:pr-9 {
    padding-right: 2.25rem;
  }

  :root .md\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root .md\:pl-9 {
    padding-left: 2.25rem;
  }

  :root .md\:pt-10 {
    padding-top: 2.5rem;
  }

  :root .md\:pr-10 {
    padding-right: 2.5rem;
  }

  :root .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root .md\:pl-10 {
    padding-left: 2.5rem;
  }

  :root .md\:pt-12 {
    padding-top: 3rem;
  }

  :root .md\:pr-12 {
    padding-right: 3rem;
  }

  :root .md\:pb-12 {
    padding-bottom: 3rem;
  }

  :root .md\:pl-12 {
    padding-left: 3rem;
  }

  :root .md\:pt-14 {
    padding-top: 3.5rem;
  }

  :root .md\:pr-14 {
    padding-right: 3.5rem;
  }

  :root .md\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root .md\:pl-14 {
    padding-left: 3.5rem;
  }

  :root .md\:pt-16 {
    padding-top: 4rem;
  }

  :root .md\:pr-16 {
    padding-right: 4rem;
  }

  :root .md\:pb-16 {
    padding-bottom: 4rem;
  }

  :root .md\:pl-16 {
    padding-left: 4rem;
  }

  :root .md\:pt-20 {
    padding-top: 5rem;
  }

  :root .md\:pr-20 {
    padding-right: 5rem;
  }

  :root .md\:pb-20 {
    padding-bottom: 5rem;
  }

  :root .md\:pl-20 {
    padding-left: 5rem;
  }

  :root .md\:pt-24 {
    padding-top: 6rem;
  }

  :root .md\:pr-24 {
    padding-right: 6rem;
  }

  :root .md\:pb-24 {
    padding-bottom: 6rem;
  }

  :root .md\:pl-24 {
    padding-left: 6rem;
  }

  :root .md\:pt-32 {
    padding-top: 8rem;
  }

  :root .md\:pr-32 {
    padding-right: 8rem;
  }

  :root .md\:pb-32 {
    padding-bottom: 8rem;
  }

  :root .md\:pl-32 {
    padding-left: 8rem;
  }

  :root .md\:pt-40 {
    padding-top: 10rem;
  }

  :root .md\:pr-40 {
    padding-right: 10rem;
  }

  :root .md\:pb-40 {
    padding-bottom: 10rem;
  }

  :root .md\:pl-40 {
    padding-left: 10rem;
  }

  :root .md\:pt-48 {
    padding-top: 12rem;
  }

  :root .md\:pr-48 {
    padding-right: 12rem;
  }

  :root .md\:pb-48 {
    padding-bottom: 12rem;
  }

  :root .md\:pl-48 {
    padding-left: 12rem;
  }

  :root .md\:pt-56 {
    padding-top: 14rem;
  }

  :root .md\:pr-56 {
    padding-right: 14rem;
  }

  :root .md\:pb-56 {
    padding-bottom: 14rem;
  }

  :root .md\:pl-56 {
    padding-left: 14rem;
  }

  :root .md\:pt-64 {
    padding-top: 16rem;
  }

  :root .md\:pr-64 {
    padding-right: 16rem;
  }

  :root .md\:pb-64 {
    padding-bottom: 16rem;
  }

  :root .md\:pl-64 {
    padding-left: 16rem;
  }

  :root .md\:pt-px {
    padding-top: 1px;
  }

  :root .md\:pr-px {
    padding-right: 1px;
  }

  :root .md\:pb-px {
    padding-bottom: 1px;
  }

  :root .md\:pl-px {
    padding-left: 1px;
  }

  :root .md\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root .md\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root .md\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root .md\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:p-0 {
    padding: 0;
  }

  :root [dir=ltr] .md\:ltr\:p-1 {
    padding: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:p-2 {
    padding: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:p-3 {
    padding: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:p-4 {
    padding: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:p-5 {
    padding: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:p-6 {
    padding: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:p-8 {
    padding: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:p-9 {
    padding: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:p-10 {
    padding: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:p-12 {
    padding: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:p-14 {
    padding: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:p-16 {
    padding: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:p-20 {
    padding: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:p-24 {
    padding: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:p-32 {
    padding: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:p-40 {
    padding: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:p-48 {
    padding: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:p-56 {
    padding: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:p-64 {
    padding: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:p-px {
    padding: 1px;
  }

  :root [dir=ltr] .md\:ltr\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root [dir=ltr] .md\:ltr\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root [dir=ltr] .md\:ltr\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root [dir=ltr] .md\:ltr\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root [dir=ltr] .md\:ltr\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:pt-0 {
    padding-top: 0;
  }

  :root [dir=ltr] .md\:ltr\:pr-0 {
    padding-right: 0;
  }

  :root [dir=ltr] .md\:ltr\:pb-0 {
    padding-bottom: 0;
  }

  :root [dir=ltr] .md\:ltr\:pl-0 {
    padding-left: 0;
  }

  :root [dir=ltr] .md\:ltr\:pt-1 {
    padding-top: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-1 {
    padding-right: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-1 {
    padding-left: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-2 {
    padding-top: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-2 {
    padding-right: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-2 {
    padding-left: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-3 {
    padding-top: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-3 {
    padding-right: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-3 {
    padding-left: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-4 {
    padding-top: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-4 {
    padding-right: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-4 {
    padding-bottom: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-4 {
    padding-left: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-5 {
    padding-top: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-5 {
    padding-right: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-5 {
    padding-left: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-6 {
    padding-top: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-6 {
    padding-right: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-6 {
    padding-left: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-8 {
    padding-top: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-8 {
    padding-right: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-8 {
    padding-bottom: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-8 {
    padding-left: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-9 {
    padding-top: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-9 {
    padding-right: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-9 {
    padding-left: 2.25rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-10 {
    padding-top: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-10 {
    padding-right: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-10 {
    padding-left: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-12 {
    padding-top: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-12 {
    padding-right: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-12 {
    padding-bottom: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-12 {
    padding-left: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-14 {
    padding-top: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-14 {
    padding-right: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-14 {
    padding-left: 3.5rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-16 {
    padding-top: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-16 {
    padding-right: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-16 {
    padding-bottom: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-16 {
    padding-left: 4rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-20 {
    padding-top: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-20 {
    padding-right: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-20 {
    padding-bottom: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-20 {
    padding-left: 5rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-24 {
    padding-top: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-24 {
    padding-right: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-24 {
    padding-bottom: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-24 {
    padding-left: 6rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-32 {
    padding-top: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-32 {
    padding-right: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-32 {
    padding-bottom: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-32 {
    padding-left: 8rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-40 {
    padding-top: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-40 {
    padding-right: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-40 {
    padding-bottom: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-40 {
    padding-left: 10rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-48 {
    padding-top: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-48 {
    padding-right: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-48 {
    padding-bottom: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-48 {
    padding-left: 12rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-56 {
    padding-top: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-56 {
    padding-right: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-56 {
    padding-bottom: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-56 {
    padding-left: 14rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-64 {
    padding-top: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:pr-64 {
    padding-right: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:pb-64 {
    padding-bottom: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:pl-64 {
    padding-left: 16rem;
  }

  :root [dir=ltr] .md\:ltr\:pt-px {
    padding-top: 1px;
  }

  :root [dir=ltr] .md\:ltr\:pr-px {
    padding-right: 1px;
  }

  :root [dir=ltr] .md\:ltr\:pb-px {
    padding-bottom: 1px;
  }

  :root [dir=ltr] .md\:ltr\:pl-px {
    padding-left: 1px;
  }

  :root [dir=ltr] .md\:ltr\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .md\:ltr\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:p-0 {
    padding: 0;
  }

  :root [dir=rtl] .md\:rtl\:p-1 {
    padding: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:p-2 {
    padding: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:p-3 {
    padding: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:p-4 {
    padding: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:p-5 {
    padding: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:p-6 {
    padding: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:p-8 {
    padding: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:p-9 {
    padding: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:p-10 {
    padding: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:p-12 {
    padding: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:p-14 {
    padding: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:p-16 {
    padding: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:p-20 {
    padding: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:p-24 {
    padding: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:p-32 {
    padding: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:p-40 {
    padding: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:p-48 {
    padding: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:p-56 {
    padding: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:p-64 {
    padding: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:p-px {
    padding: 1px;
  }

  :root [dir=rtl] .md\:rtl\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root [dir=rtl] .md\:rtl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root [dir=rtl] .md\:rtl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root [dir=rtl] .md\:rtl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root [dir=rtl] .md\:rtl\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:pt-0 {
    padding-top: 0;
  }

  :root [dir=rtl] .md\:rtl\:pr-0 {
    padding-right: 0;
  }

  :root [dir=rtl] .md\:rtl\:pb-0 {
    padding-bottom: 0;
  }

  :root [dir=rtl] .md\:rtl\:pl-0 {
    padding-left: 0;
  }

  :root [dir=rtl] .md\:rtl\:pt-1 {
    padding-top: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-1 {
    padding-right: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-1 {
    padding-left: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-2 {
    padding-top: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-2 {
    padding-right: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-3 {
    padding-top: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-3 {
    padding-right: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-3 {
    padding-left: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-4 {
    padding-top: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-4 {
    padding-right: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-4 {
    padding-bottom: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-4 {
    padding-left: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-5 {
    padding-top: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-5 {
    padding-right: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-5 {
    padding-left: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-6 {
    padding-top: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-6 {
    padding-right: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-6 {
    padding-left: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-8 {
    padding-top: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-8 {
    padding-right: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-8 {
    padding-bottom: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-8 {
    padding-left: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-9 {
    padding-top: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-9 {
    padding-right: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-9 {
    padding-left: 2.25rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-10 {
    padding-top: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-10 {
    padding-right: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-12 {
    padding-top: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-12 {
    padding-right: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-12 {
    padding-bottom: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-12 {
    padding-left: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-14 {
    padding-top: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-14 {
    padding-right: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-14 {
    padding-left: 3.5rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-16 {
    padding-top: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-16 {
    padding-right: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-16 {
    padding-bottom: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-16 {
    padding-left: 4rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-20 {
    padding-top: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-20 {
    padding-right: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-20 {
    padding-bottom: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-20 {
    padding-left: 5rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-24 {
    padding-top: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-24 {
    padding-right: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-24 {
    padding-bottom: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-24 {
    padding-left: 6rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-32 {
    padding-top: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-32 {
    padding-right: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-32 {
    padding-bottom: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-32 {
    padding-left: 8rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-40 {
    padding-top: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-40 {
    padding-right: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-40 {
    padding-bottom: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-40 {
    padding-left: 10rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-48 {
    padding-top: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-48 {
    padding-right: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-48 {
    padding-bottom: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-48 {
    padding-left: 12rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-56 {
    padding-top: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-56 {
    padding-right: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-56 {
    padding-bottom: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-56 {
    padding-left: 14rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-64 {
    padding-top: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:pr-64 {
    padding-right: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:pb-64 {
    padding-bottom: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:pl-64 {
    padding-left: 16rem;
  }

  :root [dir=rtl] .md\:rtl\:pt-px {
    padding-top: 1px;
  }

  :root [dir=rtl] .md\:rtl\:pr-px {
    padding-right: 1px;
  }

  :root [dir=rtl] .md\:rtl\:pb-px {
    padding-bottom: 1px;
  }

  :root [dir=rtl] .md\:rtl\:pl-px {
    padding-left: 1px;
  }

  :root [dir=rtl] .md\:rtl\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .md\:rtl\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root .md\:placeholder-current::placeholder {
    color: currentColor;
  }

  :root .md\:placeholder-transparent::placeholder {
    color: transparent;
  }

  :root .md\:placeholder-black::placeholder {
    color: var(--text-color);
  }

  :root .md\:placeholder-white::placeholder {
    color: var(--text-color-light);
  }

  :root .md\:placeholder-contrast-black::placeholder {
    --placeholder-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  :root .md\:placeholder-contrast-white::placeholder {
    --placeholder-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  :root .md\:placeholder-gray-light::placeholder {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:placeholder-gray::placeholder {
    --placeholder-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--placeholder-opacity));
  }

  :root .md\:placeholder-red-light::placeholder {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:placeholder-red::placeholder {
    --placeholder-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--placeholder-opacity));
  }

  :root .md\:placeholder-orange-light::placeholder {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:placeholder-orange::placeholder {
    --placeholder-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--placeholder-opacity));
  }

  :root .md\:placeholder-deep-orange-light::placeholder {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:placeholder-deep-orange::placeholder {
    --placeholder-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--placeholder-opacity));
  }

  :root .md\:placeholder-amber-light::placeholder {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:placeholder-amber::placeholder {
    --placeholder-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--placeholder-opacity));
  }

  :root .md\:placeholder-green-light::placeholder {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:placeholder-green::placeholder {
    --placeholder-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--placeholder-opacity));
  }

  :root .md\:placeholder-teal-light::placeholder {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:placeholder-teal::placeholder {
    --placeholder-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--placeholder-opacity));
  }

  :root .md\:placeholder-cyan-light::placeholder {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:placeholder-cyan::placeholder {
    --placeholder-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--placeholder-opacity));
  }

  :root .md\:placeholder-purple-light::placeholder {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:placeholder-purple::placeholder {
    --placeholder-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--placeholder-opacity));
  }

  :root .md\:placeholder-deep-purple-light::placeholder {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:placeholder-deep-purple::placeholder {
    --placeholder-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--placeholder-opacity));
  }

  :root .md\:placeholder-pink-light::placeholder {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:placeholder-pink::placeholder {
    --placeholder-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--placeholder-opacity));
  }

  :root .md\:placeholder-primary-light::placeholder {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:placeholder-primary::placeholder {
    color: rgb(var(--color-primary));
  }

  :root .md\:placeholder-accent-light::placeholder {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:placeholder-accent::placeholder {
    color: rgb(var(--color-accent));
  }

  :root .md\:placeholder-warn-light::placeholder {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:placeholder-warn::placeholder {
    color: rgb(var(--color-warn));
  }

  :root .md\:focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }

  :root .md\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  :root .md\:focus\:placeholder-black:focus::placeholder {
    color: var(--text-color);
  }

  :root .md\:focus\:placeholder-white:focus::placeholder {
    color: var(--text-color-light);
  }

  :root .md\:focus\:placeholder-contrast-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-contrast-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-gray-light:focus::placeholder {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:focus\:placeholder-gray:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-red-light:focus::placeholder {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:focus\:placeholder-red:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-orange-light:focus::placeholder {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:focus\:placeholder-orange:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-deep-orange-light:focus::placeholder {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:focus\:placeholder-deep-orange:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-amber-light:focus::placeholder {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:focus\:placeholder-amber:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-green-light:focus::placeholder {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:focus\:placeholder-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-teal-light:focus::placeholder {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:focus\:placeholder-teal:focus::placeholder {
    --placeholder-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-cyan-light:focus::placeholder {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:focus\:placeholder-cyan:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-purple-light:focus::placeholder {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:focus\:placeholder-purple:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-deep-purple-light:focus::placeholder {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:focus\:placeholder-deep-purple:focus::placeholder {
    --placeholder-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-pink-light:focus::placeholder {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:focus\:placeholder-pink:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--placeholder-opacity));
  }

  :root .md\:focus\:placeholder-primary-light:focus::placeholder {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:focus\:placeholder-primary:focus::placeholder {
    color: rgb(var(--color-primary));
  }

  :root .md\:focus\:placeholder-accent-light:focus::placeholder {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:focus\:placeholder-accent:focus::placeholder {
    color: rgb(var(--color-accent));
  }

  :root .md\:focus\:placeholder-warn-light:focus::placeholder {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:focus\:placeholder-warn:focus::placeholder {
    color: rgb(var(--color-warn));
  }

  :root .md\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  :root .md\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  :root .md\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  :root .md\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  :root .md\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  :root .md\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  :root .md\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  :root .md\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  :root .md\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  :root .md\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  :root .md\:pointer-events-none {
    pointer-events: none;
  }

  :root .md\:pointer-events-auto {
    pointer-events: auto;
  }

  :root .md\:static {
    position: static;
  }

  :root .md\:fixed {
    position: fixed;
  }

  :root .md\:absolute {
    position: absolute;
  }

  :root .md\:relative {
    position: relative;
  }

  :root .md\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  :root .md\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root .md\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root .md\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root .md\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root .md\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root .md\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root .md\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root .md\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root .md\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root .md\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root .md\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root .md\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root .md\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root .md\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root .md\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root .md\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root .md\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root .md\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root .md\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root .md\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root .md\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root .md\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root .md\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root .md\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root .md\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root .md\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root .md\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root .md\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root .md\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root .md\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root .md\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root .md\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root .md\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root .md\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root .md\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root .md\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root .md\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root .md\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root .md\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root .md\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root .md\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root .md\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root .md\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root .md\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root .md\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root .md\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root .md\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root .md\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root .md\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root .md\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root .md\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root .md\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root .md\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root .md\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root .md\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root .md\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root .md\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root .md\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root .md\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root .md\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root .md\:top-0 {
    top: 0;
  }

  :root .md\:right-0 {
    right: 0;
  }

  :root .md\:bottom-0 {
    bottom: 0;
  }

  :root .md\:left-0 {
    left: 0;
  }

  :root .md\:top-1 {
    top: 0.25rem;
  }

  :root .md\:right-1 {
    right: 0.25rem;
  }

  :root .md\:bottom-1 {
    bottom: 0.25rem;
  }

  :root .md\:left-1 {
    left: 0.25rem;
  }

  :root .md\:top-2 {
    top: 0.5rem;
  }

  :root .md\:right-2 {
    right: 0.5rem;
  }

  :root .md\:bottom-2 {
    bottom: 0.5rem;
  }

  :root .md\:left-2 {
    left: 0.5rem;
  }

  :root .md\:top-3 {
    top: 0.75rem;
  }

  :root .md\:right-3 {
    right: 0.75rem;
  }

  :root .md\:bottom-3 {
    bottom: 0.75rem;
  }

  :root .md\:left-3 {
    left: 0.75rem;
  }

  :root .md\:top-4 {
    top: 1rem;
  }

  :root .md\:right-4 {
    right: 1rem;
  }

  :root .md\:bottom-4 {
    bottom: 1rem;
  }

  :root .md\:left-4 {
    left: 1rem;
  }

  :root .md\:top-5 {
    top: 1.25rem;
  }

  :root .md\:right-5 {
    right: 1.25rem;
  }

  :root .md\:bottom-5 {
    bottom: 1.25rem;
  }

  :root .md\:left-5 {
    left: 1.25rem;
  }

  :root .md\:top-6 {
    top: 1.5rem;
  }

  :root .md\:right-6 {
    right: 1.5rem;
  }

  :root .md\:bottom-6 {
    bottom: 1.5rem;
  }

  :root .md\:left-6 {
    left: 1.5rem;
  }

  :root .md\:top-8 {
    top: 2rem;
  }

  :root .md\:right-8 {
    right: 2rem;
  }

  :root .md\:bottom-8 {
    bottom: 2rem;
  }

  :root .md\:left-8 {
    left: 2rem;
  }

  :root .md\:top-10 {
    top: 2.5rem;
  }

  :root .md\:right-10 {
    right: 2.5rem;
  }

  :root .md\:bottom-10 {
    bottom: 2.5rem;
  }

  :root .md\:left-10 {
    left: 2.5rem;
  }

  :root .md\:top-12 {
    top: 3rem;
  }

  :root .md\:right-12 {
    right: 3rem;
  }

  :root .md\:bottom-12 {
    bottom: 3rem;
  }

  :root .md\:left-12 {
    left: 3rem;
  }

  :root .md\:-top-1 {
    top: -0.25rem;
  }

  :root .md\:-right-1 {
    right: -0.25rem;
  }

  :root .md\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root .md\:-left-1 {
    left: -0.25rem;
  }

  :root .md\:-top-2 {
    top: -0.5rem;
  }

  :root .md\:-right-2 {
    right: -0.5rem;
  }

  :root .md\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root .md\:-left-2 {
    left: -0.5rem;
  }

  :root .md\:-top-3 {
    top: -0.75rem;
  }

  :root .md\:-right-3 {
    right: -0.75rem;
  }

  :root .md\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root .md\:-left-3 {
    left: -0.75rem;
  }

  :root .md\:-top-4 {
    top: -1rem;
  }

  :root .md\:-right-4 {
    right: -1rem;
  }

  :root .md\:-bottom-4 {
    bottom: -1rem;
  }

  :root .md\:-left-4 {
    left: -1rem;
  }

  :root .md\:-top-5 {
    top: -1.25rem;
  }

  :root .md\:-right-5 {
    right: -1.25rem;
  }

  :root .md\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root .md\:-left-5 {
    left: -1.25rem;
  }

  :root .md\:-top-6 {
    top: -1.5rem;
  }

  :root .md\:-right-6 {
    right: -1.5rem;
  }

  :root .md\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root .md\:-left-6 {
    left: -1.5rem;
  }

  :root .md\:-top-8 {
    top: -2rem;
  }

  :root .md\:-right-8 {
    right: -2rem;
  }

  :root .md\:-bottom-8 {
    bottom: -2rem;
  }

  :root .md\:-left-8 {
    left: -2rem;
  }

  :root .md\:-top-10 {
    top: -2.5rem;
  }

  :root .md\:-right-10 {
    right: -2.5rem;
  }

  :root .md\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root .md\:-left-10 {
    left: -2.5rem;
  }

  :root .md\:-top-12 {
    top: -3rem;
  }

  :root .md\:-right-12 {
    right: -3rem;
  }

  :root .md\:-bottom-12 {
    bottom: -3rem;
  }

  :root .md\:-left-12 {
    left: -3rem;
  }

  :root .md\:top-auto {
    top: auto;
  }

  :root .md\:right-auto {
    right: auto;
  }

  :root .md\:bottom-auto {
    bottom: auto;
  }

  :root .md\:left-auto {
    left: auto;
  }

  :root [dir=ltr] .md\:ltr\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root [dir=ltr] .md\:ltr\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root [dir=ltr] .md\:ltr\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root [dir=ltr] .md\:ltr\:top-0 {
    top: 0;
  }

  :root [dir=ltr] .md\:ltr\:right-0 {
    right: 0;
  }

  :root [dir=ltr] .md\:ltr\:bottom-0 {
    bottom: 0;
  }

  :root [dir=ltr] .md\:ltr\:left-0 {
    left: 0;
  }

  :root [dir=ltr] .md\:ltr\:top-1 {
    top: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:right-1 {
    right: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-1 {
    bottom: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:left-1 {
    left: 0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:top-2 {
    top: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:right-2 {
    right: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-2 {
    bottom: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:left-2 {
    left: 0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:top-3 {
    top: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:right-3 {
    right: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-3 {
    bottom: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:left-3 {
    left: 0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:top-4 {
    top: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:right-4 {
    right: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-4 {
    bottom: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:left-4 {
    left: 1rem;
  }

  :root [dir=ltr] .md\:ltr\:top-5 {
    top: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:right-5 {
    right: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-5 {
    bottom: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:left-5 {
    left: 1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:top-6 {
    top: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:right-6 {
    right: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-6 {
    bottom: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:left-6 {
    left: 1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:top-8 {
    top: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:right-8 {
    right: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-8 {
    bottom: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:left-8 {
    left: 2rem;
  }

  :root [dir=ltr] .md\:ltr\:top-10 {
    top: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:right-10 {
    right: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-10 {
    bottom: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:left-10 {
    left: 2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:top-12 {
    top: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:right-12 {
    right: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:bottom-12 {
    bottom: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:left-12 {
    left: 3rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-1 {
    top: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-1 {
    right: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-1 {
    left: -0.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-2 {
    top: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-2 {
    right: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-2 {
    left: -0.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-3 {
    top: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-3 {
    right: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-3 {
    left: -0.75rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-4 {
    top: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-4 {
    right: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-4 {
    bottom: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-4 {
    left: -1rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-5 {
    top: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-5 {
    right: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-5 {
    left: -1.25rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-6 {
    top: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-6 {
    right: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-6 {
    left: -1.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-8 {
    top: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-8 {
    right: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-8 {
    bottom: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-8 {
    left: -2rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-10 {
    top: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-10 {
    right: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-10 {
    left: -2.5rem;
  }

  :root [dir=ltr] .md\:ltr\:-top-12 {
    top: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-right-12 {
    right: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-bottom-12 {
    bottom: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:-left-12 {
    left: -3rem;
  }

  :root [dir=ltr] .md\:ltr\:top-auto {
    top: auto;
  }

  :root [dir=ltr] .md\:ltr\:right-auto {
    right: auto;
  }

  :root [dir=ltr] .md\:ltr\:bottom-auto {
    bottom: auto;
  }

  :root [dir=ltr] .md\:ltr\:left-auto {
    left: auto;
  }

  :root [dir=rtl] .md\:rtl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root [dir=rtl] .md\:rtl\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root [dir=rtl] .md\:rtl\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root [dir=rtl] .md\:rtl\:top-0 {
    top: 0;
  }

  :root [dir=rtl] .md\:rtl\:right-0 {
    right: 0;
  }

  :root [dir=rtl] .md\:rtl\:bottom-0 {
    bottom: 0;
  }

  :root [dir=rtl] .md\:rtl\:left-0 {
    left: 0;
  }

  :root [dir=rtl] .md\:rtl\:top-1 {
    top: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:right-1 {
    right: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-1 {
    bottom: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:left-1 {
    left: 0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:top-2 {
    top: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:right-2 {
    right: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-2 {
    bottom: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:left-2 {
    left: 0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:top-3 {
    top: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:right-3 {
    right: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-3 {
    bottom: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:left-3 {
    left: 0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:top-4 {
    top: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:right-4 {
    right: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-4 {
    bottom: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:left-4 {
    left: 1rem;
  }

  :root [dir=rtl] .md\:rtl\:top-5 {
    top: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:right-5 {
    right: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-5 {
    bottom: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:left-5 {
    left: 1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:top-6 {
    top: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:right-6 {
    right: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-6 {
    bottom: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:left-6 {
    left: 1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:top-8 {
    top: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:right-8 {
    right: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-8 {
    bottom: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:left-8 {
    left: 2rem;
  }

  :root [dir=rtl] .md\:rtl\:top-10 {
    top: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:right-10 {
    right: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-10 {
    bottom: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:left-10 {
    left: 2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:top-12 {
    top: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:right-12 {
    right: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:bottom-12 {
    bottom: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:left-12 {
    left: 3rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-1 {
    top: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-1 {
    right: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-1 {
    left: -0.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-2 {
    top: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-2 {
    right: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-2 {
    left: -0.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-3 {
    top: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-3 {
    right: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-3 {
    left: -0.75rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-4 {
    top: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-4 {
    right: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-4 {
    bottom: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-4 {
    left: -1rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-5 {
    top: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-5 {
    right: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-5 {
    left: -1.25rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-6 {
    top: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-6 {
    right: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-6 {
    left: -1.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-8 {
    top: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-8 {
    right: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-8 {
    bottom: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-8 {
    left: -2rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-10 {
    top: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-10 {
    right: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-10 {
    left: -2.5rem;
  }

  :root [dir=rtl] .md\:rtl\:-top-12 {
    top: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-right-12 {
    right: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-bottom-12 {
    bottom: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:-left-12 {
    left: -3rem;
  }

  :root [dir=rtl] .md\:rtl\:top-auto {
    top: auto;
  }

  :root [dir=rtl] .md\:rtl\:right-auto {
    right: auto;
  }

  :root [dir=rtl] .md\:rtl\:bottom-auto {
    bottom: auto;
  }

  :root [dir=rtl] .md\:rtl\:left-auto {
    left: auto;
  }

  :root .md\:resize-none {
    resize: none;
  }

  :root .md\:resize-y {
    resize: vertical;
  }

  :root .md\:resize-x {
    resize: horizontal;
  }

  :root .md\:resize {
    resize: both;
  }

  :root .md\:shadow-1 {
    box-shadow: var(--elevation-z1);
  }

  :root .md\:shadow-2 {
    box-shadow: var(--elevation-z2);
  }

  :root .md\:shadow-3 {
    box-shadow: var(--elevation-z3);
  }

  :root .md\:shadow-4 {
    box-shadow: var(--elevation-z4);
  }

  :root .md\:shadow-5 {
    box-shadow: var(--elevation-z5);
  }

  :root .md\:shadow-6 {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:shadow-7 {
    box-shadow: var(--elevation-z7);
  }

  :root .md\:shadow-8 {
    box-shadow: var(--elevation-z8);
  }

  :root .md\:shadow-9 {
    box-shadow: var(--elevation-z9);
  }

  :root .md\:shadow-10 {
    box-shadow: var(--elevation-z10);
  }

  :root .md\:shadow-11 {
    box-shadow: var(--elevation-z11);
  }

  :root .md\:shadow-12 {
    box-shadow: var(--elevation-z12);
  }

  :root .md\:shadow-13 {
    box-shadow: var(--elevation-z13);
  }

  :root .md\:shadow-14 {
    box-shadow: var(--elevation-z14);
  }

  :root .md\:shadow-15 {
    box-shadow: var(--elevation-z15);
  }

  :root .md\:shadow-16 {
    box-shadow: var(--elevation-z16);
  }

  :root .md\:shadow-17 {
    box-shadow: var(--elevation-z17);
  }

  :root .md\:shadow-18 {
    box-shadow: var(--elevation-z18);
  }

  :root .md\:shadow-19 {
    box-shadow: var(--elevation-z19);
  }

  :root .md\:shadow-20 {
    box-shadow: var(--elevation-z20);
  }

  :root .md\:shadow {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .md\:shadow-lg {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .md\:shadow-xl {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .md\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .md\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .md\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .md\:shadow-none {
    box-shadow: none;
  }

  :root .md\:shadow-b {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .md\:hover\:shadow-1:hover {
    box-shadow: var(--elevation-z1);
  }

  :root .md\:hover\:shadow-2:hover {
    box-shadow: var(--elevation-z2);
  }

  :root .md\:hover\:shadow-3:hover {
    box-shadow: var(--elevation-z3);
  }

  :root .md\:hover\:shadow-4:hover {
    box-shadow: var(--elevation-z4);
  }

  :root .md\:hover\:shadow-5:hover {
    box-shadow: var(--elevation-z5);
  }

  :root .md\:hover\:shadow-6:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:hover\:shadow-7:hover {
    box-shadow: var(--elevation-z7);
  }

  :root .md\:hover\:shadow-8:hover {
    box-shadow: var(--elevation-z8);
  }

  :root .md\:hover\:shadow-9:hover {
    box-shadow: var(--elevation-z9);
  }

  :root .md\:hover\:shadow-10:hover {
    box-shadow: var(--elevation-z10);
  }

  :root .md\:hover\:shadow-11:hover {
    box-shadow: var(--elevation-z11);
  }

  :root .md\:hover\:shadow-12:hover {
    box-shadow: var(--elevation-z12);
  }

  :root .md\:hover\:shadow-13:hover {
    box-shadow: var(--elevation-z13);
  }

  :root .md\:hover\:shadow-14:hover {
    box-shadow: var(--elevation-z14);
  }

  :root .md\:hover\:shadow-15:hover {
    box-shadow: var(--elevation-z15);
  }

  :root .md\:hover\:shadow-16:hover {
    box-shadow: var(--elevation-z16);
  }

  :root .md\:hover\:shadow-17:hover {
    box-shadow: var(--elevation-z17);
  }

  :root .md\:hover\:shadow-18:hover {
    box-shadow: var(--elevation-z18);
  }

  :root .md\:hover\:shadow-19:hover {
    box-shadow: var(--elevation-z19);
  }

  :root .md\:hover\:shadow-20:hover {
    box-shadow: var(--elevation-z20);
  }

  :root .md\:hover\:shadow:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .md\:hover\:shadow-lg:hover {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .md\:hover\:shadow-xl:hover {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .md\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .md\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .md\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .md\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  :root .md\:hover\:shadow-b:hover {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .md\:focus\:shadow-1:focus {
    box-shadow: var(--elevation-z1);
  }

  :root .md\:focus\:shadow-2:focus {
    box-shadow: var(--elevation-z2);
  }

  :root .md\:focus\:shadow-3:focus {
    box-shadow: var(--elevation-z3);
  }

  :root .md\:focus\:shadow-4:focus {
    box-shadow: var(--elevation-z4);
  }

  :root .md\:focus\:shadow-5:focus {
    box-shadow: var(--elevation-z5);
  }

  :root .md\:focus\:shadow-6:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:focus\:shadow-7:focus {
    box-shadow: var(--elevation-z7);
  }

  :root .md\:focus\:shadow-8:focus {
    box-shadow: var(--elevation-z8);
  }

  :root .md\:focus\:shadow-9:focus {
    box-shadow: var(--elevation-z9);
  }

  :root .md\:focus\:shadow-10:focus {
    box-shadow: var(--elevation-z10);
  }

  :root .md\:focus\:shadow-11:focus {
    box-shadow: var(--elevation-z11);
  }

  :root .md\:focus\:shadow-12:focus {
    box-shadow: var(--elevation-z12);
  }

  :root .md\:focus\:shadow-13:focus {
    box-shadow: var(--elevation-z13);
  }

  :root .md\:focus\:shadow-14:focus {
    box-shadow: var(--elevation-z14);
  }

  :root .md\:focus\:shadow-15:focus {
    box-shadow: var(--elevation-z15);
  }

  :root .md\:focus\:shadow-16:focus {
    box-shadow: var(--elevation-z16);
  }

  :root .md\:focus\:shadow-17:focus {
    box-shadow: var(--elevation-z17);
  }

  :root .md\:focus\:shadow-18:focus {
    box-shadow: var(--elevation-z18);
  }

  :root .md\:focus\:shadow-19:focus {
    box-shadow: var(--elevation-z19);
  }

  :root .md\:focus\:shadow-20:focus {
    box-shadow: var(--elevation-z20);
  }

  :root .md\:focus\:shadow:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .md\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .md\:focus\:shadow-lg:focus {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .md\:focus\:shadow-xl:focus {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .md\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .md\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .md\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .md\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  :root .md\:focus\:shadow-b:focus {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .md\:fill-current {
    fill: currentColor;
  }

  :root .md\:stroke-current {
    stroke: currentColor;
  }

  :root .md\:stroke-0 {
    stroke-width: 0;
  }

  :root .md\:stroke-1 {
    stroke-width: 1;
  }

  :root .md\:stroke-2 {
    stroke-width: 2;
  }

  :root .md\:table-auto {
    table-layout: auto;
  }

  :root .md\:table-fixed {
    table-layout: fixed;
  }

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

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

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

  :root .md\:text-justify {
    text-align: justify;
  }

  :root .md\:text-secondary {
    color: var(--text-secondary);
  }

  :root .md\:text-hint {
    color: var(--text-hint);
  }

  :root .md\:text-current {
    color: currentColor;
  }

  :root .md\:text-transparent {
    color: transparent;
  }

  :root .md\:text-black {
    color: var(--text-color);
  }

  :root .md\:text-white {
    color: var(--text-color-light);
  }

  :root .md\:text-contrast-black {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:text-contrast-white {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-gray-light {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:text-gray {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .md\:text-red-light {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:text-red {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .md\:text-orange-light {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:text-orange {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .md\:text-deep-orange-light {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:text-deep-orange {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .md\:text-amber-light {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:text-amber {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .md\:text-green-light {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:text-green {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .md\:text-teal-light {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:text-teal {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .md\:text-cyan-light {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:text-cyan {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .md\:text-purple-light {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:text-purple {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .md\:text-deep-purple-light {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:text-deep-purple {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .md\:text-pink-light {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:text-pink {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .md\:text-primary-light {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:text-primary {
    color: rgb(var(--color-primary));
  }

  :root .md\:text-accent-light {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:text-accent {
    color: rgb(var(--color-accent));
  }

  :root .md\:text-warn-light {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:text-warn {
    color: rgb(var(--color-warn));
  }

  :root .md\:text-primary-contrast {
    color: rgb(var(--color-primary-contrast));
  }

  :root .md\:text-accent-contrast {
    color: rgb(var(--color-accent-contrast));
  }

  :root .md\:text-warn-contrast {
    color: rgb(var(--color-warn-contrast));
  }

  :root .md\:text-red-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-green-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-amber-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:text-orange-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:text-deep-orange-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-purple-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-deep-purple-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-cyan-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-teal-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-gray-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:text-light-green-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:hover\:text-secondary:hover {
    color: var(--text-secondary);
  }

  :root .md\:hover\:text-hint:hover {
    color: var(--text-hint);
  }

  :root .md\:hover\:text-current:hover {
    color: currentColor;
  }

  :root .md\:hover\:text-transparent:hover {
    color: transparent;
  }

  :root .md\:hover\:text-black:hover {
    color: var(--text-color);
  }

  :root .md\:hover\:text-white:hover {
    color: var(--text-color-light);
  }

  :root .md\:hover\:text-contrast-black:hover {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:hover\:text-contrast-white:hover {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-gray-light:hover {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:hover\:text-gray:hover {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .md\:hover\:text-red-light:hover {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:hover\:text-red:hover {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .md\:hover\:text-orange-light:hover {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:hover\:text-orange:hover {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .md\:hover\:text-deep-orange-light:hover {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:hover\:text-deep-orange:hover {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .md\:hover\:text-amber-light:hover {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:hover\:text-amber:hover {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .md\:hover\:text-green-light:hover {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:hover\:text-green:hover {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .md\:hover\:text-teal-light:hover {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:hover\:text-teal:hover {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .md\:hover\:text-cyan-light:hover {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:hover\:text-cyan:hover {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .md\:hover\:text-purple-light:hover {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:hover\:text-purple:hover {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .md\:hover\:text-deep-purple-light:hover {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:hover\:text-deep-purple:hover {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .md\:hover\:text-pink-light:hover {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:hover\:text-pink:hover {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .md\:hover\:text-primary-light:hover {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:hover\:text-primary:hover {
    color: rgb(var(--color-primary));
  }

  :root .md\:hover\:text-accent-light:hover {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:hover\:text-accent:hover {
    color: rgb(var(--color-accent));
  }

  :root .md\:hover\:text-warn-light:hover {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:hover\:text-warn:hover {
    color: rgb(var(--color-warn));
  }

  :root .md\:hover\:text-primary-contrast:hover {
    color: rgb(var(--color-primary-contrast));
  }

  :root .md\:hover\:text-accent-contrast:hover {
    color: rgb(var(--color-accent-contrast));
  }

  :root .md\:hover\:text-warn-contrast:hover {
    color: rgb(var(--color-warn-contrast));
  }

  :root .md\:hover\:text-red-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-green-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-amber-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:hover\:text-orange-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:hover\:text-deep-orange-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-purple-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-deep-purple-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-cyan-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-teal-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-gray-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:hover\:text-light-green-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:focus\:text-secondary:focus {
    color: var(--text-secondary);
  }

  :root .md\:focus\:text-hint:focus {
    color: var(--text-hint);
  }

  :root .md\:focus\:text-current:focus {
    color: currentColor;
  }

  :root .md\:focus\:text-transparent:focus {
    color: transparent;
  }

  :root .md\:focus\:text-black:focus {
    color: var(--text-color);
  }

  :root .md\:focus\:text-white:focus {
    color: var(--text-color-light);
  }

  :root .md\:focus\:text-contrast-black:focus {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:focus\:text-contrast-white:focus {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-gray-light:focus {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .md\:focus\:text-gray:focus {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .md\:focus\:text-red-light:focus {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .md\:focus\:text-red:focus {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .md\:focus\:text-orange-light:focus {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .md\:focus\:text-orange:focus {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .md\:focus\:text-deep-orange-light:focus {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .md\:focus\:text-deep-orange:focus {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .md\:focus\:text-amber-light:focus {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .md\:focus\:text-amber:focus {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .md\:focus\:text-green-light:focus {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .md\:focus\:text-green:focus {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .md\:focus\:text-teal-light:focus {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .md\:focus\:text-teal:focus {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .md\:focus\:text-cyan-light:focus {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .md\:focus\:text-cyan:focus {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .md\:focus\:text-purple-light:focus {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .md\:focus\:text-purple:focus {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .md\:focus\:text-deep-purple-light:focus {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .md\:focus\:text-deep-purple:focus {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .md\:focus\:text-pink-light:focus {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .md\:focus\:text-pink:focus {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .md\:focus\:text-primary-light:focus {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .md\:focus\:text-primary:focus {
    color: rgb(var(--color-primary));
  }

  :root .md\:focus\:text-accent-light:focus {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .md\:focus\:text-accent:focus {
    color: rgb(var(--color-accent));
  }

  :root .md\:focus\:text-warn-light:focus {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .md\:focus\:text-warn:focus {
    color: rgb(var(--color-warn));
  }

  :root .md\:focus\:text-primary-contrast:focus {
    color: rgb(var(--color-primary-contrast));
  }

  :root .md\:focus\:text-accent-contrast:focus {
    color: rgb(var(--color-accent-contrast));
  }

  :root .md\:focus\:text-warn-contrast:focus {
    color: rgb(var(--color-warn-contrast));
  }

  :root .md\:focus\:text-red-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-green-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-amber-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:focus\:text-orange-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:focus\:text-deep-orange-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-purple-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-deep-purple-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-cyan-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-teal-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-gray-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .md\:focus\:text-light-green-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .md\:text-opacity-0 {
    --text-opacity: 0;
  }

  :root .md\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  :root .md\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  :root .md\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  :root .md\:text-opacity-100 {
    --text-opacity: 1;
  }

  :root .md\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  :root .md\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  :root .md\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  :root .md\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  :root .md\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  :root .md\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  :root .md\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  :root .md\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  :root .md\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  :root .md\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  :root .md\:italic {
    font-style: italic;
  }

  :root .md\:not-italic {
    font-style: normal;
  }

  :root .md\:uppercase {
    text-transform: uppercase;
  }

  :root .md\:lowercase {
    text-transform: lowercase;
  }

  :root .md\:capitalize {
    text-transform: capitalize;
  }

  :root .md\:normal-case {
    text-transform: none;
  }

  :root .md\:underline {
    text-decoration: underline;
  }

  :root .md\:line-through {
    text-decoration: line-through;
  }

  :root .md\:no-underline {
    text-decoration: none;
  }

  :root .md\:hover\:underline:hover {
    text-decoration: underline;
  }

  :root .md\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  :root .md\:hover\:no-underline:hover {
    text-decoration: none;
  }

  :root .md\:focus\:underline:focus {
    text-decoration: underline;
  }

  :root .md\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  :root .md\:focus\:no-underline:focus {
    text-decoration: none;
  }

  :root .md\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root .md\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  :root .md\:ordinal, :root .md\:slashed-zero, :root .md\:lining-nums, :root .md\:oldstyle-nums, :root .md\:proportional-nums, :root .md\:tabular-nums, :root .md\:diagonal-fractions, :root .md\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  :root .md\:normal-nums {
    font-variant-numeric: normal;
  }

  :root .md\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  :root .md\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  :root .md\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  :root .md\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  :root .md\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  :root .md\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  :root .md\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  :root .md\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

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

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

  :root .md\:tracking-normal {
    letter-spacing: 0;
  }

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

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

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

  :root .md\:select-none {
    -webkit-user-select: none;
            user-select: none;
  }

  :root .md\:select-text {
    -webkit-user-select: text;
            user-select: text;
  }

  :root .md\:select-all {
    -webkit-user-select: all;
            user-select: all;
  }

  :root .md\:select-auto {
    -webkit-user-select: auto;
            user-select: auto;
  }

  :root .md\:align-baseline {
    vertical-align: baseline;
  }

  :root .md\:align-top {
    vertical-align: top;
  }

  :root .md\:align-middle {
    vertical-align: middle;
  }

  :root .md\:align-bottom {
    vertical-align: bottom;
  }

  :root .md\:align-text-top {
    vertical-align: text-top;
  }

  :root .md\:align-text-bottom {
    vertical-align: text-bottom;
  }

  :root .md\:visible {
    visibility: visible;
  }

  :root .md\:invisible {
    visibility: hidden;
  }

  :root .md\:whitespace-normal {
    white-space: normal;
  }

  :root .md\:whitespace-no-wrap {
    white-space: nowrap;
  }

  :root .md\:whitespace-pre {
    white-space: pre;
  }

  :root .md\:whitespace-pre-line {
    white-space: pre-line;
  }

  :root .md\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  :root .md\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  :root .md\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  :root .md\:break-all {
    word-break: break-all;
  }

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

  :root .md\:w-0 {
    width: 0;
  }

  :root .md\:w-1 {
    width: 0.25rem;
  }

  :root .md\:w-2 {
    width: 0.5rem;
  }

  :root .md\:w-3 {
    width: 0.75rem;
  }

  :root .md\:w-4 {
    width: 1rem;
  }

  :root .md\:w-5 {
    width: 1.25rem;
  }

  :root .md\:w-6 {
    width: 1.5rem;
  }

  :root .md\:w-8 {
    width: 2rem;
  }

  :root .md\:w-9 {
    width: 2.25rem;
  }

  :root .md\:w-10 {
    width: 2.5rem;
  }

  :root .md\:w-12 {
    width: 3rem;
  }

  :root .md\:w-14 {
    width: 3.5rem;
  }

  :root .md\:w-16 {
    width: 4rem;
  }

  :root .md\:w-20 {
    width: 5rem;
  }

  :root .md\:w-24 {
    width: 6rem;
  }

  :root .md\:w-32 {
    width: 8rem;
  }

  :root .md\:w-40 {
    width: 10rem;
  }

  :root .md\:w-48 {
    width: 12rem;
  }

  :root .md\:w-56 {
    width: 14rem;
  }

  :root .md\:w-64 {
    width: 16rem;
  }

  :root .md\:w-auto {
    width: auto;
  }

  :root .md\:w-px {
    width: 1px;
  }

  :root .md\:w-gutter {
    width: var(--padding-gutter);
  }

  :root .md\:w-1\/2 {
    width: 50%;
  }

  :root .md\:w-1\/3 {
    width: 33.333333%;
  }

  :root .md\:w-2\/3 {
    width: 66.666667%;
  }

  :root .md\:w-1\/4 {
    width: 25%;
  }

  :root .md\:w-2\/4 {
    width: 50%;
  }

  :root .md\:w-3\/4 {
    width: 75%;
  }

  :root .md\:w-1\/5 {
    width: 20%;
  }

  :root .md\:w-2\/5 {
    width: 40%;
  }

  :root .md\:w-3\/5 {
    width: 60%;
  }

  :root .md\:w-4\/5 {
    width: 80%;
  }

  :root .md\:w-1\/6 {
    width: 16.666667%;
  }

  :root .md\:w-2\/6 {
    width: 33.333333%;
  }

  :root .md\:w-3\/6 {
    width: 50%;
  }

  :root .md\:w-4\/6 {
    width: 66.666667%;
  }

  :root .md\:w-5\/6 {
    width: 83.333333%;
  }

  :root .md\:w-1\/12 {
    width: 8.333333%;
  }

  :root .md\:w-2\/12 {
    width: 16.666667%;
  }

  :root .md\:w-3\/12 {
    width: 25%;
  }

  :root .md\:w-4\/12 {
    width: 33.333333%;
  }

  :root .md\:w-5\/12 {
    width: 41.666667%;
  }

  :root .md\:w-6\/12 {
    width: 50%;
  }

  :root .md\:w-7\/12 {
    width: 58.333333%;
  }

  :root .md\:w-8\/12 {
    width: 66.666667%;
  }

  :root .md\:w-9\/12 {
    width: 75%;
  }

  :root .md\:w-10\/12 {
    width: 83.333333%;
  }

  :root .md\:w-11\/12 {
    width: 91.666667%;
  }

  :root .md\:w-full {
    width: 100%;
  }

  :root .md\:w-screen {
    width: 100vw;
  }

  :root .md\:z-0 {
    z-index: 0;
  }

  :root .md\:z-10 {
    z-index: 10;
  }

  :root .md\:z-20 {
    z-index: 20;
  }

  :root .md\:z-30 {
    z-index: 30;
  }

  :root .md\:z-40 {
    z-index: 40;
  }

  :root .md\:z-50 {
    z-index: 50;
  }

  :root .md\:z-auto {
    z-index: auto;
  }

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

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

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

  :root .md\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  :root .md\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  :root .md\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  :root .md\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  :root .md\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  :root .md\:gap-9 {
    grid-gap: 2.25rem;
    gap: 2.25rem;
  }

  :root .md\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  :root .md\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  :root .md\:gap-14 {
    grid-gap: 3.5rem;
    gap: 3.5rem;
  }

  :root .md\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  :root .md\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  :root .md\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  :root .md\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  :root .md\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  :root .md\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  :root .md\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  :root .md\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  :root .md\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  :root .md\:gap-gutter {
    grid-gap: var(--padding-gutter);
    gap: var(--padding-gutter);
  }

  :root .md\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

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

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

  :root .md\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  :root .md\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  :root .md\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  :root .md\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  :root .md\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  :root .md\:gap-x-9 {
    grid-column-gap: 2.25rem;
    column-gap: 2.25rem;
  }

  :root .md\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  :root .md\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  :root .md\:gap-x-14 {
    grid-column-gap: 3.5rem;
    column-gap: 3.5rem;
  }

  :root .md\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  :root .md\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  :root .md\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  :root .md\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  :root .md\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  :root .md\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  :root .md\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  :root .md\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  :root .md\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  :root .md\:gap-x-gutter {
    grid-column-gap: var(--padding-gutter);
    column-gap: var(--padding-gutter);
  }

  :root .md\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

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

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

  :root .md\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  :root .md\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  :root .md\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  :root .md\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  :root .md\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  :root .md\:gap-y-9 {
    grid-row-gap: 2.25rem;
    row-gap: 2.25rem;
  }

  :root .md\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  :root .md\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  :root .md\:gap-y-14 {
    grid-row-gap: 3.5rem;
    row-gap: 3.5rem;
  }

  :root .md\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  :root .md\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  :root .md\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  :root .md\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  :root .md\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  :root .md\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  :root .md\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  :root .md\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  :root .md\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  :root .md\:gap-y-gutter {
    grid-row-gap: var(--padding-gutter);
    row-gap: var(--padding-gutter);
  }

  :root .md\:grid-flow-row {
    grid-auto-flow: row;
  }

  :root .md\:grid-flow-col {
    grid-auto-flow: column;
  }

  :root .md\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  :root .md\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  :root .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  :root .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :root .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :root .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :root .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  :root .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  :root .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  :root .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  :root .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  :root .md\:grid-cols-none {
    grid-template-columns: none;
  }

  :root .md\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  :root .md\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  :root .md\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  :root .md\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  :root .md\:col-auto {
    grid-column: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  :root .md\:col-span-full {
    grid-column: 1/-1;
  }

  :root .md\:col-start-1 {
    grid-column-start: 1;
  }

  :root .md\:col-start-2 {
    grid-column-start: 2;
  }

  :root .md\:col-start-3 {
    grid-column-start: 3;
  }

  :root .md\:col-start-4 {
    grid-column-start: 4;
  }

  :root .md\:col-start-5 {
    grid-column-start: 5;
  }

  :root .md\:col-start-6 {
    grid-column-start: 6;
  }

  :root .md\:col-start-7 {
    grid-column-start: 7;
  }

  :root .md\:col-start-8 {
    grid-column-start: 8;
  }

  :root .md\:col-start-9 {
    grid-column-start: 9;
  }

  :root .md\:col-start-10 {
    grid-column-start: 10;
  }

  :root .md\:col-start-11 {
    grid-column-start: 11;
  }

  :root .md\:col-start-12 {
    grid-column-start: 12;
  }

  :root .md\:col-start-13 {
    grid-column-start: 13;
  }

  :root .md\:col-start-auto {
    grid-column-start: auto;
  }

  :root .md\:col-end-1 {
    grid-column-end: 1;
  }

  :root .md\:col-end-2 {
    grid-column-end: 2;
  }

  :root .md\:col-end-3 {
    grid-column-end: 3;
  }

  :root .md\:col-end-4 {
    grid-column-end: 4;
  }

  :root .md\:col-end-5 {
    grid-column-end: 5;
  }

  :root .md\:col-end-6 {
    grid-column-end: 6;
  }

  :root .md\:col-end-7 {
    grid-column-end: 7;
  }

  :root .md\:col-end-8 {
    grid-column-end: 8;
  }

  :root .md\:col-end-9 {
    grid-column-end: 9;
  }

  :root .md\:col-end-10 {
    grid-column-end: 10;
  }

  :root .md\:col-end-11 {
    grid-column-end: 11;
  }

  :root .md\:col-end-12 {
    grid-column-end: 12;
  }

  :root .md\:col-end-13 {
    grid-column-end: 13;
  }

  :root .md\:col-end-auto {
    grid-column-end: auto;
  }

  :root .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  :root .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  :root .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  :root .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  :root .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  :root .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  :root .md\:grid-rows-none {
    grid-template-rows: none;
  }

  :root .md\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  :root .md\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  :root .md\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  :root .md\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  :root .md\:row-auto {
    grid-row: auto;
  }

  :root .md\:row-span-1 {
    grid-row: span 1/span 1;
  }

  :root .md\:row-span-2 {
    grid-row: span 2/span 2;
  }

  :root .md\:row-span-3 {
    grid-row: span 3/span 3;
  }

  :root .md\:row-span-4 {
    grid-row: span 4/span 4;
  }

  :root .md\:row-span-5 {
    grid-row: span 5/span 5;
  }

  :root .md\:row-span-6 {
    grid-row: span 6/span 6;
  }

  :root .md\:row-span-full {
    grid-row: 1/-1;
  }

  :root .md\:row-start-1 {
    grid-row-start: 1;
  }

  :root .md\:row-start-2 {
    grid-row-start: 2;
  }

  :root .md\:row-start-3 {
    grid-row-start: 3;
  }

  :root .md\:row-start-4 {
    grid-row-start: 4;
  }

  :root .md\:row-start-5 {
    grid-row-start: 5;
  }

  :root .md\:row-start-6 {
    grid-row-start: 6;
  }

  :root .md\:row-start-7 {
    grid-row-start: 7;
  }

  :root .md\:row-start-auto {
    grid-row-start: auto;
  }

  :root .md\:row-end-1 {
    grid-row-end: 1;
  }

  :root .md\:row-end-2 {
    grid-row-end: 2;
  }

  :root .md\:row-end-3 {
    grid-row-end: 3;
  }

  :root .md\:row-end-4 {
    grid-row-end: 4;
  }

  :root .md\:row-end-5 {
    grid-row-end: 5;
  }

  :root .md\:row-end-6 {
    grid-row-end: 6;
  }

  :root .md\:row-end-7 {
    grid-row-end: 7;
  }

  :root .md\:row-end-auto {
    grid-row-end: auto;
  }

  :root .md\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  :root .md\:transform-none {
    transform: none;
  }

  :root .md\:origin-center {
    transform-origin: center;
  }

  :root .md\:origin-top {
    transform-origin: top;
  }

  :root .md\:origin-top-right {
    transform-origin: top right;
  }

  :root .md\:origin-right {
    transform-origin: right;
  }

  :root .md\:origin-bottom-right {
    transform-origin: bottom right;
  }

  :root .md\:origin-bottom {
    transform-origin: bottom;
  }

  :root .md\:origin-bottom-left {
    transform-origin: bottom left;
  }

  :root .md\:origin-left {
    transform-origin: left;
  }

  :root .md\:origin-top-left {
    transform-origin: top left;
  }

  :root .md\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .md\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .md\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .md\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .md\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .md\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .md\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .md\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .md\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .md\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .md\:scale-x-0 {
    --transform-scale-x: 0;
  }

  :root .md\:scale-x-50 {
    --transform-scale-x: .5;
  }

  :root .md\:scale-x-75 {
    --transform-scale-x: .75;
  }

  :root .md\:scale-x-90 {
    --transform-scale-x: .9;
  }

  :root .md\:scale-x-95 {
    --transform-scale-x: .95;
  }

  :root .md\:scale-x-100 {
    --transform-scale-x: 1;
  }

  :root .md\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  :root .md\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  :root .md\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  :root .md\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  :root .md\:scale-y-0 {
    --transform-scale-y: 0;
  }

  :root .md\:scale-y-50 {
    --transform-scale-y: .5;
  }

  :root .md\:scale-y-75 {
    --transform-scale-y: .75;
  }

  :root .md\:scale-y-90 {
    --transform-scale-y: .9;
  }

  :root .md\:scale-y-95 {
    --transform-scale-y: .95;
  }

  :root .md\:scale-y-100 {
    --transform-scale-y: 1;
  }

  :root .md\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  :root .md\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  :root .md\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  :root .md\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  :root .md\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .md\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .md\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .md\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .md\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .md\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .md\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .md\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .md\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .md\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .md\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  :root .md\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  :root .md\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  :root .md\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  :root .md\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  :root .md\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  :root .md\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  :root .md\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  :root .md\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  :root .md\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  :root .md\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  :root .md\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  :root .md\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  :root .md\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  :root .md\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  :root .md\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  :root .md\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  :root .md\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  :root .md\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  :root .md\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  :root .md\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .md\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .md\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .md\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .md\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .md\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .md\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .md\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .md\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .md\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .md\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  :root .md\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  :root .md\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  :root .md\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  :root .md\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  :root .md\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  :root .md\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  :root .md\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  :root .md\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  :root .md\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  :root .md\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  :root .md\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  :root .md\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  :root .md\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  :root .md\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  :root .md\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  :root .md\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  :root .md\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  :root .md\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  :root .md\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  :root .md\:rotate-0 {
    --transform-rotate: 0;
  }

  :root .md\:rotate-1 {
    --transform-rotate: 1deg;
  }

  :root .md\:rotate-2 {
    --transform-rotate: 2deg;
  }

  :root .md\:rotate-3 {
    --transform-rotate: 3deg;
  }

  :root .md\:rotate-6 {
    --transform-rotate: 6deg;
  }

  :root .md\:rotate-12 {
    --transform-rotate: 12deg;
  }

  :root .md\:rotate-45 {
    --transform-rotate: 45deg;
  }

  :root .md\:rotate-90 {
    --transform-rotate: 90deg;
  }

  :root .md\:rotate-180 {
    --transform-rotate: 180deg;
  }

  :root .md\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  :root .md\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  :root .md\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  :root .md\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  :root .md\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  :root .md\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  :root .md\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  :root .md\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  :root .md\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  :root .md\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  :root .md\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  :root .md\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  :root .md\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  :root .md\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  :root .md\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  :root .md\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  :root .md\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  :root .md\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  :root .md\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  :root .md\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  :root .md\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  :root .md\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  :root .md\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  :root .md\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  :root .md\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  :root .md\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  :root .md\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  :root .md\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  :root .md\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  :root .md\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  :root .md\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  :root .md\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  :root .md\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  :root .md\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  :root .md\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  :root .md\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  :root .md\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  :root .md\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  :root .md\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  :root .md\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  :root .md\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  :root .md\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  :root .md\:translate-x-0 {
    --transform-translate-x: 0;
  }

  :root .md\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  :root .md\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  :root .md\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  :root .md\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  :root .md\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  :root .md\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  :root .md\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  :root .md\:translate-x-9 {
    --transform-translate-x: 2.25rem;
  }

  :root .md\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  :root .md\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  :root .md\:translate-x-14 {
    --transform-translate-x: 3.5rem;
  }

  :root .md\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  :root .md\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  :root .md\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  :root .md\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  :root .md\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  :root .md\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  :root .md\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  :root .md\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  :root .md\:translate-x-px {
    --transform-translate-x: 1px;
  }

  :root .md\:translate-x-gutter {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .md\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  :root .md\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  :root .md\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  :root .md\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  :root .md\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  :root .md\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  :root .md\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  :root .md\:-translate-x-9 {
    --transform-translate-x: -2.25rem;
  }

  :root .md\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  :root .md\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  :root .md\:-translate-x-14 {
    --transform-translate-x: -3.5rem;
  }

  :root .md\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  :root .md\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  :root .md\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  :root .md\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  :root .md\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  :root .md\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  :root .md\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  :root .md\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  :root .md\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  :root .md\:-translate-x-gutter {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  :root .md\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  :root .md\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  :root .md\:translate-x-full {
    --transform-translate-x: 100%;
  }

  :root .md\:translate-y-0 {
    --transform-translate-y: 0;
  }

  :root .md\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  :root .md\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  :root .md\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  :root .md\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  :root .md\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  :root .md\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  :root .md\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  :root .md\:translate-y-9 {
    --transform-translate-y: 2.25rem;
  }

  :root .md\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  :root .md\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  :root .md\:translate-y-14 {
    --transform-translate-y: 3.5rem;
  }

  :root .md\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  :root .md\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  :root .md\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  :root .md\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  :root .md\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  :root .md\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  :root .md\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  :root .md\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  :root .md\:translate-y-px {
    --transform-translate-y: 1px;
  }

  :root .md\:translate-y-gutter {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .md\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  :root .md\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  :root .md\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  :root .md\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  :root .md\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  :root .md\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  :root .md\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  :root .md\:-translate-y-9 {
    --transform-translate-y: -2.25rem;
  }

  :root .md\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  :root .md\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  :root .md\:-translate-y-14 {
    --transform-translate-y: -3.5rem;
  }

  :root .md\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  :root .md\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  :root .md\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  :root .md\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  :root .md\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  :root .md\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  :root .md\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  :root .md\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  :root .md\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  :root .md\:-translate-y-gutter {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .md\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  :root .md\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  :root .md\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  :root .md\:translate-y-full {
    --transform-translate-y: 100%;
  }

  :root .md\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  :root .md\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  :root .md\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  :root .md\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  :root .md\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  :root .md\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  :root .md\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  :root .md\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  :root .md\:hover\:translate-x-9:hover {
    --transform-translate-x: 2.25rem;
  }

  :root .md\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  :root .md\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  :root .md\:hover\:translate-x-14:hover {
    --transform-translate-x: 3.5rem;
  }

  :root .md\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  :root .md\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  :root .md\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  :root .md\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  :root .md\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  :root .md\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  :root .md\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  :root .md\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  :root .md\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  :root .md\:hover\:translate-x-gutter:hover {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .md\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  :root .md\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  :root .md\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  :root .md\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  :root .md\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  :root .md\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  :root .md\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  :root .md\:hover\:-translate-x-9:hover {
    --transform-translate-x: -2.25rem;
  }

  :root .md\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  :root .md\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  :root .md\:hover\:-translate-x-14:hover {
    --transform-translate-x: -3.5rem;
  }

  :root .md\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  :root .md\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  :root .md\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  :root .md\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  :root .md\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  :root .md\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  :root .md\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  :root .md\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  :root .md\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  :root .md\:hover\:-translate-x-gutter:hover {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .md\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  :root .md\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  :root .md\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  :root .md\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  :root .md\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  :root .md\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  :root .md\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  :root .md\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  :root .md\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  :root .md\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  :root .md\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  :root .md\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  :root .md\:hover\:translate-y-9:hover {
    --transform-translate-y: 2.25rem;
  }

  :root .md\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  :root .md\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  :root .md\:hover\:translate-y-14:hover {
    --transform-translate-y: 3.5rem;
  }

  :root .md\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  :root .md\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  :root .md\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  :root .md\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  :root .md\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  :root .md\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  :root .md\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  :root .md\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  :root .md\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  :root .md\:hover\:translate-y-gutter:hover {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .md\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  :root .md\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  :root .md\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  :root .md\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  :root .md\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  :root .md\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  :root .md\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  :root .md\:hover\:-translate-y-9:hover {
    --transform-translate-y: -2.25rem;
  }

  :root .md\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  :root .md\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  :root .md\:hover\:-translate-y-14:hover {
    --transform-translate-y: -3.5rem;
  }

  :root .md\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  :root .md\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  :root .md\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  :root .md\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  :root .md\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  :root .md\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  :root .md\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  :root .md\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  :root .md\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  :root .md\:hover\:-translate-y-gutter:hover {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .md\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  :root .md\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  :root .md\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  :root .md\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  :root .md\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  :root .md\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  :root .md\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  :root .md\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  :root .md\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  :root .md\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  :root .md\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  :root .md\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  :root .md\:focus\:translate-x-9:focus {
    --transform-translate-x: 2.25rem;
  }

  :root .md\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  :root .md\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  :root .md\:focus\:translate-x-14:focus {
    --transform-translate-x: 3.5rem;
  }

  :root .md\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  :root .md\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  :root .md\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  :root .md\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  :root .md\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  :root .md\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  :root .md\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  :root .md\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  :root .md\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  :root .md\:focus\:translate-x-gutter:focus {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .md\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  :root .md\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  :root .md\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  :root .md\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  :root .md\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  :root .md\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  :root .md\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  :root .md\:focus\:-translate-x-9:focus {
    --transform-translate-x: -2.25rem;
  }

  :root .md\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  :root .md\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  :root .md\:focus\:-translate-x-14:focus {
    --transform-translate-x: -3.5rem;
  }

  :root .md\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  :root .md\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  :root .md\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  :root .md\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  :root .md\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  :root .md\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  :root .md\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  :root .md\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  :root .md\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  :root .md\:focus\:-translate-x-gutter:focus {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .md\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  :root .md\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  :root .md\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  :root .md\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  :root .md\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  :root .md\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  :root .md\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  :root .md\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  :root .md\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  :root .md\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  :root .md\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  :root .md\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  :root .md\:focus\:translate-y-9:focus {
    --transform-translate-y: 2.25rem;
  }

  :root .md\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  :root .md\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  :root .md\:focus\:translate-y-14:focus {
    --transform-translate-y: 3.5rem;
  }

  :root .md\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  :root .md\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  :root .md\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  :root .md\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  :root .md\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  :root .md\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  :root .md\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  :root .md\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  :root .md\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  :root .md\:focus\:translate-y-gutter:focus {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .md\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  :root .md\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  :root .md\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  :root .md\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  :root .md\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  :root .md\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  :root .md\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  :root .md\:focus\:-translate-y-9:focus {
    --transform-translate-y: -2.25rem;
  }

  :root .md\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  :root .md\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  :root .md\:focus\:-translate-y-14:focus {
    --transform-translate-y: -3.5rem;
  }

  :root .md\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  :root .md\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  :root .md\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  :root .md\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  :root .md\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  :root .md\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  :root .md\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  :root .md\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  :root .md\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  :root .md\:focus\:-translate-y-gutter:focus {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .md\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  :root .md\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  :root .md\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  :root .md\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  :root .md\:skew-x-0 {
    --transform-skew-x: 0;
  }

  :root .md\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  :root .md\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  :root .md\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  :root .md\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  :root .md\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  :root .md\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  :root .md\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  :root .md\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  :root .md\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  :root .md\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  :root .md\:skew-y-0 {
    --transform-skew-y: 0;
  }

  :root .md\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  :root .md\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  :root .md\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  :root .md\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  :root .md\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  :root .md\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  :root .md\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  :root .md\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  :root .md\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  :root .md\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  :root .md\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  :root .md\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  :root .md\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  :root .md\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  :root .md\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  :root .md\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  :root .md\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  :root .md\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  :root .md\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  :root .md\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  :root .md\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  :root .md\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  :root .md\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  :root .md\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  :root .md\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  :root .md\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  :root .md\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  :root .md\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  :root .md\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  :root .md\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  :root .md\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  :root .md\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  :root .md\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  :root .md\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  :root .md\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  :root .md\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  :root .md\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  :root .md\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  :root .md\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  :root .md\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  :root .md\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  :root .md\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  :root .md\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  :root .md\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  :root .md\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  :root .md\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  :root .md\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  :root .md\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  :root .md\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  :root .md\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  :root .md\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  :root .md\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  :root .md\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  :root .md\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  :root .md\:transition-none {
    transition-property: none;
  }

  :root .md\:transition-all {
    transition-property: all;
  }

  :root .md\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  :root .md\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  :root .md\:transition-opacity {
    transition-property: opacity;
  }

  :root .md\:transition-shadow {
    transition-property: box-shadow;
  }

  :root .md\:transition-transform {
    transition-property: transform;
  }

  :root .md\:ease-linear {
    transition-timing-function: linear;
  }

  :root .md\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  :root .md\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  :root .md\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  :root .md\:duration-75 {
    transition-duration: 75ms;
  }

  :root .md\:duration-100 {
    transition-duration: 100ms;
  }

  :root .md\:duration-150 {
    transition-duration: 150ms;
  }

  :root .md\:duration-200 {
    transition-duration: 200ms;
  }

  :root .md\:duration-300 {
    transition-duration: 300ms;
  }

  :root .md\:duration-500 {
    transition-duration: 500ms;
  }

  :root .md\:duration-700 {
    transition-duration: 700ms;
  }

  :root .md\:duration-1000 {
    transition-duration: 1000ms;
  }

  :root .md\:delay-75 {
    transition-delay: 75ms;
  }

  :root .md\:delay-100 {
    transition-delay: 100ms;
  }

  :root .md\:delay-150 {
    transition-delay: 150ms;
  }

  :root .md\:delay-200 {
    transition-delay: 200ms;
  }

  :root .md\:delay-300 {
    transition-delay: 300ms;
  }

  :root .md\:delay-500 {
    transition-delay: 500ms;
  }

  :root .md\:delay-700 {
    transition-delay: 700ms;
  }

  :root .md\:delay-1000 {
    transition-delay: 1000ms;
  }

  :root .md\:animate-none {
    animation: none;
  }

  :root .md\:animate-spin {
    animation: spin 1s linear infinite;
  }

  :root .md\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  :root .md\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  :root .md\:animate-bounce {
    animation: bounce 1s infinite;
  }
}
@media (min-width: 1280px) {
  :root .lg\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  :root .lg\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-9 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-9 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.25rem * var(--space-x-reverse));
    margin-left: calc(2.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-14 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3.5rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-14 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3.5rem * var(--space-x-reverse));
    margin-left: calc(3.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  :root .lg\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  :root .lg\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-gutter > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(var(--padding-gutter) * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(var(--padding-gutter) * var(--space-y-reverse));
  }

  :root .lg\:space-x-gutter > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(var(--padding-gutter) * var(--space-x-reverse));
    margin-left: calc(var(--padding-gutter) * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-9 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.25rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-9 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.25rem * var(--space-x-reverse));
    margin-left: calc(-2.25rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-14 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3.5rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-14 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3.5rem * var(--space-x-reverse));
    margin-left: calc(-3.5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  :root .lg\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  :root .lg\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:-space-y-gutter > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(calc(var(--padding-gutter) * -1) * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(calc(var(--padding-gutter) * -1) * var(--space-y-reverse));
  }

  :root .lg\:-space-x-gutter > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(calc(var(--padding-gutter) * -1) * var(--space-x-reverse));
    margin-left: calc(calc(var(--padding-gutter) * -1) * calc(1 - var(--space-x-reverse)));
  }

  :root .lg\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  :root .lg\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  :root .lg\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  :root .lg\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  :root .lg\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  :root .lg\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  :root .lg\:divide-y-3 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(3px * var(--divide-y-reverse));
  }

  :root .lg\:divide-x-3 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(3px * var(--divide-x-reverse));
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse)));
  }

  :root .lg\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  :root .lg\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  :root .lg\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  :root .lg\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  :root .lg\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  :root .lg\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  :root .lg\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  :root .lg\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  :root .lg\:divide-current > :not(template) ~ :not(template) {
    border-color: currentColor;
  }

  :root .lg\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  :root .lg\:divide-black > :not(template) ~ :not(template) {
    border-color: var(--text-color);
  }

  :root .lg\:divide-white > :not(template) ~ :not(template) {
    border-color: var(--text-color-light);
  }

  :root .lg\:divide-contrast-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  :root .lg\:divide-contrast-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  :root .lg\:divide-gray-light > :not(template) ~ :not(template) {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:divide-gray > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--divide-opacity));
  }

  :root .lg\:divide-red-light > :not(template) ~ :not(template) {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:divide-red > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--divide-opacity));
  }

  :root .lg\:divide-orange-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:divide-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--divide-opacity));
  }

  :root .lg\:divide-deep-orange-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:divide-deep-orange > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--divide-opacity));
  }

  :root .lg\:divide-amber-light > :not(template) ~ :not(template) {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:divide-amber > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--divide-opacity));
  }

  :root .lg\:divide-green-light > :not(template) ~ :not(template) {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:divide-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--divide-opacity));
  }

  :root .lg\:divide-teal-light > :not(template) ~ :not(template) {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:divide-teal > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--divide-opacity));
  }

  :root .lg\:divide-cyan-light > :not(template) ~ :not(template) {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:divide-cyan > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--divide-opacity));
  }

  :root .lg\:divide-purple-light > :not(template) ~ :not(template) {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:divide-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--divide-opacity));
  }

  :root .lg\:divide-deep-purple-light > :not(template) ~ :not(template) {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:divide-deep-purple > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--divide-opacity));
  }

  :root .lg\:divide-pink-light > :not(template) ~ :not(template) {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:divide-pink > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--divide-opacity));
  }

  :root .lg\:divide-primary-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:divide-primary > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-primary));
  }

  :root .lg\:divide-accent-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:divide-accent > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-accent));
  }

  :root .lg\:divide-warn-light > :not(template) ~ :not(template) {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:divide-warn > :not(template) ~ :not(template) {
    border-color: rgb(var(--color-warn));
  }

  :root .lg\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  :root .lg\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  :root .lg\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  :root .lg\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  :root .lg\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  :root .lg\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  :root .lg\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  :root .lg\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  :root .lg\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  :root .lg\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

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

  :root .lg\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

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

  :root .lg\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  :root .lg\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  :root .lg\:bg-fixed {
    background-attachment: fixed;
  }

  :root .lg\:bg-local {
    background-attachment: local;
  }

  :root .lg\:bg-scroll {
    background-attachment: scroll;
  }

  :root .lg\:bg-clip-border {
    background-clip: border-box;
  }

  :root .lg\:bg-clip-padding {
    background-clip: padding-box;
  }

  :root .lg\:bg-clip-content {
    background-clip: content-box;
  }

  :root .lg\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  :root .lg\:bg-base {
    background-color: var(--background-base);
  }

  :root .lg\:bg-card {
    background-color: var(--background-card);
  }

  :root .lg\:bg-app-bar {
    background-color: var(--background-app-bar);
  }

  :root .lg\:bg-hover {
    background-color: var(--background-hover);
  }

  :root .lg\:bg-current {
    background-color: currentColor;
  }

  :root .lg\:bg-transparent {
    background-color: transparent;
  }

  :root .lg\:bg-black {
    background-color: var(--text-color);
  }

  :root .lg\:bg-white {
    background-color: var(--text-color-light);
  }

  :root .lg\:bg-contrast-black {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .lg\:bg-contrast-white {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .lg\:bg-gray-light {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:bg-gray {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .lg\:bg-red-light {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:bg-red {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .lg\:bg-orange-light {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:bg-orange {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .lg\:bg-deep-orange-light {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:bg-deep-orange {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .lg\:bg-amber-light {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:bg-amber {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .lg\:bg-green-light {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:bg-green {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .lg\:bg-teal-light {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:bg-teal {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .lg\:bg-cyan-light {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:bg-cyan {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .lg\:bg-purple-light {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:bg-purple {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .lg\:bg-deep-purple-light {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:bg-deep-purple {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .lg\:bg-pink-light {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:bg-pink {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .lg\:bg-primary-light {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:bg-primary {
    background-color: rgb(var(--color-primary));
  }

  :root .lg\:bg-accent-light {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:bg-accent {
    background-color: rgb(var(--color-accent));
  }

  :root .lg\:bg-warn-light {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:bg-warn {
    background-color: rgb(var(--color-warn));
  }

  :root .lg\:hover\:bg-base:hover {
    background-color: var(--background-base);
  }

  :root .lg\:hover\:bg-card:hover {
    background-color: var(--background-card);
  }

  :root .lg\:hover\:bg-app-bar:hover {
    background-color: var(--background-app-bar);
  }

  :root .lg\:hover\:bg-hover:hover {
    background-color: var(--background-hover);
  }

  :root .lg\:hover\:bg-current:hover {
    background-color: currentColor;
  }

  :root .lg\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  :root .lg\:hover\:bg-black:hover {
    background-color: var(--text-color);
  }

  :root .lg\:hover\:bg-white:hover {
    background-color: var(--text-color-light);
  }

  :root .lg\:hover\:bg-contrast-black:hover {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-contrast-white:hover {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-gray-light:hover {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:hover\:bg-gray:hover {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-red-light:hover {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:hover\:bg-red:hover {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-orange-light:hover {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:hover\:bg-orange:hover {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-deep-orange-light:hover {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:hover\:bg-deep-orange:hover {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-amber-light:hover {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:hover\:bg-amber:hover {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-green-light:hover {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:hover\:bg-green:hover {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-teal-light:hover {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:hover\:bg-teal:hover {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-cyan-light:hover {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:hover\:bg-cyan:hover {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-purple-light:hover {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:hover\:bg-purple:hover {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-deep-purple-light:hover {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:hover\:bg-deep-purple:hover {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-pink-light:hover {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:hover\:bg-pink:hover {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .lg\:hover\:bg-primary-light:hover {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:hover\:bg-primary:hover {
    background-color: rgb(var(--color-primary));
  }

  :root .lg\:hover\:bg-accent-light:hover {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:hover\:bg-accent:hover {
    background-color: rgb(var(--color-accent));
  }

  :root .lg\:hover\:bg-warn-light:hover {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:hover\:bg-warn:hover {
    background-color: rgb(var(--color-warn));
  }

  :root .lg\:focus\:bg-base:focus {
    background-color: var(--background-base);
  }

  :root .lg\:focus\:bg-card:focus {
    background-color: var(--background-card);
  }

  :root .lg\:focus\:bg-app-bar:focus {
    background-color: var(--background-app-bar);
  }

  :root .lg\:focus\:bg-hover:focus {
    background-color: var(--background-hover);
  }

  :root .lg\:focus\:bg-current:focus {
    background-color: currentColor;
  }

  :root .lg\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  :root .lg\:focus\:bg-black:focus {
    background-color: var(--text-color);
  }

  :root .lg\:focus\:bg-white:focus {
    background-color: var(--text-color-light);
  }

  :root .lg\:focus\:bg-contrast-black:focus {
    --bg-opacity: 1;
    background-color: black;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-contrast-white:focus {
    --bg-opacity: 1;
    background-color: white;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-gray-light:focus {
    background-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:focus\:bg-gray:focus {
    --bg-opacity: 1;
    background-color: #9e9e9e;
    background-color: rgba(158, 158, 158, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-red-light:focus {
    background-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:focus\:bg-red:focus {
    --bg-opacity: 1;
    background-color: #f44336;
    background-color: rgba(244, 67, 54, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-orange-light:focus {
    background-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:focus\:bg-orange:focus {
    --bg-opacity: 1;
    background-color: #ff9800;
    background-color: rgba(255, 152, 0, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-deep-orange-light:focus {
    background-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:focus\:bg-deep-orange:focus {
    --bg-opacity: 1;
    background-color: #ff5722;
    background-color: rgba(255, 87, 34, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-amber-light:focus {
    background-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:focus\:bg-amber:focus {
    --bg-opacity: 1;
    background-color: #ffc107;
    background-color: rgba(255, 193, 7, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-green-light:focus {
    background-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:focus\:bg-green:focus {
    --bg-opacity: 1;
    background-color: #4caf50;
    background-color: rgba(76, 175, 80, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-teal-light:focus {
    background-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:focus\:bg-teal:focus {
    --bg-opacity: 1;
    background-color: #009688;
    background-color: rgba(0, 150, 136, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-cyan-light:focus {
    background-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:focus\:bg-cyan:focus {
    --bg-opacity: 1;
    background-color: #00bcd4;
    background-color: rgba(0, 188, 212, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-purple-light:focus {
    background-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:focus\:bg-purple:focus {
    --bg-opacity: 1;
    background-color: #9c27b0;
    background-color: rgba(156, 39, 176, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-deep-purple-light:focus {
    background-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:focus\:bg-deep-purple:focus {
    --bg-opacity: 1;
    background-color: #673ab7;
    background-color: rgba(103, 58, 183, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-pink-light:focus {
    background-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:focus\:bg-pink:focus {
    --bg-opacity: 1;
    background-color: #e91e63;
    background-color: rgba(233, 30, 99, var(--bg-opacity));
  }

  :root .lg\:focus\:bg-primary-light:focus {
    background-color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:focus\:bg-primary:focus {
    background-color: rgb(var(--color-primary));
  }

  :root .lg\:focus\:bg-accent-light:focus {
    background-color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:focus\:bg-accent:focus {
    background-color: rgb(var(--color-accent));
  }

  :root .lg\:focus\:bg-warn-light:focus {
    background-color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:focus\:bg-warn:focus {
    background-color: rgb(var(--color-warn));
  }

  :root .lg\:bg-none {
    background-image: none;
  }

  :root .lg\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  :root .lg\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  :root .lg\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  :root .lg\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  :root .lg\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  :root .lg\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  :root .lg\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  :root .lg\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  :root .lg\:from-current {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:from-black {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-white {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-contrast-black {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:from-contrast-white {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-gray-light {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:from-gray {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:from-red-light {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:from-red {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:from-orange-light {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:from-orange {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:from-deep-orange-light {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:from-deep-orange {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:from-amber-light {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:from-amber {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:from-green-light {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:from-green {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:from-teal-light {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:from-teal {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:from-cyan-light {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:from-cyan {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:from-purple-light {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:from-purple {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:from-deep-purple-light {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:from-deep-purple {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:from-pink-light {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:from-pink {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:from-primary-light {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-primary {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-accent-light {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-accent {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-warn-light {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:from-warn {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-current {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:via-black {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-white {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-contrast-black {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:via-contrast-white {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-gray-light {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:via-gray {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:via-red-light {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:via-red {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:via-orange-light {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:via-orange {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:via-deep-orange-light {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:via-deep-orange {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:via-amber-light {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:via-amber {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:via-green-light {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:via-green {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:via-teal-light {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:via-teal {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:via-cyan-light {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:via-cyan {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:via-purple-light {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:via-purple {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:via-deep-purple-light {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:via-deep-purple {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:via-pink-light {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:via-pink {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:via-primary-light {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-primary {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-accent-light {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-accent {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-warn-light {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:via-warn {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:to-current {
    --gradient-to-color: currentColor;
  }

  :root .lg\:to-transparent {
    --gradient-to-color: transparent;
  }

  :root .lg\:to-black {
    --gradient-to-color: var(--text-color);
  }

  :root .lg\:to-white {
    --gradient-to-color: var(--text-color-light);
  }

  :root .lg\:to-contrast-black {
    --gradient-to-color: black;
  }

  :root .lg\:to-contrast-white {
    --gradient-to-color: white;
  }

  :root .lg\:to-gray-light {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:to-gray {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .lg\:to-red-light {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:to-red {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .lg\:to-orange-light {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:to-orange {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .lg\:to-deep-orange-light {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:to-deep-orange {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .lg\:to-amber-light {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:to-amber {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .lg\:to-green-light {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:to-green {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .lg\:to-teal-light {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:to-teal {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .lg\:to-cyan-light {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:to-cyan {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .lg\:to-purple-light {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:to-purple {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .lg\:to-deep-purple-light {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:to-deep-purple {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .lg\:to-pink-light {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:to-pink {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .lg\:to-primary-light {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .lg\:to-primary {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .lg\:to-accent-light {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .lg\:to-accent {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .lg\:to-warn-light {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .lg\:to-warn {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .lg\:hover\:from-current:hover {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:hover\:from-black:hover {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-white:hover {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-contrast-black:hover {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:hover\:from-contrast-white:hover {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-gray-light:hover {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:hover\:from-gray:hover {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:hover\:from-red-light:hover {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:hover\:from-red:hover {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:hover\:from-orange-light:hover {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:hover\:from-orange:hover {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:hover\:from-deep-orange-light:hover {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:hover\:from-deep-orange:hover {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:hover\:from-amber-light:hover {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:hover\:from-amber:hover {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:hover\:from-green-light:hover {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:hover\:from-green:hover {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:hover\:from-teal-light:hover {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:hover\:from-teal:hover {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:hover\:from-cyan-light:hover {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:hover\:from-cyan:hover {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:hover\:from-purple-light:hover {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:hover\:from-purple:hover {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:hover\:from-deep-purple-light:hover {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:hover\:from-deep-purple:hover {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:hover\:from-pink-light:hover {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:hover\:from-pink:hover {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:hover\:from-primary-light:hover {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-primary:hover {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-accent-light:hover {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-accent:hover {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-warn-light:hover {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:from-warn:hover {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-current:hover {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:hover\:via-black:hover {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-white:hover {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-contrast-black:hover {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:hover\:via-contrast-white:hover {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-gray-light:hover {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:hover\:via-gray:hover {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:hover\:via-red-light:hover {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:hover\:via-red:hover {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:hover\:via-orange-light:hover {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:hover\:via-orange:hover {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:hover\:via-deep-orange-light:hover {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:hover\:via-deep-orange:hover {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:hover\:via-amber-light:hover {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:hover\:via-amber:hover {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:hover\:via-green-light:hover {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:hover\:via-green:hover {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:hover\:via-teal-light:hover {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:hover\:via-teal:hover {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:hover\:via-cyan-light:hover {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:hover\:via-cyan:hover {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:hover\:via-purple-light:hover {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:hover\:via-purple:hover {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:hover\:via-deep-purple-light:hover {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:hover\:via-deep-purple:hover {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:hover\:via-pink-light:hover {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:hover\:via-pink:hover {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:hover\:via-primary-light:hover {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-primary:hover {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-accent-light:hover {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-accent:hover {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-warn-light:hover {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:via-warn:hover {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:hover\:to-current:hover {
    --gradient-to-color: currentColor;
  }

  :root .lg\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  :root .lg\:hover\:to-black:hover {
    --gradient-to-color: var(--text-color);
  }

  :root .lg\:hover\:to-white:hover {
    --gradient-to-color: var(--text-color-light);
  }

  :root .lg\:hover\:to-contrast-black:hover {
    --gradient-to-color: black;
  }

  :root .lg\:hover\:to-contrast-white:hover {
    --gradient-to-color: white;
  }

  :root .lg\:hover\:to-gray-light:hover {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:hover\:to-gray:hover {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .lg\:hover\:to-red-light:hover {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:hover\:to-red:hover {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .lg\:hover\:to-orange-light:hover {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:hover\:to-orange:hover {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .lg\:hover\:to-deep-orange-light:hover {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:hover\:to-deep-orange:hover {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .lg\:hover\:to-amber-light:hover {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:hover\:to-amber:hover {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .lg\:hover\:to-green-light:hover {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:hover\:to-green:hover {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .lg\:hover\:to-teal-light:hover {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:hover\:to-teal:hover {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .lg\:hover\:to-cyan-light:hover {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:hover\:to-cyan:hover {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .lg\:hover\:to-purple-light:hover {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:hover\:to-purple:hover {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .lg\:hover\:to-deep-purple-light:hover {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:hover\:to-deep-purple:hover {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .lg\:hover\:to-pink-light:hover {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:hover\:to-pink:hover {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .lg\:hover\:to-primary-light:hover {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .lg\:hover\:to-primary:hover {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .lg\:hover\:to-accent-light:hover {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .lg\:hover\:to-accent:hover {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .lg\:hover\:to-warn-light:hover {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .lg\:hover\:to-warn:hover {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .lg\:focus\:from-current:focus {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:focus\:from-black:focus {
    --gradient-from-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-white:focus {
    --gradient-from-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-contrast-black:focus {
    --gradient-from-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:focus\:from-contrast-white:focus {
    --gradient-from-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-gray-light:focus {
    --gradient-from-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:focus\:from-gray:focus {
    --gradient-from-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:focus\:from-red-light:focus {
    --gradient-from-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:focus\:from-red:focus {
    --gradient-from-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:focus\:from-orange-light:focus {
    --gradient-from-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:focus\:from-orange:focus {
    --gradient-from-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:focus\:from-deep-orange-light:focus {
    --gradient-from-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:focus\:from-deep-orange:focus {
    --gradient-from-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:focus\:from-amber-light:focus {
    --gradient-from-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:focus\:from-amber:focus {
    --gradient-from-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:focus\:from-green-light:focus {
    --gradient-from-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:focus\:from-green:focus {
    --gradient-from-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:focus\:from-teal-light:focus {
    --gradient-from-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:focus\:from-teal:focus {
    --gradient-from-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:focus\:from-cyan-light:focus {
    --gradient-from-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:focus\:from-cyan:focus {
    --gradient-from-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:focus\:from-purple-light:focus {
    --gradient-from-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:focus\:from-purple:focus {
    --gradient-from-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:focus\:from-deep-purple-light:focus {
    --gradient-from-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:focus\:from-deep-purple:focus {
    --gradient-from-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:focus\:from-pink-light:focus {
    --gradient-from-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:focus\:from-pink:focus {
    --gradient-from-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:focus\:from-primary-light:focus {
    --gradient-from-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-primary:focus {
    --gradient-from-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-accent-light:focus {
    --gradient-from-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-accent:focus {
    --gradient-from-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-warn-light:focus {
    --gradient-from-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:from-warn:focus {
    --gradient-from-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-current:focus {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:focus\:via-black:focus {
    --gradient-via-color: var(--text-color);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-white:focus {
    --gradient-via-color: var(--text-color-light);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-contrast-black:focus {
    --gradient-via-color: black;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  :root .lg\:focus\:via-contrast-white:focus {
    --gradient-via-color: white;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-gray-light:focus {
    --gradient-via-color: rgba(158, 158, 158, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:focus\:via-gray:focus {
    --gradient-via-color: rgb(158, 158, 158);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(158, 158, 158, 0));
  }

  :root .lg\:focus\:via-red-light:focus {
    --gradient-via-color: rgba(244, 67, 54, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:focus\:via-red:focus {
    --gradient-via-color: rgb(244, 67, 54);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 67, 54, 0));
  }

  :root .lg\:focus\:via-orange-light:focus {
    --gradient-via-color: rgba(255, 152, 0, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:focus\:via-orange:focus {
    --gradient-via-color: rgb(255, 152, 0);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 152, 0, 0));
  }

  :root .lg\:focus\:via-deep-orange-light:focus {
    --gradient-via-color: rgba(255, 87, 34, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:focus\:via-deep-orange:focus {
    --gradient-via-color: rgb(255, 87, 34);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 87, 34, 0));
  }

  :root .lg\:focus\:via-amber-light:focus {
    --gradient-via-color: rgba(255, 193, 7, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:focus\:via-amber:focus {
    --gradient-via-color: rgb(255, 193, 7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 193, 7, 0));
  }

  :root .lg\:focus\:via-green-light:focus {
    --gradient-via-color: rgba(76, 175, 80, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:focus\:via-green:focus {
    --gradient-via-color: rgb(76, 175, 80);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 175, 80, 0));
  }

  :root .lg\:focus\:via-teal-light:focus {
    --gradient-via-color: rgba(0, 150, 136, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:focus\:via-teal:focus {
    --gradient-via-color: rgb(0, 150, 136);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 150, 136, 0));
  }

  :root .lg\:focus\:via-cyan-light:focus {
    --gradient-via-color: rgba(0, 188, 212, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:focus\:via-cyan:focus {
    --gradient-via-color: rgb(0, 188, 212);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 188, 212, 0));
  }

  :root .lg\:focus\:via-purple-light:focus {
    --gradient-via-color: rgba(156, 39, 176, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:focus\:via-purple:focus {
    --gradient-via-color: rgb(156, 39, 176);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 39, 176, 0));
  }

  :root .lg\:focus\:via-deep-purple-light:focus {
    --gradient-via-color: rgba(103, 58, 183, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:focus\:via-deep-purple:focus {
    --gradient-via-color: rgb(103, 58, 183);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(103, 58, 183, 0));
  }

  :root .lg\:focus\:via-pink-light:focus {
    --gradient-via-color: rgba(233, 30, 99, 0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:focus\:via-pink:focus {
    --gradient-via-color: rgb(233, 30, 99);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 30, 99, 0));
  }

  :root .lg\:focus\:via-primary-light:focus {
    --gradient-via-color: rgba(var(--color-primary), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-primary:focus {
    --gradient-via-color: rgb(var(--color-primary));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-accent-light:focus {
    --gradient-via-color: rgba(var(--color-accent), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-accent:focus {
    --gradient-via-color: rgb(var(--color-accent));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-warn-light:focus {
    --gradient-via-color: rgba(var(--color-warn), .1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:via-warn:focus {
    --gradient-via-color: rgb(var(--color-warn));
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  :root .lg\:focus\:to-current:focus {
    --gradient-to-color: currentColor;
  }

  :root .lg\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  :root .lg\:focus\:to-black:focus {
    --gradient-to-color: var(--text-color);
  }

  :root .lg\:focus\:to-white:focus {
    --gradient-to-color: var(--text-color-light);
  }

  :root .lg\:focus\:to-contrast-black:focus {
    --gradient-to-color: black;
  }

  :root .lg\:focus\:to-contrast-white:focus {
    --gradient-to-color: white;
  }

  :root .lg\:focus\:to-gray-light:focus {
    --gradient-to-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:focus\:to-gray:focus {
    --gradient-to-color: rgb(158, 158, 158);
  }

  :root .lg\:focus\:to-red-light:focus {
    --gradient-to-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:focus\:to-red:focus {
    --gradient-to-color: rgb(244, 67, 54);
  }

  :root .lg\:focus\:to-orange-light:focus {
    --gradient-to-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:focus\:to-orange:focus {
    --gradient-to-color: rgb(255, 152, 0);
  }

  :root .lg\:focus\:to-deep-orange-light:focus {
    --gradient-to-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:focus\:to-deep-orange:focus {
    --gradient-to-color: rgb(255, 87, 34);
  }

  :root .lg\:focus\:to-amber-light:focus {
    --gradient-to-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:focus\:to-amber:focus {
    --gradient-to-color: rgb(255, 193, 7);
  }

  :root .lg\:focus\:to-green-light:focus {
    --gradient-to-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:focus\:to-green:focus {
    --gradient-to-color: rgb(76, 175, 80);
  }

  :root .lg\:focus\:to-teal-light:focus {
    --gradient-to-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:focus\:to-teal:focus {
    --gradient-to-color: rgb(0, 150, 136);
  }

  :root .lg\:focus\:to-cyan-light:focus {
    --gradient-to-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:focus\:to-cyan:focus {
    --gradient-to-color: rgb(0, 188, 212);
  }

  :root .lg\:focus\:to-purple-light:focus {
    --gradient-to-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:focus\:to-purple:focus {
    --gradient-to-color: rgb(156, 39, 176);
  }

  :root .lg\:focus\:to-deep-purple-light:focus {
    --gradient-to-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:focus\:to-deep-purple:focus {
    --gradient-to-color: rgb(103, 58, 183);
  }

  :root .lg\:focus\:to-pink-light:focus {
    --gradient-to-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:focus\:to-pink:focus {
    --gradient-to-color: rgb(233, 30, 99);
  }

  :root .lg\:focus\:to-primary-light:focus {
    --gradient-to-color: rgba(var(--color-primary), .1);
  }

  :root .lg\:focus\:to-primary:focus {
    --gradient-to-color: rgb(var(--color-primary));
  }

  :root .lg\:focus\:to-accent-light:focus {
    --gradient-to-color: rgba(var(--color-accent), .1);
  }

  :root .lg\:focus\:to-accent:focus {
    --gradient-to-color: rgb(var(--color-accent));
  }

  :root .lg\:focus\:to-warn-light:focus {
    --gradient-to-color: rgba(var(--color-warn), .1);
  }

  :root .lg\:focus\:to-warn:focus {
    --gradient-to-color: rgb(var(--color-warn));
  }

  :root .lg\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  :root .lg\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  :root .lg\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  :root .lg\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  :root .lg\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  :root .lg\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  :root .lg\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  :root .lg\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  :root .lg\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  :root .lg\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  :root .lg\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  :root .lg\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  :root .lg\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  :root .lg\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  :root .lg\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  :root .lg\:bg-bottom {
    background-position: bottom;
  }

  :root .lg\:bg-center {
    background-position: center;
  }

  :root .lg\:bg-left {
    background-position: left;
  }

  :root .lg\:bg-left-bottom {
    background-position: left bottom;
  }

  :root .lg\:bg-left-top {
    background-position: left top;
  }

  :root .lg\:bg-right {
    background-position: right;
  }

  :root .lg\:bg-right-bottom {
    background-position: right bottom;
  }

  :root .lg\:bg-right-top {
    background-position: right top;
  }

  :root .lg\:bg-top {
    background-position: top;
  }

  :root .lg\:bg-repeat {
    background-repeat: repeat;
  }

  :root .lg\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  :root .lg\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  :root .lg\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  :root .lg\:bg-repeat-round {
    background-repeat: round;
  }

  :root .lg\:bg-repeat-space {
    background-repeat: space;
  }

  :root .lg\:bg-auto {
    background-size: auto;
  }

  :root .lg\:bg-cover {
    background-size: cover;
  }

  :root .lg\:bg-contain {
    background-size: contain;
  }

  :root .lg\:border-collapse {
    border-collapse: collapse;
  }

  :root .lg\:border-separate {
    border-collapse: separate;
  }

  :root .lg\:border-current {
    border-color: currentColor;
  }

  :root .lg\:border-transparent {
    border-color: transparent;
  }

  :root .lg\:border-black {
    border-color: var(--text-color);
  }

  :root .lg\:border-white {
    border-color: var(--text-color-light);
  }

  :root .lg\:border-contrast-black {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .lg\:border-contrast-white {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .lg\:border-gray-light {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:border-gray {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .lg\:border-red-light {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:border-red {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .lg\:border-orange-light {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:border-orange {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .lg\:border-deep-orange-light {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:border-deep-orange {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .lg\:border-amber-light {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:border-amber {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .lg\:border-green-light {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:border-green {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .lg\:border-teal-light {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:border-teal {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .lg\:border-cyan-light {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:border-cyan {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .lg\:border-purple-light {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:border-purple {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .lg\:border-deep-purple-light {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:border-deep-purple {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .lg\:border-pink-light {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:border-pink {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .lg\:border-primary-light {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:border-primary {
    border-color: rgb(var(--color-primary));
  }

  :root .lg\:border-accent-light {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:border-accent {
    border-color: rgb(var(--color-accent));
  }

  :root .lg\:border-warn-light {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:border-warn {
    border-color: rgb(var(--color-warn));
  }

  :root .lg\:hover\:border-current:hover {
    border-color: currentColor;
  }

  :root .lg\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  :root .lg\:hover\:border-black:hover {
    border-color: var(--text-color);
  }

  :root .lg\:hover\:border-white:hover {
    border-color: var(--text-color-light);
  }

  :root .lg\:hover\:border-contrast-black:hover {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .lg\:hover\:border-contrast-white:hover {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .lg\:hover\:border-gray-light:hover {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:hover\:border-gray:hover {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .lg\:hover\:border-red-light:hover {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:hover\:border-red:hover {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .lg\:hover\:border-orange-light:hover {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:hover\:border-orange:hover {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .lg\:hover\:border-deep-orange-light:hover {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:hover\:border-deep-orange:hover {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .lg\:hover\:border-amber-light:hover {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:hover\:border-amber:hover {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .lg\:hover\:border-green-light:hover {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:hover\:border-green:hover {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .lg\:hover\:border-teal-light:hover {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:hover\:border-teal:hover {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .lg\:hover\:border-cyan-light:hover {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:hover\:border-cyan:hover {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .lg\:hover\:border-purple-light:hover {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:hover\:border-purple:hover {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .lg\:hover\:border-deep-purple-light:hover {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:hover\:border-deep-purple:hover {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .lg\:hover\:border-pink-light:hover {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:hover\:border-pink:hover {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .lg\:hover\:border-primary-light:hover {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:hover\:border-primary:hover {
    border-color: rgb(var(--color-primary));
  }

  :root .lg\:hover\:border-accent-light:hover {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:hover\:border-accent:hover {
    border-color: rgb(var(--color-accent));
  }

  :root .lg\:hover\:border-warn-light:hover {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:hover\:border-warn:hover {
    border-color: rgb(var(--color-warn));
  }

  :root .lg\:focus\:border-current:focus {
    border-color: currentColor;
  }

  :root .lg\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  :root .lg\:focus\:border-black:focus {
    border-color: var(--text-color);
  }

  :root .lg\:focus\:border-white:focus {
    border-color: var(--text-color-light);
  }

  :root .lg\:focus\:border-contrast-black:focus {
    --border-opacity: 1;
    border-color: black;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  :root .lg\:focus\:border-contrast-white:focus {
    --border-opacity: 1;
    border-color: white;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  :root .lg\:focus\:border-gray-light:focus {
    border-color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:focus\:border-gray:focus {
    --border-opacity: 1;
    border-color: #9e9e9e;
    border-color: rgba(158, 158, 158, var(--border-opacity));
  }

  :root .lg\:focus\:border-red-light:focus {
    border-color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:focus\:border-red:focus {
    --border-opacity: 1;
    border-color: #f44336;
    border-color: rgba(244, 67, 54, var(--border-opacity));
  }

  :root .lg\:focus\:border-orange-light:focus {
    border-color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:focus\:border-orange:focus {
    --border-opacity: 1;
    border-color: #ff9800;
    border-color: rgba(255, 152, 0, var(--border-opacity));
  }

  :root .lg\:focus\:border-deep-orange-light:focus {
    border-color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:focus\:border-deep-orange:focus {
    --border-opacity: 1;
    border-color: #ff5722;
    border-color: rgba(255, 87, 34, var(--border-opacity));
  }

  :root .lg\:focus\:border-amber-light:focus {
    border-color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:focus\:border-amber:focus {
    --border-opacity: 1;
    border-color: #ffc107;
    border-color: rgba(255, 193, 7, var(--border-opacity));
  }

  :root .lg\:focus\:border-green-light:focus {
    border-color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:focus\:border-green:focus {
    --border-opacity: 1;
    border-color: #4caf50;
    border-color: rgba(76, 175, 80, var(--border-opacity));
  }

  :root .lg\:focus\:border-teal-light:focus {
    border-color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:focus\:border-teal:focus {
    --border-opacity: 1;
    border-color: #009688;
    border-color: rgba(0, 150, 136, var(--border-opacity));
  }

  :root .lg\:focus\:border-cyan-light:focus {
    border-color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:focus\:border-cyan:focus {
    --border-opacity: 1;
    border-color: #00bcd4;
    border-color: rgba(0, 188, 212, var(--border-opacity));
  }

  :root .lg\:focus\:border-purple-light:focus {
    border-color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:focus\:border-purple:focus {
    --border-opacity: 1;
    border-color: #9c27b0;
    border-color: rgba(156, 39, 176, var(--border-opacity));
  }

  :root .lg\:focus\:border-deep-purple-light:focus {
    border-color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:focus\:border-deep-purple:focus {
    --border-opacity: 1;
    border-color: #673ab7;
    border-color: rgba(103, 58, 183, var(--border-opacity));
  }

  :root .lg\:focus\:border-pink-light:focus {
    border-color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:focus\:border-pink:focus {
    --border-opacity: 1;
    border-color: #e91e63;
    border-color: rgba(233, 30, 99, var(--border-opacity));
  }

  :root .lg\:focus\:border-primary-light:focus {
    border-color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:focus\:border-primary:focus {
    border-color: rgb(var(--color-primary));
  }

  :root .lg\:focus\:border-accent-light:focus {
    border-color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:focus\:border-accent:focus {
    border-color: rgb(var(--color-accent));
  }

  :root .lg\:focus\:border-warn-light:focus {
    border-color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:focus\:border-warn:focus {
    border-color: rgb(var(--color-warn));
  }

  :root .lg\:border-opacity-0 {
    --border-opacity: 0;
  }

  :root .lg\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  :root .lg\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  :root .lg\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  :root .lg\:border-opacity-100 {
    --border-opacity: 1;
  }

  :root .lg\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  :root .lg\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  :root .lg\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  :root .lg\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  :root .lg\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  :root .lg\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  :root .lg\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  :root .lg\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  :root .lg\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  :root .lg\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  :root .lg\:rounded-none {
    border-radius: 0;
  }

  :root .lg\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root .lg\:rounded {
    border-radius: 0.25rem;
  }

  :root .lg\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root .lg\:rounded-full {
    border-radius: 9999px;
  }

  :root .lg\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root .lg\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root .lg\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .lg\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root .lg\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root .lg\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root .lg\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .lg\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root .lg\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root .lg\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root .lg\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .lg\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root .lg\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root .lg\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root .lg\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .lg\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root .lg\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root .lg\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root .lg\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .lg\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root .lg\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root .lg\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root .lg\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root .lg\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root .lg\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root .lg\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root .lg\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root .lg\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root .lg\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root .lg\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root .lg\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root .lg\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root .lg\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root .lg\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root .lg\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root .lg\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root .lg\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root .lg\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root .lg\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root .lg\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-none {
    border-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded {
    border-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-full {
    border-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root [dir=ltr] .lg\:ltr\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-none {
    border-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-sm {
    border-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded {
    border-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-lg {
    border-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-full {
    border-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  :root [dir=rtl] .lg\:rtl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  :root .lg\:border-solid {
    border-style: solid;
  }

  :root .lg\:border-dashed {
    border-style: dashed;
  }

  :root .lg\:border-dotted {
    border-style: dotted;
  }

  :root .lg\:border-double {
    border-style: double;
  }

  :root .lg\:border-none {
    border-style: none;
  }

  :root .lg\:border-0 {
    border-width: 0;
  }

  :root .lg\:border-2 {
    border-width: 2px;
  }

  :root .lg\:border-3 {
    border-width: 3px;
  }

  :root .lg\:border-4 {
    border-width: 4px;
  }

  :root .lg\:border-8 {
    border-width: 8px;
  }

  :root .lg\:border {
    border-width: 1px;
  }

  :root .lg\:border-t-0 {
    border-top-width: 0;
  }

  :root .lg\:border-r-0 {
    border-right-width: 0;
  }

  :root .lg\:border-b-0 {
    border-bottom-width: 0;
  }

  :root .lg\:border-l-0 {
    border-left-width: 0;
  }

  :root .lg\:border-t-2 {
    border-top-width: 2px;
  }

  :root .lg\:border-r-2 {
    border-right-width: 2px;
  }

  :root .lg\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root .lg\:border-l-2 {
    border-left-width: 2px;
  }

  :root .lg\:border-t-3 {
    border-top-width: 3px;
  }

  :root .lg\:border-r-3 {
    border-right-width: 3px;
  }

  :root .lg\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root .lg\:border-l-3 {
    border-left-width: 3px;
  }

  :root .lg\:border-t-4 {
    border-top-width: 4px;
  }

  :root .lg\:border-r-4 {
    border-right-width: 4px;
  }

  :root .lg\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root .lg\:border-l-4 {
    border-left-width: 4px;
  }

  :root .lg\:border-t-8 {
    border-top-width: 8px;
  }

  :root .lg\:border-r-8 {
    border-right-width: 8px;
  }

  :root .lg\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root .lg\:border-l-8 {
    border-left-width: 8px;
  }

  :root .lg\:border-t {
    border-top-width: 1px;
  }

  :root .lg\:border-r {
    border-right-width: 1px;
  }

  :root .lg\:border-b {
    border-bottom-width: 1px;
  }

  :root .lg\:border-l {
    border-left-width: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:border-0 {
    border-width: 0;
  }

  :root [dir=ltr] .lg\:ltr\:border-2 {
    border-width: 2px;
  }

  :root [dir=ltr] .lg\:ltr\:border-3 {
    border-width: 3px;
  }

  :root [dir=ltr] .lg\:ltr\:border-4 {
    border-width: 4px;
  }

  :root [dir=ltr] .lg\:ltr\:border-8 {
    border-width: 8px;
  }

  :root [dir=ltr] .lg\:ltr\:border {
    border-width: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:border-t-0 {
    border-top-width: 0;
  }

  :root [dir=ltr] .lg\:ltr\:border-r-0 {
    border-right-width: 0;
  }

  :root [dir=ltr] .lg\:ltr\:border-b-0 {
    border-bottom-width: 0;
  }

  :root [dir=ltr] .lg\:ltr\:border-l-0 {
    border-left-width: 0;
  }

  :root [dir=ltr] .lg\:ltr\:border-t-2 {
    border-top-width: 2px;
  }

  :root [dir=ltr] .lg\:ltr\:border-r-2 {
    border-right-width: 2px;
  }

  :root [dir=ltr] .lg\:ltr\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root [dir=ltr] .lg\:ltr\:border-l-2 {
    border-left-width: 2px;
  }

  :root [dir=ltr] .lg\:ltr\:border-t-3 {
    border-top-width: 3px;
  }

  :root [dir=ltr] .lg\:ltr\:border-r-3 {
    border-right-width: 3px;
  }

  :root [dir=ltr] .lg\:ltr\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root [dir=ltr] .lg\:ltr\:border-l-3 {
    border-left-width: 3px;
  }

  :root [dir=ltr] .lg\:ltr\:border-t-4 {
    border-top-width: 4px;
  }

  :root [dir=ltr] .lg\:ltr\:border-r-4 {
    border-right-width: 4px;
  }

  :root [dir=ltr] .lg\:ltr\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root [dir=ltr] .lg\:ltr\:border-l-4 {
    border-left-width: 4px;
  }

  :root [dir=ltr] .lg\:ltr\:border-t-8 {
    border-top-width: 8px;
  }

  :root [dir=ltr] .lg\:ltr\:border-r-8 {
    border-right-width: 8px;
  }

  :root [dir=ltr] .lg\:ltr\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root [dir=ltr] .lg\:ltr\:border-l-8 {
    border-left-width: 8px;
  }

  :root [dir=ltr] .lg\:ltr\:border-t {
    border-top-width: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:border-r {
    border-right-width: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:border-b {
    border-bottom-width: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:border-l {
    border-left-width: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:border-0 {
    border-width: 0;
  }

  :root [dir=rtl] .lg\:rtl\:border-2 {
    border-width: 2px;
  }

  :root [dir=rtl] .lg\:rtl\:border-3 {
    border-width: 3px;
  }

  :root [dir=rtl] .lg\:rtl\:border-4 {
    border-width: 4px;
  }

  :root [dir=rtl] .lg\:rtl\:border-8 {
    border-width: 8px;
  }

  :root [dir=rtl] .lg\:rtl\:border {
    border-width: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:border-t-0 {
    border-top-width: 0;
  }

  :root [dir=rtl] .lg\:rtl\:border-r-0 {
    border-right-width: 0;
  }

  :root [dir=rtl] .lg\:rtl\:border-b-0 {
    border-bottom-width: 0;
  }

  :root [dir=rtl] .lg\:rtl\:border-l-0 {
    border-left-width: 0;
  }

  :root [dir=rtl] .lg\:rtl\:border-t-2 {
    border-top-width: 2px;
  }

  :root [dir=rtl] .lg\:rtl\:border-r-2 {
    border-right-width: 2px;
  }

  :root [dir=rtl] .lg\:rtl\:border-b-2 {
    border-bottom-width: 2px;
  }

  :root [dir=rtl] .lg\:rtl\:border-l-2 {
    border-left-width: 2px;
  }

  :root [dir=rtl] .lg\:rtl\:border-t-3 {
    border-top-width: 3px;
  }

  :root [dir=rtl] .lg\:rtl\:border-r-3 {
    border-right-width: 3px;
  }

  :root [dir=rtl] .lg\:rtl\:border-b-3 {
    border-bottom-width: 3px;
  }

  :root [dir=rtl] .lg\:rtl\:border-l-3 {
    border-left-width: 3px;
  }

  :root [dir=rtl] .lg\:rtl\:border-t-4 {
    border-top-width: 4px;
  }

  :root [dir=rtl] .lg\:rtl\:border-r-4 {
    border-right-width: 4px;
  }

  :root [dir=rtl] .lg\:rtl\:border-b-4 {
    border-bottom-width: 4px;
  }

  :root [dir=rtl] .lg\:rtl\:border-l-4 {
    border-left-width: 4px;
  }

  :root [dir=rtl] .lg\:rtl\:border-t-8 {
    border-top-width: 8px;
  }

  :root [dir=rtl] .lg\:rtl\:border-r-8 {
    border-right-width: 8px;
  }

  :root [dir=rtl] .lg\:rtl\:border-b-8 {
    border-bottom-width: 8px;
  }

  :root [dir=rtl] .lg\:rtl\:border-l-8 {
    border-left-width: 8px;
  }

  :root [dir=rtl] .lg\:rtl\:border-t {
    border-top-width: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:border-r {
    border-right-width: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:border-b {
    border-bottom-width: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:border-l {
    border-left-width: 1px;
  }

  :root .lg\:box-border {
    box-sizing: border-box;
  }

  :root .lg\:box-content {
    box-sizing: content-box;
  }

  :root .lg\:cursor-auto {
    cursor: auto;
  }

  :root .lg\:cursor-default {
    cursor: default;
  }

  :root .lg\:cursor-pointer {
    cursor: pointer;
  }

  :root .lg\:cursor-wait {
    cursor: wait;
  }

  :root .lg\:cursor-text {
    cursor: text;
  }

  :root .lg\:cursor-move {
    cursor: move;
  }

  :root .lg\:cursor-not-allowed {
    cursor: not-allowed;
  }

  :root .lg\:block {
    display: block;
  }

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

  :root .lg\:inline {
    display: inline;
  }

  :root .lg\:flex {
    display: flex;
  }

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

  :root .lg\:table {
    display: table;
  }

  :root .lg\:table-caption {
    display: table-caption;
  }

  :root .lg\:table-cell {
    display: table-cell;
  }

  :root .lg\:table-column {
    display: table-column;
  }

  :root .lg\:table-column-group {
    display: table-column-group;
  }

  :root .lg\:table-footer-group {
    display: table-footer-group;
  }

  :root .lg\:table-header-group {
    display: table-header-group;
  }

  :root .lg\:table-row-group {
    display: table-row-group;
  }

  :root .lg\:table-row {
    display: table-row;
  }

  :root .lg\:flow-root {
    display: flow-root;
  }

  :root .lg\:grid {
    display: grid;
  }

  :root .lg\:inline-grid {
    display: inline-grid;
  }

  :root .lg\:contents {
    display: contents;
  }

  :root .lg\:hidden {
    display: none;
  }

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

  :root .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  :root .lg\:flex-col {
    flex-direction: column;
  }

  :root .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }

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

  :root .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  :root .lg\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  :root .lg\:place-items-auto {
    place-items: auto;
  }

  :root .lg\:place-items-start {
    place-items: start;
  }

  :root .lg\:place-items-end {
    place-items: end;
  }

  :root .lg\:place-items-center {
    place-items: center;
  }

  :root .lg\:place-items-stretch {
    place-items: stretch;
  }

  :root .lg\:place-content-center {
    place-content: center;
  }

  :root .lg\:place-content-start {
    place-content: start;
  }

  :root .lg\:place-content-end {
    place-content: end;
  }

  :root .lg\:place-content-between {
    place-content: space-between;
  }

  :root .lg\:place-content-around {
    place-content: space-around;
  }

  :root .lg\:place-content-evenly {
    place-content: space-evenly;
  }

  :root .lg\:place-content-stretch {
    place-content: stretch;
  }

  :root .lg\:place-self-auto {
    place-self: auto;
  }

  :root .lg\:place-self-start {
    place-self: start;
  }

  :root .lg\:place-self-end {
    place-self: end;
  }

  :root .lg\:place-self-center {
    place-self: center;
  }

  :root .lg\:place-self-stretch {
    place-self: stretch;
  }

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

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

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

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

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

  :root .lg\:content-center {
    align-content: center;
  }

  :root .lg\:content-start {
    align-content: flex-start;
  }

  :root .lg\:content-end {
    align-content: flex-end;
  }

  :root .lg\:content-between {
    align-content: space-between;
  }

  :root .lg\:content-around {
    align-content: space-around;
  }

  :root .lg\:content-evenly {
    align-content: space-evenly;
  }

  :root .lg\:self-auto {
    align-self: auto;
  }

  :root .lg\:self-start {
    align-self: flex-start;
  }

  :root .lg\:self-end {
    align-self: flex-end;
  }

  :root .lg\:self-center {
    align-self: center;
  }

  :root .lg\:self-stretch {
    align-self: stretch;
  }

  :root .lg\:justify-items-auto {
    justify-items: auto;
  }

  :root .lg\:justify-items-start {
    justify-items: start;
  }

  :root .lg\:justify-items-end {
    justify-items: end;
  }

  :root .lg\:justify-items-center {
    justify-items: center;
  }

  :root .lg\:justify-items-stretch {
    justify-items: stretch;
  }

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

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

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

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

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

  :root .lg\:justify-evenly {
    justify-content: space-evenly;
  }

  :root .lg\:justify-self-auto {
    justify-self: auto;
  }

  :root .lg\:justify-self-start {
    justify-self: start;
  }

  :root .lg\:justify-self-end {
    justify-self: end;
  }

  :root .lg\:justify-self-center {
    justify-self: center;
  }

  :root .lg\:justify-self-stretch {
    justify-self: stretch;
  }

  :root .lg\:flex-1 {
    flex: 1 1 0%;
  }

  :root .lg\:flex-auto {
    flex: 1 1 auto;
  }

  :root .lg\:flex-initial {
    flex: 0 1 auto;
  }

  :root .lg\:flex-none {
    flex: none;
  }

  :root .lg\:flex-grow-0 {
    flex-grow: 0;
  }

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

  :root .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }

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

  :root .lg\:order-1 {
    order: 1;
  }

  :root .lg\:order-2 {
    order: 2;
  }

  :root .lg\:order-3 {
    order: 3;
  }

  :root .lg\:order-4 {
    order: 4;
  }

  :root .lg\:order-5 {
    order: 5;
  }

  :root .lg\:order-6 {
    order: 6;
  }

  :root .lg\:order-7 {
    order: 7;
  }

  :root .lg\:order-8 {
    order: 8;
  }

  :root .lg\:order-9 {
    order: 9;
  }

  :root .lg\:order-10 {
    order: 10;
  }

  :root .lg\:order-11 {
    order: 11;
  }

  :root .lg\:order-12 {
    order: 12;
  }

  :root .lg\:order-first {
    order: -9999;
  }

  :root .lg\:order-last {
    order: 9999;
  }

  :root .lg\:order-none {
    order: 0;
  }

  :root .lg\:float-right {
    float: right;
  }

  :root .lg\:float-left {
    float: left;
  }

  :root .lg\:float-none {
    float: none;
  }

  :root .lg\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  :root .lg\:clear-left {
    clear: left;
  }

  :root .lg\:clear-right {
    clear: right;
  }

  :root .lg\:clear-both {
    clear: both;
  }

  :root .lg\:clear-none {
    clear: none;
  }

  :root .lg\:font-sans {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  }

  :root .lg\:font-serif {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }

  :root .lg\:font-mono {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }

  :root .lg\:font-hairline {
    font-weight: 100;
  }

  :root .lg\:font-thin {
    font-weight: 200;
  }

  :root .lg\:font-light {
    font-weight: 300;
  }

  :root .lg\:font-normal {
    font-weight: 400;
  }

  :root .lg\:font-medium {
    font-weight: 500;
  }

  :root .lg\:font-semibold {
    font-weight: 600;
  }

  :root .lg\:font-bold {
    font-weight: 700;
  }

  :root .lg\:font-extrabold {
    font-weight: 800;
  }

  :root .lg\:font-black {
    font-weight: 900;
  }

  :root .lg\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  :root .lg\:hover\:font-thin:hover {
    font-weight: 200;
  }

  :root .lg\:hover\:font-light:hover {
    font-weight: 300;
  }

  :root .lg\:hover\:font-normal:hover {
    font-weight: 400;
  }

  :root .lg\:hover\:font-medium:hover {
    font-weight: 500;
  }

  :root .lg\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  :root .lg\:hover\:font-bold:hover {
    font-weight: 700;
  }

  :root .lg\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  :root .lg\:hover\:font-black:hover {
    font-weight: 900;
  }

  :root .lg\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  :root .lg\:focus\:font-thin:focus {
    font-weight: 200;
  }

  :root .lg\:focus\:font-light:focus {
    font-weight: 300;
  }

  :root .lg\:focus\:font-normal:focus {
    font-weight: 400;
  }

  :root .lg\:focus\:font-medium:focus {
    font-weight: 500;
  }

  :root .lg\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  :root .lg\:focus\:font-bold:focus {
    font-weight: 700;
  }

  :root .lg\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  :root .lg\:focus\:font-black:focus {
    font-weight: 900;
  }

  :root .lg\:h-0 {
    height: 0;
  }

  :root .lg\:h-1 {
    height: 0.25rem;
  }

  :root .lg\:h-2 {
    height: 0.5rem;
  }

  :root .lg\:h-3 {
    height: 0.75rem;
  }

  :root .lg\:h-4 {
    height: 1rem;
  }

  :root .lg\:h-5 {
    height: 1.25rem;
  }

  :root .lg\:h-6 {
    height: 1.5rem;
  }

  :root .lg\:h-8 {
    height: 2rem;
  }

  :root .lg\:h-9 {
    height: 2.25rem;
  }

  :root .lg\:h-10 {
    height: 2.5rem;
  }

  :root .lg\:h-12 {
    height: 3rem;
  }

  :root .lg\:h-14 {
    height: 3.5rem;
  }

  :root .lg\:h-16 {
    height: 4rem;
  }

  :root .lg\:h-20 {
    height: 5rem;
  }

  :root .lg\:h-24 {
    height: 6rem;
  }

  :root .lg\:h-32 {
    height: 8rem;
  }

  :root .lg\:h-40 {
    height: 10rem;
  }

  :root .lg\:h-48 {
    height: 12rem;
  }

  :root .lg\:h-56 {
    height: 14rem;
  }

  :root .lg\:h-64 {
    height: 16rem;
  }

  :root .lg\:h-auto {
    height: auto;
  }

  :root .lg\:h-px {
    height: 1px;
  }

  :root .lg\:h-gutter {
    height: var(--padding-gutter);
  }

  :root .lg\:h-full {
    height: 100%;
  }

  :root .lg\:h-screen {
    height: 100vh;
  }

  :root .lg\:text-xxs {
    font-size: 0.625rem;
  }

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

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

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

  :root .lg\:text-lg {
    font-size: 1.125rem;
  }

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

  :root .lg\:text-2xl {
    font-size: 1.5rem;
  }

  :root .lg\:text-3xl {
    font-size: 1.875rem;
  }

  :root .lg\:text-4xl {
    font-size: 2.25rem;
  }

  :root .lg\:text-5xl {
    font-size: 3rem;
  }

  :root .lg\:text-6xl {
    font-size: 4rem;
  }

  :root .lg\:leading-none {
    line-height: 1;
  }

  :root .lg\:leading-tight {
    line-height: 1.25;
  }

  :root .lg\:leading-snug {
    line-height: 1.375;
  }

  :root .lg\:leading-normal {
    line-height: 1.5;
  }

  :root .lg\:leading-relaxed {
    line-height: 1.625;
  }

  :root .lg\:leading-loose {
    line-height: 2;
  }

  :root .lg\:list-inside {
    list-style-position: inside;
  }

  :root .lg\:list-outside {
    list-style-position: outside;
  }

  :root .lg\:list-none {
    list-style-type: none;
  }

  :root .lg\:list-disc {
    list-style-type: disc;
  }

  :root .lg\:list-decimal {
    list-style-type: decimal;
  }

  :root .lg\:m-0 {
    margin: 0;
  }

  :root .lg\:m-1 {
    margin: 0.25rem;
  }

  :root .lg\:m-2 {
    margin: 0.5rem;
  }

  :root .lg\:m-3 {
    margin: 0.75rem;
  }

  :root .lg\:m-4 {
    margin: 1rem;
  }

  :root .lg\:m-5 {
    margin: 1.25rem;
  }

  :root .lg\:m-6 {
    margin: 1.5rem;
  }

  :root .lg\:m-8 {
    margin: 2rem;
  }

  :root .lg\:m-9 {
    margin: 2.25rem;
  }

  :root .lg\:m-10 {
    margin: 2.5rem;
  }

  :root .lg\:m-12 {
    margin: 3rem;
  }

  :root .lg\:m-14 {
    margin: 3.5rem;
  }

  :root .lg\:m-16 {
    margin: 4rem;
  }

  :root .lg\:m-20 {
    margin: 5rem;
  }

  :root .lg\:m-24 {
    margin: 6rem;
  }

  :root .lg\:m-32 {
    margin: 8rem;
  }

  :root .lg\:m-40 {
    margin: 10rem;
  }

  :root .lg\:m-48 {
    margin: 12rem;
  }

  :root .lg\:m-56 {
    margin: 14rem;
  }

  :root .lg\:m-64 {
    margin: 16rem;
  }

  :root .lg\:m-auto {
    margin: auto;
  }

  :root .lg\:m-px {
    margin: 1px;
  }

  :root .lg\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root .lg\:-m-1 {
    margin: -0.25rem;
  }

  :root .lg\:-m-2 {
    margin: -0.5rem;
  }

  :root .lg\:-m-3 {
    margin: -0.75rem;
  }

  :root .lg\:-m-4 {
    margin: -1rem;
  }

  :root .lg\:-m-5 {
    margin: -1.25rem;
  }

  :root .lg\:-m-6 {
    margin: -1.5rem;
  }

  :root .lg\:-m-8 {
    margin: -2rem;
  }

  :root .lg\:-m-9 {
    margin: -2.25rem;
  }

  :root .lg\:-m-10 {
    margin: -2.5rem;
  }

  :root .lg\:-m-12 {
    margin: -3rem;
  }

  :root .lg\:-m-14 {
    margin: -3.5rem;
  }

  :root .lg\:-m-16 {
    margin: -4rem;
  }

  :root .lg\:-m-20 {
    margin: -5rem;
  }

  :root .lg\:-m-24 {
    margin: -6rem;
  }

  :root .lg\:-m-32 {
    margin: -8rem;
  }

  :root .lg\:-m-40 {
    margin: -10rem;
  }

  :root .lg\:-m-48 {
    margin: -12rem;
  }

  :root .lg\:-m-56 {
    margin: -14rem;
  }

  :root .lg\:-m-64 {
    margin: -16rem;
  }

  :root .lg\:-m-px {
    margin: -1px;
  }

  :root .lg\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root .lg\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root .lg\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root .lg\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root .lg\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root .lg\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root .lg\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root .lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root .lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root .lg\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root .lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root .lg\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root .lg\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root .lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root .lg\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root .lg\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root .lg\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root .lg\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root .lg\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root .lg\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root .lg\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root .lg\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root .lg\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root .lg\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root .lg\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root .lg\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root .lg\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root .lg\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root .lg\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root .lg\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root .lg\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root .lg\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root .lg\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root .lg\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root .lg\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root .lg\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root .lg\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root .lg\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root .lg\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root .lg\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root .lg\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root .lg\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root .lg\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root .lg\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root .lg\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root .lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root .lg\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root .lg\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root .lg\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root .lg\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root .lg\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root .lg\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root .lg\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root .lg\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root .lg\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root .lg\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root .lg\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root .lg\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root .lg\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root .lg\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root .lg\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root .lg\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root .lg\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root .lg\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root .lg\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root .lg\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root .lg\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root .lg\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root .lg\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root .lg\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root .lg\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root .lg\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root .lg\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root .lg\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root .lg\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:mt-0 {
    margin-top: 0;
  }

  :root .lg\:mr-0 {
    margin-right: 0;
  }

  :root .lg\:mb-0 {
    margin-bottom: 0;
  }

  :root .lg\:ml-0 {
    margin-left: 0;
  }

  :root .lg\:mt-1 {
    margin-top: 0.25rem;
  }

  :root .lg\:mr-1 {
    margin-right: 0.25rem;
  }

  :root .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  :root .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  :root .lg\:mr-2 {
    margin-right: 0.5rem;
  }

  :root .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root .lg\:ml-2 {
    margin-left: 0.5rem;
  }

  :root .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  :root .lg\:mr-3 {
    margin-right: 0.75rem;
  }

  :root .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root .lg\:ml-3 {
    margin-left: 0.75rem;
  }

  :root .lg\:mt-4 {
    margin-top: 1rem;
  }

  :root .lg\:mr-4 {
    margin-right: 1rem;
  }

  :root .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  :root .lg\:ml-4 {
    margin-left: 1rem;
  }

  :root .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  :root .lg\:mr-5 {
    margin-right: 1.25rem;
  }

  :root .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root .lg\:ml-5 {
    margin-left: 1.25rem;
  }

  :root .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  :root .lg\:mr-6 {
    margin-right: 1.5rem;
  }

  :root .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root .lg\:ml-6 {
    margin-left: 1.5rem;
  }

  :root .lg\:mt-8 {
    margin-top: 2rem;
  }

  :root .lg\:mr-8 {
    margin-right: 2rem;
  }

  :root .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  :root .lg\:ml-8 {
    margin-left: 2rem;
  }

  :root .lg\:mt-9 {
    margin-top: 2.25rem;
  }

  :root .lg\:mr-9 {
    margin-right: 2.25rem;
  }

  :root .lg\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root .lg\:ml-9 {
    margin-left: 2.25rem;
  }

  :root .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  :root .lg\:mr-10 {
    margin-right: 2.5rem;
  }

  :root .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root .lg\:ml-10 {
    margin-left: 2.5rem;
  }

  :root .lg\:mt-12 {
    margin-top: 3rem;
  }

  :root .lg\:mr-12 {
    margin-right: 3rem;
  }

  :root .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  :root .lg\:ml-12 {
    margin-left: 3rem;
  }

  :root .lg\:mt-14 {
    margin-top: 3.5rem;
  }

  :root .lg\:mr-14 {
    margin-right: 3.5rem;
  }

  :root .lg\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root .lg\:ml-14 {
    margin-left: 3.5rem;
  }

  :root .lg\:mt-16 {
    margin-top: 4rem;
  }

  :root .lg\:mr-16 {
    margin-right: 4rem;
  }

  :root .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  :root .lg\:ml-16 {
    margin-left: 4rem;
  }

  :root .lg\:mt-20 {
    margin-top: 5rem;
  }

  :root .lg\:mr-20 {
    margin-right: 5rem;
  }

  :root .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  :root .lg\:ml-20 {
    margin-left: 5rem;
  }

  :root .lg\:mt-24 {
    margin-top: 6rem;
  }

  :root .lg\:mr-24 {
    margin-right: 6rem;
  }

  :root .lg\:mb-24 {
    margin-bottom: 6rem;
  }

  :root .lg\:ml-24 {
    margin-left: 6rem;
  }

  :root .lg\:mt-32 {
    margin-top: 8rem;
  }

  :root .lg\:mr-32 {
    margin-right: 8rem;
  }

  :root .lg\:mb-32 {
    margin-bottom: 8rem;
  }

  :root .lg\:ml-32 {
    margin-left: 8rem;
  }

  :root .lg\:mt-40 {
    margin-top: 10rem;
  }

  :root .lg\:mr-40 {
    margin-right: 10rem;
  }

  :root .lg\:mb-40 {
    margin-bottom: 10rem;
  }

  :root .lg\:ml-40 {
    margin-left: 10rem;
  }

  :root .lg\:mt-48 {
    margin-top: 12rem;
  }

  :root .lg\:mr-48 {
    margin-right: 12rem;
  }

  :root .lg\:mb-48 {
    margin-bottom: 12rem;
  }

  :root .lg\:ml-48 {
    margin-left: 12rem;
  }

  :root .lg\:mt-56 {
    margin-top: 14rem;
  }

  :root .lg\:mr-56 {
    margin-right: 14rem;
  }

  :root .lg\:mb-56 {
    margin-bottom: 14rem;
  }

  :root .lg\:ml-56 {
    margin-left: 14rem;
  }

  :root .lg\:mt-64 {
    margin-top: 16rem;
  }

  :root .lg\:mr-64 {
    margin-right: 16rem;
  }

  :root .lg\:mb-64 {
    margin-bottom: 16rem;
  }

  :root .lg\:ml-64 {
    margin-left: 16rem;
  }

  :root .lg\:mt-auto {
    margin-top: auto;
  }

  :root .lg\:mr-auto {
    margin-right: auto;
  }

  :root .lg\:mb-auto {
    margin-bottom: auto;
  }

  :root .lg\:ml-auto {
    margin-left: auto;
  }

  :root .lg\:mt-px {
    margin-top: 1px;
  }

  :root .lg\:mr-px {
    margin-right: 1px;
  }

  :root .lg\:mb-px {
    margin-bottom: 1px;
  }

  :root .lg\:ml-px {
    margin-left: 1px;
  }

  :root .lg\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root .lg\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root .lg\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root .lg\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root .lg\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root .lg\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root .lg\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root .lg\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root .lg\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root .lg\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root .lg\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root .lg\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root .lg\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root .lg\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root .lg\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root .lg\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root .lg\:-mt-4 {
    margin-top: -1rem;
  }

  :root .lg\:-mr-4 {
    margin-right: -1rem;
  }

  :root .lg\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root .lg\:-ml-4 {
    margin-left: -1rem;
  }

  :root .lg\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root .lg\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root .lg\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root .lg\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root .lg\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root .lg\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root .lg\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root .lg\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root .lg\:-mt-8 {
    margin-top: -2rem;
  }

  :root .lg\:-mr-8 {
    margin-right: -2rem;
  }

  :root .lg\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root .lg\:-ml-8 {
    margin-left: -2rem;
  }

  :root .lg\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root .lg\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root .lg\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root .lg\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root .lg\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root .lg\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root .lg\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root .lg\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root .lg\:-mt-12 {
    margin-top: -3rem;
  }

  :root .lg\:-mr-12 {
    margin-right: -3rem;
  }

  :root .lg\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root .lg\:-ml-12 {
    margin-left: -3rem;
  }

  :root .lg\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root .lg\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root .lg\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root .lg\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root .lg\:-mt-16 {
    margin-top: -4rem;
  }

  :root .lg\:-mr-16 {
    margin-right: -4rem;
  }

  :root .lg\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root .lg\:-ml-16 {
    margin-left: -4rem;
  }

  :root .lg\:-mt-20 {
    margin-top: -5rem;
  }

  :root .lg\:-mr-20 {
    margin-right: -5rem;
  }

  :root .lg\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root .lg\:-ml-20 {
    margin-left: -5rem;
  }

  :root .lg\:-mt-24 {
    margin-top: -6rem;
  }

  :root .lg\:-mr-24 {
    margin-right: -6rem;
  }

  :root .lg\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root .lg\:-ml-24 {
    margin-left: -6rem;
  }

  :root .lg\:-mt-32 {
    margin-top: -8rem;
  }

  :root .lg\:-mr-32 {
    margin-right: -8rem;
  }

  :root .lg\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root .lg\:-ml-32 {
    margin-left: -8rem;
  }

  :root .lg\:-mt-40 {
    margin-top: -10rem;
  }

  :root .lg\:-mr-40 {
    margin-right: -10rem;
  }

  :root .lg\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root .lg\:-ml-40 {
    margin-left: -10rem;
  }

  :root .lg\:-mt-48 {
    margin-top: -12rem;
  }

  :root .lg\:-mr-48 {
    margin-right: -12rem;
  }

  :root .lg\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root .lg\:-ml-48 {
    margin-left: -12rem;
  }

  :root .lg\:-mt-56 {
    margin-top: -14rem;
  }

  :root .lg\:-mr-56 {
    margin-right: -14rem;
  }

  :root .lg\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root .lg\:-ml-56 {
    margin-left: -14rem;
  }

  :root .lg\:-mt-64 {
    margin-top: -16rem;
  }

  :root .lg\:-mr-64 {
    margin-right: -16rem;
  }

  :root .lg\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root .lg\:-ml-64 {
    margin-left: -16rem;
  }

  :root .lg\:-mt-px {
    margin-top: -1px;
  }

  :root .lg\:-mr-px {
    margin-right: -1px;
  }

  :root .lg\:-mb-px {
    margin-bottom: -1px;
  }

  :root .lg\:-ml-px {
    margin-left: -1px;
  }

  :root .lg\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .lg\:ltr\:m-0 {
    margin: 0;
  }

  :root [dir=ltr] .lg\:ltr\:m-1 {
    margin: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-2 {
    margin: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-3 {
    margin: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-4 {
    margin: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-5 {
    margin: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-6 {
    margin: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-8 {
    margin: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-9 {
    margin: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-10 {
    margin: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-12 {
    margin: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-14 {
    margin: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-16 {
    margin: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-20 {
    margin: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-24 {
    margin: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-32 {
    margin: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-40 {
    margin: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-48 {
    margin: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-56 {
    margin: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-64 {
    margin: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:m-auto {
    margin: auto;
  }

  :root [dir=ltr] .lg\:ltr\:m-px {
    margin: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:-m-1 {
    margin: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-2 {
    margin: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-3 {
    margin: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-4 {
    margin: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-5 {
    margin: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-6 {
    margin: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-8 {
    margin: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-9 {
    margin: -2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-10 {
    margin: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-12 {
    margin: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-14 {
    margin: -3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-16 {
    margin: -4rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-20 {
    margin: -5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-24 {
    margin: -6rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-32 {
    margin: -8rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-40 {
    margin: -10rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-48 {
    margin: -12rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-56 {
    margin: -14rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-64 {
    margin: -16rem;
  }

  :root [dir=ltr] .lg\:ltr\:-m-px {
    margin: -1px;
  }

  :root [dir=ltr] .lg\:ltr\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .lg\:ltr\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root [dir=ltr] .lg\:ltr\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root [dir=ltr] .lg\:ltr\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root [dir=ltr] .lg\:ltr\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root [dir=ltr] .lg\:ltr\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root [dir=ltr] .lg\:ltr\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root [dir=ltr] .lg\:ltr\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root [dir=ltr] .lg\:ltr\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .lg\:ltr\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .lg\:ltr\:mt-0 {
    margin-top: 0;
  }

  :root [dir=ltr] .lg\:ltr\:mr-0 {
    margin-right: 0;
  }

  :root [dir=ltr] .lg\:ltr\:mb-0 {
    margin-bottom: 0;
  }

  :root [dir=ltr] .lg\:ltr\:ml-0 {
    margin-left: 0;
  }

  :root [dir=ltr] .lg\:ltr\:mt-1 {
    margin-top: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-1 {
    margin-right: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-1 {
    margin-left: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-2 {
    margin-top: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-2 {
    margin-right: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-2 {
    margin-left: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-3 {
    margin-top: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-3 {
    margin-right: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-3 {
    margin-left: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-4 {
    margin-top: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-4 {
    margin-right: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-4 {
    margin-bottom: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-4 {
    margin-left: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-5 {
    margin-top: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-5 {
    margin-right: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-5 {
    margin-left: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-6 {
    margin-top: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-6 {
    margin-right: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-6 {
    margin-left: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-8 {
    margin-top: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-8 {
    margin-right: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-8 {
    margin-bottom: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-8 {
    margin-left: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-9 {
    margin-top: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-9 {
    margin-right: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-9 {
    margin-left: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-10 {
    margin-top: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-10 {
    margin-right: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-10 {
    margin-left: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-12 {
    margin-top: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-12 {
    margin-right: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-12 {
    margin-bottom: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-12 {
    margin-left: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-14 {
    margin-top: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-14 {
    margin-right: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-14 {
    margin-left: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-16 {
    margin-top: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-16 {
    margin-right: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-16 {
    margin-bottom: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-16 {
    margin-left: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-20 {
    margin-top: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-20 {
    margin-right: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-20 {
    margin-bottom: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-20 {
    margin-left: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-24 {
    margin-top: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-24 {
    margin-right: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-24 {
    margin-bottom: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-24 {
    margin-left: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-32 {
    margin-top: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-32 {
    margin-right: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-32 {
    margin-bottom: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-32 {
    margin-left: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-40 {
    margin-top: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-40 {
    margin-right: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-40 {
    margin-bottom: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-40 {
    margin-left: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-48 {
    margin-top: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-48 {
    margin-right: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-48 {
    margin-bottom: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-48 {
    margin-left: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-56 {
    margin-top: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-56 {
    margin-right: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-56 {
    margin-bottom: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-56 {
    margin-left: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-64 {
    margin-top: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:mr-64 {
    margin-right: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:mb-64 {
    margin-bottom: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:ml-64 {
    margin-left: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:mt-auto {
    margin-top: auto;
  }

  :root [dir=ltr] .lg\:ltr\:mr-auto {
    margin-right: auto;
  }

  :root [dir=ltr] .lg\:ltr\:mb-auto {
    margin-bottom: auto;
  }

  :root [dir=ltr] .lg\:ltr\:ml-auto {
    margin-left: auto;
  }

  :root [dir=ltr] .lg\:ltr\:mt-px {
    margin-top: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:mr-px {
    margin-right: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:mb-px {
    margin-bottom: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:ml-px {
    margin-left: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-4 {
    margin-top: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-4 {
    margin-right: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-4 {
    margin-left: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-8 {
    margin-top: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-8 {
    margin-right: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-8 {
    margin-left: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-12 {
    margin-top: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-12 {
    margin-right: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-12 {
    margin-left: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-16 {
    margin-top: -4rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-16 {
    margin-right: -4rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-16 {
    margin-left: -4rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-20 {
    margin-top: -5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-20 {
    margin-right: -5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-20 {
    margin-left: -5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-24 {
    margin-top: -6rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-24 {
    margin-right: -6rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-24 {
    margin-left: -6rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-32 {
    margin-top: -8rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-32 {
    margin-right: -8rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-32 {
    margin-left: -8rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-40 {
    margin-top: -10rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-40 {
    margin-right: -10rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-40 {
    margin-left: -10rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-48 {
    margin-top: -12rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-48 {
    margin-right: -12rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-48 {
    margin-left: -12rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-56 {
    margin-top: -14rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-56 {
    margin-right: -14rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-56 {
    margin-left: -14rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-64 {
    margin-top: -16rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-64 {
    margin-right: -16rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-64 {
    margin-left: -16rem;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-px {
    margin-top: -1px;
  }

  :root [dir=ltr] .lg\:ltr\:-mr-px {
    margin-right: -1px;
  }

  :root [dir=ltr] .lg\:ltr\:-mb-px {
    margin-bottom: -1px;
  }

  :root [dir=ltr] .lg\:ltr\:-ml-px {
    margin-left: -1px;
  }

  :root [dir=ltr] .lg\:ltr\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .lg\:ltr\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .lg\:ltr\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=ltr] .lg\:ltr\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .lg\:rtl\:m-0 {
    margin: 0;
  }

  :root [dir=rtl] .lg\:rtl\:m-1 {
    margin: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-2 {
    margin: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-3 {
    margin: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-4 {
    margin: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-5 {
    margin: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-6 {
    margin: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-8 {
    margin: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-9 {
    margin: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-10 {
    margin: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-12 {
    margin: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-14 {
    margin: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-16 {
    margin: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-20 {
    margin: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-24 {
    margin: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-32 {
    margin: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-40 {
    margin: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-48 {
    margin: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-56 {
    margin: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-64 {
    margin: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:m-auto {
    margin: auto;
  }

  :root [dir=rtl] .lg\:rtl\:m-px {
    margin: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:m-gutter {
    margin: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:-m-1 {
    margin: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-2 {
    margin: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-3 {
    margin: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-4 {
    margin: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-5 {
    margin: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-6 {
    margin: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-8 {
    margin: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-9 {
    margin: -2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-10 {
    margin: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-12 {
    margin: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-14 {
    margin: -3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-16 {
    margin: -4rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-20 {
    margin: -5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-24 {
    margin: -6rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-32 {
    margin: -8rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-40 {
    margin: -10rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-48 {
    margin: -12rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-56 {
    margin: -14rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-64 {
    margin: -16rem;
  }

  :root [dir=rtl] .lg\:rtl\:-m-px {
    margin: -1px;
  }

  :root [dir=rtl] .lg\:rtl\:-m-gutter {
    margin: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .lg\:rtl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  :root [dir=rtl] .lg\:rtl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  :root [dir=rtl] .lg\:rtl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-14 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  :root [dir=rtl] .lg\:rtl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  :root [dir=rtl] .lg\:rtl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:my-gutter {
    margin-top: var(--padding-gutter);
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:mx-gutter {
    margin-left: var(--padding-gutter);
    margin-right: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-9 {
    margin-top: -2.25rem;
    margin-bottom: -2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-9 {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-14 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-14 {
    margin-left: -3.5rem;
    margin-right: -3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  :root [dir=rtl] .lg\:rtl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  :root [dir=rtl] .lg\:rtl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  :root [dir=rtl] .lg\:rtl\:-my-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .lg\:rtl\:-mx-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .lg\:rtl\:mt-0 {
    margin-top: 0;
  }

  :root [dir=rtl] .lg\:rtl\:mr-0 {
    margin-right: 0;
  }

  :root [dir=rtl] .lg\:rtl\:mb-0 {
    margin-bottom: 0;
  }

  :root [dir=rtl] .lg\:rtl\:ml-0 {
    margin-left: 0;
  }

  :root [dir=rtl] .lg\:rtl\:mt-1 {
    margin-top: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-1 {
    margin-right: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-1 {
    margin-left: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-2 {
    margin-top: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-2 {
    margin-right: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-2 {
    margin-left: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-3 {
    margin-top: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-3 {
    margin-right: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-3 {
    margin-left: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-4 {
    margin-top: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-4 {
    margin-right: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-4 {
    margin-bottom: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-4 {
    margin-left: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-5 {
    margin-top: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-5 {
    margin-right: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-5 {
    margin-left: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-6 {
    margin-top: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-6 {
    margin-right: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-6 {
    margin-left: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-8 {
    margin-top: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-8 {
    margin-right: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-8 {
    margin-bottom: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-8 {
    margin-left: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-9 {
    margin-top: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-9 {
    margin-right: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-9 {
    margin-bottom: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-9 {
    margin-left: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-10 {
    margin-top: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-10 {
    margin-right: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-10 {
    margin-left: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-12 {
    margin-top: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-12 {
    margin-right: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-12 {
    margin-bottom: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-12 {
    margin-left: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-14 {
    margin-top: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-14 {
    margin-right: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-14 {
    margin-left: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-16 {
    margin-top: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-16 {
    margin-right: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-16 {
    margin-bottom: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-16 {
    margin-left: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-20 {
    margin-top: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-20 {
    margin-right: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-20 {
    margin-bottom: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-20 {
    margin-left: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-24 {
    margin-top: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-24 {
    margin-right: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-24 {
    margin-bottom: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-24 {
    margin-left: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-32 {
    margin-top: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-32 {
    margin-right: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-32 {
    margin-bottom: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-32 {
    margin-left: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-40 {
    margin-top: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-40 {
    margin-right: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-40 {
    margin-bottom: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-40 {
    margin-left: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-48 {
    margin-top: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-48 {
    margin-right: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-48 {
    margin-bottom: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-48 {
    margin-left: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-56 {
    margin-top: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-56 {
    margin-right: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-56 {
    margin-bottom: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-56 {
    margin-left: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-64 {
    margin-top: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:mr-64 {
    margin-right: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:mb-64 {
    margin-bottom: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:ml-64 {
    margin-left: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:mt-auto {
    margin-top: auto;
  }

  :root [dir=rtl] .lg\:rtl\:mr-auto {
    margin-right: auto;
  }

  :root [dir=rtl] .lg\:rtl\:mb-auto {
    margin-bottom: auto;
  }

  :root [dir=rtl] .lg\:rtl\:ml-auto {
    margin-left: auto;
  }

  :root [dir=rtl] .lg\:rtl\:mt-px {
    margin-top: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:mr-px {
    margin-right: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:mb-px {
    margin-bottom: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:ml-px {
    margin-left: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:mt-gutter {
    margin-top: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:mr-gutter {
    margin-right: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:mb-gutter {
    margin-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:ml-gutter {
    margin-left: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:-mt-1 {
    margin-top: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-1 {
    margin-right: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-1 {
    margin-left: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-2 {
    margin-top: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-2 {
    margin-right: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-2 {
    margin-left: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-3 {
    margin-top: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-3 {
    margin-right: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-3 {
    margin-left: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-4 {
    margin-top: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-4 {
    margin-right: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-4 {
    margin-bottom: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-4 {
    margin-left: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-5 {
    margin-top: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-5 {
    margin-right: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-5 {
    margin-left: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-6 {
    margin-top: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-6 {
    margin-right: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-6 {
    margin-left: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-8 {
    margin-top: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-8 {
    margin-right: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-8 {
    margin-bottom: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-8 {
    margin-left: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-9 {
    margin-top: -2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-9 {
    margin-right: -2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-9 {
    margin-bottom: -2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-9 {
    margin-left: -2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-10 {
    margin-top: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-10 {
    margin-right: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-10 {
    margin-left: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-12 {
    margin-top: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-12 {
    margin-right: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-12 {
    margin-bottom: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-12 {
    margin-left: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-14 {
    margin-top: -3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-14 {
    margin-right: -3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-14 {
    margin-bottom: -3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-14 {
    margin-left: -3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-16 {
    margin-top: -4rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-16 {
    margin-right: -4rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-16 {
    margin-bottom: -4rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-16 {
    margin-left: -4rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-20 {
    margin-top: -5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-20 {
    margin-right: -5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-20 {
    margin-bottom: -5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-20 {
    margin-left: -5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-24 {
    margin-top: -6rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-24 {
    margin-right: -6rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-24 {
    margin-bottom: -6rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-24 {
    margin-left: -6rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-32 {
    margin-top: -8rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-32 {
    margin-right: -8rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-32 {
    margin-bottom: -8rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-32 {
    margin-left: -8rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-40 {
    margin-top: -10rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-40 {
    margin-right: -10rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-40 {
    margin-bottom: -10rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-40 {
    margin-left: -10rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-48 {
    margin-top: -12rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-48 {
    margin-right: -12rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-48 {
    margin-bottom: -12rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-48 {
    margin-left: -12rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-56 {
    margin-top: -14rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-56 {
    margin-right: -14rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-56 {
    margin-bottom: -14rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-56 {
    margin-left: -14rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-64 {
    margin-top: -16rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-64 {
    margin-right: -16rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-64 {
    margin-bottom: -16rem;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-64 {
    margin-left: -16rem;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-px {
    margin-top: -1px;
  }

  :root [dir=rtl] .lg\:rtl\:-mr-px {
    margin-right: -1px;
  }

  :root [dir=rtl] .lg\:rtl\:-mb-px {
    margin-bottom: -1px;
  }

  :root [dir=rtl] .lg\:rtl\:-ml-px {
    margin-left: -1px;
  }

  :root [dir=rtl] .lg\:rtl\:-mt-gutter {
    margin-top: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .lg\:rtl\:-mr-gutter {
    margin-right: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .lg\:rtl\:-mb-gutter {
    margin-bottom: calc(var(--padding-gutter) * -1);
  }

  :root [dir=rtl] .lg\:rtl\:-ml-gutter {
    margin-left: calc(var(--padding-gutter) * -1);
  }

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

  :root .lg\:max-h-screen {
    max-height: 100vh;
  }

  :root .lg\:max-w-unset {
    max-width: unset;
  }

  :root .lg\:max-w-xxxs {
    max-width: 16rem;
  }

  :root .lg\:max-w-xxs {
    max-width: 18rem;
  }

  :root .lg\:max-w-xs {
    max-width: 20rem;
  }

  :root .lg\:max-w-sm {
    max-width: 24rem;
  }

  :root .lg\:max-w-md {
    max-width: 28rem;
  }

  :root .lg\:max-w-lg {
    max-width: 32rem;
  }

  :root .lg\:max-w-xl {
    max-width: 36rem;
  }

  :root .lg\:max-w-2xl {
    max-width: 42rem;
  }

  :root .lg\:max-w-3xl {
    max-width: 48rem;
  }

  :root .lg\:max-w-4xl {
    max-width: 56rem;
  }

  :root .lg\:max-w-5xl {
    max-width: 64rem;
  }

  :root .lg\:max-w-6xl {
    max-width: 72rem;
  }

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

  :root .lg\:min-h-0 {
    min-height: 0;
  }

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

  :root .lg\:min-h-screen {
    min-height: 100vh;
  }

  :root .lg\:min-w-0 {
    min-width: 0;
  }

  :root .lg\:min-w-1 {
    min-width: 0.25rem;
  }

  :root .lg\:min-w-2 {
    min-width: 0.5rem;
  }

  :root .lg\:min-w-3 {
    min-width: 0.75rem;
  }

  :root .lg\:min-w-4 {
    min-width: 1rem;
  }

  :root .lg\:min-w-5 {
    min-width: 1.25rem;
  }

  :root .lg\:min-w-6 {
    min-width: 1.5rem;
  }

  :root .lg\:min-w-8 {
    min-width: 2rem;
  }

  :root .lg\:min-w-9 {
    min-width: 2.25rem;
  }

  :root .lg\:min-w-10 {
    min-width: 2.5rem;
  }

  :root .lg\:min-w-12 {
    min-width: 3rem;
  }

  :root .lg\:min-w-14 {
    min-width: 3.5rem;
  }

  :root .lg\:min-w-16 {
    min-width: 4rem;
  }

  :root .lg\:min-w-20 {
    min-width: 5rem;
  }

  :root .lg\:min-w-24 {
    min-width: 6rem;
  }

  :root .lg\:min-w-32 {
    min-width: 8rem;
  }

  :root .lg\:min-w-40 {
    min-width: 10rem;
  }

  :root .lg\:min-w-48 {
    min-width: 12rem;
  }

  :root .lg\:min-w-56 {
    min-width: 14rem;
  }

  :root .lg\:min-w-64 {
    min-width: 16rem;
  }

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

  :root .lg\:min-w-px {
    min-width: 1px;
  }

  :root .lg\:min-w-gutter {
    min-width: var(--padding-gutter);
  }

  :root .lg\:object-contain {
    object-fit: contain;
  }

  :root .lg\:object-cover {
    object-fit: cover;
  }

  :root .lg\:object-fill {
    object-fit: fill;
  }

  :root .lg\:object-none {
    object-fit: none;
  }

  :root .lg\:object-scale-down {
    object-fit: scale-down;
  }

  :root .lg\:object-bottom {
    object-position: bottom;
  }

  :root .lg\:object-center {
    object-position: center;
  }

  :root .lg\:object-left {
    object-position: left;
  }

  :root .lg\:object-left-bottom {
    object-position: left bottom;
  }

  :root .lg\:object-left-top {
    object-position: left top;
  }

  :root .lg\:object-right {
    object-position: right;
  }

  :root .lg\:object-right-bottom {
    object-position: right bottom;
  }

  :root .lg\:object-right-top {
    object-position: right top;
  }

  :root .lg\:object-top {
    object-position: top;
  }

  :root .lg\:opacity-0 {
    opacity: 0;
  }

  :root .lg\:opacity-25 {
    opacity: 0.25;
  }

  :root .lg\:opacity-50 {
    opacity: 0.5;
  }

  :root .lg\:opacity-75 {
    opacity: 0.75;
  }

  :root .lg\:opacity-100 {
    opacity: 1;
  }

  :root .lg\:hover\:opacity-0:hover {
    opacity: 0;
  }

  :root .lg\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  :root .lg\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  :root .lg\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  :root .lg\:hover\:opacity-100:hover {
    opacity: 1;
  }

  :root .lg\:focus\:opacity-0:focus {
    opacity: 0;
  }

  :root .lg\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  :root .lg\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  :root .lg\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  :root .lg\:focus\:opacity-100:focus {
    opacity: 1;
  }

  :root .lg\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  :root .lg\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  :root .lg\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  :root .lg\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  :root .lg\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  :root .lg\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

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

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

  :root .lg\:overflow-visible {
    overflow: visible;
  }

  :root .lg\:overflow-scroll {
    overflow: scroll;
  }

  :root .lg\:overflow-x-auto {
    overflow-x: auto;
  }

  :root .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  :root .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }

  :root .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }

  :root .lg\:overflow-x-visible {
    overflow-x: visible;
  }

  :root .lg\:overflow-y-visible {
    overflow-y: visible;
  }

  :root .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }

  :root .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }

  :root .lg\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  :root .lg\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  :root .lg\:overscroll-auto {
    overscroll-behavior: auto;
  }

  :root .lg\:overscroll-contain {
    overscroll-behavior: contain;
  }

  :root .lg\:overscroll-none {
    overscroll-behavior: none;
  }

  :root .lg\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  :root .lg\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  :root .lg\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  :root .lg\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  :root .lg\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  :root .lg\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  :root .lg\:p-0 {
    padding: 0;
  }

  :root .lg\:p-1 {
    padding: 0.25rem;
  }

  :root .lg\:p-2 {
    padding: 0.5rem;
  }

  :root .lg\:p-3 {
    padding: 0.75rem;
  }

  :root .lg\:p-4 {
    padding: 1rem;
  }

  :root .lg\:p-5 {
    padding: 1.25rem;
  }

  :root .lg\:p-6 {
    padding: 1.5rem;
  }

  :root .lg\:p-8 {
    padding: 2rem;
  }

  :root .lg\:p-9 {
    padding: 2.25rem;
  }

  :root .lg\:p-10 {
    padding: 2.5rem;
  }

  :root .lg\:p-12 {
    padding: 3rem;
  }

  :root .lg\:p-14 {
    padding: 3.5rem;
  }

  :root .lg\:p-16 {
    padding: 4rem;
  }

  :root .lg\:p-20 {
    padding: 5rem;
  }

  :root .lg\:p-24 {
    padding: 6rem;
  }

  :root .lg\:p-32 {
    padding: 8rem;
  }

  :root .lg\:p-40 {
    padding: 10rem;
  }

  :root .lg\:p-48 {
    padding: 12rem;
  }

  :root .lg\:p-56 {
    padding: 14rem;
  }

  :root .lg\:p-64 {
    padding: 16rem;
  }

  :root .lg\:p-px {
    padding: 1px;
  }

  :root .lg\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root .lg\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root .lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root .lg\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root .lg\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root .lg\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root .lg\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root .lg\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root .lg\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root .lg\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root .lg\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root .lg\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root .lg\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root .lg\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root .lg\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root .lg\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root .lg\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root .lg\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root .lg\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root .lg\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root .lg\:pt-0 {
    padding-top: 0;
  }

  :root .lg\:pr-0 {
    padding-right: 0;
  }

  :root .lg\:pb-0 {
    padding-bottom: 0;
  }

  :root .lg\:pl-0 {
    padding-left: 0;
  }

  :root .lg\:pt-1 {
    padding-top: 0.25rem;
  }

  :root .lg\:pr-1 {
    padding-right: 0.25rem;
  }

  :root .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root .lg\:pl-1 {
    padding-left: 0.25rem;
  }

  :root .lg\:pt-2 {
    padding-top: 0.5rem;
  }

  :root .lg\:pr-2 {
    padding-right: 0.5rem;
  }

  :root .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root .lg\:pl-2 {
    padding-left: 0.5rem;
  }

  :root .lg\:pt-3 {
    padding-top: 0.75rem;
  }

  :root .lg\:pr-3 {
    padding-right: 0.75rem;
  }

  :root .lg\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root .lg\:pl-3 {
    padding-left: 0.75rem;
  }

  :root .lg\:pt-4 {
    padding-top: 1rem;
  }

  :root .lg\:pr-4 {
    padding-right: 1rem;
  }

  :root .lg\:pb-4 {
    padding-bottom: 1rem;
  }

  :root .lg\:pl-4 {
    padding-left: 1rem;
  }

  :root .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  :root .lg\:pr-5 {
    padding-right: 1.25rem;
  }

  :root .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root .lg\:pl-5 {
    padding-left: 1.25rem;
  }

  :root .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  :root .lg\:pr-6 {
    padding-right: 1.5rem;
  }

  :root .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root .lg\:pl-6 {
    padding-left: 1.5rem;
  }

  :root .lg\:pt-8 {
    padding-top: 2rem;
  }

  :root .lg\:pr-8 {
    padding-right: 2rem;
  }

  :root .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  :root .lg\:pl-8 {
    padding-left: 2rem;
  }

  :root .lg\:pt-9 {
    padding-top: 2.25rem;
  }

  :root .lg\:pr-9 {
    padding-right: 2.25rem;
  }

  :root .lg\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root .lg\:pl-9 {
    padding-left: 2.25rem;
  }

  :root .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  :root .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  :root .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  :root .lg\:pt-12 {
    padding-top: 3rem;
  }

  :root .lg\:pr-12 {
    padding-right: 3rem;
  }

  :root .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  :root .lg\:pl-12 {
    padding-left: 3rem;
  }

  :root .lg\:pt-14 {
    padding-top: 3.5rem;
  }

  :root .lg\:pr-14 {
    padding-right: 3.5rem;
  }

  :root .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root .lg\:pl-14 {
    padding-left: 3.5rem;
  }

  :root .lg\:pt-16 {
    padding-top: 4rem;
  }

  :root .lg\:pr-16 {
    padding-right: 4rem;
  }

  :root .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  :root .lg\:pl-16 {
    padding-left: 4rem;
  }

  :root .lg\:pt-20 {
    padding-top: 5rem;
  }

  :root .lg\:pr-20 {
    padding-right: 5rem;
  }

  :root .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  :root .lg\:pl-20 {
    padding-left: 5rem;
  }

  :root .lg\:pt-24 {
    padding-top: 6rem;
  }

  :root .lg\:pr-24 {
    padding-right: 6rem;
  }

  :root .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  :root .lg\:pl-24 {
    padding-left: 6rem;
  }

  :root .lg\:pt-32 {
    padding-top: 8rem;
  }

  :root .lg\:pr-32 {
    padding-right: 8rem;
  }

  :root .lg\:pb-32 {
    padding-bottom: 8rem;
  }

  :root .lg\:pl-32 {
    padding-left: 8rem;
  }

  :root .lg\:pt-40 {
    padding-top: 10rem;
  }

  :root .lg\:pr-40 {
    padding-right: 10rem;
  }

  :root .lg\:pb-40 {
    padding-bottom: 10rem;
  }

  :root .lg\:pl-40 {
    padding-left: 10rem;
  }

  :root .lg\:pt-48 {
    padding-top: 12rem;
  }

  :root .lg\:pr-48 {
    padding-right: 12rem;
  }

  :root .lg\:pb-48 {
    padding-bottom: 12rem;
  }

  :root .lg\:pl-48 {
    padding-left: 12rem;
  }

  :root .lg\:pt-56 {
    padding-top: 14rem;
  }

  :root .lg\:pr-56 {
    padding-right: 14rem;
  }

  :root .lg\:pb-56 {
    padding-bottom: 14rem;
  }

  :root .lg\:pl-56 {
    padding-left: 14rem;
  }

  :root .lg\:pt-64 {
    padding-top: 16rem;
  }

  :root .lg\:pr-64 {
    padding-right: 16rem;
  }

  :root .lg\:pb-64 {
    padding-bottom: 16rem;
  }

  :root .lg\:pl-64 {
    padding-left: 16rem;
  }

  :root .lg\:pt-px {
    padding-top: 1px;
  }

  :root .lg\:pr-px {
    padding-right: 1px;
  }

  :root .lg\:pb-px {
    padding-bottom: 1px;
  }

  :root .lg\:pl-px {
    padding-left: 1px;
  }

  :root .lg\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root .lg\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root .lg\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root .lg\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:p-0 {
    padding: 0;
  }

  :root [dir=ltr] .lg\:ltr\:p-1 {
    padding: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-2 {
    padding: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-3 {
    padding: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-4 {
    padding: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-5 {
    padding: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-6 {
    padding: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-8 {
    padding: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-9 {
    padding: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-10 {
    padding: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-12 {
    padding: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-14 {
    padding: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-16 {
    padding: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-20 {
    padding: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-24 {
    padding: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-32 {
    padding: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-40 {
    padding: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-48 {
    padding: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-56 {
    padding: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-64 {
    padding: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:p-px {
    padding: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root [dir=ltr] .lg\:ltr\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root [dir=ltr] .lg\:ltr\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:pt-0 {
    padding-top: 0;
  }

  :root [dir=ltr] .lg\:ltr\:pr-0 {
    padding-right: 0;
  }

  :root [dir=ltr] .lg\:ltr\:pb-0 {
    padding-bottom: 0;
  }

  :root [dir=ltr] .lg\:ltr\:pl-0 {
    padding-left: 0;
  }

  :root [dir=ltr] .lg\:ltr\:pt-1 {
    padding-top: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-1 {
    padding-right: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-1 {
    padding-left: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-2 {
    padding-top: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-2 {
    padding-right: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-2 {
    padding-left: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-3 {
    padding-top: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-3 {
    padding-right: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-3 {
    padding-left: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-4 {
    padding-top: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-4 {
    padding-right: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-4 {
    padding-bottom: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-4 {
    padding-left: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-5 {
    padding-top: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-5 {
    padding-right: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-5 {
    padding-left: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-6 {
    padding-top: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-6 {
    padding-right: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-6 {
    padding-left: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-8 {
    padding-top: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-8 {
    padding-right: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-8 {
    padding-bottom: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-8 {
    padding-left: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-9 {
    padding-top: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-9 {
    padding-right: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-9 {
    padding-left: 2.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-10 {
    padding-top: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-10 {
    padding-right: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-10 {
    padding-left: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-12 {
    padding-top: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-12 {
    padding-right: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-12 {
    padding-bottom: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-12 {
    padding-left: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-14 {
    padding-top: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-14 {
    padding-right: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-14 {
    padding-left: 3.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-16 {
    padding-top: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-16 {
    padding-right: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-16 {
    padding-bottom: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-16 {
    padding-left: 4rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-20 {
    padding-top: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-20 {
    padding-right: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-20 {
    padding-bottom: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-20 {
    padding-left: 5rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-24 {
    padding-top: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-24 {
    padding-right: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-24 {
    padding-bottom: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-24 {
    padding-left: 6rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-32 {
    padding-top: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-32 {
    padding-right: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-32 {
    padding-bottom: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-32 {
    padding-left: 8rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-40 {
    padding-top: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-40 {
    padding-right: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-40 {
    padding-bottom: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-40 {
    padding-left: 10rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-48 {
    padding-top: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-48 {
    padding-right: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-48 {
    padding-bottom: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-48 {
    padding-left: 12rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-56 {
    padding-top: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-56 {
    padding-right: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-56 {
    padding-bottom: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-56 {
    padding-left: 14rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-64 {
    padding-top: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:pr-64 {
    padding-right: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:pb-64 {
    padding-bottom: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:pl-64 {
    padding-left: 16rem;
  }

  :root [dir=ltr] .lg\:ltr\:pt-px {
    padding-top: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:pr-px {
    padding-right: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:pb-px {
    padding-bottom: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:pl-px {
    padding-left: 1px;
  }

  :root [dir=ltr] .lg\:ltr\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=ltr] .lg\:ltr\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:p-0 {
    padding: 0;
  }

  :root [dir=rtl] .lg\:rtl\:p-1 {
    padding: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-2 {
    padding: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-3 {
    padding: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-4 {
    padding: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-5 {
    padding: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-6 {
    padding: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-8 {
    padding: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-9 {
    padding: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-10 {
    padding: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-12 {
    padding: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-14 {
    padding: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-16 {
    padding: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-20 {
    padding: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-24 {
    padding: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-32 {
    padding: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-40 {
    padding: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-48 {
    padding: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-56 {
    padding: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-64 {
    padding: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:p-px {
    padding: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:p-gutter {
    padding: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  :root [dir=rtl] .lg\:rtl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  :root [dir=rtl] .lg\:rtl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:py-gutter {
    padding-top: var(--padding-gutter);
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:px-gutter {
    padding-left: var(--padding-gutter);
    padding-right: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:pt-0 {
    padding-top: 0;
  }

  :root [dir=rtl] .lg\:rtl\:pr-0 {
    padding-right: 0;
  }

  :root [dir=rtl] .lg\:rtl\:pb-0 {
    padding-bottom: 0;
  }

  :root [dir=rtl] .lg\:rtl\:pl-0 {
    padding-left: 0;
  }

  :root [dir=rtl] .lg\:rtl\:pt-1 {
    padding-top: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-1 {
    padding-right: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-1 {
    padding-left: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-2 {
    padding-top: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-2 {
    padding-right: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-2 {
    padding-left: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-3 {
    padding-top: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-3 {
    padding-right: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-3 {
    padding-left: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-4 {
    padding-top: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-4 {
    padding-right: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-4 {
    padding-bottom: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-4 {
    padding-left: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-5 {
    padding-top: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-5 {
    padding-right: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-5 {
    padding-left: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-6 {
    padding-top: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-6 {
    padding-right: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-6 {
    padding-left: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-8 {
    padding-top: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-8 {
    padding-right: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-8 {
    padding-bottom: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-8 {
    padding-left: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-9 {
    padding-top: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-9 {
    padding-right: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-9 {
    padding-bottom: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-9 {
    padding-left: 2.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-10 {
    padding-top: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-10 {
    padding-right: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-10 {
    padding-left: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-12 {
    padding-top: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-12 {
    padding-right: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-12 {
    padding-bottom: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-12 {
    padding-left: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-14 {
    padding-top: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-14 {
    padding-right: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-14 {
    padding-bottom: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-14 {
    padding-left: 3.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-16 {
    padding-top: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-16 {
    padding-right: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-16 {
    padding-bottom: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-16 {
    padding-left: 4rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-20 {
    padding-top: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-20 {
    padding-right: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-20 {
    padding-bottom: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-20 {
    padding-left: 5rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-24 {
    padding-top: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-24 {
    padding-right: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-24 {
    padding-bottom: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-24 {
    padding-left: 6rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-32 {
    padding-top: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-32 {
    padding-right: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-32 {
    padding-bottom: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-32 {
    padding-left: 8rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-40 {
    padding-top: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-40 {
    padding-right: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-40 {
    padding-bottom: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-40 {
    padding-left: 10rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-48 {
    padding-top: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-48 {
    padding-right: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-48 {
    padding-bottom: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-48 {
    padding-left: 12rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-56 {
    padding-top: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-56 {
    padding-right: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-56 {
    padding-bottom: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-56 {
    padding-left: 14rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-64 {
    padding-top: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:pr-64 {
    padding-right: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:pb-64 {
    padding-bottom: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:pl-64 {
    padding-left: 16rem;
  }

  :root [dir=rtl] .lg\:rtl\:pt-px {
    padding-top: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:pr-px {
    padding-right: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:pb-px {
    padding-bottom: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:pl-px {
    padding-left: 1px;
  }

  :root [dir=rtl] .lg\:rtl\:pt-gutter {
    padding-top: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:pr-gutter {
    padding-right: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:pb-gutter {
    padding-bottom: var(--padding-gutter);
  }

  :root [dir=rtl] .lg\:rtl\:pl-gutter {
    padding-left: var(--padding-gutter);
  }

  :root .lg\:placeholder-current::placeholder {
    color: currentColor;
  }

  :root .lg\:placeholder-transparent::placeholder {
    color: transparent;
  }

  :root .lg\:placeholder-black::placeholder {
    color: var(--text-color);
  }

  :root .lg\:placeholder-white::placeholder {
    color: var(--text-color-light);
  }

  :root .lg\:placeholder-contrast-black::placeholder {
    --placeholder-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-contrast-white::placeholder {
    --placeholder-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-gray-light::placeholder {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:placeholder-gray::placeholder {
    --placeholder-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-red-light::placeholder {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:placeholder-red::placeholder {
    --placeholder-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-orange-light::placeholder {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:placeholder-orange::placeholder {
    --placeholder-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-deep-orange-light::placeholder {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:placeholder-deep-orange::placeholder {
    --placeholder-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-amber-light::placeholder {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:placeholder-amber::placeholder {
    --placeholder-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-green-light::placeholder {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:placeholder-green::placeholder {
    --placeholder-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-teal-light::placeholder {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:placeholder-teal::placeholder {
    --placeholder-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-cyan-light::placeholder {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:placeholder-cyan::placeholder {
    --placeholder-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-purple-light::placeholder {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:placeholder-purple::placeholder {
    --placeholder-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-deep-purple-light::placeholder {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:placeholder-deep-purple::placeholder {
    --placeholder-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-pink-light::placeholder {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:placeholder-pink::placeholder {
    --placeholder-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--placeholder-opacity));
  }

  :root .lg\:placeholder-primary-light::placeholder {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:placeholder-primary::placeholder {
    color: rgb(var(--color-primary));
  }

  :root .lg\:placeholder-accent-light::placeholder {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:placeholder-accent::placeholder {
    color: rgb(var(--color-accent));
  }

  :root .lg\:placeholder-warn-light::placeholder {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:placeholder-warn::placeholder {
    color: rgb(var(--color-warn));
  }

  :root .lg\:focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }

  :root .lg\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  :root .lg\:focus\:placeholder-black:focus::placeholder {
    color: var(--text-color);
  }

  :root .lg\:focus\:placeholder-white:focus::placeholder {
    color: var(--text-color-light);
  }

  :root .lg\:focus\:placeholder-contrast-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-contrast-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-gray-light:focus::placeholder {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:focus\:placeholder-gray:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-red-light:focus::placeholder {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:focus\:placeholder-red:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-orange-light:focus::placeholder {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:focus\:placeholder-orange:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-deep-orange-light:focus::placeholder {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:focus\:placeholder-deep-orange:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-amber-light:focus::placeholder {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:focus\:placeholder-amber:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-green-light:focus::placeholder {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:focus\:placeholder-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-teal-light:focus::placeholder {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:focus\:placeholder-teal:focus::placeholder {
    --placeholder-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-cyan-light:focus::placeholder {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:focus\:placeholder-cyan:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-purple-light:focus::placeholder {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:focus\:placeholder-purple:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-deep-purple-light:focus::placeholder {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:focus\:placeholder-deep-purple:focus::placeholder {
    --placeholder-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-pink-light:focus::placeholder {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:focus\:placeholder-pink:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--placeholder-opacity));
  }

  :root .lg\:focus\:placeholder-primary-light:focus::placeholder {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:focus\:placeholder-primary:focus::placeholder {
    color: rgb(var(--color-primary));
  }

  :root .lg\:focus\:placeholder-accent-light:focus::placeholder {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:focus\:placeholder-accent:focus::placeholder {
    color: rgb(var(--color-accent));
  }

  :root .lg\:focus\:placeholder-warn-light:focus::placeholder {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:focus\:placeholder-warn:focus::placeholder {
    color: rgb(var(--color-warn));
  }

  :root .lg\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  :root .lg\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  :root .lg\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  :root .lg\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  :root .lg\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  :root .lg\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  :root .lg\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  :root .lg\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  :root .lg\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  :root .lg\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  :root .lg\:pointer-events-none {
    pointer-events: none;
  }

  :root .lg\:pointer-events-auto {
    pointer-events: auto;
  }

  :root .lg\:static {
    position: static;
  }

  :root .lg\:fixed {
    position: fixed;
  }

  :root .lg\:absolute {
    position: absolute;
  }

  :root .lg\:relative {
    position: relative;
  }

  :root .lg\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  :root .lg\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root .lg\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root .lg\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root .lg\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root .lg\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root .lg\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root .lg\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root .lg\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root .lg\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root .lg\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root .lg\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root .lg\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root .lg\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root .lg\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root .lg\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root .lg\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root .lg\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root .lg\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root .lg\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root .lg\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root .lg\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root .lg\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root .lg\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root .lg\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root .lg\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root .lg\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root .lg\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root .lg\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root .lg\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root .lg\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root .lg\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root .lg\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root .lg\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root .lg\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root .lg\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root .lg\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root .lg\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root .lg\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root .lg\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root .lg\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root .lg\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root .lg\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root .lg\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root .lg\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root .lg\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root .lg\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root .lg\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root .lg\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root .lg\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root .lg\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root .lg\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root .lg\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root .lg\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root .lg\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root .lg\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root .lg\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root .lg\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root .lg\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root .lg\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root .lg\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root .lg\:top-0 {
    top: 0;
  }

  :root .lg\:right-0 {
    right: 0;
  }

  :root .lg\:bottom-0 {
    bottom: 0;
  }

  :root .lg\:left-0 {
    left: 0;
  }

  :root .lg\:top-1 {
    top: 0.25rem;
  }

  :root .lg\:right-1 {
    right: 0.25rem;
  }

  :root .lg\:bottom-1 {
    bottom: 0.25rem;
  }

  :root .lg\:left-1 {
    left: 0.25rem;
  }

  :root .lg\:top-2 {
    top: 0.5rem;
  }

  :root .lg\:right-2 {
    right: 0.5rem;
  }

  :root .lg\:bottom-2 {
    bottom: 0.5rem;
  }

  :root .lg\:left-2 {
    left: 0.5rem;
  }

  :root .lg\:top-3 {
    top: 0.75rem;
  }

  :root .lg\:right-3 {
    right: 0.75rem;
  }

  :root .lg\:bottom-3 {
    bottom: 0.75rem;
  }

  :root .lg\:left-3 {
    left: 0.75rem;
  }

  :root .lg\:top-4 {
    top: 1rem;
  }

  :root .lg\:right-4 {
    right: 1rem;
  }

  :root .lg\:bottom-4 {
    bottom: 1rem;
  }

  :root .lg\:left-4 {
    left: 1rem;
  }

  :root .lg\:top-5 {
    top: 1.25rem;
  }

  :root .lg\:right-5 {
    right: 1.25rem;
  }

  :root .lg\:bottom-5 {
    bottom: 1.25rem;
  }

  :root .lg\:left-5 {
    left: 1.25rem;
  }

  :root .lg\:top-6 {
    top: 1.5rem;
  }

  :root .lg\:right-6 {
    right: 1.5rem;
  }

  :root .lg\:bottom-6 {
    bottom: 1.5rem;
  }

  :root .lg\:left-6 {
    left: 1.5rem;
  }

  :root .lg\:top-8 {
    top: 2rem;
  }

  :root .lg\:right-8 {
    right: 2rem;
  }

  :root .lg\:bottom-8 {
    bottom: 2rem;
  }

  :root .lg\:left-8 {
    left: 2rem;
  }

  :root .lg\:top-10 {
    top: 2.5rem;
  }

  :root .lg\:right-10 {
    right: 2.5rem;
  }

  :root .lg\:bottom-10 {
    bottom: 2.5rem;
  }

  :root .lg\:left-10 {
    left: 2.5rem;
  }

  :root .lg\:top-12 {
    top: 3rem;
  }

  :root .lg\:right-12 {
    right: 3rem;
  }

  :root .lg\:bottom-12 {
    bottom: 3rem;
  }

  :root .lg\:left-12 {
    left: 3rem;
  }

  :root .lg\:-top-1 {
    top: -0.25rem;
  }

  :root .lg\:-right-1 {
    right: -0.25rem;
  }

  :root .lg\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root .lg\:-left-1 {
    left: -0.25rem;
  }

  :root .lg\:-top-2 {
    top: -0.5rem;
  }

  :root .lg\:-right-2 {
    right: -0.5rem;
  }

  :root .lg\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root .lg\:-left-2 {
    left: -0.5rem;
  }

  :root .lg\:-top-3 {
    top: -0.75rem;
  }

  :root .lg\:-right-3 {
    right: -0.75rem;
  }

  :root .lg\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root .lg\:-left-3 {
    left: -0.75rem;
  }

  :root .lg\:-top-4 {
    top: -1rem;
  }

  :root .lg\:-right-4 {
    right: -1rem;
  }

  :root .lg\:-bottom-4 {
    bottom: -1rem;
  }

  :root .lg\:-left-4 {
    left: -1rem;
  }

  :root .lg\:-top-5 {
    top: -1.25rem;
  }

  :root .lg\:-right-5 {
    right: -1.25rem;
  }

  :root .lg\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root .lg\:-left-5 {
    left: -1.25rem;
  }

  :root .lg\:-top-6 {
    top: -1.5rem;
  }

  :root .lg\:-right-6 {
    right: -1.5rem;
  }

  :root .lg\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root .lg\:-left-6 {
    left: -1.5rem;
  }

  :root .lg\:-top-8 {
    top: -2rem;
  }

  :root .lg\:-right-8 {
    right: -2rem;
  }

  :root .lg\:-bottom-8 {
    bottom: -2rem;
  }

  :root .lg\:-left-8 {
    left: -2rem;
  }

  :root .lg\:-top-10 {
    top: -2.5rem;
  }

  :root .lg\:-right-10 {
    right: -2.5rem;
  }

  :root .lg\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root .lg\:-left-10 {
    left: -2.5rem;
  }

  :root .lg\:-top-12 {
    top: -3rem;
  }

  :root .lg\:-right-12 {
    right: -3rem;
  }

  :root .lg\:-bottom-12 {
    bottom: -3rem;
  }

  :root .lg\:-left-12 {
    left: -3rem;
  }

  :root .lg\:top-auto {
    top: auto;
  }

  :root .lg\:right-auto {
    right: auto;
  }

  :root .lg\:bottom-auto {
    bottom: auto;
  }

  :root .lg\:left-auto {
    left: auto;
  }

  :root [dir=ltr] .lg\:ltr\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root [dir=ltr] .lg\:ltr\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root [dir=ltr] .lg\:ltr\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root [dir=ltr] .lg\:ltr\:top-0 {
    top: 0;
  }

  :root [dir=ltr] .lg\:ltr\:right-0 {
    right: 0;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-0 {
    bottom: 0;
  }

  :root [dir=ltr] .lg\:ltr\:left-0 {
    left: 0;
  }

  :root [dir=ltr] .lg\:ltr\:top-1 {
    top: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-1 {
    right: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-1 {
    bottom: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-1 {
    left: 0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-2 {
    top: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-2 {
    right: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-2 {
    bottom: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-2 {
    left: 0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-3 {
    top: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-3 {
    right: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-3 {
    bottom: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-3 {
    left: 0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-4 {
    top: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-4 {
    right: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-4 {
    bottom: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-4 {
    left: 1rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-5 {
    top: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-5 {
    right: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-5 {
    bottom: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-5 {
    left: 1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-6 {
    top: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-6 {
    right: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-6 {
    bottom: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-6 {
    left: 1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-8 {
    top: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-8 {
    right: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-8 {
    bottom: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-8 {
    left: 2rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-10 {
    top: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-10 {
    right: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-10 {
    bottom: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-10 {
    left: 2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-12 {
    top: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:right-12 {
    right: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-12 {
    bottom: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:left-12 {
    left: 3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-1 {
    top: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-1 {
    right: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-1 {
    left: -0.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-2 {
    top: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-2 {
    right: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-2 {
    left: -0.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-3 {
    top: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-3 {
    right: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-3 {
    left: -0.75rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-4 {
    top: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-4 {
    right: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-4 {
    bottom: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-4 {
    left: -1rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-5 {
    top: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-5 {
    right: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-5 {
    left: -1.25rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-6 {
    top: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-6 {
    right: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-6 {
    left: -1.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-8 {
    top: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-8 {
    right: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-8 {
    bottom: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-8 {
    left: -2rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-10 {
    top: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-10 {
    right: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-10 {
    left: -2.5rem;
  }

  :root [dir=ltr] .lg\:ltr\:-top-12 {
    top: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-right-12 {
    right: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-bottom-12 {
    bottom: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:-left-12 {
    left: -3rem;
  }

  :root [dir=ltr] .lg\:ltr\:top-auto {
    top: auto;
  }

  :root [dir=ltr] .lg\:ltr\:right-auto {
    right: auto;
  }

  :root [dir=ltr] .lg\:ltr\:bottom-auto {
    bottom: auto;
  }

  :root [dir=ltr] .lg\:ltr\:left-auto {
    left: auto;
  }

  :root [dir=rtl] .lg\:rtl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  :root [dir=rtl] .lg\:rtl\:inset-1 {
    top: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-2 {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-3 {
    top: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-4 {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-5 {
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-6 {
    top: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-8 {
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-10 {
    top: 2.5rem;
    right: 2.5rem;
    bottom: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-12 {
    top: 3rem;
    right: 3rem;
    bottom: 3rem;
    left: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-1 {
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-2 {
    top: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-3 {
    top: -0.75rem;
    right: -0.75rem;
    bottom: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-4 {
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-5 {
    top: -1.25rem;
    right: -1.25rem;
    bottom: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-6 {
    top: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-8 {
    top: -2rem;
    right: -2rem;
    bottom: -2rem;
    left: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-10 {
    top: -2.5rem;
    right: -2.5rem;
    bottom: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-12 {
    top: -3rem;
    right: -3rem;
    bottom: -3rem;
    left: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-0 {
    right: 0;
    left: 0;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-1 {
    top: 0.25rem;
    bottom: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-1 {
    right: 0.25rem;
    left: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-2 {
    top: 0.5rem;
    bottom: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-2 {
    right: 0.5rem;
    left: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-3 {
    top: 0.75rem;
    bottom: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-3 {
    right: 0.75rem;
    left: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-4 {
    top: 1rem;
    bottom: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-4 {
    right: 1rem;
    left: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-5 {
    top: 1.25rem;
    bottom: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-5 {
    right: 1.25rem;
    left: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-6 {
    top: 1.5rem;
    bottom: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-6 {
    right: 1.5rem;
    left: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-8 {
    top: 2rem;
    bottom: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-8 {
    right: 2rem;
    left: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-10 {
    top: 2.5rem;
    bottom: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-10 {
    right: 2.5rem;
    left: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-12 {
    top: 3rem;
    bottom: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-12 {
    right: 3rem;
    left: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-1 {
    top: -0.25rem;
    bottom: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-1 {
    right: -0.25rem;
    left: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-2 {
    top: -0.5rem;
    bottom: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-2 {
    right: -0.5rem;
    left: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-3 {
    top: -0.75rem;
    bottom: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-3 {
    right: -0.75rem;
    left: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-4 {
    top: -1rem;
    bottom: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-4 {
    right: -1rem;
    left: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-5 {
    top: -1.25rem;
    bottom: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-5 {
    right: -1.25rem;
    left: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-6 {
    top: -1.5rem;
    bottom: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-6 {
    right: -1.5rem;
    left: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-8 {
    top: -2rem;
    bottom: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-8 {
    right: -2rem;
    left: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-10 {
    top: -2.5rem;
    bottom: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-10 {
    right: -2.5rem;
    left: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-y-12 {
    top: -3rem;
    bottom: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-inset-x-12 {
    right: -3rem;
    left: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  :root [dir=rtl] .lg\:rtl\:inset-x-auto {
    right: auto;
    left: auto;
  }

  :root [dir=rtl] .lg\:rtl\:top-0 {
    top: 0;
  }

  :root [dir=rtl] .lg\:rtl\:right-0 {
    right: 0;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-0 {
    bottom: 0;
  }

  :root [dir=rtl] .lg\:rtl\:left-0 {
    left: 0;
  }

  :root [dir=rtl] .lg\:rtl\:top-1 {
    top: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-1 {
    right: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-1 {
    bottom: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-1 {
    left: 0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-2 {
    top: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-2 {
    right: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-2 {
    bottom: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-2 {
    left: 0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-3 {
    top: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-3 {
    right: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-3 {
    bottom: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-3 {
    left: 0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-4 {
    top: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-4 {
    right: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-4 {
    bottom: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-4 {
    left: 1rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-5 {
    top: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-5 {
    right: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-5 {
    bottom: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-5 {
    left: 1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-6 {
    top: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-6 {
    right: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-6 {
    bottom: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-6 {
    left: 1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-8 {
    top: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-8 {
    right: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-8 {
    bottom: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-8 {
    left: 2rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-10 {
    top: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-10 {
    right: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-10 {
    bottom: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-10 {
    left: 2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-12 {
    top: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:right-12 {
    right: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-12 {
    bottom: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:left-12 {
    left: 3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-1 {
    top: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-1 {
    right: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-1 {
    bottom: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-1 {
    left: -0.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-2 {
    top: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-2 {
    right: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-2 {
    bottom: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-2 {
    left: -0.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-3 {
    top: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-3 {
    right: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-3 {
    bottom: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-3 {
    left: -0.75rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-4 {
    top: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-4 {
    right: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-4 {
    bottom: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-4 {
    left: -1rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-5 {
    top: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-5 {
    right: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-5 {
    bottom: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-5 {
    left: -1.25rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-6 {
    top: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-6 {
    right: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-6 {
    bottom: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-6 {
    left: -1.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-8 {
    top: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-8 {
    right: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-8 {
    bottom: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-8 {
    left: -2rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-10 {
    top: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-10 {
    right: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-10 {
    bottom: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-10 {
    left: -2.5rem;
  }

  :root [dir=rtl] .lg\:rtl\:-top-12 {
    top: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-right-12 {
    right: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-bottom-12 {
    bottom: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:-left-12 {
    left: -3rem;
  }

  :root [dir=rtl] .lg\:rtl\:top-auto {
    top: auto;
  }

  :root [dir=rtl] .lg\:rtl\:right-auto {
    right: auto;
  }

  :root [dir=rtl] .lg\:rtl\:bottom-auto {
    bottom: auto;
  }

  :root [dir=rtl] .lg\:rtl\:left-auto {
    left: auto;
  }

  :root .lg\:resize-none {
    resize: none;
  }

  :root .lg\:resize-y {
    resize: vertical;
  }

  :root .lg\:resize-x {
    resize: horizontal;
  }

  :root .lg\:resize {
    resize: both;
  }

  :root .lg\:shadow-1 {
    box-shadow: var(--elevation-z1);
  }

  :root .lg\:shadow-2 {
    box-shadow: var(--elevation-z2);
  }

  :root .lg\:shadow-3 {
    box-shadow: var(--elevation-z3);
  }

  :root .lg\:shadow-4 {
    box-shadow: var(--elevation-z4);
  }

  :root .lg\:shadow-5 {
    box-shadow: var(--elevation-z5);
  }

  :root .lg\:shadow-6 {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:shadow-7 {
    box-shadow: var(--elevation-z7);
  }

  :root .lg\:shadow-8 {
    box-shadow: var(--elevation-z8);
  }

  :root .lg\:shadow-9 {
    box-shadow: var(--elevation-z9);
  }

  :root .lg\:shadow-10 {
    box-shadow: var(--elevation-z10);
  }

  :root .lg\:shadow-11 {
    box-shadow: var(--elevation-z11);
  }

  :root .lg\:shadow-12 {
    box-shadow: var(--elevation-z12);
  }

  :root .lg\:shadow-13 {
    box-shadow: var(--elevation-z13);
  }

  :root .lg\:shadow-14 {
    box-shadow: var(--elevation-z14);
  }

  :root .lg\:shadow-15 {
    box-shadow: var(--elevation-z15);
  }

  :root .lg\:shadow-16 {
    box-shadow: var(--elevation-z16);
  }

  :root .lg\:shadow-17 {
    box-shadow: var(--elevation-z17);
  }

  :root .lg\:shadow-18 {
    box-shadow: var(--elevation-z18);
  }

  :root .lg\:shadow-19 {
    box-shadow: var(--elevation-z19);
  }

  :root .lg\:shadow-20 {
    box-shadow: var(--elevation-z20);
  }

  :root .lg\:shadow {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .lg\:shadow-lg {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:shadow-xl {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .lg\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .lg\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .lg\:shadow-none {
    box-shadow: none;
  }

  :root .lg\:shadow-b {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .lg\:hover\:shadow-1:hover {
    box-shadow: var(--elevation-z1);
  }

  :root .lg\:hover\:shadow-2:hover {
    box-shadow: var(--elevation-z2);
  }

  :root .lg\:hover\:shadow-3:hover {
    box-shadow: var(--elevation-z3);
  }

  :root .lg\:hover\:shadow-4:hover {
    box-shadow: var(--elevation-z4);
  }

  :root .lg\:hover\:shadow-5:hover {
    box-shadow: var(--elevation-z5);
  }

  :root .lg\:hover\:shadow-6:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:hover\:shadow-7:hover {
    box-shadow: var(--elevation-z7);
  }

  :root .lg\:hover\:shadow-8:hover {
    box-shadow: var(--elevation-z8);
  }

  :root .lg\:hover\:shadow-9:hover {
    box-shadow: var(--elevation-z9);
  }

  :root .lg\:hover\:shadow-10:hover {
    box-shadow: var(--elevation-z10);
  }

  :root .lg\:hover\:shadow-11:hover {
    box-shadow: var(--elevation-z11);
  }

  :root .lg\:hover\:shadow-12:hover {
    box-shadow: var(--elevation-z12);
  }

  :root .lg\:hover\:shadow-13:hover {
    box-shadow: var(--elevation-z13);
  }

  :root .lg\:hover\:shadow-14:hover {
    box-shadow: var(--elevation-z14);
  }

  :root .lg\:hover\:shadow-15:hover {
    box-shadow: var(--elevation-z15);
  }

  :root .lg\:hover\:shadow-16:hover {
    box-shadow: var(--elevation-z16);
  }

  :root .lg\:hover\:shadow-17:hover {
    box-shadow: var(--elevation-z17);
  }

  :root .lg\:hover\:shadow-18:hover {
    box-shadow: var(--elevation-z18);
  }

  :root .lg\:hover\:shadow-19:hover {
    box-shadow: var(--elevation-z19);
  }

  :root .lg\:hover\:shadow-20:hover {
    box-shadow: var(--elevation-z20);
  }

  :root .lg\:hover\:shadow:hover {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .lg\:hover\:shadow-lg:hover {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:hover\:shadow-xl:hover {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .lg\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .lg\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .lg\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  :root .lg\:hover\:shadow-b:hover {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .lg\:focus\:shadow-1:focus {
    box-shadow: var(--elevation-z1);
  }

  :root .lg\:focus\:shadow-2:focus {
    box-shadow: var(--elevation-z2);
  }

  :root .lg\:focus\:shadow-3:focus {
    box-shadow: var(--elevation-z3);
  }

  :root .lg\:focus\:shadow-4:focus {
    box-shadow: var(--elevation-z4);
  }

  :root .lg\:focus\:shadow-5:focus {
    box-shadow: var(--elevation-z5);
  }

  :root .lg\:focus\:shadow-6:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:focus\:shadow-7:focus {
    box-shadow: var(--elevation-z7);
  }

  :root .lg\:focus\:shadow-8:focus {
    box-shadow: var(--elevation-z8);
  }

  :root .lg\:focus\:shadow-9:focus {
    box-shadow: var(--elevation-z9);
  }

  :root .lg\:focus\:shadow-10:focus {
    box-shadow: var(--elevation-z10);
  }

  :root .lg\:focus\:shadow-11:focus {
    box-shadow: var(--elevation-z11);
  }

  :root .lg\:focus\:shadow-12:focus {
    box-shadow: var(--elevation-z12);
  }

  :root .lg\:focus\:shadow-13:focus {
    box-shadow: var(--elevation-z13);
  }

  :root .lg\:focus\:shadow-14:focus {
    box-shadow: var(--elevation-z14);
  }

  :root .lg\:focus\:shadow-15:focus {
    box-shadow: var(--elevation-z15);
  }

  :root .lg\:focus\:shadow-16:focus {
    box-shadow: var(--elevation-z16);
  }

  :root .lg\:focus\:shadow-17:focus {
    box-shadow: var(--elevation-z17);
  }

  :root .lg\:focus\:shadow-18:focus {
    box-shadow: var(--elevation-z18);
  }

  :root .lg\:focus\:shadow-19:focus {
    box-shadow: var(--elevation-z19);
  }

  :root .lg\:focus\:shadow-20:focus {
    box-shadow: var(--elevation-z20);
  }

  :root .lg\:focus\:shadow:focus {
    box-shadow: var(--elevation-z6);
  }

  :root .lg\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  :root .lg\:focus\:shadow-lg:focus {
    box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:focus\:shadow-xl:focus {
    box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  }

  :root .lg\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  :root .lg\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  :root .lg\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  :root .lg\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  :root .lg\:focus\:shadow-b:focus {
    box-shadow: 0 10px 30px 0 rgba(82, 63, 104, 0.06);
  }

  :root .lg\:fill-current {
    fill: currentColor;
  }

  :root .lg\:stroke-current {
    stroke: currentColor;
  }

  :root .lg\:stroke-0 {
    stroke-width: 0;
  }

  :root .lg\:stroke-1 {
    stroke-width: 1;
  }

  :root .lg\:stroke-2 {
    stroke-width: 2;
  }

  :root .lg\:table-auto {
    table-layout: auto;
  }

  :root .lg\:table-fixed {
    table-layout: fixed;
  }

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

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

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

  :root .lg\:text-justify {
    text-align: justify;
  }

  :root .lg\:text-secondary {
    color: var(--text-secondary);
  }

  :root .lg\:text-hint {
    color: var(--text-hint);
  }

  :root .lg\:text-current {
    color: currentColor;
  }

  :root .lg\:text-transparent {
    color: transparent;
  }

  :root .lg\:text-black {
    color: var(--text-color);
  }

  :root .lg\:text-white {
    color: var(--text-color-light);
  }

  :root .lg\:text-contrast-black {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:text-contrast-white {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-gray-light {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:text-gray {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .lg\:text-red-light {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:text-red {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .lg\:text-orange-light {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:text-orange {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .lg\:text-deep-orange-light {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:text-deep-orange {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .lg\:text-amber-light {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:text-amber {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .lg\:text-green-light {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:text-green {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .lg\:text-teal-light {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:text-teal {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .lg\:text-cyan-light {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:text-cyan {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .lg\:text-purple-light {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:text-purple {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .lg\:text-deep-purple-light {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:text-deep-purple {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .lg\:text-pink-light {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:text-pink {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .lg\:text-primary-light {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:text-primary {
    color: rgb(var(--color-primary));
  }

  :root .lg\:text-accent-light {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:text-accent {
    color: rgb(var(--color-accent));
  }

  :root .lg\:text-warn-light {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:text-warn {
    color: rgb(var(--color-warn));
  }

  :root .lg\:text-primary-contrast {
    color: rgb(var(--color-primary-contrast));
  }

  :root .lg\:text-accent-contrast {
    color: rgb(var(--color-accent-contrast));
  }

  :root .lg\:text-warn-contrast {
    color: rgb(var(--color-warn-contrast));
  }

  :root .lg\:text-red-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-green-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-amber-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:text-orange-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:text-deep-orange-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-purple-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-deep-purple-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-cyan-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-teal-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-gray-contrast {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:text-light-green-contrast {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:hover\:text-secondary:hover {
    color: var(--text-secondary);
  }

  :root .lg\:hover\:text-hint:hover {
    color: var(--text-hint);
  }

  :root .lg\:hover\:text-current:hover {
    color: currentColor;
  }

  :root .lg\:hover\:text-transparent:hover {
    color: transparent;
  }

  :root .lg\:hover\:text-black:hover {
    color: var(--text-color);
  }

  :root .lg\:hover\:text-white:hover {
    color: var(--text-color-light);
  }

  :root .lg\:hover\:text-contrast-black:hover {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:hover\:text-contrast-white:hover {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-gray-light:hover {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:hover\:text-gray:hover {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .lg\:hover\:text-red-light:hover {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:hover\:text-red:hover {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .lg\:hover\:text-orange-light:hover {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:hover\:text-orange:hover {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .lg\:hover\:text-deep-orange-light:hover {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:hover\:text-deep-orange:hover {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .lg\:hover\:text-amber-light:hover {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:hover\:text-amber:hover {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .lg\:hover\:text-green-light:hover {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:hover\:text-green:hover {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .lg\:hover\:text-teal-light:hover {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:hover\:text-teal:hover {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .lg\:hover\:text-cyan-light:hover {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:hover\:text-cyan:hover {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .lg\:hover\:text-purple-light:hover {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:hover\:text-purple:hover {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .lg\:hover\:text-deep-purple-light:hover {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:hover\:text-deep-purple:hover {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .lg\:hover\:text-pink-light:hover {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:hover\:text-pink:hover {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .lg\:hover\:text-primary-light:hover {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:hover\:text-primary:hover {
    color: rgb(var(--color-primary));
  }

  :root .lg\:hover\:text-accent-light:hover {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:hover\:text-accent:hover {
    color: rgb(var(--color-accent));
  }

  :root .lg\:hover\:text-warn-light:hover {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:hover\:text-warn:hover {
    color: rgb(var(--color-warn));
  }

  :root .lg\:hover\:text-primary-contrast:hover {
    color: rgb(var(--color-primary-contrast));
  }

  :root .lg\:hover\:text-accent-contrast:hover {
    color: rgb(var(--color-accent-contrast));
  }

  :root .lg\:hover\:text-warn-contrast:hover {
    color: rgb(var(--color-warn-contrast));
  }

  :root .lg\:hover\:text-red-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-green-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-amber-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:hover\:text-orange-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:hover\:text-deep-orange-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-purple-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-deep-purple-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-cyan-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-teal-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-gray-contrast:hover {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:hover\:text-light-green-contrast:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:focus\:text-secondary:focus {
    color: var(--text-secondary);
  }

  :root .lg\:focus\:text-hint:focus {
    color: var(--text-hint);
  }

  :root .lg\:focus\:text-current:focus {
    color: currentColor;
  }

  :root .lg\:focus\:text-transparent:focus {
    color: transparent;
  }

  :root .lg\:focus\:text-black:focus {
    color: var(--text-color);
  }

  :root .lg\:focus\:text-white:focus {
    color: var(--text-color-light);
  }

  :root .lg\:focus\:text-contrast-black:focus {
    --text-opacity: 1;
    color: black;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:focus\:text-contrast-white:focus {
    --text-opacity: 1;
    color: white;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-gray-light:focus {
    color: rgba(158, 158, 158, 0.1);
  }

  :root .lg\:focus\:text-gray:focus {
    --text-opacity: 1;
    color: #9e9e9e;
    color: rgba(158, 158, 158, var(--text-opacity));
  }

  :root .lg\:focus\:text-red-light:focus {
    color: rgba(244, 67, 54, 0.1);
  }

  :root .lg\:focus\:text-red:focus {
    --text-opacity: 1;
    color: #f44336;
    color: rgba(244, 67, 54, var(--text-opacity));
  }

  :root .lg\:focus\:text-orange-light:focus {
    color: rgba(255, 152, 0, 0.1);
  }

  :root .lg\:focus\:text-orange:focus {
    --text-opacity: 1;
    color: #ff9800;
    color: rgba(255, 152, 0, var(--text-opacity));
  }

  :root .lg\:focus\:text-deep-orange-light:focus {
    color: rgba(255, 87, 34, 0.1);
  }

  :root .lg\:focus\:text-deep-orange:focus {
    --text-opacity: 1;
    color: #ff5722;
    color: rgba(255, 87, 34, var(--text-opacity));
  }

  :root .lg\:focus\:text-amber-light:focus {
    color: rgba(255, 193, 7, 0.1);
  }

  :root .lg\:focus\:text-amber:focus {
    --text-opacity: 1;
    color: #ffc107;
    color: rgba(255, 193, 7, var(--text-opacity));
  }

  :root .lg\:focus\:text-green-light:focus {
    color: rgba(76, 175, 80, 0.1);
  }

  :root .lg\:focus\:text-green:focus {
    --text-opacity: 1;
    color: #4caf50;
    color: rgba(76, 175, 80, var(--text-opacity));
  }

  :root .lg\:focus\:text-teal-light:focus {
    color: rgba(0, 150, 136, 0.1);
  }

  :root .lg\:focus\:text-teal:focus {
    --text-opacity: 1;
    color: #009688;
    color: rgba(0, 150, 136, var(--text-opacity));
  }

  :root .lg\:focus\:text-cyan-light:focus {
    color: rgba(0, 188, 212, 0.1);
  }

  :root .lg\:focus\:text-cyan:focus {
    --text-opacity: 1;
    color: #00bcd4;
    color: rgba(0, 188, 212, var(--text-opacity));
  }

  :root .lg\:focus\:text-purple-light:focus {
    color: rgba(156, 39, 176, 0.1);
  }

  :root .lg\:focus\:text-purple:focus {
    --text-opacity: 1;
    color: #9c27b0;
    color: rgba(156, 39, 176, var(--text-opacity));
  }

  :root .lg\:focus\:text-deep-purple-light:focus {
    color: rgba(103, 58, 183, 0.1);
  }

  :root .lg\:focus\:text-deep-purple:focus {
    --text-opacity: 1;
    color: #673ab7;
    color: rgba(103, 58, 183, var(--text-opacity));
  }

  :root .lg\:focus\:text-pink-light:focus {
    color: rgba(233, 30, 99, 0.1);
  }

  :root .lg\:focus\:text-pink:focus {
    --text-opacity: 1;
    color: #e91e63;
    color: rgba(233, 30, 99, var(--text-opacity));
  }

  :root .lg\:focus\:text-primary-light:focus {
    color: rgba(var(--color-primary), 0.1);
  }

  :root .lg\:focus\:text-primary:focus {
    color: rgb(var(--color-primary));
  }

  :root .lg\:focus\:text-accent-light:focus {
    color: rgba(var(--color-accent), 0.1);
  }

  :root .lg\:focus\:text-accent:focus {
    color: rgb(var(--color-accent));
  }

  :root .lg\:focus\:text-warn-light:focus {
    color: rgba(var(--color-warn), 0.1);
  }

  :root .lg\:focus\:text-warn:focus {
    color: rgb(var(--color-warn));
  }

  :root .lg\:focus\:text-primary-contrast:focus {
    color: rgb(var(--color-primary-contrast));
  }

  :root .lg\:focus\:text-accent-contrast:focus {
    color: rgb(var(--color-accent-contrast));
  }

  :root .lg\:focus\:text-warn-contrast:focus {
    color: rgb(var(--color-warn-contrast));
  }

  :root .lg\:focus\:text-red-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-green-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-amber-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:focus\:text-orange-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:focus\:text-deep-orange-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-purple-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-deep-purple-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-cyan-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-teal-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-gray-contrast:focus {
    --text-opacity: 1;
    color: #FFF;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  :root .lg\:focus\:text-light-green-contrast:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  :root .lg\:text-opacity-0 {
    --text-opacity: 0;
  }

  :root .lg\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  :root .lg\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  :root .lg\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  :root .lg\:text-opacity-100 {
    --text-opacity: 1;
  }

  :root .lg\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  :root .lg\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  :root .lg\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  :root .lg\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  :root .lg\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  :root .lg\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  :root .lg\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  :root .lg\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  :root .lg\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  :root .lg\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  :root .lg\:italic {
    font-style: italic;
  }

  :root .lg\:not-italic {
    font-style: normal;
  }

  :root .lg\:uppercase {
    text-transform: uppercase;
  }

  :root .lg\:lowercase {
    text-transform: lowercase;
  }

  :root .lg\:capitalize {
    text-transform: capitalize;
  }

  :root .lg\:normal-case {
    text-transform: none;
  }

  :root .lg\:underline {
    text-decoration: underline;
  }

  :root .lg\:line-through {
    text-decoration: line-through;
  }

  :root .lg\:no-underline {
    text-decoration: none;
  }

  :root .lg\:hover\:underline:hover {
    text-decoration: underline;
  }

  :root .lg\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  :root .lg\:hover\:no-underline:hover {
    text-decoration: none;
  }

  :root .lg\:focus\:underline:focus {
    text-decoration: underline;
  }

  :root .lg\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  :root .lg\:focus\:no-underline:focus {
    text-decoration: none;
  }

  :root .lg\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  :root .lg\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  :root .lg\:ordinal, :root .lg\:slashed-zero, :root .lg\:lining-nums, :root .lg\:oldstyle-nums, :root .lg\:proportional-nums, :root .lg\:tabular-nums, :root .lg\:diagonal-fractions, :root .lg\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  :root .lg\:normal-nums {
    font-variant-numeric: normal;
  }

  :root .lg\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  :root .lg\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  :root .lg\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  :root .lg\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  :root .lg\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  :root .lg\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  :root .lg\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  :root .lg\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

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

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

  :root .lg\:tracking-normal {
    letter-spacing: 0;
  }

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

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

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

  :root .lg\:select-none {
    -webkit-user-select: none;
            user-select: none;
  }

  :root .lg\:select-text {
    -webkit-user-select: text;
            user-select: text;
  }

  :root .lg\:select-all {
    -webkit-user-select: all;
            user-select: all;
  }

  :root .lg\:select-auto {
    -webkit-user-select: auto;
            user-select: auto;
  }

  :root .lg\:align-baseline {
    vertical-align: baseline;
  }

  :root .lg\:align-top {
    vertical-align: top;
  }

  :root .lg\:align-middle {
    vertical-align: middle;
  }

  :root .lg\:align-bottom {
    vertical-align: bottom;
  }

  :root .lg\:align-text-top {
    vertical-align: text-top;
  }

  :root .lg\:align-text-bottom {
    vertical-align: text-bottom;
  }

  :root .lg\:visible {
    visibility: visible;
  }

  :root .lg\:invisible {
    visibility: hidden;
  }

  :root .lg\:whitespace-normal {
    white-space: normal;
  }

  :root .lg\:whitespace-no-wrap {
    white-space: nowrap;
  }

  :root .lg\:whitespace-pre {
    white-space: pre;
  }

  :root .lg\:whitespace-pre-line {
    white-space: pre-line;
  }

  :root .lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  :root .lg\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  :root .lg\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  :root .lg\:break-all {
    word-break: break-all;
  }

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

  :root .lg\:w-0 {
    width: 0;
  }

  :root .lg\:w-1 {
    width: 0.25rem;
  }

  :root .lg\:w-2 {
    width: 0.5rem;
  }

  :root .lg\:w-3 {
    width: 0.75rem;
  }

  :root .lg\:w-4 {
    width: 1rem;
  }

  :root .lg\:w-5 {
    width: 1.25rem;
  }

  :root .lg\:w-6 {
    width: 1.5rem;
  }

  :root .lg\:w-8 {
    width: 2rem;
  }

  :root .lg\:w-9 {
    width: 2.25rem;
  }

  :root .lg\:w-10 {
    width: 2.5rem;
  }

  :root .lg\:w-12 {
    width: 3rem;
  }

  :root .lg\:w-14 {
    width: 3.5rem;
  }

  :root .lg\:w-16 {
    width: 4rem;
  }

  :root .lg\:w-20 {
    width: 5rem;
  }

  :root .lg\:w-24 {
    width: 6rem;
  }

  :root .lg\:w-32 {
    width: 8rem;
  }

  :root .lg\:w-40 {
    width: 10rem;
  }

  :root .lg\:w-48 {
    width: 12rem;
  }

  :root .lg\:w-56 {
    width: 14rem;
  }

  :root .lg\:w-64 {
    width: 16rem;
  }

  :root .lg\:w-auto {
    width: auto;
  }

  :root .lg\:w-px {
    width: 1px;
  }

  :root .lg\:w-gutter {
    width: var(--padding-gutter);
  }

  :root .lg\:w-1\/2 {
    width: 50%;
  }

  :root .lg\:w-1\/3 {
    width: 33.333333%;
  }

  :root .lg\:w-2\/3 {
    width: 66.666667%;
  }

  :root .lg\:w-1\/4 {
    width: 25%;
  }

  :root .lg\:w-2\/4 {
    width: 50%;
  }

  :root .lg\:w-3\/4 {
    width: 75%;
  }

  :root .lg\:w-1\/5 {
    width: 20%;
  }

  :root .lg\:w-2\/5 {
    width: 40%;
  }

  :root .lg\:w-3\/5 {
    width: 60%;
  }

  :root .lg\:w-4\/5 {
    width: 80%;
  }

  :root .lg\:w-1\/6 {
    width: 16.666667%;
  }

  :root .lg\:w-2\/6 {
    width: 33.333333%;
  }

  :root .lg\:w-3\/6 {
    width: 50%;
  }

  :root .lg\:w-4\/6 {
    width: 66.666667%;
  }

  :root .lg\:w-5\/6 {
    width: 83.333333%;
  }

  :root .lg\:w-1\/12 {
    width: 8.333333%;
  }

  :root .lg\:w-2\/12 {
    width: 16.666667%;
  }

  :root .lg\:w-3\/12 {
    width: 25%;
  }

  :root .lg\:w-4\/12 {
    width: 33.333333%;
  }

  :root .lg\:w-5\/12 {
    width: 41.666667%;
  }

  :root .lg\:w-6\/12 {
    width: 50%;
  }

  :root .lg\:w-7\/12 {
    width: 58.333333%;
  }

  :root .lg\:w-8\/12 {
    width: 66.666667%;
  }

  :root .lg\:w-9\/12 {
    width: 75%;
  }

  :root .lg\:w-10\/12 {
    width: 83.333333%;
  }

  :root .lg\:w-11\/12 {
    width: 91.666667%;
  }

  :root .lg\:w-full {
    width: 100%;
  }

  :root .lg\:w-screen {
    width: 100vw;
  }

  :root .lg\:z-0 {
    z-index: 0;
  }

  :root .lg\:z-10 {
    z-index: 10;
  }

  :root .lg\:z-20 {
    z-index: 20;
  }

  :root .lg\:z-30 {
    z-index: 30;
  }

  :root .lg\:z-40 {
    z-index: 40;
  }

  :root .lg\:z-50 {
    z-index: 50;
  }

  :root .lg\:z-auto {
    z-index: auto;
  }

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

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

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

  :root .lg\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  :root .lg\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  :root .lg\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  :root .lg\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  :root .lg\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  :root .lg\:gap-9 {
    grid-gap: 2.25rem;
    gap: 2.25rem;
  }

  :root .lg\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  :root .lg\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  :root .lg\:gap-14 {
    grid-gap: 3.5rem;
    gap: 3.5rem;
  }

  :root .lg\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  :root .lg\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  :root .lg\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  :root .lg\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  :root .lg\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  :root .lg\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  :root .lg\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  :root .lg\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  :root .lg\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  :root .lg\:gap-gutter {
    grid-gap: var(--padding-gutter);
    gap: var(--padding-gutter);
  }

  :root .lg\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

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

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

  :root .lg\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  :root .lg\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  :root .lg\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  :root .lg\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  :root .lg\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  :root .lg\:gap-x-9 {
    grid-column-gap: 2.25rem;
    column-gap: 2.25rem;
  }

  :root .lg\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  :root .lg\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  :root .lg\:gap-x-14 {
    grid-column-gap: 3.5rem;
    column-gap: 3.5rem;
  }

  :root .lg\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  :root .lg\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  :root .lg\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  :root .lg\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  :root .lg\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  :root .lg\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  :root .lg\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  :root .lg\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  :root .lg\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  :root .lg\:gap-x-gutter {
    grid-column-gap: var(--padding-gutter);
    column-gap: var(--padding-gutter);
  }

  :root .lg\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

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

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

  :root .lg\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  :root .lg\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  :root .lg\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  :root .lg\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  :root .lg\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  :root .lg\:gap-y-9 {
    grid-row-gap: 2.25rem;
    row-gap: 2.25rem;
  }

  :root .lg\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  :root .lg\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  :root .lg\:gap-y-14 {
    grid-row-gap: 3.5rem;
    row-gap: 3.5rem;
  }

  :root .lg\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  :root .lg\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  :root .lg\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  :root .lg\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  :root .lg\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  :root .lg\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  :root .lg\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  :root .lg\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  :root .lg\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  :root .lg\:gap-y-gutter {
    grid-row-gap: var(--padding-gutter);
    row-gap: var(--padding-gutter);
  }

  :root .lg\:grid-flow-row {
    grid-auto-flow: row;
  }

  :root .lg\:grid-flow-col {
    grid-auto-flow: column;
  }

  :root .lg\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  :root .lg\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  :root .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  :root .lg\:grid-cols-none {
    grid-template-columns: none;
  }

  :root .lg\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  :root .lg\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  :root .lg\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  :root .lg\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  :root .lg\:col-auto {
    grid-column: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  :root .lg\:col-span-full {
    grid-column: 1/-1;
  }

  :root .lg\:col-start-1 {
    grid-column-start: 1;
  }

  :root .lg\:col-start-2 {
    grid-column-start: 2;
  }

  :root .lg\:col-start-3 {
    grid-column-start: 3;
  }

  :root .lg\:col-start-4 {
    grid-column-start: 4;
  }

  :root .lg\:col-start-5 {
    grid-column-start: 5;
  }

  :root .lg\:col-start-6 {
    grid-column-start: 6;
  }

  :root .lg\:col-start-7 {
    grid-column-start: 7;
  }

  :root .lg\:col-start-8 {
    grid-column-start: 8;
  }

  :root .lg\:col-start-9 {
    grid-column-start: 9;
  }

  :root .lg\:col-start-10 {
    grid-column-start: 10;
  }

  :root .lg\:col-start-11 {
    grid-column-start: 11;
  }

  :root .lg\:col-start-12 {
    grid-column-start: 12;
  }

  :root .lg\:col-start-13 {
    grid-column-start: 13;
  }

  :root .lg\:col-start-auto {
    grid-column-start: auto;
  }

  :root .lg\:col-end-1 {
    grid-column-end: 1;
  }

  :root .lg\:col-end-2 {
    grid-column-end: 2;
  }

  :root .lg\:col-end-3 {
    grid-column-end: 3;
  }

  :root .lg\:col-end-4 {
    grid-column-end: 4;
  }

  :root .lg\:col-end-5 {
    grid-column-end: 5;
  }

  :root .lg\:col-end-6 {
    grid-column-end: 6;
  }

  :root .lg\:col-end-7 {
    grid-column-end: 7;
  }

  :root .lg\:col-end-8 {
    grid-column-end: 8;
  }

  :root .lg\:col-end-9 {
    grid-column-end: 9;
  }

  :root .lg\:col-end-10 {
    grid-column-end: 10;
  }

  :root .lg\:col-end-11 {
    grid-column-end: 11;
  }

  :root .lg\:col-end-12 {
    grid-column-end: 12;
  }

  :root .lg\:col-end-13 {
    grid-column-end: 13;
  }

  :root .lg\:col-end-auto {
    grid-column-end: auto;
  }

  :root .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  :root .lg\:grid-rows-none {
    grid-template-rows: none;
  }

  :root .lg\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  :root .lg\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  :root .lg\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  :root .lg\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  :root .lg\:row-auto {
    grid-row: auto;
  }

  :root .lg\:row-span-1 {
    grid-row: span 1/span 1;
  }

  :root .lg\:row-span-2 {
    grid-row: span 2/span 2;
  }

  :root .lg\:row-span-3 {
    grid-row: span 3/span 3;
  }

  :root .lg\:row-span-4 {
    grid-row: span 4/span 4;
  }

  :root .lg\:row-span-5 {
    grid-row: span 5/span 5;
  }

  :root .lg\:row-span-6 {
    grid-row: span 6/span 6;
  }

  :root .lg\:row-span-full {
    grid-row: 1/-1;
  }

  :root .lg\:row-start-1 {
    grid-row-start: 1;
  }

  :root .lg\:row-start-2 {
    grid-row-start: 2;
  }

  :root .lg\:row-start-3 {
    grid-row-start: 3;
  }

  :root .lg\:row-start-4 {
    grid-row-start: 4;
  }

  :root .lg\:row-start-5 {
    grid-row-start: 5;
  }

  :root .lg\:row-start-6 {
    grid-row-start: 6;
  }

  :root .lg\:row-start-7 {
    grid-row-start: 7;
  }

  :root .lg\:row-start-auto {
    grid-row-start: auto;
  }

  :root .lg\:row-end-1 {
    grid-row-end: 1;
  }

  :root .lg\:row-end-2 {
    grid-row-end: 2;
  }

  :root .lg\:row-end-3 {
    grid-row-end: 3;
  }

  :root .lg\:row-end-4 {
    grid-row-end: 4;
  }

  :root .lg\:row-end-5 {
    grid-row-end: 5;
  }

  :root .lg\:row-end-6 {
    grid-row-end: 6;
  }

  :root .lg\:row-end-7 {
    grid-row-end: 7;
  }

  :root .lg\:row-end-auto {
    grid-row-end: auto;
  }

  :root .lg\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  :root .lg\:transform-none {
    transform: none;
  }

  :root .lg\:origin-center {
    transform-origin: center;
  }

  :root .lg\:origin-top {
    transform-origin: top;
  }

  :root .lg\:origin-top-right {
    transform-origin: top right;
  }

  :root .lg\:origin-right {
    transform-origin: right;
  }

  :root .lg\:origin-bottom-right {
    transform-origin: bottom right;
  }

  :root .lg\:origin-bottom {
    transform-origin: bottom;
  }

  :root .lg\:origin-bottom-left {
    transform-origin: bottom left;
  }

  :root .lg\:origin-left {
    transform-origin: left;
  }

  :root .lg\:origin-top-left {
    transform-origin: top left;
  }

  :root .lg\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .lg\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .lg\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .lg\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .lg\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .lg\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .lg\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .lg\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .lg\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .lg\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .lg\:scale-x-0 {
    --transform-scale-x: 0;
  }

  :root .lg\:scale-x-50 {
    --transform-scale-x: .5;
  }

  :root .lg\:scale-x-75 {
    --transform-scale-x: .75;
  }

  :root .lg\:scale-x-90 {
    --transform-scale-x: .9;
  }

  :root .lg\:scale-x-95 {
    --transform-scale-x: .95;
  }

  :root .lg\:scale-x-100 {
    --transform-scale-x: 1;
  }

  :root .lg\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  :root .lg\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  :root .lg\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  :root .lg\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  :root .lg\:scale-y-0 {
    --transform-scale-y: 0;
  }

  :root .lg\:scale-y-50 {
    --transform-scale-y: .5;
  }

  :root .lg\:scale-y-75 {
    --transform-scale-y: .75;
  }

  :root .lg\:scale-y-90 {
    --transform-scale-y: .9;
  }

  :root .lg\:scale-y-95 {
    --transform-scale-y: .95;
  }

  :root .lg\:scale-y-100 {
    --transform-scale-y: 1;
  }

  :root .lg\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  :root .lg\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  :root .lg\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  :root .lg\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  :root .lg\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .lg\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .lg\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .lg\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .lg\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .lg\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .lg\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .lg\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .lg\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .lg\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .lg\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  :root .lg\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  :root .lg\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  :root .lg\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  :root .lg\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  :root .lg\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  :root .lg\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  :root .lg\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  :root .lg\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  :root .lg\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  :root .lg\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  :root .lg\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  :root .lg\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  :root .lg\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  :root .lg\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  :root .lg\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  :root .lg\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  :root .lg\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  :root .lg\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  :root .lg\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  :root .lg\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  :root .lg\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  :root .lg\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  :root .lg\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  :root .lg\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  :root .lg\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  :root .lg\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  :root .lg\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  :root .lg\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  :root .lg\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  :root .lg\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  :root .lg\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  :root .lg\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  :root .lg\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  :root .lg\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  :root .lg\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  :root .lg\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  :root .lg\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  :root .lg\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  :root .lg\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  :root .lg\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  :root .lg\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  :root .lg\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  :root .lg\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  :root .lg\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  :root .lg\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  :root .lg\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  :root .lg\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  :root .lg\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  :root .lg\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  :root .lg\:rotate-0 {
    --transform-rotate: 0;
  }

  :root .lg\:rotate-1 {
    --transform-rotate: 1deg;
  }

  :root .lg\:rotate-2 {
    --transform-rotate: 2deg;
  }

  :root .lg\:rotate-3 {
    --transform-rotate: 3deg;
  }

  :root .lg\:rotate-6 {
    --transform-rotate: 6deg;
  }

  :root .lg\:rotate-12 {
    --transform-rotate: 12deg;
  }

  :root .lg\:rotate-45 {
    --transform-rotate: 45deg;
  }

  :root .lg\:rotate-90 {
    --transform-rotate: 90deg;
  }

  :root .lg\:rotate-180 {
    --transform-rotate: 180deg;
  }

  :root .lg\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  :root .lg\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  :root .lg\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  :root .lg\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  :root .lg\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  :root .lg\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  :root .lg\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  :root .lg\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  :root .lg\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  :root .lg\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  :root .lg\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  :root .lg\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  :root .lg\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  :root .lg\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  :root .lg\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  :root .lg\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  :root .lg\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  :root .lg\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  :root .lg\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  :root .lg\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  :root .lg\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  :root .lg\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  :root .lg\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  :root .lg\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  :root .lg\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  :root .lg\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  :root .lg\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  :root .lg\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  :root .lg\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  :root .lg\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  :root .lg\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  :root .lg\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  :root .lg\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  :root .lg\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  :root .lg\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  :root .lg\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  :root .lg\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  :root .lg\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  :root .lg\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  :root .lg\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  :root .lg\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  :root .lg\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  :root .lg\:translate-x-0 {
    --transform-translate-x: 0;
  }

  :root .lg\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  :root .lg\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  :root .lg\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  :root .lg\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  :root .lg\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  :root .lg\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  :root .lg\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  :root .lg\:translate-x-9 {
    --transform-translate-x: 2.25rem;
  }

  :root .lg\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  :root .lg\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  :root .lg\:translate-x-14 {
    --transform-translate-x: 3.5rem;
  }

  :root .lg\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  :root .lg\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  :root .lg\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  :root .lg\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  :root .lg\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  :root .lg\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  :root .lg\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  :root .lg\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  :root .lg\:translate-x-px {
    --transform-translate-x: 1px;
  }

  :root .lg\:translate-x-gutter {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .lg\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  :root .lg\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  :root .lg\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  :root .lg\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  :root .lg\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  :root .lg\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  :root .lg\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  :root .lg\:-translate-x-9 {
    --transform-translate-x: -2.25rem;
  }

  :root .lg\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  :root .lg\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  :root .lg\:-translate-x-14 {
    --transform-translate-x: -3.5rem;
  }

  :root .lg\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  :root .lg\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  :root .lg\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  :root .lg\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  :root .lg\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  :root .lg\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  :root .lg\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  :root .lg\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  :root .lg\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  :root .lg\:-translate-x-gutter {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  :root .lg\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  :root .lg\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  :root .lg\:translate-x-full {
    --transform-translate-x: 100%;
  }

  :root .lg\:translate-y-0 {
    --transform-translate-y: 0;
  }

  :root .lg\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  :root .lg\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  :root .lg\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  :root .lg\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  :root .lg\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  :root .lg\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  :root .lg\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  :root .lg\:translate-y-9 {
    --transform-translate-y: 2.25rem;
  }

  :root .lg\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  :root .lg\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  :root .lg\:translate-y-14 {
    --transform-translate-y: 3.5rem;
  }

  :root .lg\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  :root .lg\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  :root .lg\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  :root .lg\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  :root .lg\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  :root .lg\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  :root .lg\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  :root .lg\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  :root .lg\:translate-y-px {
    --transform-translate-y: 1px;
  }

  :root .lg\:translate-y-gutter {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .lg\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  :root .lg\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  :root .lg\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  :root .lg\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  :root .lg\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  :root .lg\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  :root .lg\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  :root .lg\:-translate-y-9 {
    --transform-translate-y: -2.25rem;
  }

  :root .lg\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  :root .lg\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  :root .lg\:-translate-y-14 {
    --transform-translate-y: -3.5rem;
  }

  :root .lg\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  :root .lg\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  :root .lg\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  :root .lg\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  :root .lg\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  :root .lg\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  :root .lg\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  :root .lg\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  :root .lg\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  :root .lg\:-translate-y-gutter {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  :root .lg\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  :root .lg\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  :root .lg\:translate-y-full {
    --transform-translate-y: 100%;
  }

  :root .lg\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  :root .lg\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  :root .lg\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  :root .lg\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  :root .lg\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  :root .lg\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  :root .lg\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  :root .lg\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  :root .lg\:hover\:translate-x-9:hover {
    --transform-translate-x: 2.25rem;
  }

  :root .lg\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  :root .lg\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  :root .lg\:hover\:translate-x-14:hover {
    --transform-translate-x: 3.5rem;
  }

  :root .lg\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  :root .lg\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  :root .lg\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  :root .lg\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  :root .lg\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  :root .lg\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  :root .lg\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  :root .lg\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  :root .lg\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  :root .lg\:hover\:translate-x-gutter:hover {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .lg\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  :root .lg\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  :root .lg\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  :root .lg\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  :root .lg\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  :root .lg\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  :root .lg\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  :root .lg\:hover\:-translate-x-9:hover {
    --transform-translate-x: -2.25rem;
  }

  :root .lg\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  :root .lg\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  :root .lg\:hover\:-translate-x-14:hover {
    --transform-translate-x: -3.5rem;
  }

  :root .lg\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  :root .lg\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  :root .lg\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  :root .lg\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  :root .lg\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  :root .lg\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  :root .lg\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  :root .lg\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  :root .lg\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  :root .lg\:hover\:-translate-x-gutter:hover {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  :root .lg\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  :root .lg\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  :root .lg\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  :root .lg\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  :root .lg\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  :root .lg\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  :root .lg\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  :root .lg\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  :root .lg\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  :root .lg\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  :root .lg\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  :root .lg\:hover\:translate-y-9:hover {
    --transform-translate-y: 2.25rem;
  }

  :root .lg\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  :root .lg\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  :root .lg\:hover\:translate-y-14:hover {
    --transform-translate-y: 3.5rem;
  }

  :root .lg\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  :root .lg\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  :root .lg\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  :root .lg\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  :root .lg\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  :root .lg\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  :root .lg\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  :root .lg\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  :root .lg\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  :root .lg\:hover\:translate-y-gutter:hover {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .lg\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  :root .lg\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  :root .lg\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  :root .lg\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  :root .lg\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  :root .lg\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  :root .lg\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  :root .lg\:hover\:-translate-y-9:hover {
    --transform-translate-y: -2.25rem;
  }

  :root .lg\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  :root .lg\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  :root .lg\:hover\:-translate-y-14:hover {
    --transform-translate-y: -3.5rem;
  }

  :root .lg\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  :root .lg\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  :root .lg\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  :root .lg\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  :root .lg\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  :root .lg\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  :root .lg\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  :root .lg\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  :root .lg\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  :root .lg\:hover\:-translate-y-gutter:hover {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  :root .lg\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  :root .lg\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  :root .lg\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  :root .lg\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  :root .lg\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  :root .lg\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  :root .lg\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  :root .lg\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  :root .lg\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  :root .lg\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  :root .lg\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  :root .lg\:focus\:translate-x-9:focus {
    --transform-translate-x: 2.25rem;
  }

  :root .lg\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  :root .lg\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  :root .lg\:focus\:translate-x-14:focus {
    --transform-translate-x: 3.5rem;
  }

  :root .lg\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  :root .lg\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  :root .lg\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  :root .lg\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  :root .lg\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  :root .lg\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  :root .lg\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  :root .lg\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  :root .lg\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  :root .lg\:focus\:translate-x-gutter:focus {
    --transform-translate-x: var(--padding-gutter);
  }

  :root .lg\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  :root .lg\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  :root .lg\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  :root .lg\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  :root .lg\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  :root .lg\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  :root .lg\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  :root .lg\:focus\:-translate-x-9:focus {
    --transform-translate-x: -2.25rem;
  }

  :root .lg\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  :root .lg\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  :root .lg\:focus\:-translate-x-14:focus {
    --transform-translate-x: -3.5rem;
  }

  :root .lg\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  :root .lg\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  :root .lg\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  :root .lg\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  :root .lg\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  :root .lg\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  :root .lg\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  :root .lg\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  :root .lg\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  :root .lg\:focus\:-translate-x-gutter:focus {
    --transform-translate-x: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  :root .lg\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  :root .lg\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  :root .lg\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  :root .lg\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  :root .lg\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  :root .lg\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  :root .lg\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  :root .lg\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  :root .lg\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  :root .lg\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  :root .lg\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  :root .lg\:focus\:translate-y-9:focus {
    --transform-translate-y: 2.25rem;
  }

  :root .lg\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  :root .lg\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  :root .lg\:focus\:translate-y-14:focus {
    --transform-translate-y: 3.5rem;
  }

  :root .lg\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  :root .lg\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  :root .lg\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  :root .lg\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  :root .lg\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  :root .lg\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  :root .lg\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  :root .lg\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  :root .lg\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  :root .lg\:focus\:translate-y-gutter:focus {
    --transform-translate-y: var(--padding-gutter);
  }

  :root .lg\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  :root .lg\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  :root .lg\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  :root .lg\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  :root .lg\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  :root .lg\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  :root .lg\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  :root .lg\:focus\:-translate-y-9:focus {
    --transform-translate-y: -2.25rem;
  }

  :root .lg\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  :root .lg\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  :root .lg\:focus\:-translate-y-14:focus {
    --transform-translate-y: -3.5rem;
  }

  :root .lg\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  :root .lg\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  :root .lg\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  :root .lg\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  :root .lg\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  :root .lg\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  :root .lg\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  :root .lg\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  :root .lg\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  :root .lg\:focus\:-translate-y-gutter:focus {
    --transform-translate-y: calc(var(--padding-gutter) * -1);
  }

  :root .lg\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  :root .lg\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  :root .lg\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  :root .lg\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  :root .lg\:skew-x-0 {
    --transform-skew-x: 0;
  }

  :root .lg\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  :root .lg\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  :root .lg\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  :root .lg\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  :root .lg\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  :root .lg\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  :root .lg\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  :root .lg\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  :root .lg\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  :root .lg\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  :root .lg\:skew-y-0 {
    --transform-skew-y: 0;
  }

  :root .lg\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  :root .lg\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  :root .lg\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  :root .lg\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  :root .lg\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  :root .lg\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  :root .lg\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  :root .lg\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  :root .lg\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  :root .lg\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  :root .lg\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  :root .lg\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  :root .lg\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  :root .lg\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  :root .lg\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  :root .lg\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  :root .lg\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  :root .lg\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  :root .lg\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  :root .lg\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  :root .lg\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  :root .lg\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  :root .lg\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  :root .lg\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  :root .lg\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  :root .lg\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  :root .lg\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  :root .lg\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  :root .lg\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  :root .lg\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  :root .lg\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  :root .lg\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  :root .lg\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  :root .lg\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  :root .lg\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  :root .lg\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  :root .lg\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  :root .lg\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  :root .lg\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  :root .lg\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  :root .lg\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  :root .lg\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  :root .lg\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  :root .lg\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  :root .lg\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  :root .lg\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  :root .lg\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  :root .lg\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  :root .lg\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  :root .lg\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  :root .lg\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  :root .lg\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  :root .lg\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  :root .lg\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  :root .lg\:transition-none {
    transition-property: none;
  }

  :root .lg\:transition-all {
    transition-property: all;
  }

  :root .lg\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  :root .lg\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  :root .lg\:transition-opacity {
    transition-property: opacity;
  }

  :root .lg\:transition-shadow {
    transition-property: box-shadow;
  }

  :root .lg\:transition-transform {
    transition-property: transform;
  }

  :root .lg\:ease-linear {
    transition-timing-function: linear;
  }

  :root .lg\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  :root .lg\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  :root .lg\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  :root .lg\:duration-75 {
    transition-duration: 75ms;
  }

  :root .lg\:duration-100 {
    transition-duration: 100ms;
  }

  :root .lg\:duration-150 {
    transition-duration: 150ms;
  }

  :root .lg\:duration-200 {
    transition-duration: 200ms;
  }

  :root .lg\:duration-300 {
    transition-duration: 300ms;
  }

  :root .lg\:duration-500 {
    transition-duration: 500ms;
  }

  :root .lg\:duration-700 {
    transition-duration: 700ms;
  }

  :root .lg\:duration-1000 {
    transition-duration: 1000ms;
  }

  :root .lg\:delay-75 {
    transition-delay: 75ms;
  }

  :root .lg\:delay-100 {
    transition-delay: 100ms;
  }

  :root .lg\:delay-150 {
    transition-delay: 150ms;
  }

  :root .lg\:delay-200 {
    transition-delay: 200ms;
  }

  :root .lg\:delay-300 {
    transition-delay: 300ms;
  }

  :root .lg\:delay-500 {
    transition-delay: 500ms;
  }

  :root .lg\:delay-700 {
    transition-delay: 700ms;
  }

  :root .lg\:delay-1000 {
    transition-delay: 1000ms;
  }

  :root .lg\:animate-none {
    animation: none;
  }

  :root .lg\:animate-spin {
    animation: spin 1s linear infinite;
  }

  :root .lg\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  :root .lg\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  :root .lg\:animate-bounce {
    animation: bounce 1s infinite;
  }
}

[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
/*
Date: 24 Fev 2015
Author: Pedro Oliveira <kanytu@gmail . com>
*/
.hljs {
  color: #a9b7c6;
  background: #282b2e;
  display: block;
  overflow-x: auto;
  padding: 0.5em;
}
.hljs-number,
.hljs-literal,
.hljs-symbol,
.hljs-bullet {
  color: #6897BB;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-deletion {
  color: #cc7832;
}
.hljs-variable,
.hljs-template-variable,
.hljs-link {
  color: #629755;
}
.hljs-comment,
.hljs-quote {
  color: #808080;
}
.hljs-meta {
  color: #bbb529;
}
.hljs-string,
.hljs-attribute,
.hljs-addition {
  color: #6A8759;
}
.hljs-section,
.hljs-title,
.hljs-type {
  color: #ffc66d;
}
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #e8bf6a;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
/* Colors for the ripple elements.*/
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
/* Colors for the ripple elements.*/
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.vex-style-dark {
  --background-app-bar: #11151e;
  --footer-background: var(--background-card);
  --navigation-background: #1d273b;
  --toolbar-background: #1d273b;
  --background-base: #232b3e;
  --background-card: #1d273b;
  --footer-color: var(--text-color);
  --navigation-color: var(--text-color);
  --text-color: white;
  --toolbar-color: white;
  --text-color-light: white;
  --foreground-divider: rgba(255, 255, 255, 0.12);
  --text-hint: rgba(255, 255, 255, 0.5);
  --text-hint-light: rgba(0, 0, 0, 0.38);
  --background-hover: rgba(255, 255, 255, 0.04);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-secondary-light: rgba(0, 0, 0, 0.54);
  --secondary-toolbar-background: var(--background-card);
}
.vex-style-dark .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.vex-style-dark .mat-option {
  color: white;
}
.vex-style-dark .mat-option:hover:not(.mat-option-disabled), .vex-style-dark .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-option.mat-active {
  background: rgba(255, 255, 255, 0.04);
  color: white;
}
.vex-style-dark .mat-option.mat-option-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-pseudo-checkbox {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-pseudo-checkbox::after {
  color: #232b3e;
}
.vex-style-dark .mat-pseudo-checkbox-disabled {
  color: #686868;
}
.vex-style-dark .mat-primary .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-pseudo-checkbox-indeterminate,
.vex-style-dark .mat-accent .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-warn .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.vex-style-dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #686868;
}
.vex-style-dark .mat-app-background, .vex-style-dark.mat-app-background {
  background-color: #232b3e;
  color: white;
}
.vex-style-dark .mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.06), 0px 3px 4px 0px rgba(0, 0, 0, 0.042), 0px 1px 8px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 5px 8px 0px rgba(0, 0, 0, 0.042), 0px 1px 14px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.06), 0px 7px 10px 1px rgba(0, 0, 0, 0.042), 0px 2px 16px 1px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06), 0px 8px 10px 1px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.06), 0px 9px 12px 1px rgba(0, 0, 0, 0.042), 0px 3px 16px 2px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.06), 0px 10px 14px 1px rgba(0, 0, 0, 0.042), 0px 4px 18px 3px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.06), 0px 11px 15px 1px rgba(0, 0, 0, 0.042), 0px 4px 20px 3px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 12px 17px 2px rgba(0, 0, 0, 0.042), 0px 5px 22px 4px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 13px 19px 2px rgba(0, 0, 0, 0.042), 0px 5px 24px 4px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.06), 0px 14px 21px 2px rgba(0, 0, 0, 0.042), 0px 5px 26px 4px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.06), 0px 15px 22px 2px rgba(0, 0, 0, 0.042), 0px 6px 28px 5px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.06), 0px 17px 26px 2px rgba(0, 0, 0, 0.042), 0px 6px 32px 5px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.06), 0px 18px 28px 2px rgba(0, 0, 0, 0.042), 0px 7px 34px 6px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.06), 0px 19px 29px 2px rgba(0, 0, 0, 0.042), 0px 7px 36px 6px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.06), 0px 20px 31px 3px rgba(0, 0, 0, 0.042), 0px 8px 38px 7px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.06), 0px 21px 33px 3px rgba(0, 0, 0, 0.042), 0px 8px 40px 7px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.06), 0px 22px 35px 3px rgba(0, 0, 0, 0.042), 0px 8px 42px 7px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.06), 0px 23px 36px 3px rgba(0, 0, 0, 0.042), 0px 9px 44px 8px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.06), 0px 24px 38px 3px rgba(0, 0, 0, 0.042), 0px 9px 46px 8px rgba(0, 0, 0, 0.036);
}
.mat-theme-loaded-marker {
  display: none;
}
.vex-style-dark .mat-autocomplete-panel {
  background: #1d273b;
  color: white;
}
.vex-style-dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #1d273b;
}
.vex-style-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: white;
}
.vex-style-dark .mat-badge-content {
  color: rgba(var(--color-primary-contrast), 1);
  background: rgba(var(--color-primary), 1);
}
.cdk-high-contrast-active .vex-style-dark .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.vex-style-dark .mat-badge-accent .mat-badge-content {
  background: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-badge-warn .mat-badge-content {
  color: rgba(var(--color-warn-contrast), 1);
  background: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-badge {
  position: relative;
}
.vex-style-dark .mat-badge-hidden .mat-badge-content {
  display: none;
}
.vex-style-dark .mat-badge-disabled .mat-badge-content {
  background: #656b78;
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.vex-style-dark .ng-animate-disabled .mat-badge-content,
.vex-style-dark .mat-badge-content._mat-animation-noopable {
  transition: none;
}
.vex-style-dark .mat-badge-content.mat-badge-active {
  transform: none;
}
.vex-style-dark .mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.vex-style-dark .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.vex-style-dark .mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.vex-style-dark .mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.vex-style-dark .mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.vex-style-dark .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.vex-style-dark .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.vex-style-dark .mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.vex-style-dark .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.vex-style-dark .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.vex-style-dark .mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.vex-style-dark .mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.vex-style-dark .mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.vex-style-dark .mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.vex-style-dark .mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.vex-style-dark .mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
  background: #1a202e;
  color: white;
}
.vex-style-dark .mat-button, .vex-style-dark .mat-icon-button, .vex-style-dark .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.vex-style-dark .mat-button.mat-primary, .vex-style-dark .mat-icon-button.mat-primary, .vex-style-dark .mat-stroked-button.mat-primary {
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-button.mat-accent, .vex-style-dark .mat-icon-button.mat-accent, .vex-style-dark .mat-stroked-button.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-button.mat-warn, .vex-style-dark .mat-icon-button.mat-warn, .vex-style-dark .mat-stroked-button.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-button.mat-primary .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-button.mat-accent .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-button.mat-warn .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.vex-style-dark .mat-button .mat-ripple-element, .vex-style-dark .mat-icon-button .mat-ripple-element, .vex-style-dark .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.vex-style-dark .mat-button-focus-overlay {
  background: white;
}
.vex-style-dark .mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-flat-button, .vex-style-dark .mat-raised-button, .vex-style-dark .mat-fab, .vex-style-dark .mat-mini-fab {
  color: white;
  background-color: #424242;
}
.vex-style-dark .mat-flat-button.mat-primary, .vex-style-dark .mat-raised-button.mat-primary, .vex-style-dark .mat-fab.mat-primary, .vex-style-dark .mat-mini-fab.mat-primary {
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-flat-button.mat-accent, .vex-style-dark .mat-raised-button.mat-accent, .vex-style-dark .mat-fab.mat-accent, .vex-style-dark .mat-mini-fab.mat-accent {
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-flat-button.mat-warn, .vex-style-dark .mat-raised-button.mat-warn, .vex-style-dark .mat-fab.mat-warn, .vex-style-dark .mat-mini-fab.mat-warn {
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-flat-button.mat-primary, .vex-style-dark .mat-raised-button.mat-primary, .vex-style-dark .mat-fab.mat-primary, .vex-style-dark .mat-mini-fab.mat-primary {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-flat-button.mat-accent, .vex-style-dark .mat-raised-button.mat-accent, .vex-style-dark .mat-fab.mat-accent, .vex-style-dark .mat-mini-fab.mat-accent {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-flat-button.mat-warn, .vex-style-dark .mat-raised-button.mat-warn, .vex-style-dark .mat-fab.mat-warn, .vex-style-dark .mat-mini-fab.mat-warn {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-flat-button.mat-primary .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-primary .mat-ripple-element, .vex-style-dark .mat-fab.mat-primary .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.1);
}
.vex-style-dark .mat-flat-button.mat-accent .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-accent .mat-ripple-element, .vex-style-dark .mat-fab.mat-accent .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.1);
}
.vex-style-dark .mat-flat-button.mat-warn .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-warn .mat-ripple-element, .vex-style-dark .mat-fab.mat-warn .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.1);
}
.vex-style-dark .mat-stroked-button:not([class*=mat-elevation-z]), .vex-style-dark .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06), 0px 8px 10px 1px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-fab:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 12px 17px 2px rgba(0, 0, 0, 0.042), 0px 5px 22px 4px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-button-toggle-standalone,
.vex-style-dark .mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.vex-style-dark .mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.vex-style-dark .mat-button-toggle {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-button-toggle-appearance-standard {
  color: white;
  background: #1d273b;
}
.vex-style-dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: white;
}
.vex-style-dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-button-toggle-checked {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: white;
}
.vex-style-dark .mat-button-toggle-disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: black;
}
.vex-style-dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #1d273b;
}
.vex-style-dark .mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #424242;
}
.vex-style-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.vex-style-dark .mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(255, 255, 255, 0.12);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.vex-style-dark .mat-card {
  background: #1d273b;
  color: white;
}
.vex-style-dark .mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-card-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-checkbox-checkmark {
  fill: #232b3e;
}
.vex-style-dark .mat-checkbox-checkmark-path {
  stroke: #232b3e !important;
}
.vex-style-dark .mat-checkbox-mixedmark {
  background-color: #232b3e;
}
.vex-style-dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .vex-style-dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #686868;
}
.vex-style-dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #686868;
}
.vex-style-dark .mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-checkbox .mat-ripple-element {
  background-color: white;
}
.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-chip.mat-standard-chip {
  background-color: #616161;
  color: white;
}
.vex-style-dark .mat-chip.mat-standard-chip .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.06), 0px 3px 4px 0px rgba(0, 0, 0, 0.042), 0px 1px 8px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip::after {
  background: white;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.1);
  opacity: 0.1;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.1);
  opacity: 0.1;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}
.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.1);
  opacity: 0.1;
}
.vex-style-dark .mat-table {
  background: #1d273b;
}
.vex-style-dark .mat-table thead, .vex-style-dark .mat-table tbody, .vex-style-dark .mat-table tfoot,
.vex-style-dark mat-header-row, .vex-style-dark mat-row, .vex-style-dark mat-footer-row,
.vex-style-dark [mat-header-row], .vex-style-dark [mat-row], .vex-style-dark [mat-footer-row],
.vex-style-dark .mat-table-sticky {
  background: inherit;
}
.vex-style-dark mat-row, .vex-style-dark mat-header-row, .vex-style-dark mat-footer-row,
.vex-style-dark th.mat-header-cell, .vex-style-dark td.mat-cell, .vex-style-dark td.mat-footer-cell {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-header-cell {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-cell, .vex-style-dark .mat-footer-cell {
  color: white;
}
.vex-style-dark .mat-calendar-arrow {
  border-top-color: white;
}
.vex-style-dark .mat-datepicker-toggle,
.vex-style-dark .mat-datepicker-content .mat-calendar-next-button,
.vex-style-dark .mat-datepicker-content .mat-calendar-previous-button {
  color: white;
}
.vex-style-dark .mat-calendar-table-header {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-calendar-table-header-divider::after {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-calendar-body-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-calendar-body-cell-content,
.vex-style-dark .mat-date-range-input-separator {
  color: white;
  border-color: transparent;
}
.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-calendar-body-in-preview {
  color: rgba(255, 255, 255, 0.24);
}
.vex-style-dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-calendar-body-in-range::before {
  background: rgba(var(--color-primary), 0.2);
}
.vex-style-dark .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-dark .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-primary), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-primary), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-dark .mat-calendar-body-selected {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-dark .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
  background-color: #1d273b;
  color: white;
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(var(--color-accent), 0.2);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-accent), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-accent), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(var(--color-warn), 0.2);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-warn), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-warn), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-datepicker-toggle-active {
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-datepicker-toggle-active.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-datepicker-toggle-active.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-date-range-input-inner[disabled] {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.06), 0px 24px 38px 3px rgba(0, 0, 0, 0.042), 0px 9px 46px 8px rgba(0, 0, 0, 0.036);
  background: #1a202e;
  color: white;
}
.vex-style-dark .mat-divider {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-divider-vertical {
  border-right-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-expansion-panel {
  background: #1d273b;
  color: white;
}
.vex-style-dark .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-action-row {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .vex-style-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .vex-style-dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0.04);
}
@media (hover: none) {
  .vex-style-dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #1d273b;
  }
}
.vex-style-dark .mat-expansion-panel-header-title {
  color: white;
}
.vex-style-dark .mat-expansion-panel-header-description,
.vex-style-dark .mat-expansion-indicator::after {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.vex-style-dark .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label {
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-focused .mat-form-field-required-marker {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field-ripple {
  background-color: white;
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-error {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field-appearance-legacy .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.vex-style-dark .mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.vex-style-dark .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.1);
}
.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.05);
}
.vex-style-dark .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.vex-style-dark .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: white;
}
.vex-style-dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.15);
}
.vex-style-dark .mat-icon.mat-primary {
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-icon.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-icon.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-input-element:disabled,
.vex-style-dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element {
  caret-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-input-element::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-input-element option {
  color: rgba(0, 0, 0, 0.87);
}
.vex-style-dark .mat-input-element option:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.vex-style-dark .mat-form-field.mat-accent .mat-input-element {
  caret-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field.mat-warn .mat-input-element,
.vex-style-dark .mat-form-field-invalid .mat-input-element {
  caret-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-list-base .mat-list-item {
  color: white;
}
.vex-style-dark .mat-list-base .mat-list-option {
  color: white;
}
.vex-style-dark .mat-list-base .mat-subheader {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-list-item-disabled {
  background-color: black;
}
.vex-style-dark .mat-list-option:hover, .vex-style-dark .mat-list-option:focus,
.vex-style-dark .mat-nav-list .mat-list-item:hover,
.vex-style-dark .mat-nav-list .mat-list-item:focus,
.vex-style-dark .mat-action-list .mat-list-item:hover,
.vex-style-dark .mat-action-list .mat-list-item:focus {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-list-single-selected-option, .vex-style-dark .mat-list-single-selected-option:hover, .vex-style-dark .mat-list-single-selected-option:focus {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-menu-panel {
  background: #1d273b;
}
.vex-style-dark .mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-menu-item {
  background: transparent;
  color: white;
}
.vex-style-dark .mat-menu-item[disabled], .vex-style-dark .mat-menu-item[disabled]::after {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-menu-item .mat-icon-no-color,
.vex-style-dark .mat-menu-item-submenu-trigger::after {
  color: white;
}
.vex-style-dark .mat-menu-item:hover:not([disabled]),
.vex-style-dark .mat-menu-item.cdk-program-focused:not([disabled]),
.vex-style-dark .mat-menu-item.cdk-keyboard-focused:not([disabled]),
.vex-style-dark .mat-menu-item-highlighted:not([disabled]) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-dark .mat-paginator {
  background: #1d273b;
}
.vex-style-dark .mat-paginator,
.vex-style-dark .mat-paginator-page-size .mat-select-trigger {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-paginator-decrement,
.vex-style-dark .mat-paginator-increment {
  border-top: 2px solid white;
  border-right: 2px solid white;
}
.vex-style-dark .mat-paginator-first,
.vex-style-dark .mat-paginator-last {
  border-top: 2px solid white;
}
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-decrement,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-increment,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-first,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(255, 255, 255, 0.5);
}
.mat-paginator-container {
  min-height: 56px;
}
.vex-style-dark .mat-progress-bar-background {
  fill: rgba(var(--color-primary), 0.1);
}
.vex-style-dark .mat-progress-bar-buffer {
  background-color: rgba(var(--color-primary), 0.1);
}
.vex-style-dark .mat-progress-bar-fill::after {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: rgba(var(--color-accent), 0.1);
}
.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: rgba(var(--color-accent), 0.1);
}
.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: rgba(var(--color-warn), 0.1);
}
.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: rgba(var(--color-warn), 0.1);
}
.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-progress-spinner circle, .vex-style-dark .mat-spinner circle {
  stroke: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-progress-spinner.mat-accent circle, .vex-style-dark .mat-spinner.mat-accent circle {
  stroke: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-progress-spinner.mat-warn circle, .vex-style-dark .mat-spinner.mat-warn circle {
  stroke: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-radio-button.mat-primary .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-radio-button.mat-accent .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-radio-button.mat-warn .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-radio-button .mat-ripple-element {
  background-color: white;
}
.vex-style-dark .mat-select-value {
  color: white;
}
.vex-style-dark .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-select-disabled .mat-select-value {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-select-arrow {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-select-panel {
  background: #1d273b;
}
.vex-style-dark .mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-drawer-container {
  background-color: #232b3e;
  color: white;
}
.vex-style-dark .mat-drawer {
  background-color: #1a202e;
  color: white;
}
.vex-style-dark .mat-drawer.mat-drawer-push {
  background-color: #1a202e;
}
.vex-style-dark .mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-drawer-side {
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.vex-style-dark [dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.vex-style-dark [dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(226, 216, 196, 0.6);
}
.vex-style-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-accent), 0.54);
}
.vex-style-dark .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-primary), 0.54);
}
.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-warn), 0.54);
}
.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: white;
}
.vex-style-dark .mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
  background-color: #bdbdbd;
}
.vex-style-dark .mat-slide-toggle-bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-primary .mat-slider-track-fill,
.vex-style-dark .mat-primary .mat-slider-thumb,
.vex-style-dark .mat-primary .mat-slider-thumb-label {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-primary .mat-slider-thumb-label-text {
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-primary .mat-slider-focus-ring {
  background-color: rgba(var(--color-primary), 0.2);
  opacity: 0.2;
}
.vex-style-dark .mat-accent .mat-slider-track-fill,
.vex-style-dark .mat-accent .mat-slider-thumb,
.vex-style-dark .mat-accent .mat-slider-thumb-label {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-accent .mat-slider-thumb-label-text {
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-accent .mat-slider-focus-ring {
  background-color: rgba(var(--color-accent), 0.2);
  opacity: 0.2;
}
.vex-style-dark .mat-warn .mat-slider-track-fill,
.vex-style-dark .mat-warn .mat-slider-thumb,
.vex-style-dark .mat-warn .mat-slider-thumb-label {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-warn .mat-slider-thumb-label-text {
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-warn .mat-slider-focus-ring {
  background-color: rgba(var(--color-warn), 0.2);
  opacity: 0.2;
}
.vex-style-dark .mat-slider:hover .mat-slider-track-background,
.vex-style-dark .cdk-focused .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider-disabled .mat-slider-track-background,
.vex-style-dark .mat-slider-disabled .mat-slider-track-fill,
.vex-style-dark .mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.vex-style-dark .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: white;
}
.vex-style-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.vex-style-dark .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}
.vex-style-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .vex-style-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .vex-style-dark .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-dark .mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.vex-style-dark .mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.vex-style-dark .mat-step-header.cdk-keyboard-focused, .vex-style-dark .mat-step-header.cdk-program-focused, .vex-style-dark .mat-step-header:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
@media (hover: none) {
  .vex-style-dark .mat-step-header:hover {
    background: none;
  }
}
.vex-style-dark .mat-step-header .mat-step-label,
.vex-style-dark .mat-step-header .mat-step-optional {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-dark .mat-step-header .mat-step-icon {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-step-header .mat-step-icon-selected,
.vex-style-dark .mat-step-header .mat-step-icon-state-done,
.vex-style-dark .mat-step-header .mat-step-icon-state-edit {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-step-header .mat-step-label.mat-step-label-active {
  color: white;
}
.vex-style-dark .mat-step-header .mat-step-label.mat-step-label-error {
  color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-stepper-horizontal, .vex-style-dark .mat-stepper-vertical {
  background-color: #1d273b;
}
.vex-style-dark .mat-stepper-vertical-line::before {
  border-left-color: rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-horizontal-stepper-header::before,
.vex-style-dark .mat-horizontal-stepper-header::after,
.vex-style-dark .mat-stepper-horizontal-line {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.vex-style-dark .mat-sort-header-arrow {
  color: #bbbec4;
}
.vex-style-dark .mat-tab-nav-bar,
.vex-style-dark .mat-tab-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.vex-style-dark .mat-tab-group-inverted-header .mat-tab-nav-bar,
.vex-style-dark .mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.vex-style-dark .mat-tab-label, .vex-style-dark .mat-tab-link {
  color: white;
}
.vex-style-dark .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-tab-header-pagination-chevron {
  border-color: white;
}
.vex-style-dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-dark .mat-tab-group[class*=mat-background-] .mat-tab-header,
.vex-style-dark .mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-primary), 0.3);
}
.vex-style-dark .mat-tab-group.mat-primary .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-accent), 0.3);
}
.vex-style-dark .mat-tab-group.mat-accent .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-warn), 0.3);
}
.vex-style-dark .mat-tab-group.mat-warn .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-primary), 0.3);
}
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-links, .vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-primary-contrast), 0.4);
}
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-primary-contrast), 0.4);
}
.vex-style-dark .mat-tab-group.mat-background-primary .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.12);
}
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-accent), 0.3);
}
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-links, .vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-accent-contrast), 0.4);
}
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-accent-contrast), 0.4);
}
.vex-style-dark .mat-tab-group.mat-background-accent .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.12);
}
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-warn), 0.3);
}
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-links, .vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-warn-contrast), 0.4);
}
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-warn-contrast), 0.4);
}
.vex-style-dark .mat-tab-group.mat-background-warn .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.12);
}
.vex-style-dark .mat-toolbar {
  background: #11151e;
  color: white;
}
.vex-style-dark .mat-toolbar.mat-primary {
  background: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-dark .mat-toolbar.mat-accent {
  background: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-dark .mat-toolbar.mat-warn {
  background: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-dark .mat-toolbar .mat-form-field-underline,
.vex-style-dark .mat-toolbar .mat-form-field-ripple,
.vex-style-dark .mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.vex-style-dark .mat-toolbar .mat-form-field-label,
.vex-style-dark .mat-toolbar .mat-focused .mat-form-field-label,
.vex-style-dark .mat-toolbar .mat-select-value,
.vex-style-dark .mat-toolbar .mat-select-arrow,
.vex-style-dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.vex-style-dark .mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }

  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.vex-style-dark .mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.vex-style-dark .mat-tree {
  background: #1d273b;
}
.vex-style-dark .mat-tree-node,
.vex-style-dark .mat-nested-tree-node {
  color: white;
}
.mat-tree-node {
  min-height: 48px;
}
.vex-style-dark .mat-snack-bar-container {
  color: rgba(0, 0, 0, 0.87);
  background: #fafafa;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-dark .mat-simple-snackbar-action {
  color: inherit;
}
.vex-style-dark .mat-checkbox-checkmark-path {
  stroke: white !important;
}
.vex-style-light {
  --navigation-background: var(--background-card);
  --sidenav-background: white;
  --toolbar-background: var(--background-card);
  --sidenav-color: var(--text-color);
  --sidenav-item-background-active: #fafafa;
  --sidenav-item-color: var(--text-color);
  --sidenav-item-color-active: var(--text-color);
  --sidenav-item-dropdown-background: #fafafa;
  --sidenav-item-dropdown-background-hover: #f7f7f7;
  --sidenav-item-icon-color: #494B74;
  --sidenav-item-icon-color-active: rgb(var(--color-primary));
  --sidenav-toolbar-background: white;
}
.vex-style-light .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.vex-style-light .mat-option {
  color: white;
}
.vex-style-light .mat-option:hover:not(.mat-option-disabled), .vex-style-light .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-light .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-light .mat-option.mat-active {
  background: rgba(255, 255, 255, 0.04);
  color: white;
}
.vex-style-light .mat-option.mat-option-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-pseudo-checkbox {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-pseudo-checkbox::after {
  color: #232b3e;
}
.vex-style-light .mat-pseudo-checkbox-disabled {
  color: #686868;
}
.vex-style-light .mat-primary .mat-pseudo-checkbox-checked,
.vex-style-light .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-pseudo-checkbox-checked,
.vex-style-light .mat-pseudo-checkbox-indeterminate,
.vex-style-light .mat-accent .mat-pseudo-checkbox-checked,
.vex-style-light .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-warn .mat-pseudo-checkbox-checked,
.vex-style-light .mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.vex-style-light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #686868;
}
.vex-style-light .mat-app-background, .vex-style-light.mat-app-background {
  background-color: #232b3e;
  color: white;
}
.vex-style-light .mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.06), 0px 3px 4px 0px rgba(0, 0, 0, 0.042), 0px 1px 8px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 5px 8px 0px rgba(0, 0, 0, 0.042), 0px 1px 14px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.06), 0px 7px 10px 1px rgba(0, 0, 0, 0.042), 0px 2px 16px 1px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06), 0px 8px 10px 1px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.06), 0px 9px 12px 1px rgba(0, 0, 0, 0.042), 0px 3px 16px 2px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.06), 0px 10px 14px 1px rgba(0, 0, 0, 0.042), 0px 4px 18px 3px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.06), 0px 11px 15px 1px rgba(0, 0, 0, 0.042), 0px 4px 20px 3px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 12px 17px 2px rgba(0, 0, 0, 0.042), 0px 5px 22px 4px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 13px 19px 2px rgba(0, 0, 0, 0.042), 0px 5px 24px 4px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.06), 0px 14px 21px 2px rgba(0, 0, 0, 0.042), 0px 5px 26px 4px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.06), 0px 15px 22px 2px rgba(0, 0, 0, 0.042), 0px 6px 28px 5px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.06), 0px 17px 26px 2px rgba(0, 0, 0, 0.042), 0px 6px 32px 5px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.06), 0px 18px 28px 2px rgba(0, 0, 0, 0.042), 0px 7px 34px 6px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.06), 0px 19px 29px 2px rgba(0, 0, 0, 0.042), 0px 7px 36px 6px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.06), 0px 20px 31px 3px rgba(0, 0, 0, 0.042), 0px 8px 38px 7px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.06), 0px 21px 33px 3px rgba(0, 0, 0, 0.042), 0px 8px 40px 7px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.06), 0px 22px 35px 3px rgba(0, 0, 0, 0.042), 0px 8px 42px 7px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.06), 0px 23px 36px 3px rgba(0, 0, 0, 0.042), 0px 9px 44px 8px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.06), 0px 24px 38px 3px rgba(0, 0, 0, 0.042), 0px 9px 46px 8px rgba(0, 0, 0, 0.036);
}
.mat-theme-loaded-marker {
  display: none;
}
.vex-style-light .mat-autocomplete-panel {
  background: #1d273b;
  color: white;
}
.vex-style-light .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #1d273b;
}
.vex-style-light .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: white;
}
.vex-style-light .mat-badge-content {
  color: rgba(var(--color-primary-contrast), 1);
  background: rgba(var(--color-primary), 1);
}
.cdk-high-contrast-active .vex-style-light .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.vex-style-light .mat-badge-accent .mat-badge-content {
  background: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-badge-warn .mat-badge-content {
  color: rgba(var(--color-warn-contrast), 1);
  background: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-badge {
  position: relative;
}
.vex-style-light .mat-badge-hidden .mat-badge-content {
  display: none;
}
.vex-style-light .mat-badge-disabled .mat-badge-content {
  background: #656b78;
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.vex-style-light .ng-animate-disabled .mat-badge-content,
.vex-style-light .mat-badge-content._mat-animation-noopable {
  transition: none;
}
.vex-style-light .mat-badge-content.mat-badge-active {
  transform: none;
}
.vex-style-light .mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.vex-style-light .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.vex-style-light .mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.vex-style-light .mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .vex-style-light .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.vex-style-light .mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .vex-style-light .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.vex-style-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .vex-style-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.vex-style-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .vex-style-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.vex-style-light .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.vex-style-light .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.vex-style-light .mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.vex-style-light .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .vex-style-light .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.vex-style-light .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .vex-style-light .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.vex-style-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .vex-style-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.vex-style-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .vex-style-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.vex-style-light .mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.vex-style-light .mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.vex-style-light .mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.vex-style-light .mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .vex-style-light .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.vex-style-light .mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .vex-style-light .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.vex-style-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .vex-style-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.vex-style-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .vex-style-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.vex-style-light .mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
  background: #1a202e;
  color: white;
}
.vex-style-light .mat-button, .vex-style-light .mat-icon-button, .vex-style-light .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.vex-style-light .mat-button.mat-primary, .vex-style-light .mat-icon-button.mat-primary, .vex-style-light .mat-stroked-button.mat-primary {
  color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-button.mat-accent, .vex-style-light .mat-icon-button.mat-accent, .vex-style-light .mat-stroked-button.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-button.mat-warn, .vex-style-light .mat-icon-button.mat-warn, .vex-style-light .mat-stroked-button.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-button.mat-primary.mat-button-disabled, .vex-style-light .mat-button.mat-accent.mat-button-disabled, .vex-style-light .mat-button.mat-warn.mat-button-disabled, .vex-style-light .mat-button.mat-button-disabled.mat-button-disabled, .vex-style-light .mat-icon-button.mat-primary.mat-button-disabled, .vex-style-light .mat-icon-button.mat-accent.mat-button-disabled, .vex-style-light .mat-icon-button.mat-warn.mat-button-disabled, .vex-style-light .mat-icon-button.mat-button-disabled.mat-button-disabled, .vex-style-light .mat-stroked-button.mat-primary.mat-button-disabled, .vex-style-light .mat-stroked-button.mat-accent.mat-button-disabled, .vex-style-light .mat-stroked-button.mat-warn.mat-button-disabled, .vex-style-light .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-button.mat-primary .mat-button-focus-overlay, .vex-style-light .mat-icon-button.mat-primary .mat-button-focus-overlay, .vex-style-light .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-button.mat-accent .mat-button-focus-overlay, .vex-style-light .mat-icon-button.mat-accent .mat-button-focus-overlay, .vex-style-light .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-button.mat-warn .mat-button-focus-overlay, .vex-style-light .mat-icon-button.mat-warn .mat-button-focus-overlay, .vex-style-light .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-light .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-light .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.vex-style-light .mat-button .mat-ripple-element, .vex-style-light .mat-icon-button .mat-ripple-element, .vex-style-light .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.vex-style-light .mat-button-focus-overlay {
  background: white;
}
.vex-style-light .mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-flat-button, .vex-style-light .mat-raised-button, .vex-style-light .mat-fab, .vex-style-light .mat-mini-fab {
  color: white;
  background-color: #424242;
}
.vex-style-light .mat-flat-button.mat-primary, .vex-style-light .mat-raised-button.mat-primary, .vex-style-light .mat-fab.mat-primary, .vex-style-light .mat-mini-fab.mat-primary {
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-flat-button.mat-accent, .vex-style-light .mat-raised-button.mat-accent, .vex-style-light .mat-fab.mat-accent, .vex-style-light .mat-mini-fab.mat-accent {
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-flat-button.mat-warn, .vex-style-light .mat-raised-button.mat-warn, .vex-style-light .mat-fab.mat-warn, .vex-style-light .mat-mini-fab.mat-warn {
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-light .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-light .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-light .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-light .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-light .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-light .mat-fab.mat-primary.mat-button-disabled, .vex-style-light .mat-fab.mat-accent.mat-button-disabled, .vex-style-light .mat-fab.mat-warn.mat-button-disabled, .vex-style-light .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-light .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-light .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-light .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-light .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-flat-button.mat-primary, .vex-style-light .mat-raised-button.mat-primary, .vex-style-light .mat-fab.mat-primary, .vex-style-light .mat-mini-fab.mat-primary {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-flat-button.mat-accent, .vex-style-light .mat-raised-button.mat-accent, .vex-style-light .mat-fab.mat-accent, .vex-style-light .mat-mini-fab.mat-accent {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-flat-button.mat-warn, .vex-style-light .mat-raised-button.mat-warn, .vex-style-light .mat-fab.mat-warn, .vex-style-light .mat-mini-fab.mat-warn {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-light .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-light .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-light .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-light .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-light .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-light .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-light .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-light .mat-fab.mat-primary.mat-button-disabled, .vex-style-light .mat-fab.mat-accent.mat-button-disabled, .vex-style-light .mat-fab.mat-warn.mat-button-disabled, .vex-style-light .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-light .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-light .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-light .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-light .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-flat-button.mat-primary .mat-ripple-element, .vex-style-light .mat-raised-button.mat-primary .mat-ripple-element, .vex-style-light .mat-fab.mat-primary .mat-ripple-element, .vex-style-light .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.1);
}
.vex-style-light .mat-flat-button.mat-accent .mat-ripple-element, .vex-style-light .mat-raised-button.mat-accent .mat-ripple-element, .vex-style-light .mat-fab.mat-accent .mat-ripple-element, .vex-style-light .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.1);
}
.vex-style-light .mat-flat-button.mat-warn .mat-ripple-element, .vex-style-light .mat-raised-button.mat-warn .mat-ripple-element, .vex-style-light .mat-fab.mat-warn .mat-ripple-element, .vex-style-light .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.1);
}
.vex-style-light .mat-stroked-button:not([class*=mat-elevation-z]), .vex-style-light .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06), 0px 8px 10px 1px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-fab:not([class*=mat-elevation-z]), .vex-style-light .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .vex-style-light .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 12px 17px 2px rgba(0, 0, 0, 0.042), 0px 5px 22px 4px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .vex-style-light .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-button-toggle-standalone,
.vex-style-light .mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.vex-style-light .mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.vex-style-light .mat-button-toggle {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-button-toggle-appearance-standard {
  color: white;
  background: #1d273b;
}
.vex-style-light .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: white;
}
.vex-style-light .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-light [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-button-toggle-checked {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: white;
}
.vex-style-light .mat-button-toggle-disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: black;
}
.vex-style-light .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #1d273b;
}
.vex-style-light .mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #424242;
}
.vex-style-light .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.vex-style-light .mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-card {
  background: #1d273b;
  color: white;
}
.vex-style-light .mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-card-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-checkbox-checkmark {
  fill: #232b3e;
}
.vex-style-light .mat-checkbox-checkmark-path {
  stroke: #232b3e !important;
}
.vex-style-light .mat-checkbox-mixedmark {
  background-color: #232b3e;
}
.vex-style-light .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .vex-style-light .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .vex-style-light .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .vex-style-light .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .vex-style-light .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #686868;
}
.vex-style-light .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #686868;
}
.vex-style-light .mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-checkbox .mat-ripple-element {
  background-color: white;
}
.vex-style-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.vex-style-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.vex-style-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.vex-style-light .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-chip.mat-standard-chip {
  background-color: #616161;
  color: white;
}
.vex-style-light .mat-chip.mat-standard-chip .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.vex-style-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.06), 0px 3px 4px 0px rgba(0, 0, 0, 0.042), 0px 1px 8px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.vex-style-light .mat-chip.mat-standard-chip::after {
  background: white;
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.1);
  opacity: 0.1;
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.1);
  opacity: 0.1;
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}
.vex-style-light .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.1);
  opacity: 0.1;
}
.vex-style-light .mat-table {
  background: #1d273b;
}
.vex-style-light .mat-table thead, .vex-style-light .mat-table tbody, .vex-style-light .mat-table tfoot,
.vex-style-light mat-header-row, .vex-style-light mat-row, .vex-style-light mat-footer-row,
.vex-style-light [mat-header-row], .vex-style-light [mat-row], .vex-style-light [mat-footer-row],
.vex-style-light .mat-table-sticky {
  background: inherit;
}
.vex-style-light mat-row, .vex-style-light mat-header-row, .vex-style-light mat-footer-row,
.vex-style-light th.mat-header-cell, .vex-style-light td.mat-cell, .vex-style-light td.mat-footer-cell {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-header-cell {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-cell, .vex-style-light .mat-footer-cell {
  color: white;
}
.vex-style-light .mat-calendar-arrow {
  border-top-color: white;
}
.vex-style-light .mat-datepicker-toggle,
.vex-style-light .mat-datepicker-content .mat-calendar-next-button,
.vex-style-light .mat-datepicker-content .mat-calendar-previous-button {
  color: white;
}
.vex-style-light .mat-calendar-table-header {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-calendar-table-header-divider::after {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-calendar-body-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-calendar-body-cell-content,
.vex-style-light .mat-date-range-input-separator {
  color: white;
  border-color: transparent;
}
.vex-style-light .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-light .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-light .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 255, 255, 0.04);
}
.vex-style-light .mat-calendar-body-in-preview {
  color: rgba(255, 255, 255, 0.24);
}
.vex-style-light .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-calendar-body-in-range::before {
  background: rgba(var(--color-primary), 0.2);
}
.vex-style-light .mat-calendar-body-comparison-identical,
.vex-style-light .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-light .mat-calendar-body-comparison-bridge-start::before,
.vex-style-light [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-primary), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-light .mat-calendar-body-comparison-bridge-end::before,
.vex-style-light [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-primary), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-light .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-light .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-light .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-light .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-light .mat-calendar-body-selected {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-light .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
  background-color: #1d273b;
  color: white;
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(var(--color-accent), 0.2);
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.vex-style-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-accent), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.vex-style-light .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-accent), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-light .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(var(--color-warn), 0.2);
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.vex-style-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-warn), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.vex-style-light .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-warn), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.vex-style-light .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-datepicker-toggle-active {
  color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-datepicker-toggle-active.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-datepicker-toggle-active.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-date-range-input-inner[disabled] {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.06), 0px 24px 38px 3px rgba(0, 0, 0, 0.042), 0px 9px 46px 8px rgba(0, 0, 0, 0.036);
  background: #1a202e;
  color: white;
}
.vex-style-light .mat-divider {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-divider-vertical {
  border-right-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-expansion-panel {
  background: #1d273b;
  color: white;
}
.vex-style-light .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-action-row {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .vex-style-light .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .vex-style-light .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0.04);
}
@media (hover: none) {
  .vex-style-light .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #1d273b;
  }
}
.vex-style-light .mat-expansion-panel-header-title {
  color: white;
}
.vex-style-light .mat-expansion-panel-header-description,
.vex-style-light .mat-expansion-indicator::after {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.vex-style-light .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.vex-style-light .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-form-field.mat-focused .mat-form-field-label {
  color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-focused .mat-form-field-required-marker {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-form-field-ripple {
  background-color: white;
}
.vex-style-light .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.vex-style-light .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.vex-style-light .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-error {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-form-field-appearance-legacy .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.vex-style-light .mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.vex-style-light .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.1);
}
.vex-style-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.05);
}
.vex-style-light .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.vex-style-light .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: white;
}
.vex-style-light .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.15);
}
.vex-style-light .mat-icon.mat-primary {
  color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-icon.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-icon.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-input-element:disabled,
.vex-style-light .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-input-element {
  caret-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-input-element::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-input-element::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-input-element:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-input-element option {
  color: rgba(0, 0, 0, 0.87);
}
.vex-style-light .mat-input-element option:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.vex-style-light .mat-form-field.mat-accent .mat-input-element {
  caret-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-form-field.mat-warn .mat-input-element,
.vex-style-light .mat-form-field-invalid .mat-input-element {
  caret-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-list-base .mat-list-item {
  color: white;
}
.vex-style-light .mat-list-base .mat-list-option {
  color: white;
}
.vex-style-light .mat-list-base .mat-subheader {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-list-item-disabled {
  background-color: black;
}
.vex-style-light .mat-list-option:hover, .vex-style-light .mat-list-option:focus,
.vex-style-light .mat-nav-list .mat-list-item:hover,
.vex-style-light .mat-nav-list .mat-list-item:focus,
.vex-style-light .mat-action-list .mat-list-item:hover,
.vex-style-light .mat-action-list .mat-list-item:focus {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-light .mat-list-single-selected-option, .vex-style-light .mat-list-single-selected-option:hover, .vex-style-light .mat-list-single-selected-option:focus {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-menu-panel {
  background: #1d273b;
}
.vex-style-light .mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-menu-item {
  background: transparent;
  color: white;
}
.vex-style-light .mat-menu-item[disabled], .vex-style-light .mat-menu-item[disabled]::after {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-menu-item .mat-icon-no-color,
.vex-style-light .mat-menu-item-submenu-trigger::after {
  color: white;
}
.vex-style-light .mat-menu-item:hover:not([disabled]),
.vex-style-light .mat-menu-item.cdk-program-focused:not([disabled]),
.vex-style-light .mat-menu-item.cdk-keyboard-focused:not([disabled]),
.vex-style-light .mat-menu-item-highlighted:not([disabled]) {
  background: rgba(255, 255, 255, 0.04);
}
.vex-style-light .mat-paginator {
  background: #1d273b;
}
.vex-style-light .mat-paginator,
.vex-style-light .mat-paginator-page-size .mat-select-trigger {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-paginator-decrement,
.vex-style-light .mat-paginator-increment {
  border-top: 2px solid white;
  border-right: 2px solid white;
}
.vex-style-light .mat-paginator-first,
.vex-style-light .mat-paginator-last {
  border-top: 2px solid white;
}
.vex-style-light .mat-icon-button[disabled] .mat-paginator-decrement,
.vex-style-light .mat-icon-button[disabled] .mat-paginator-increment,
.vex-style-light .mat-icon-button[disabled] .mat-paginator-first,
.vex-style-light .mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-progress-bar-background {
  fill: rgba(var(--color-primary), 0.1);
}
.vex-style-light .mat-progress-bar-buffer {
  background-color: rgba(var(--color-primary), 0.1);
}
.vex-style-light .mat-progress-bar-fill::after {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: rgba(var(--color-accent), 0.1);
}
.vex-style-light .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: rgba(var(--color-accent), 0.1);
}
.vex-style-light .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: rgba(var(--color-warn), 0.1);
}
.vex-style-light .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: rgba(var(--color-warn), 0.1);
}
.vex-style-light .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-progress-spinner circle, .vex-style-light .mat-spinner circle {
  stroke: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-progress-spinner.mat-accent circle, .vex-style-light .mat-spinner.mat-accent circle {
  stroke: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-progress-spinner.mat-warn circle, .vex-style-light .mat-spinner.mat-warn circle {
  stroke: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-radio-button.mat-primary .mat-radio-inner-circle,
.vex-style-light .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-light .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-light .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-radio-button.mat-accent .mat-radio-inner-circle,
.vex-style-light .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-light .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-light .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-radio-button.mat-warn .mat-radio-inner-circle,
.vex-style-light .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-light .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-light .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.vex-style-light .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.vex-style-light .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-radio-button .mat-ripple-element {
  background-color: white;
}
.vex-style-light .mat-select-value {
  color: white;
}
.vex-style-light .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-select-disabled .mat-select-value {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-select-arrow {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-select-panel {
  background: #1d273b;
}
.vex-style-light .mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-drawer-container {
  background-color: #232b3e;
  color: white;
}
.vex-style-light .mat-drawer {
  background-color: #1a202e;
  color: white;
}
.vex-style-light .mat-drawer.mat-drawer-push {
  background-color: #1a202e;
}
.vex-style-light .mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-drawer-side {
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.vex-style-light [dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.vex-style-light [dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(226, 216, 196, 0.6);
}
.vex-style-light .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-accent), 0.54);
}
.vex-style-light .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-primary), 0.54);
}
.vex-style-light .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-warn), 0.54);
}
.vex-style-light .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: white;
}
.vex-style-light .mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
  background-color: #bdbdbd;
}
.vex-style-light .mat-slide-toggle-bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-primary .mat-slider-track-fill,
.vex-style-light .mat-primary .mat-slider-thumb,
.vex-style-light .mat-primary .mat-slider-thumb-label {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-primary .mat-slider-thumb-label-text {
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-primary .mat-slider-focus-ring {
  background-color: rgba(var(--color-primary), 0.2);
  opacity: 0.2;
}
.vex-style-light .mat-accent .mat-slider-track-fill,
.vex-style-light .mat-accent .mat-slider-thumb,
.vex-style-light .mat-accent .mat-slider-thumb-label {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-accent .mat-slider-thumb-label-text {
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-accent .mat-slider-focus-ring {
  background-color: rgba(var(--color-accent), 0.2);
  opacity: 0.2;
}
.vex-style-light .mat-warn .mat-slider-track-fill,
.vex-style-light .mat-warn .mat-slider-thumb,
.vex-style-light .mat-warn .mat-slider-thumb-label {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-warn .mat-slider-thumb-label-text {
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-warn .mat-slider-focus-ring {
  background-color: rgba(var(--color-warn), 0.2);
  opacity: 0.2;
}
.vex-style-light .mat-slider:hover .mat-slider-track-background,
.vex-style-light .cdk-focused .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-slider-disabled .mat-slider-track-background,
.vex-style-light .mat-slider-disabled .mat-slider-track-fill,
.vex-style-light .mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.vex-style-light .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: white;
}
.vex-style-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.vex-style-light .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}
.vex-style-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .vex-style-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .vex-style-light .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.vex-style-light .mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.vex-style-light .mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.vex-style-light .mat-step-header.cdk-keyboard-focused, .vex-style-light .mat-step-header.cdk-program-focused, .vex-style-light .mat-step-header:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
@media (hover: none) {
  .vex-style-light .mat-step-header:hover {
    background: none;
  }
}
.vex-style-light .mat-step-header .mat-step-label,
.vex-style-light .mat-step-header .mat-step-optional {
  color: rgba(255, 255, 255, 0.7);
}
.vex-style-light .mat-step-header .mat-step-icon {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-step-header .mat-step-icon-selected,
.vex-style-light .mat-step-header .mat-step-icon-state-done,
.vex-style-light .mat-step-header .mat-step-icon-state-edit {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-step-header .mat-step-label.mat-step-label-active {
  color: white;
}
.vex-style-light .mat-step-header .mat-step-label.mat-step-label-error {
  color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-stepper-horizontal, .vex-style-light .mat-stepper-vertical {
  background-color: #1d273b;
}
.vex-style-light .mat-stepper-vertical-line::before {
  border-left-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-horizontal-stepper-header::before,
.vex-style-light .mat-horizontal-stepper-header::after,
.vex-style-light .mat-stepper-horizontal-line {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-sort-header-arrow {
  color: #bbbec4;
}
.vex-style-light .mat-tab-nav-bar,
.vex-style-light .mat-tab-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.vex-style-light .mat-tab-group-inverted-header .mat-tab-nav-bar,
.vex-style-light .mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.vex-style-light .mat-tab-label, .vex-style-light .mat-tab-link {
  color: white;
}
.vex-style-light .mat-tab-label.mat-tab-disabled, .vex-style-light .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-tab-header-pagination-chevron {
  border-color: white;
}
.vex-style-light .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.5);
}
.vex-style-light .mat-tab-group[class*=mat-background-] .mat-tab-header,
.vex-style-light .mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.vex-style-light .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-primary), 0.3);
}
.vex-style-light .mat-tab-group.mat-primary .mat-ink-bar, .vex-style-light .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .vex-style-light .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-accent), 0.3);
}
.vex-style-light .mat-tab-group.mat-accent .mat-ink-bar, .vex-style-light .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .vex-style-light .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-warn), 0.3);
}
.vex-style-light .mat-tab-group.mat-warn .mat-ink-bar, .vex-style-light .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .vex-style-light .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-primary), 0.3);
}
.vex-style-light .mat-tab-group.mat-background-primary .mat-tab-header, .vex-style-light .mat-tab-group.mat-background-primary .mat-tab-links, .vex-style-light .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: rgba(var(--color-primary), 1);
}
.vex-style-light .mat-tab-group.mat-background-primary .mat-tab-label, .vex-style-light .mat-tab-group.mat-background-primary .mat-tab-link, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .vex-style-light .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-primary-contrast), 0.4);
}
.vex-style-light .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-primary-contrast), 0.4);
}
.vex-style-light .mat-tab-group.mat-background-primary .mat-ripple-element, .vex-style-light .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.12);
}
.vex-style-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-accent), 0.3);
}
.vex-style-light .mat-tab-group.mat-background-accent .mat-tab-header, .vex-style-light .mat-tab-group.mat-background-accent .mat-tab-links, .vex-style-light .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: rgba(var(--color-accent), 1);
}
.vex-style-light .mat-tab-group.mat-background-accent .mat-tab-label, .vex-style-light .mat-tab-group.mat-background-accent .mat-tab-link, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .vex-style-light .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-accent-contrast), 0.4);
}
.vex-style-light .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-accent-contrast), 0.4);
}
.vex-style-light .mat-tab-group.mat-background-accent .mat-ripple-element, .vex-style-light .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.12);
}
.vex-style-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-warn), 0.3);
}
.vex-style-light .mat-tab-group.mat-background-warn .mat-tab-header, .vex-style-light .mat-tab-group.mat-background-warn .mat-tab-links, .vex-style-light .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: rgba(var(--color-warn), 1);
}
.vex-style-light .mat-tab-group.mat-background-warn .mat-tab-label, .vex-style-light .mat-tab-group.mat-background-warn .mat-tab-link, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .vex-style-light .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-warn-contrast), 0.4);
}
.vex-style-light .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-warn-contrast), 0.4);
}
.vex-style-light .mat-tab-group.mat-background-warn .mat-ripple-element, .vex-style-light .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.12);
}
.vex-style-light .mat-toolbar {
  background: #11151e;
  color: white;
}
.vex-style-light .mat-toolbar.mat-primary {
  background: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.vex-style-light .mat-toolbar.mat-accent {
  background: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.vex-style-light .mat-toolbar.mat-warn {
  background: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.vex-style-light .mat-toolbar .mat-form-field-underline,
.vex-style-light .mat-toolbar .mat-form-field-ripple,
.vex-style-light .mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.vex-style-light .mat-toolbar .mat-form-field-label,
.vex-style-light .mat-toolbar .mat-focused .mat-form-field-label,
.vex-style-light .mat-toolbar .mat-select-value,
.vex-style-light .mat-toolbar .mat-select-arrow,
.vex-style-light .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.vex-style-light .mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.vex-style-light .mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.vex-style-light .mat-tree {
  background: #1d273b;
}
.vex-style-light .mat-tree-node,
.vex-style-light .mat-nested-tree-node {
  color: white;
}
.vex-style-light .mat-snack-bar-container {
  color: rgba(0, 0, 0, 0.87);
  background: #fafafa;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.vex-style-light .mat-simple-snackbar-action {
  color: inherit;
}
:root {
  --padding-gutter: 1rem;
  --padding: 1.5rem;
  --padding-16: 1rem;
  --padding-12: 0.75rem;
  --padding-8: 0.5rem;
  --padding-4: 0.25rem;
  --color-primary: 92, 119, 255;
  --color-primary-contrast: 92, 119, 255;
  --color-accent: 151, 74, 255;
  --color-accent-contrast: 255, 255, 255;
  --color-warn: 244, 67, 54;
  --color-warn-contrast: 255, 255, 255;
  --font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  --font-weight-medium: 500;
  --font-caption: 400 12px/20px var(--font);
  --font-body-1: 400 14px/20px var(--font);
  --font-body-2: 500 14px/24px var(--font);
  --font-subheading-1: 400 15px/24px var(--font);
  --font-subheading-2: 400 16px/28px var(--font);
  --font-headline: 400 24px/32px var(--font);
  --font-title: 500 18px/26px var(--font);
  --font-display-1: 400 30px/40px var(--font);
  --font-display-2: 400 45px/48px var(--font);
  --font-display-3: 400 56px/56px var(--font);
  --font-display-4: 300 112px/112px var(--font);
  --trans-ease-in-out: all var(--trans-ease-in-out-duration) var(--trans-ease-in-out-timing-function);
  --trans-ease-in-out-duration: 500ms;
  --trans-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  --trans-ease-out: all var(--trans-ease-out-duration) var(--trans-ease-out-timing-function);
  --trans-ease-out-duration: 400ms;
  --trans-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  --trans-ease-in: all var(--trans-ease-in-duration) var(--trans-ease-in-timing-function);
  --trans-ease-in-duration: 300ms;
  --trans-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  --trans-shadow-duration: 280ms;
  --trans-shadow-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --trans-shadow: box-shadow var(--trans-shadow-duration) var(--trans-shadow-timing-function);
  --text-color: rgba(0, 0, 0, 0.87);
  --text-color-light: white;
  --text-secondary: rgba(0, 0, 0, 0.54);
  --text-secondary-light: rgba(255, 255, 255, 0.7);
  --text-hint: rgba(0, 0, 0, 0.38);
  --text-hint-light: rgba(255, 255, 255, 0.5);
  --foreground-divider: rgba(82, 63, 105, 0.06);
  --background-base: rgb(245, 245, 248);
  --background-card: white;
  --background-app-bar: #ebebee;
  --background-hover: rgba(0, 0, 0, 0.04);
  --elevation-default: var(--elevation-z6);
  --elevation-z0: none;
  --elevation-z1: 0px 2px 1px -1px rgba(82, 63, 104, 0.06), 0px 1px 1px 0px rgba(82, 63, 104, 0.042), 0px 1px 3px 0px rgba(82, 63, 104, 0.036);
  --elevation-z2: 0px 3px 1px -2px rgba(82, 63, 104, 0.06), 0px 2px 2px 0px rgba(82, 63, 104, 0.042), 0px 1px 5px 0px rgba(82, 63, 104, 0.036);
  --elevation-z3: 0px 3px 3px -2px rgba(82, 63, 104, 0.06), 0px 3px 4px 0px rgba(82, 63, 104, 0.042), 0px 1px 8px 0px rgba(82, 63, 104, 0.036);
  --elevation-z4: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
  --elevation-z5: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 5px 8px 0px rgba(82, 63, 104, 0.042), 0px 1px 14px 0px rgba(82, 63, 104, 0.036);
  --elevation-z6: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 6px 10px 0px rgba(82, 63, 104, 0.042), 0px 1px 18px 0px rgba(82, 63, 104, 0.036);
  --elevation-z7: 0px 4px 5px -2px rgba(82, 63, 104, 0.06), 0px 7px 10px 1px rgba(82, 63, 104, 0.042), 0px 2px 16px 1px rgba(82, 63, 104, 0.036);
  --elevation-z8: 0px 5px 5px -3px rgba(82, 63, 104, 0.06), 0px 8px 10px 1px rgba(82, 63, 104, 0.042), 0px 3px 14px 2px rgba(82, 63, 104, 0.036);
  --elevation-z9: 0px 5px 6px -3px rgba(82, 63, 104, 0.06), 0px 9px 12px 1px rgba(82, 63, 104, 0.042), 0px 3px 16px 2px rgba(82, 63, 104, 0.036);
  --elevation-z10: 0px 6px 6px -3px rgba(82, 63, 104, 0.06), 0px 10px 14px 1px rgba(82, 63, 104, 0.042), 0px 4px 18px 3px rgba(82, 63, 104, 0.036);
  --elevation-z11: 0px 6px 7px -4px rgba(82, 63, 104, 0.06), 0px 11px 15px 1px rgba(82, 63, 104, 0.042), 0px 4px 20px 3px rgba(82, 63, 104, 0.036);
  --elevation-z12: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  --elevation-z13: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 13px 19px 2px rgba(82, 63, 104, 0.042), 0px 5px 24px 4px rgba(82, 63, 104, 0.036);
  --elevation-z14: 0px 7px 9px -4px rgba(82, 63, 104, 0.06), 0px 14px 21px 2px rgba(82, 63, 104, 0.042), 0px 5px 26px 4px rgba(82, 63, 104, 0.036);
  --elevation-z15: 0px 8px 9px -5px rgba(82, 63, 104, 0.06), 0px 15px 22px 2px rgba(82, 63, 104, 0.042), 0px 6px 28px 5px rgba(82, 63, 104, 0.036);
  --elevation-z16: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  --elevation-z17: 0px 8px 11px -5px rgba(82, 63, 104, 0.06), 0px 17px 26px 2px rgba(82, 63, 104, 0.042), 0px 6px 32px 5px rgba(82, 63, 104, 0.036);
  --elevation-z18: 0px 9px 11px -5px rgba(82, 63, 104, 0.06), 0px 18px 28px 2px rgba(82, 63, 104, 0.042), 0px 7px 34px 6px rgba(82, 63, 104, 0.036);
  --elevation-z19: 0px 9px 12px -6px rgba(82, 63, 104, 0.06), 0px 19px 29px 2px rgba(82, 63, 104, 0.042), 0px 7px 36px 6px rgba(82, 63, 104, 0.036);
  --elevation-z20: 0px 10px 13px -6px rgba(82, 63, 104, 0.06), 0px 20px 31px 3px rgba(82, 63, 104, 0.042), 0px 8px 38px 7px rgba(82, 63, 104, 0.036);
  --sidenav-width: 280px;
  --sidenav-collapsed-width: 72px;
  --sidenav-background: #1a202e;
  --sidenav-color: #ffffff;
  --sidenav-item-padding: var(--padding);
  --sidenav-toolbar-background: #171d29;
  --sidenav-item-background-active: #141924;
  --sidenav-item-color: #A1A2B6;
  --sidenav-item-color-active: white;
  --sidenav-item-icon-color: #494B74;
  --sidenav-item-icon-color-active: rgb(var(--color-primary));
  --sidenav-item-icon-gap: 16px;
  --sidenav-item-icon-size: 24px;
  --sidenav-item-border-color: transparent;
  --sidenav-item-border-color-active: rgb(var(--color-primary));
  --sidenav-item-dropdown-background: #141924;
  --sidenav-item-dropdown-background-hover: #131721;
  --sidenav-item-dropdown-gap: 12px;
  --toolbar-height: 64px;
  --toolbar-background: white;
  --toolbar-color: rgba(0, 0, 0, 0.87);
  --toolbar-icon-color: rgb(var(--color-primary));
  --secondary-toolbar-background: var(--background-card);
  --secondary-toolbar-height: 54px;
  --navigation-height: 64px;
  --navigation-background: var(--background-card);
  --navigation-color: var(--text-secondary);
  --footer-height: 56px;
  --footer-z-index: 100;
  --footer-background: var(--background-card);
  --footer-color: var(--text-color);
  --footer-elevation: 0 -10px 30px 0 rgba(82, 63, 104, .06);
  --page-layout-header-height: 200px;
  --page-layout-toolbar-height: 64px;
  --blink-scrollbar-width: 12px;
  --default-icon-size: 24px;
  --border-radius: 4px;
}
@media (min-width: 1280px) {
  :root {
    --padding-gutter: 1.5rem;
  }
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: var(--font);
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px var(--font);
  letter-spacing: -0.019em;
  margin: 0 0 16px;
}
.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 18px/26px var(--font);
  letter-spacing: -0.014em;
  margin: 0 0 16px;
}
.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px var(--font);
  letter-spacing: -0.011em;
  margin: 0 0 16px;
}
.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px var(--font);
  letter-spacing: -0.009em;
  margin: 0 0 16px;
}
.mat-h5, .mat-typography h5 {
  font: 400 calc(14px * 0.83)/20px var(--font);
  margin: 0 0 12px;
}
.mat-h6, .mat-typography h6 {
  font: 400 calc(14px * 0.67)/20px var(--font);
  margin: 0 0 12px;
}
.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px var(--font);
  letter-spacing: -0.006em;
}
.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px var(--font);
  letter-spacing: -0.006em;
}
.mat-body p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}
.mat-small, .mat-caption {
  font: 400 12px/20px var(--font);
  letter-spacing: 0;
}
.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px var(--font);
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px var(--font);
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px var(--font);
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 30px/40px var(--font);
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px var(--font);
  letter-spacing: -0.006em;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: var(--font);
}
.mat-card {
  font-family: var(--font);
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 18px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: var(--font);
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: var(--font);
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: var(--font);
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 18px/26px var(--font);
  letter-spacing: -0.014em;
}
.mat-expansion-panel-header {
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px var(--font);
  letter-spacing: -0.006em;
}
.mat-form-field {
  font: 400 14px/1.125 var(--font);
  letter-spacing: -0.006em;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: var(--font);
  font-size: 12px;
}
.mat-radio-button {
  font-family: var(--font);
}
.mat-select {
  font-family: var(--font);
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: var(--font);
}
.mat-slider-thumb-label-text {
  font-family: var(--font);
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: var(--font);
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: var(--font);
}
.mat-tab-label, .mat-tab-link {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 18px/26px var(--font);
  letter-spacing: -0.014em;
  margin: 0;
}
.mat-tooltip {
  font-family: var(--font);
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: var(--font);
}
.mat-list-option {
  font-family: var(--font);
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: var(--font);
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: var(--font);
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px var(--font);
  letter-spacing: -0.006em;
}
.mat-simple-snackbar {
  font-family: var(--font);
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: var(--font);
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
.mat-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: black;
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: black;
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-primary), 1);
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-accent), 1);
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(var(--color-warn), 1);
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-primary), 1);
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-accent), 1);
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgba(var(--color-warn), 1);
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: black;
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(82, 63, 104, 0.06), 0px 0px 0px 0px rgba(82, 63, 104, 0.042), 0px 0px 0px 0px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(82, 63, 104, 0.06), 0px 1px 1px 0px rgba(82, 63, 104, 0.042), 0px 1px 3px 0px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(82, 63, 104, 0.06), 0px 2px 2px 0px rgba(82, 63, 104, 0.042), 0px 1px 5px 0px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(82, 63, 104, 0.06), 0px 3px 4px 0px rgba(82, 63, 104, 0.042), 0px 1px 8px 0px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 5px 8px 0px rgba(82, 63, 104, 0.042), 0px 1px 14px 0px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 6px 10px 0px rgba(82, 63, 104, 0.042), 0px 1px 18px 0px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(82, 63, 104, 0.06), 0px 7px 10px 1px rgba(82, 63, 104, 0.042), 0px 2px 16px 1px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(82, 63, 104, 0.06), 0px 8px 10px 1px rgba(82, 63, 104, 0.042), 0px 3px 14px 2px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(82, 63, 104, 0.06), 0px 9px 12px 1px rgba(82, 63, 104, 0.042), 0px 3px 16px 2px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(82, 63, 104, 0.06), 0px 10px 14px 1px rgba(82, 63, 104, 0.042), 0px 4px 18px 3px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(82, 63, 104, 0.06), 0px 11px 15px 1px rgba(82, 63, 104, 0.042), 0px 4px 20px 3px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 13px 19px 2px rgba(82, 63, 104, 0.042), 0px 5px 24px 4px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(82, 63, 104, 0.06), 0px 14px 21px 2px rgba(82, 63, 104, 0.042), 0px 5px 26px 4px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(82, 63, 104, 0.06), 0px 15px 22px 2px rgba(82, 63, 104, 0.042), 0px 6px 28px 5px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(82, 63, 104, 0.06), 0px 17px 26px 2px rgba(82, 63, 104, 0.042), 0px 6px 32px 5px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(82, 63, 104, 0.06), 0px 18px 28px 2px rgba(82, 63, 104, 0.042), 0px 7px 34px 6px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(82, 63, 104, 0.06), 0px 19px 29px 2px rgba(82, 63, 104, 0.042), 0px 7px 36px 6px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(82, 63, 104, 0.06), 0px 20px 31px 3px rgba(82, 63, 104, 0.042), 0px 8px 38px 7px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(82, 63, 104, 0.06), 0px 21px 33px 3px rgba(82, 63, 104, 0.042), 0px 8px 40px 7px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(82, 63, 104, 0.06), 0px 22px 35px 3px rgba(82, 63, 104, 0.042), 0px 8px 42px 7px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(82, 63, 104, 0.06), 0px 23px 36px 3px rgba(82, 63, 104, 0.042), 0px 9px 44px 8px rgba(82, 63, 104, 0.036);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(82, 63, 104, 0.06), 0px 24px 38px 3px rgba(82, 63, 104, 0.042), 0px 9px 46px 8px rgba(82, 63, 104, 0.036);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: black;
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: black;
}
.mat-badge-content {
  color: rgba(var(--color-primary-contrast), 1);
  background: rgba(var(--color-primary), 1);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-badge-warn .mat-badge-content {
  color: rgba(var(--color-warn-contrast), 1);
  background: rgba(var(--color-warn), 1);
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  background: white;
  color: black;
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: rgba(var(--color-primary), 1);
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(var(--color-primary), 1);
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(var(--color-accent), 1);
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(var(--color-warn), 1);
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(82, 63, 105, 0.06);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: black;
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: rgba(var(--color-primary), 1);
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: rgba(var(--color-accent), 1);
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: rgba(var(--color-warn), 1);
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(82, 63, 104, 0.06), 0px 0px 0px 0px rgba(82, 63, 104, 0.042), 0px 0px 0px 0px rgba(82, 63, 104, 0.036);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(82, 63, 104, 0.06), 0px 2px 2px 0px rgba(82, 63, 104, 0.042), 0px 1px 5px 0px rgba(82, 63, 104, 0.036);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(82, 63, 104, 0.06), 0px 8px 10px 1px rgba(82, 63, 104, 0.042), 0px 3px 14px 2px rgba(82, 63, 104, 0.036);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(82, 63, 104, 0.06), 0px 0px 0px 0px rgba(82, 63, 104, 0.042), 0px 0px 0px 0px rgba(82, 63, 104, 0.036);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 6px 10px 0px rgba(82, 63, 104, 0.042), 0px 1px 18px 0px rgba(82, 63, 104, 0.036);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(82, 63, 104, 0.06), 0px 0px 0px 0px rgba(82, 63, 104, 0.042), 0px 0px 0px 0px rgba(82, 63, 104, 0.036);
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(82, 63, 104, 0.06), 0px 2px 2px 0px rgba(82, 63, 104, 0.042), 0px 1px 5px 0px rgba(82, 63, 104, 0.036);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: black;
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(82, 63, 105, 0.06);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: black;
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(82, 63, 105, 0.06);
}
.mat-card {
  background: white;
  color: black;
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(82, 63, 104, 0.06), 0px 1px 1px 0px rgba(82, 63, 104, 0.042), 0px 1px 3px 0px rgba(82, 63, 104, 0.036);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(82, 63, 104, 0.06), 0px 0px 0px 0px rgba(82, 63, 104, 0.042), 0px 0px 0px 0px rgba(82, 63, 104, 0.036);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgba(var(--color-primary), 1);
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgba(var(--color-accent), 1);
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgba(var(--color-warn), 1);
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: rgba(var(--color-primary), 1);
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: rgba(var(--color-accent), 1);
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: rgba(var(--color-warn), 1);
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: black;
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: black;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(82, 63, 104, 0.06), 0px 3px 4px 0px rgba(82, 63, 104, 0.042), 0px 1px 8px 0px rgba(82, 63, 104, 0.036);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.1);
  opacity: 0.1;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.1);
  opacity: 0.1;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.1);
  opacity: 0.1;
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(82, 63, 105, 0.06);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: black;
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(82, 63, 105, 0.06);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: black;
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-calendar-body-in-preview {
  color: rgba(82, 63, 105, 0.12);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(var(--color-primary), 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-primary), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-primary), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-primary-contrast), 1);
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
  background-color: white;
  color: black;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(var(--color-accent), 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-accent), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-accent), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-accent-contrast), 1);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(var(--color-warn), 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(var(--color-warn), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(var(--color-warn), 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(var(--color-warn-contrast), 1);
}
.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(82, 63, 104, 0.06), 0px 0px 0px 0px rgba(82, 63, 104, 0.042), 0px 0px 0px 0px rgba(82, 63, 104, 0.036);
}
.mat-datepicker-toggle-active {
  color: rgba(var(--color-primary), 1);
}
.mat-datepicker-toggle-active.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.mat-datepicker-toggle-active.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(82, 63, 104, 0.06), 0px 24px 38px 3px rgba(82, 63, 104, 0.042), 0px 9px 46px 8px rgba(82, 63, 104, 0.036);
  background: white;
  color: black;
}
.mat-divider {
  border-top-color: rgba(82, 63, 105, 0.06);
}
.mat-divider-vertical {
  border-right-color: rgba(82, 63, 105, 0.06);
}
.mat-expansion-panel {
  background: white;
  color: black;
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(82, 63, 104, 0.06), 0px 2px 2px 0px rgba(82, 63, 104, 0.042), 0px 1px 5px 0px rgba(82, 63, 104, 0.036);
}
.mat-action-row {
  border-top-color: rgba(82, 63, 105, 0.06);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: black;
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: rgba(var(--color-primary), 1);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.mat-focused .mat-form-field-required-marker {
  color: rgba(var(--color-accent), 1);
}
.mat-form-field-ripple {
  background-color: rgba(82, 63, 105, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: rgba(var(--color-primary), 1);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: rgba(var(--color-accent), 1);
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: rgba(var(--color-warn), 1);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: rgba(var(--color-primary), 1);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: rgba(var(--color-accent), 1);
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: rgba(var(--color-warn), 1);
}
.mat-error {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(82, 63, 105, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(82, 63, 105, 0.42) 0%, rgba(82, 63, 105, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(82, 63, 105, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(82, 63, 105, 0.42) 0%, rgba(82, 63, 105, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(82, 63, 105, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(82, 63, 105, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(82, 63, 105, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: rgba(var(--color-primary), 1);
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: rgba(var(--color-accent), 1);
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(82, 63, 105, 0.06);
}
.mat-icon.mat-primary {
  color: rgba(var(--color-primary), 1);
}
.mat-icon.mat-accent {
  color: rgba(var(--color-accent), 1);
}
.mat-icon.mat-warn {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: rgba(var(--color-primary), 1);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: rgba(var(--color-accent), 1);
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: rgba(var(--color-warn), 1);
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: rgba(var(--color-warn), 1);
}
.mat-list-base .mat-list-item {
  color: black;
}
.mat-list-base .mat-list-option {
  color: black;
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eeeeee;
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
}
.mat-menu-item {
  background: transparent;
  color: black;
}
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-progress-bar-background {
  fill: rgba(var(--color-primary), 0.1);
}
.mat-progress-bar-buffer {
  background-color: rgba(var(--color-primary), 0.1);
}
.mat-progress-bar-fill::after {
  background-color: rgba(var(--color-primary), 1);
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: rgba(var(--color-accent), 0.1);
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: rgba(var(--color-accent), 0.1);
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: rgba(var(--color-accent), 1);
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: rgba(var(--color-warn), 0.1);
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: rgba(var(--color-warn), 0.1);
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: rgba(var(--color-warn), 1);
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: rgba(var(--color-primary), 1);
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: rgba(var(--color-accent), 1);
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: rgba(var(--color-warn), 1);
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-primary), 1);
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-primary), 1);
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-accent), 1);
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-accent), 1);
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(var(--color-warn), 1);
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: rgba(var(--color-warn), 1);
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: black;
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(var(--color-primary), 1);
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: rgba(var(--color-accent), 1);
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: rgba(var(--color-warn), 1);
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: black;
}
.mat-drawer {
  background-color: white;
  color: black;
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
}
.mat-drawer-side {
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-accent), 1);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-accent), 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-accent), 1);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-primary), 1);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-primary), 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-primary), 1);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(var(--color-warn), 1);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(var(--color-warn), 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(var(--color-warn), 1);
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(82, 63, 104, 0.06), 0px 1px 1px 0px rgba(82, 63, 104, 0.042), 0px 1px 3px 0px rgba(82, 63, 104, 0.036);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: rgba(var(--color-primary), 1);
}
.mat-primary .mat-slider-thumb-label-text {
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-primary .mat-slider-focus-ring {
  background-color: rgba(var(--color-primary), 0.2);
  opacity: 0.2;
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: rgba(var(--color-accent), 1);
}
.mat-accent .mat-slider-thumb-label-text {
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-accent .mat-slider-focus-ring {
  background-color: rgba(var(--color-accent), 0.2);
  opacity: 0.2;
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: rgba(var(--color-warn), 1);
}
.mat-warn .mat-slider-thumb-label-text {
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-warn .mat-slider-focus-ring {
  background-color: rgba(var(--color-warn), 0.2);
  opacity: 0.2;
}
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: rgba(var(--color-warn), 1);
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: black;
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: rgba(var(--color-warn), 1);
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(82, 63, 105, 0.06);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(82, 63, 105, 0.06);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(82, 63, 105, 0.06);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(82, 63, 105, 0.06);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: black;
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: black;
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-primary), 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: rgba(var(--color-primary), 1);
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: rgba(var(--color-primary-contrast), 1);
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-accent), 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: rgba(var(--color-accent), 1);
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: rgba(var(--color-accent-contrast), 1);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-warn), 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: rgba(var(--color-warn), 1);
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: rgba(var(--color-warn-contrast), 1);
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-primary), 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: rgba(var(--color-primary), 1);
}
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-primary-contrast), 0.4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-primary-contrast), 1);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-primary-contrast), 0.4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(var(--color-primary-contrast), 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-accent), 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: rgba(var(--color-accent), 1);
}
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-accent-contrast), 0.4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-accent-contrast), 1);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-accent-contrast), 0.4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(var(--color-accent-contrast), 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(var(--color-warn), 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: rgba(var(--color-warn), 1);
}
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(var(--color-warn-contrast), 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-warn-contrast), 1);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(var(--color-warn-contrast), 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(var(--color-warn-contrast), 0.12);
}
.mat-toolbar {
  background: #ebebee;
  color: black;
}
.mat-toolbar.mat-primary {
  background: rgba(var(--color-primary), 1);
  color: rgba(var(--color-primary-contrast), 1);
}
.mat-toolbar.mat-accent {
  background: rgba(var(--color-accent), 1);
  color: rgba(var(--color-accent-contrast), 1);
}
.mat-toolbar.mat-warn {
  background: rgba(var(--color-warn), 1);
  color: rgba(var(--color-warn-contrast), 1);
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: black;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 6px 10px 0px rgba(82, 63, 104, 0.042), 0px 1px 18px 0px rgba(82, 63, 104, 0.036);
}
.mat-simple-snackbar-action {
  color: rgba(var(--color-accent), 1);
}
.horizontal-layout {
  --navigation-height: 0px;
  --toolbar-width: 100%;
}
@media (min-width: 1280px) {
  .horizontal-layout {
    --toolbar-width: calc(100% - var(--sidenav-width));
  }

  .horizontal-layout.sidenav-collapsed {
    --toolbar-width: calc(100% - var(--sidenav-collapsed-width));
  }
}
.horizontal-layout .sidenav-container {
  /* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
     causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
  flex: 1;
}
.horizontal-layout.has-fixed-footer.scroll-disabled .content {
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}
@media (min-width: 1280px) {
  body:not([dir=rtl]) .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-left: var(--sidenav-collapsed-width) !important;
    margin-right: 0 !important;
  }

  body:not([dir=rtl]) .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-left: var(--sidenav-width) !important;
    margin-right: 0 !important;
  }

  [dir=rtl] .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-right: var(--sidenav-collapsed-width) !important;
    margin-left: 0 !important;
  }

  [dir=rtl] .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-right: var(--sidenav-width) !important;
    margin-left: 0 !important;
  }
}
.vertical-layout {
  --toolbar-width: 100%;
}
.vertical-layout vex-secondary-toolbar .h-14 {
  display: none;
}
.vertical-layout vex-secondary-toolbar .fixed {
  background: none;
  border-top: none;
  box-shadow: none;
  margin-bottom: calc(var(--padding-16) * -1);
  padding-top: var(--padding-12);
  position: relative;
  top: 0;
}
.vertical-layout.content-container > .sidenav-container > .sidenav-content > .content {
  margin-left: auto;
  margin-right: auto;
}
.vertical-layout.has-fixed-footer.scroll-disabled .content {
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}
@media print {
  html, body {
    height: auto !important;
    overflow: initial !important;
  }

  .vex-toolbar, .sidenav {
    display: none !important;
  }

  .content {
    margin-top: 0 !important;
  }

  .mat-drawer-container {
    overflow: visible !important;
  }

  .mat-drawer-side {
    border-right: none !important;
  }

  .sidenav-content {
    margin-left: 0 !important;
    background-color: var(--background-card);
  }

  .vex-footer {
    display: none !important;
  }

  .config-panel-toggle {
    display: none !important;
  }
}
/*
  InterDynamicTracking takes the font size in points
  or pixels and returns the compensating tracking in EM.
  function InterDynamicTracking(fontSize) {
    const a = -0.0223
    const b = 0.185
    const c = -0.1745;
    // tracking = a + b * e ^ (c * fontSize)
    return a + b * Math.pow(Math.E, c * fontSize)
  }
*/
.display-4 {
  font: 300 112px/112px var(--font);
  letter-spacing: -0.05em;
}
.display-3 {
  font: 400 56px/56px var(--font);
  letter-spacing: -0.02em;
}
.display-2 {
  font: 400 45px/48px var(--font);
  letter-spacing: -0.005em;
}
.display-1, h1 {
  font: 400 30px/40px var(--font);
  letter-spacing: normal;
}
.headline, h2 {
  font: 400 24px/32px var(--font);
  letter-spacing: -0.019em;
}
.title, h3 {
  font: 500 18px/26px var(--font);
  letter-spacing: -0.014em;
}
.subheading-2, h4 {
  font: 400 16px/28px var(--font);
  letter-spacing: -0.011em;
}
.subheading-1, h5 {
  font: 400 15px/24px var(--font);
  letter-spacing: -0.009em;
}
.body-2, h6 {
  font: 500 14px/24px var(--font);
  letter-spacing: -0.006em;
}
.body-1, p {
  font: 400 14px/20px var(--font);
  letter-spacing: -0.006em;
}
.caption {
  font: 400 12px/20px var(--font);
  letter-spacing: 0;
}
.text-xs {
  letter-spacing: 0;
}
.text-sm {
  letter-spacing: -0.009em;
}
.text-base {
  letter-spacing: -0.011em;
}
.text-lg {
  letter-spacing: -0.014em;
}
.text-2xl {
  letter-spacing: -0.019em;
}
.text-3xl {
  letter-spacing: -0.021em;
}
.mat-icon,
.mat-icon-button .mat-icon {
  font-size: var(--default-icon-size);
  height: unset;
  width: unset;
}
.ic-inline > svg {
  display: inline-block;
}
ic-icon:not(.ic-inline) > svg,
.iconify:not(.ic-inline) > svg {
  margin: 0 auto;
  vertical-align: middle;
}
.vex-scrollblock {
  position: fixed;
  width: 100%;
}
body.is-blink ::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  height: var(--blink-scrollbar-width);
  width: var(--blink-scrollbar-width);
}
body.is-blink ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
body.is-blink ::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: var(--blink-scrollbar-width);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.37);
}
body.is-blink ::-webkit-scrollbar-thumb:active {
  border-radius: var(--blink-scrollbar-width);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.54);
}
.mat-icon-button .mat-button-wrapper > *,
.mat-menu-item .mat-icon,
.mat-button .mat-icon {
  vertical-align: middle !important;
}
.mat-form-field-suffix .mat-icon-button .mat-icon, .mat-form-field-prefix .mat-icon-button .mat-icon {
  font-size: inherit;
}
.mat-table mat-row,
.mat-table mat-header-row,
.mat-table mat-footer-row,
.mat-table th.mat-header-cell,
.mat-table td.mat-cell,
.mat-table td.mat-footer-cell {
  border-bottom-color: var(--foreground-divider);
}
.mat-form-field {
  margin-bottom: 4px;
}
.mat-primary.mat-form-field .mat-form-field-prefix,
.mat-primary.mat-form-field .mat-form-field-suffix {
  transition: var(--trans-ease-out);
}
.mat-primary.mat-form-field.mat-focused .mat-form-field-prefix, .mat-primary.mat-form-field.mat-focused .mat-form-field-suffix {
  color: #752db5;
}
.mat-form-field.mat-form-field-invalid.mat-focused .mat-form-field-prefix, .mat-form-field.mat-form-field-invalid.mat-focused .mat-form-field-suffix {
  --text-opacity: 1;
  color: #f44336;
  color: rgba(244, 67, 54, var(--text-opacity));
}
.mat-table .mat-cell,
.mat-table .mat-header-cell {
  box-sizing: content-box;
  padding-left: var(--padding-12);
  padding-right: var(--padding-12);
  white-space: nowrap;
}
.mat-paginator-page-size-select.mat-form-field .mat-form-field-flex {
  padding-top: 0;
}
.mat-menu-item ic-icon {
  -webkit-margin-end: var(--padding-16);
          margin-inline-end: var(--padding-16);
  vertical-align: middle;
}
.mat-menu-item ic-icon > svg {
  vertical-align: middle;
}
.mat-select-panel {
  letter-spacing: -0.011em;
}
.mat-drawer-side {
  border: 0;
}
textarea.mat-input-element {
  line-height: 1.5;
}
.vex-flex-form-field .mat-form-field-infix {
  width: 50px;
}
.vex-dense-form-field {
  margin-bottom: -1.34375em;
}
.vex-dense-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  padding-top: 4px;
}
.vex-tabs .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}
.vex-tabs .mat-tab-link.mat-tab-label-active {
  opacity: 1;
}
.vex-tabs-dense .mat-tab-label {
  min-width: 0;
}
.uppercase > * > .mat-sort-header-button {
  text-transform: uppercase;
}
.mat-card-image {
  max-width: none;
}
/*
.mat-button-focus-overlay {
  background: rgba(var(--palette-foreground-base), 1);
}
.mat-checkbox .mat-ripple-element {
  background-color: rgb(var(--palette-foreground-base));
}
.mat-option.mat-option-disabled {
  color: rgba(var(--palette-foreground-hint-text), 0.38);
}
*/
.apexcharts-legend-text {
  margin-left: 4px;
  top: -1px;
}
body .apexcharts-tooltip.light {
  background: var(--background-card);
}
.vex-layout-ares {
  --footer-background: var(--background-base);
  --sidenav-background: var(--background-base);
  --toolbar-background: var(--background-base);
  --sidenav-color: var(--text-color);
  --sidenav-item-background-active: var(--background-card);
  --sidenav-item-color: var(--text-color);
  --sidenav-item-color-active: var(--text-color);
  --sidenav-item-dropdown-background: var(--background-base);
  --sidenav-item-dropdown-background-hover: var(--background-hover);
  --secondary-toolbar-background: var(--background-base);
  --sidenav-toolbar-background: var(--background-base);
  --secondary-toolbar-height: 64px;
}
.vex-layout-ares .sidenav {
  border: none;
}
.vex-layout-ares .sidenav vex-sidenav-item .item {
  width: unset;
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
}
.vex-layout-ares .sidenav vex-sidenav-item .item.active {
  box-shadow: var(--elevation-z6);
}
.vex-layout-ares .sidenav vex-sidenav-item .item-level-0 > .item {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .item.active {
  box-shadow: none;
  font-weight: 500;
}
.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .item.active .item-label {
  color: var(--text-color);
}
.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .item:hover .item-label {
  color: var(--text-color);
}
.vex-layout-ares .sidenav-collapsed .sidenav vex-sidenav-item .item {
  margin-left: 0;
  margin-right: 0;
}
.vex-layout-ares vex-secondary-toolbar {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  overflow: hidden;
}
.vex-layout-ares vex-secondary-toolbar .secondary-toolbar {
  box-shadow: none;
  border-top-width: 0;
  margin-bottom: calc(var(--padding-gutter) * -1);
}
.vex-layout-ares vex-footer {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  overflow: hidden;
}
.vex-layout-ares .vex-page-layout-header {
  background: var(--background-base);
  color: var(--text-color);
}
.vex-layout-ares .vex-page-layout-header vex-breadcrumbs .text-hint {
  color: var(--text-hint) !important;
}
.vex-layout-ares.vex-style-default {
  --sidenav-item-background-active: rgb(var(--color-primary));
  --sidenav-item-color-active: rgb(var(--color-primary-contrast));
  --sidenav-item-dropdown-color-hover: var(--text-color);
  --sidenav-item-icon-color-active: rgb(var(--color-primary-contrast));
}
.vex-layout-hermes {
  --toolbar-height: 100px;
  --secondary-toolbar-background: var(--background-base);
  --secondary-toolbar-height: 64px;
}
.vex-layout-hermes.vex-style-light {
  --toolbar-background: var(--background-base);
}
.vex-layout-hermes.vex-style-default {
  --navigation-background: #1a202e;
  --toolbar-background: #232b3e;
  --navigation-color: white;
  --toolbar-color: white;
}
.vex-layout-hermes.vex-style-dark {
  --toolbar-background: var(--background-base);
}
@media (min-width: 1280px) {
  .vex-layout-hermes .sidenav {
    display: none;
  }
}
.vex-layout-hermes vex-secondary-toolbar .secondary-toolbar {
  box-shadow: none;
  margin-bottom: calc(var(--padding-gutter) * -1);
  border-top-width: 0;
}
.vex-layout-ikaros {
  --navigation-height: 0px;
}
.vex-layout-ikaros.vex-style-default {
  --toolbar-background: #1a202e;
  --navigation-color: white;
  --toolbar-color: white;
}
/* You can add global styles to this file, and also import other style files */
html {
  box-sizing: border-box;
  font-size: 16px;
  height: 100%;
}
body {
  height: 100%;
  font: 400 14px/20px var(--font);
  letter-spacing: -0.006em;
  color: var(--text-color);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern";
}
div {
  box-sizing: border-box;
}
.text-green {
  color: #00d5a2 !important;
}
.text-primary {
  color: #752db5 !important;
}
.bg-green {
  background-color: #00d5a2 !important;
}
.bg-cyan {
  background-color: #2c84ff !important;
}
.bg-warn {
  background-color: #ff6602 !important;
}
.xxs-m-t {
  margin-top: 0.5rem;
}
.xs-m-t {
  margin-top: 2rem;
}
.sm-m-t {
  margin-top: 3rem;
}
.md-m-t {
  margin-top: 4rem;
}
.lg-m-t {
  margin-top: 4rem;
}
.xs-p-b {
  padding-bottom: 2rem;
}
.sm-p-b {
  padding-bottom: 3rem;
}
.md-p-b {
  padding-bottom: 4rem;
}
.lg-p-b {
  padding-bottom: 4rem;
}
.label {
  color: #8c8cb3;
}
.mobile-notch {
  padding-top: env(safe-area-inset-top);
}
.mobile-notch-margin {
  margin-top: env(safe-area-inset-top);
}
.fx-break {
  flex-basis: 100%;
  height: 0;
}
.clickable:hover {
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  filter: brightness(90%);
}
.clickable {
  background-color: rgba(0, 0, 0, 0);
  padding: 5px 10px 5px 10px;
  border-radius: 20px;
}
.clickable-flat:hover {
  cursor: pointer;
  filter: brightness(80%);
}
.clickable-card:hover {
  cursor: pointer;
  filter: brightness(90%);
}
.vex-style-dark .mat-drawer-side {
  border-right: none;
}
.transparent-bg {
  background: transparent;
}
a:link {
  text-decoration: underline;
  color: #fffff3;
}
a:active {
  text-decoration: underline;
  color: #cccccc;
}
a:hover {
  color: #cccccc;
  text-decoration: underline;
}
a:visited {
  text-decoration: underline;
  color: #cccccc;
}
.app-background {
  background-color: #152030 !important;
}
.hide-overflow-x {
  overflow-x: hidden;
}
.no-border-radius {
  border-radius: 0px !important;
}
label {
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 2.5rem;
  font-family: Heebo, sans-serif;
  letter-spacing: 0px;
  color: #8c8cb3;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.background-color-divider {
  border-top-color: #152030;
  border-top-width: 0.15rem;
  margin-left: 3rem;
}
.normal-lh {
  line-height: normal !important;
}
.purple-text {
  color: #974aff;
}
.bold {
  font-weight: bold;
}
.login-logo {
  width: 240px;
}
.login-bg {
  min-height: 100vh;
}
.icon-text {
  display: flex;
  align-items: center;
}
.text-with-line-break {
  white-space: pre-wrap;
}
.link:hover {
  text-decoration: underline;
}
.mat-step-icon .mat-icon {
  height: auto !important;
}
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #343d4f inset !important;
  font-family: Heebo, sans-serif, serif !important;
  font-size: 14px;
  -webkit-text-fill-color: white !important;
}
.purple-tooltip {
  background-color: #8c8cb3;
  color: white;
}
.mat-list-base .mat-list-item .mat-list-item-content {
  padding: 0px 5px !important;
}
.text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*
 * Dark mode styles
 */
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}
.mat-stroked-button .dialog-submit-button {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.mat-mini-fab .mat-button-wrapper {
  line-height: 23px !important;
}
.rounded-button {
  border-radius: 20px !important;
}
.rounded-text-button {
  border-radius: 20px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.purple-outline:enabled {
  border-color: #974aff !important;
}
.cancel-button {
  color: #8c8cb3 !important;
}
.mat-stroked-button {
  border-radius: 20px;
  border-color: #8c8cb3;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.spinner:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  border-top-color: #8c8cb3;
  animation: spinner 1s linear infinite;
  font-size: 0px;
}
.spinner > .mat-button-wrapper {
  color: rgba(0, 0, 0, 0) !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 1rem;
  color: #8c8cb3;
}
.hide-label.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: none;
  width: initial;
  opacity: 0;
}
.hide-label.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top-color: initial;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: #8c8cb3 !important;
  border-radius: 20px;
}
.mat-form-field-outline-start, .mat-form-field-outline-end {
  border-radius: 20px;
}
.date-input {
  width: 95% !important;
}
.date-input.margin {
  margin-left: 1rem;
}
.mat-form-field {
  font-family: Heebo, sans-serif !important;
}
.mat-checkbox-layout {
  white-space: normal !important;
}
.mat-card {
  background-color: #1d273b !important;
  border-radius: 10px;
}
.mat-dialog-container {
  background-color: #1d273b !important;
  border-radius: 10px;
}
.full-screen-modal {
  max-width: none !important;
}
.full-screen-modal > .mat-dialog-container {
  background-color: #152030 !important;
  padding: 0 !important;
}
.side-section-secondary-info {
  font-weight: normal;
  font-size: 0.8rem;
  font-family: Heebo, sans-serif;
  letter-spacing: 0px;
  color: #fffff3;
  text-align: left;
  opacity: 1;
}
.side-main-info {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
  font-family: Heebo, sans-serif;
  letter-spacing: 0px;
  color: #fffff3;
  text-align: left;
  opacity: 1;
}
.side-section-title {
  margin-top: 1rem;
  margin-bottom: 0.6rem;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 0.8rem;
  font-family: Heebo, sans-serif;
  letter-spacing: 0px;
  color: #8c8cb3;
  text-align: left;
  opacity: 1;
}
.side-section-title-icon {
  margin-top: 0.8rem;
  font-size: 0.8rem;
  color: #8c8cb3;
}
.side-section-info {
  font-weight: normal;
  font-family: Heebo, sans-serif;
  letter-spacing: 0px;
  line-height: 1.1rem;
  color: #fffff3;
  text-align: left;
  opacity: 1;
}
.side-main-info .email {
  font-size: 0.8rem;
}
@media only screen and (min-width: 768px) {
  .page-side-section {
    padding-left: 15px;
  }
}
/*
  You can override any CSS Variable or style here
  Example:

  :root {
   --sidenav-background: #333333;
  }

  All possible variables can be found in @vex/styles/core or by simply inspecting the element you want to change
  in Chrome/Firefox DevTools
*/
/**
Uncomment the below code and adjust the values to fit your colors, the application will automatically adjust
--color-primary: #974AFF;
--color-primary-contrast: white;
 */
:root {
  --color-primary: 152, 74, 255;
  --color-primary-contrast: 255, 255, 255;
  --color-accent: 140, 140, 179;
  --color-accent-contrast: 255, 255, 255;
  --cropper-outline-color: rgba(26, 32, 46, 0.5);
  --cropper-overlay-color: rgba(26, 32, 46, 0.0);
  --color-warn: 255, 102, 2;
  --color-warn-contrast: 0, 0, 0;
}
/**
* Generated theme by Material Theme Generator
* https://materialtheme.arcsine.dev
*/
/* Colors for the ripple elements.*/
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Heebo, sans-serif;
  letter-spacing: 0em;
  margin: 0 0 16px;
}
.mat-h2, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Heebo, sans-serif;
  letter-spacing: 0.0075em;
  margin: 0 0 16px;
}
.mat-h3, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Heebo, sans-serif;
  letter-spacing: 0.0094em;
  margin: 0 0 16px;
}
.mat-h4, .mat-subheading-1, .mat-typography h4 {
  font: 500 15px/24px Heebo, sans-serif;
  letter-spacing: 0.0067em;
  margin: 0 0 16px;
}
.mat-h5, .mat-typography h5 {
  font: 400 calc(14px * 0.83)/20px Heebo, sans-serif;
  margin: 0 0 12px;
}
.mat-h6, .mat-typography h6 {
  font: 400 calc(14px * 0.67)/20px Heebo, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong, .mat-body-2 {
  font: 500 14px/24px Heebo, sans-serif;
  letter-spacing: 0.0179em;
}
.mat-body, .mat-body-1, .mat-typography {
  font: 400 14px/20px Heebo, sans-serif;
  letter-spacing: 0.0179em;
}
.mat-body p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}
.mat-small, .mat-caption {
  font: 400 12px/20px Heebo, sans-serif;
  letter-spacing: 0.0333em;
}
.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Heebo, sans-serif;
  letter-spacing: -0.0134em;
  margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Heebo, sans-serif;
  letter-spacing: -0.0089em;
  margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Heebo, sans-serif;
  letter-spacing: 0em;
  margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Heebo, sans-serif;
  letter-spacing: 0.0074em;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px Heebo, sans-serif;
  letter-spacing: 0.0179em;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px/32px Heebo, sans-serif;
  letter-spacing: 0.0075em;
}
.mat-expansion-panel-header {
  font-family: Heebo, sans-serif;
  font-size: 15px;
  font-weight: 500;
}
.mat-expansion-panel-content {
  font: 400 14px/20px Heebo, sans-serif;
  letter-spacing: 0.0179em;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Heebo, sans-serif;
  letter-spacing: 1.5px;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Heebo, sans-serif;
  font-size: 12px;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-label, .mat-tab-link {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Heebo, sans-serif;
  letter-spacing: 0.0075em;
  margin: 0;
}
.mat-tooltip {
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Heebo, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px Heebo, sans-serif;
  letter-spacing: 0.0179em;
}
.mat-simple-snackbar {
  font-family: Heebo, sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
  /*!*/
}
@keyframes cdk-text-field-autofill-end {
  /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
.mat-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator {
  position: relative;
}
body {
  --primary-color: #752db5;
  --primary-lighter-color: #d6c0e9;
  --primary-darker-color: #581c9d;
  --text-primary-color: #ffffff;
  --text-primary-lighter-color: rgba(0, 0, 0, 0.87);
  --text-primary-darker-color: #ffffff;
}
body {
  --accent-color: #2c84ff;
  --accent-lighter-color: #c0daff;
  --accent-darker-color: #1b67ff;
  --text-accent-color: #ffffff;
  --text-accent-lighter-color: rgba(0, 0, 0, 0.87);
  --text-accent-darker-color: #ffffff;
}
body {
  --warn-color: #ff6602;
  --warn-lighter-color: #ffd1b3;
  --warn-darker-color: #ff4901;
  --text-warn-color: rgba(0, 0, 0, 0.87);
  --text-warn-lighter-color: rgba(0, 0, 0, 0.87);
  --text-warn-darker-color: #ffffff;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(44, 44, 44, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(44, 44, 44, 0.04);
}
.mat-option.mat-active {
  background: rgba(44, 44, 44, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #752db5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #2c84ff;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff6602;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #752db5;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #2c84ff;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #ff6602;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.06), 0px 3px 4px 0px rgba(0, 0, 0, 0.042), 0px 1px 8px 0px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 5px 8px 0px rgba(0, 0, 0, 0.042), 0px 1px 14px 0px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.06), 0px 7px 10px 1px rgba(0, 0, 0, 0.042), 0px 2px 16px 1px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06), 0px 8px 10px 1px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.06), 0px 9px 12px 1px rgba(0, 0, 0, 0.042), 0px 3px 16px 2px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.06), 0px 10px 14px 1px rgba(0, 0, 0, 0.042), 0px 4px 18px 3px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.06), 0px 11px 15px 1px rgba(0, 0, 0, 0.042), 0px 4px 20px 3px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 12px 17px 2px rgba(0, 0, 0, 0.042), 0px 5px 22px 4px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 13px 19px 2px rgba(0, 0, 0, 0.042), 0px 5px 24px 4px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.06), 0px 14px 21px 2px rgba(0, 0, 0, 0.042), 0px 5px 26px 4px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.06), 0px 15px 22px 2px rgba(0, 0, 0, 0.042), 0px 6px 28px 5px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.06), 0px 17px 26px 2px rgba(0, 0, 0, 0.042), 0px 6px 32px 5px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.06), 0px 18px 28px 2px rgba(0, 0, 0, 0.042), 0px 7px 34px 6px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.06), 0px 19px 29px 2px rgba(0, 0, 0, 0.042), 0px 7px 36px 6px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.06), 0px 20px 31px 3px rgba(0, 0, 0, 0.042), 0px 8px 38px 7px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.06), 0px 21px 33px 3px rgba(0, 0, 0, 0.042), 0px 8px 40px 7px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.06), 0px 22px 35px 3px rgba(0, 0, 0, 0.042), 0px 8px 42px 7px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.06), 0px 23px 36px 3px rgba(0, 0, 0, 0.042), 0px 9px 44px 8px rgba(0, 0, 0, 0.036);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.06), 0px 24px 38px 3px rgba(0, 0, 0, 0.042), 0px 9px 46px 8px rgba(0, 0, 0, 0.036);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: white;
  background: #752db5;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #2c84ff;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: rgba(0, 0, 0, 0.87);
  background: #ff6602;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #752db5;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #2c84ff;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #ff6602;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #752db5;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #2c84ff;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #ff6602;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: rgba(0, 0, 0, 0.87);
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #752db5;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #2c84ff;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #ff6602;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(44, 44, 44, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06), 0px 8px 10px 1px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 12px 17px 2px rgba(0, 0, 0, 0.042), 0px 5px 22px 4px rgba(0, 0, 0, 0.036);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
  background-color: #c7c7c7;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #e1e1e1;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #aeaeae;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #752db5;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #2c84ff;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #ff6602;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #752db5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #2c84ff;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #ff6602;
}
.mat-chip.mat-standard-chip {
  background-color: #e1e1e1;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.06), 0px 3px 4px 0px rgba(0, 0, 0, 0.042), 0px 1px 8px 0px rgba(0, 0, 0, 0.036);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #752db5;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #ff6602;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #2c84ff;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(44, 44, 44, 0.04);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(117, 45, 181, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(117, 45, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(117, 45, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #752db5;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(117, 45, 181, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(44, 132, 255, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(44, 132, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(44, 132, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #2c84ff;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(44, 132, 255, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(255, 102, 2, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 102, 2, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 102, 2, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #ff6602;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 102, 2, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.mat-datepicker-toggle-active {
  color: #752db5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #2c84ff;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #ff6602;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.06), 0px 24px 38px 3px rgba(0, 0, 0, 0.042), 0px 9px 46px 8px rgba(0, 0, 0, 0.036);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(44, 44, 44, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #752db5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #2c84ff;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #ff6602;
}
.mat-focused .mat-form-field-required-marker {
  color: #2c84ff;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #752db5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #2c84ff;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #ff6602;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #752db5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #2c84ff;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #ff6602;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #ff6602;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #ff6602;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #ff6602;
}
.mat-error {
  color: #ff6602;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #752db5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #2c84ff;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #ff6602;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #ff6602;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #752db5;
}
.mat-icon.mat-accent {
  color: #2c84ff;
}
.mat-icon.mat-warn {
  color: #ff6602;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #752db5;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #2c84ff;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #ff6602;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #ff6602;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #e1e1e1;
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(44, 44, 44, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(44, 44, 44, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled], .mat-menu-item[disabled]::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(44, 44, 44, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-progress-bar-background {
  fill: #d6c0e9;
}
.mat-progress-bar-buffer {
  background-color: #d6c0e9;
}
.mat-progress-bar-fill::after {
  background-color: #752db5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #c0daff;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #c0daff;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #2c84ff;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffd1b3;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffd1b3;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #ff6602;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #752db5;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #2c84ff;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #ff6602;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #752db5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #752db5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #2c84ff;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #2c84ff;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff6602;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #ff6602;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(44, 44, 44, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #752db5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #2c84ff;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #ff6602;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #ff6602;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #2c84ff;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(44, 132, 255, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #2c84ff;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #752db5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(117, 45, 181, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #752db5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff6602;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 102, 2, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #ff6602;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #752db5;
}
.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-primary .mat-slider-focus-ring {
  background-color: rgba(117, 45, 181, 0.2);
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #2c84ff;
}
.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-accent .mat-slider-focus-ring {
  background-color: rgba(44, 132, 255, 0.2);
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #ff6602;
}
.mat-warn .mat-slider-thumb-label-text {
  color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mat-slider-focus-ring {
  background-color: rgba(255, 102, 2, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
  background-color: rgba(44, 44, 44, 0.04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #752db5;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #ff6602;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #ff6602;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(214, 192, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #752db5;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(192, 218, 255, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #2c84ff;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 209, 179, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #ff6602;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(214, 192, 233, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: #752db5;
}
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(192, 218, 255, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: #2c84ff;
}
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: white;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 209, 179, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: #ff6602;
}
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-toolbar {
  background: #ededed;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #752db5;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #2c84ff;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #ff6602;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(95, 95, 95, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.mat-simple-snackbar-action {
  color: #2c84ff;
}
.theme-alternate .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-option {
  color: white;
}
.theme-alternate .mat-option:hover:not(.mat-option-disabled), .theme-alternate .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(250, 250, 250, 0.04);
}
.theme-alternate .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(250, 250, 250, 0.04);
}
.theme-alternate .mat-option.mat-active {
  background: rgba(250, 250, 250, 0.04);
  color: white;
}
.theme-alternate .mat-option.mat-option-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #752db5;
}
.theme-alternate .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #2c84ff;
}
.theme-alternate .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff6602;
}
.theme-alternate .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-pseudo-checkbox {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-pseudo-checkbox::after {
  color: #152030;
}
.theme-alternate .mat-pseudo-checkbox-disabled {
  color: #686868;
}
.theme-alternate .mat-primary .mat-pseudo-checkbox-checked,
.theme-alternate .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #752db5;
}
.theme-alternate .mat-pseudo-checkbox-checked,
.theme-alternate .mat-pseudo-checkbox-indeterminate,
.theme-alternate .mat-accent .mat-pseudo-checkbox-checked,
.theme-alternate .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #2c84ff;
}
.theme-alternate .mat-warn .mat-pseudo-checkbox-checked,
.theme-alternate .mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #ff6602;
}
.theme-alternate .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.theme-alternate .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #686868;
}
.theme-alternate .mat-app-background, .theme-alternate.mat-app-background {
  background-color: #152030;
  color: white;
}
.theme-alternate .mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.06), 0px 3px 4px 0px rgba(0, 0, 0, 0.042), 0px 1px 8px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 5px 8px 0px rgba(0, 0, 0, 0.042), 0px 1px 14px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.06), 0px 7px 10px 1px rgba(0, 0, 0, 0.042), 0px 2px 16px 1px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06), 0px 8px 10px 1px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.06), 0px 9px 12px 1px rgba(0, 0, 0, 0.042), 0px 3px 16px 2px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.06), 0px 10px 14px 1px rgba(0, 0, 0, 0.042), 0px 4px 18px 3px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.06), 0px 11px 15px 1px rgba(0, 0, 0, 0.042), 0px 4px 20px 3px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 12px 17px 2px rgba(0, 0, 0, 0.042), 0px 5px 22px 4px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 13px 19px 2px rgba(0, 0, 0, 0.042), 0px 5px 24px 4px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.06), 0px 14px 21px 2px rgba(0, 0, 0, 0.042), 0px 5px 26px 4px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.06), 0px 15px 22px 2px rgba(0, 0, 0, 0.042), 0px 6px 28px 5px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.06), 0px 17px 26px 2px rgba(0, 0, 0, 0.042), 0px 6px 32px 5px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.06), 0px 18px 28px 2px rgba(0, 0, 0, 0.042), 0px 7px 34px 6px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.06), 0px 19px 29px 2px rgba(0, 0, 0, 0.042), 0px 7px 36px 6px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.06), 0px 20px 31px 3px rgba(0, 0, 0, 0.042), 0px 8px 38px 7px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.06), 0px 21px 33px 3px rgba(0, 0, 0, 0.042), 0px 8px 40px 7px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.06), 0px 22px 35px 3px rgba(0, 0, 0, 0.042), 0px 8px 42px 7px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.06), 0px 23px 36px 3px rgba(0, 0, 0, 0.042), 0px 9px 44px 8px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.06), 0px 24px 38px 3px rgba(0, 0, 0, 0.042), 0px 9px 46px 8px rgba(0, 0, 0, 0.036);
}
.mat-theme-loaded-marker {
  display: none;
}
.theme-alternate .mat-autocomplete-panel {
  background: #1d273b;
  color: white;
}
.theme-alternate .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #1d273b;
}
.theme-alternate .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: white;
}
.theme-alternate .mat-badge-content {
  color: white;
  background: #752db5;
}
.cdk-high-contrast-active .theme-alternate .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.theme-alternate .mat-badge-accent .mat-badge-content {
  background: #2c84ff;
  color: white;
}
.theme-alternate .mat-badge-warn .mat-badge-content {
  color: rgba(0, 0, 0, 0.87);
  background: #ff6602;
}
.theme-alternate .mat-badge {
  position: relative;
}
.theme-alternate .mat-badge-hidden .mat-badge-content {
  display: none;
}
.theme-alternate .mat-badge-disabled .mat-badge-content {
  background: #5b636e;
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.theme-alternate .ng-animate-disabled .mat-badge-content,
.theme-alternate .mat-badge-content._mat-animation-noopable {
  transition: none;
}
.theme-alternate .mat-badge-content.mat-badge-active {
  transform: none;
}
.theme-alternate .mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.theme-alternate .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.theme-alternate .mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.theme-alternate .mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.theme-alternate .mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .theme-alternate .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.theme-alternate .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.theme-alternate .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.theme-alternate .mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.theme-alternate .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.theme-alternate .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .theme-alternate .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.theme-alternate .mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.theme-alternate .mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.theme-alternate .mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.theme-alternate .mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.theme-alternate .mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .theme-alternate .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.theme-alternate .mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
  background: #1d2c42;
  color: white;
}
.theme-alternate .mat-button, .theme-alternate .mat-icon-button, .theme-alternate .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.theme-alternate .mat-button.mat-primary, .theme-alternate .mat-icon-button.mat-primary, .theme-alternate .mat-stroked-button.mat-primary {
  color: #752db5;
}
.theme-alternate .mat-button.mat-accent, .theme-alternate .mat-icon-button.mat-accent, .theme-alternate .mat-stroked-button.mat-accent {
  color: #2c84ff;
}
.theme-alternate .mat-button.mat-warn, .theme-alternate .mat-icon-button.mat-warn, .theme-alternate .mat-stroked-button.mat-warn {
  color: #ff6602;
}
.theme-alternate .mat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-icon-button.mat-primary.mat-button-disabled, .theme-alternate .mat-icon-button.mat-accent.mat-button-disabled, .theme-alternate .mat-icon-button.mat-warn.mat-button-disabled, .theme-alternate .mat-icon-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-primary.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-accent.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-warn.mat-button-disabled, .theme-alternate .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-button.mat-primary .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-primary .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #752db5;
}
.theme-alternate .mat-button.mat-accent .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-accent .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #2c84ff;
}
.theme-alternate .mat-button.mat-warn .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-warn .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #ff6602;
}
.theme-alternate .mat-button.mat-button-disabled .mat-button-focus-overlay, .theme-alternate .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .theme-alternate .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.theme-alternate .mat-button .mat-ripple-element, .theme-alternate .mat-icon-button .mat-ripple-element, .theme-alternate .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.theme-alternate .mat-button-focus-overlay {
  background: #ffffff;
}
.theme-alternate .mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-flat-button, .theme-alternate .mat-raised-button, .theme-alternate .mat-fab, .theme-alternate .mat-mini-fab {
  color: white;
  background-color: #1d2c42;
}
.theme-alternate .mat-flat-button.mat-primary, .theme-alternate .mat-raised-button.mat-primary, .theme-alternate .mat-fab.mat-primary, .theme-alternate .mat-mini-fab.mat-primary {
  color: white;
}
.theme-alternate .mat-flat-button.mat-accent, .theme-alternate .mat-raised-button.mat-accent, .theme-alternate .mat-fab.mat-accent, .theme-alternate .mat-mini-fab.mat-accent {
  color: white;
}
.theme-alternate .mat-flat-button.mat-warn, .theme-alternate .mat-raised-button.mat-warn, .theme-alternate .mat-fab.mat-warn, .theme-alternate .mat-mini-fab.mat-warn {
  color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-flat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-flat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-flat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-flat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-raised-button.mat-primary.mat-button-disabled, .theme-alternate .mat-raised-button.mat-accent.mat-button-disabled, .theme-alternate .mat-raised-button.mat-warn.mat-button-disabled, .theme-alternate .mat-raised-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-fab.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-flat-button.mat-primary, .theme-alternate .mat-raised-button.mat-primary, .theme-alternate .mat-fab.mat-primary, .theme-alternate .mat-mini-fab.mat-primary {
  background-color: #752db5;
}
.theme-alternate .mat-flat-button.mat-accent, .theme-alternate .mat-raised-button.mat-accent, .theme-alternate .mat-fab.mat-accent, .theme-alternate .mat-mini-fab.mat-accent {
  background-color: #2c84ff;
}
.theme-alternate .mat-flat-button.mat-warn, .theme-alternate .mat-raised-button.mat-warn, .theme-alternate .mat-fab.mat-warn, .theme-alternate .mat-mini-fab.mat-warn {
  background-color: #ff6602;
}
.theme-alternate .mat-flat-button.mat-primary.mat-button-disabled, .theme-alternate .mat-flat-button.mat-accent.mat-button-disabled, .theme-alternate .mat-flat-button.mat-warn.mat-button-disabled, .theme-alternate .mat-flat-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-raised-button.mat-primary.mat-button-disabled, .theme-alternate .mat-raised-button.mat-accent.mat-button-disabled, .theme-alternate .mat-raised-button.mat-warn.mat-button-disabled, .theme-alternate .mat-raised-button.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-fab.mat-button-disabled.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-primary.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-accent.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-warn.mat-button-disabled, .theme-alternate .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(250, 250, 250, 0.12);
}
.theme-alternate .mat-flat-button.mat-primary .mat-ripple-element, .theme-alternate .mat-raised-button.mat-primary .mat-ripple-element, .theme-alternate .mat-fab.mat-primary .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-flat-button.mat-accent .mat-ripple-element, .theme-alternate .mat-raised-button.mat-accent .mat-ripple-element, .theme-alternate .mat-fab.mat-accent .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-flat-button.mat-warn .mat-ripple-element, .theme-alternate .mat-raised-button.mat-warn .mat-ripple-element, .theme-alternate .mat-fab.mat-warn .mat-ripple-element, .theme-alternate .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-stroked-button:not([class*=mat-elevation-z]), .theme-alternate .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.06), 0px 8px 10px 1px rgba(0, 0, 0, 0.042), 0px 3px 14px 2px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-fab:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.06), 0px 12px 17px 2px rgba(0, 0, 0, 0.042), 0px 5px 22px 4px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .theme-alternate .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-button-toggle-standalone,
.theme-alternate .mat-button-toggle-group {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.theme-alternate .mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.theme-alternate .mat-button-toggle {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-button-toggle-appearance-standard {
  color: white;
  background: #1d273b;
}
.theme-alternate .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: white;
}
.theme-alternate .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
}
.theme-alternate [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-button-toggle-checked {
  background-color: #344f77;
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: white;
}
.theme-alternate .mat-button-toggle-disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: #253853;
}
.theme-alternate .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #1d273b;
}
.theme-alternate .mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #44679a;
}
.theme-alternate .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.theme-alternate .mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-card {
  background: #1d273b;
  color: white;
}
.theme-alternate .mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-card-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-checkbox-checkmark {
  fill: #152030;
}
.theme-alternate .mat-checkbox-checkmark-path {
  stroke: #152030 !important;
}
.theme-alternate .mat-checkbox-mixedmark {
  background-color: #152030;
}
.theme-alternate .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #752db5;
}
.theme-alternate .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #2c84ff;
}
.theme-alternate .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .theme-alternate .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #ff6602;
}
.theme-alternate .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .theme-alternate .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #686868;
}
.theme-alternate .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #686868;
}
.theme-alternate .mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-checkbox .mat-ripple-element {
  background-color: #ffffff;
}
.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #752db5;
}
.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #2c84ff;
}
.theme-alternate .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.theme-alternate .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #ff6602;
}
.theme-alternate .mat-chip.mat-standard-chip {
  background-color: #344f77;
  color: white;
}
.theme-alternate .mat-chip.mat-standard-chip .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.theme-alternate .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.06), 0px 3px 4px 0px rgba(0, 0, 0, 0.042), 0px 1px 8px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.theme-alternate .mat-chip.mat-standard-chip::after {
  background: #ffffff;
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #752db5;
  color: white;
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #ff6602;
  color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #2c84ff;
  color: white;
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.theme-alternate .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-table {
  background: #1d273b;
}
.theme-alternate .mat-table thead, .theme-alternate .mat-table tbody, .theme-alternate .mat-table tfoot,
.theme-alternate mat-header-row, .theme-alternate mat-row, .theme-alternate mat-footer-row,
.theme-alternate [mat-header-row], .theme-alternate [mat-row], .theme-alternate [mat-footer-row],
.theme-alternate .mat-table-sticky {
  background: inherit;
}
.theme-alternate mat-row, .theme-alternate mat-header-row, .theme-alternate mat-footer-row,
.theme-alternate th.mat-header-cell, .theme-alternate td.mat-cell, .theme-alternate td.mat-footer-cell {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-header-cell {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-cell, .theme-alternate .mat-footer-cell {
  color: white;
}
.theme-alternate .mat-calendar-arrow {
  border-top-color: white;
}
.theme-alternate .mat-datepicker-toggle,
.theme-alternate .mat-datepicker-content .mat-calendar-next-button,
.theme-alternate .mat-datepicker-content .mat-calendar-previous-button {
  color: white;
}
.theme-alternate .mat-calendar-table-header {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-calendar-table-header-divider::after {
  background: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-calendar-body-label {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-calendar-body-cell-content,
.theme-alternate .mat-date-range-input-separator {
  color: white;
  border-color: transparent;
}
.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.theme-alternate .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.theme-alternate .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(250, 250, 250, 0.04);
}
.theme-alternate .mat-calendar-body-in-preview {
  color: rgba(255, 255, 255, 0.24);
}
.theme-alternate .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-calendar-body-in-range::before {
  background: rgba(117, 45, 181, 0.2);
}
.theme-alternate .mat-calendar-body-comparison-identical,
.theme-alternate .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.theme-alternate .mat-calendar-body-comparison-bridge-start::before,
.theme-alternate [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(117, 45, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.theme-alternate .mat-calendar-body-comparison-bridge-end::before,
.theme-alternate [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(117, 45, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.theme-alternate .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.theme-alternate .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.theme-alternate .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.theme-alternate .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.theme-alternate .mat-calendar-body-selected {
  background-color: #752db5;
  color: white;
}
.theme-alternate .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(117, 45, 181, 0.4);
}
.theme-alternate .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.theme-alternate .mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
  background-color: #1d273b;
  color: white;
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(44, 132, 255, 0.2);
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.theme-alternate .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(44, 132, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.theme-alternate .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(44, 132, 255, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #2c84ff;
  color: white;
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(44, 132, 255, 0.4);
}
.theme-alternate .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(255, 102, 2, 0.2);
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.theme-alternate .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 102, 2, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.theme-alternate .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 102, 2, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #ff6602;
  color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 102, 2, 0.4);
}
.theme-alternate .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-datepicker-content-touch {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 0px rgba(0, 0, 0, 0.042), 0px 0px 0px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-datepicker-toggle-active {
  color: #752db5;
}
.theme-alternate .mat-datepicker-toggle-active.mat-accent {
  color: #2c84ff;
}
.theme-alternate .mat-datepicker-toggle-active.mat-warn {
  color: #ff6602;
}
.theme-alternate .mat-date-range-input-inner[disabled] {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.06), 0px 24px 38px 3px rgba(0, 0, 0, 0.042), 0px 9px 46px 8px rgba(0, 0, 0, 0.036);
  background: #1d2c42;
  color: white;
}
.theme-alternate .mat-divider {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-divider-vertical {
  border-right-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-expansion-panel {
  background: #1d273b;
  color: white;
}
.theme-alternate .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.042), 0px 1px 5px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-action-row {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .theme-alternate .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .theme-alternate .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(250, 250, 250, 0.04);
}
@media (hover: none) {
  .theme-alternate .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #1d273b;
  }
}
.theme-alternate .mat-expansion-panel-header-title {
  color: white;
}
.theme-alternate .mat-expansion-panel-header-description,
.theme-alternate .mat-expansion-indicator::after {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.theme-alternate .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.theme-alternate .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-form-field.mat-focused .mat-form-field-label {
  color: #752db5;
}
.theme-alternate .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #2c84ff;
}
.theme-alternate .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #ff6602;
}
.theme-alternate .mat-focused .mat-form-field-required-marker {
  color: #2c84ff;
}
.theme-alternate .mat-form-field-ripple {
  background-color: white;
}
.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #752db5;
}
.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #2c84ff;
}
.theme-alternate .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #ff6602;
}
.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #752db5;
}
.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #2c84ff;
}
.theme-alternate .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #ff6602;
}
.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #ff6602;
}
.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #ff6602;
}
.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.theme-alternate .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #ff6602;
}
.theme-alternate .mat-error {
  color: #ff6602;
}
.theme-alternate .mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-form-field-appearance-legacy .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.theme-alternate .mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.theme-alternate .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.1);
}
.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.05);
}
.theme-alternate .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.theme-alternate .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: white;
}
.theme-alternate .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #752db5;
}
.theme-alternate .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #2c84ff;
}
.theme-alternate .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #ff6602;
}
.theme-alternate .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #ff6602;
}
.theme-alternate .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.15);
}
.theme-alternate .mat-icon.mat-primary {
  color: #752db5;
}
.theme-alternate .mat-icon.mat-accent {
  color: #2c84ff;
}
.theme-alternate .mat-icon.mat-warn {
  color: #ff6602;
}
.theme-alternate .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-input-element:disabled,
.theme-alternate .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-input-element {
  caret-color: #752db5;
}
.theme-alternate .mat-input-element::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-input-element::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-input-element:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-input-element option {
  color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-input-element option:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.theme-alternate .mat-form-field.mat-accent .mat-input-element {
  caret-color: #2c84ff;
}
.theme-alternate .mat-form-field.mat-warn .mat-input-element,
.theme-alternate .mat-form-field-invalid .mat-input-element {
  caret-color: #ff6602;
}
.theme-alternate .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #ff6602;
}
.theme-alternate .mat-list-base .mat-list-item {
  color: white;
}
.theme-alternate .mat-list-base .mat-list-option {
  color: white;
}
.theme-alternate .mat-list-base .mat-subheader {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-list-item-disabled {
  background-color: #253853;
}
.theme-alternate .mat-list-option:hover, .theme-alternate .mat-list-option:focus,
.theme-alternate .mat-nav-list .mat-list-item:hover,
.theme-alternate .mat-nav-list .mat-list-item:focus,
.theme-alternate .mat-action-list .mat-list-item:hover,
.theme-alternate .mat-action-list .mat-list-item:focus {
  background: rgba(250, 250, 250, 0.04);
}
.theme-alternate .mat-list-single-selected-option, .theme-alternate .mat-list-single-selected-option:hover, .theme-alternate .mat-list-single-selected-option:focus {
  background: rgba(250, 250, 250, 0.12);
}
.theme-alternate .mat-menu-panel {
  background: #1d273b;
}
.theme-alternate .mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-menu-item {
  background: transparent;
  color: white;
}
.theme-alternate .mat-menu-item[disabled], .theme-alternate .mat-menu-item[disabled]::after {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-menu-item .mat-icon-no-color,
.theme-alternate .mat-menu-item-submenu-trigger::after {
  color: white;
}
.theme-alternate .mat-menu-item:hover:not([disabled]),
.theme-alternate .mat-menu-item.cdk-program-focused:not([disabled]),
.theme-alternate .mat-menu-item.cdk-keyboard-focused:not([disabled]),
.theme-alternate .mat-menu-item-highlighted:not([disabled]) {
  background: rgba(250, 250, 250, 0.04);
}
.theme-alternate .mat-paginator {
  background: #1d273b;
}
.theme-alternate .mat-paginator,
.theme-alternate .mat-paginator-page-size .mat-select-trigger {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-paginator-decrement,
.theme-alternate .mat-paginator-increment {
  border-top: 2px solid white;
  border-right: 2px solid white;
}
.theme-alternate .mat-paginator-first,
.theme-alternate .mat-paginator-last {
  border-top: 2px solid white;
}
.theme-alternate .mat-icon-button[disabled] .mat-paginator-decrement,
.theme-alternate .mat-icon-button[disabled] .mat-paginator-increment,
.theme-alternate .mat-icon-button[disabled] .mat-paginator-first,
.theme-alternate .mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-progress-bar-background {
  fill: #d6c0e9;
}
.theme-alternate .mat-progress-bar-buffer {
  background-color: #d6c0e9;
}
.theme-alternate .mat-progress-bar-fill::after {
  background-color: #752db5;
}
.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #c0daff;
}
.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #c0daff;
}
.theme-alternate .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #2c84ff;
}
.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffd1b3;
}
.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffd1b3;
}
.theme-alternate .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #ff6602;
}
.theme-alternate .mat-progress-spinner circle, .theme-alternate .mat-spinner circle {
  stroke: #752db5;
}
.theme-alternate .mat-progress-spinner.mat-accent circle, .theme-alternate .mat-spinner.mat-accent circle {
  stroke: #2c84ff;
}
.theme-alternate .mat-progress-spinner.mat-warn circle, .theme-alternate .mat-spinner.mat-warn circle {
  stroke: #ff6602;
}
.theme-alternate .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #752db5;
}
.theme-alternate .mat-radio-button.mat-primary .mat-radio-inner-circle,
.theme-alternate .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #752db5;
}
.theme-alternate .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #2c84ff;
}
.theme-alternate .mat-radio-button.mat-accent .mat-radio-inner-circle,
.theme-alternate .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #2c84ff;
}
.theme-alternate .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff6602;
}
.theme-alternate .mat-radio-button.mat-warn .mat-radio-inner-circle,
.theme-alternate .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .theme-alternate .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .theme-alternate .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #ff6602;
}
.theme-alternate .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-radio-button .mat-ripple-element {
  background-color: #ffffff;
}
.theme-alternate .mat-select-value {
  color: white;
}
.theme-alternate .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-select-disabled .mat-select-value {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-select-arrow {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-select-panel {
  background: #1d273b;
}
.theme-alternate .mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.042), 0px 1px 10px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(250, 250, 250, 0.12);
}
.theme-alternate .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #752db5;
}
.theme-alternate .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #2c84ff;
}
.theme-alternate .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #ff6602;
}
.theme-alternate .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #ff6602;
}
.theme-alternate .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-drawer-container {
  background-color: #152030;
  color: white;
}
.theme-alternate .mat-drawer {
  background-color: #1d2c42;
  color: white;
}
.theme-alternate .mat-drawer.mat-drawer-push {
  background-color: #1d2c42;
}
.theme-alternate .mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.06), 0px 16px 24px 2px rgba(0, 0, 0, 0.042), 0px 6px 30px 5px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-drawer-side {
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.theme-alternate [dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.theme-alternate [dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(226, 216, 196, 0.6);
}
.theme-alternate .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #2c84ff;
}
.theme-alternate .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(44, 132, 255, 0.54);
}
.theme-alternate .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #2c84ff;
}
.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #752db5;
}
.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(117, 45, 181, 0.54);
}
.theme-alternate .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #752db5;
}
.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff6602;
}
.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 102, 2, 0.54);
}
.theme-alternate .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #ff6602;
}
.theme-alternate .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: white;
}
.theme-alternate .mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.042), 0px 1px 3px 0px rgba(0, 0, 0, 0.036);
  background-color: #bdbdbd;
}
.theme-alternate .mat-slide-toggle-bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-primary .mat-slider-track-fill,
.theme-alternate .mat-primary .mat-slider-thumb,
.theme-alternate .mat-primary .mat-slider-thumb-label {
  background-color: #752db5;
}
.theme-alternate .mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.theme-alternate .mat-primary .mat-slider-focus-ring {
  background-color: rgba(117, 45, 181, 0.2);
}
.theme-alternate .mat-accent .mat-slider-track-fill,
.theme-alternate .mat-accent .mat-slider-thumb,
.theme-alternate .mat-accent .mat-slider-thumb-label {
  background-color: #2c84ff;
}
.theme-alternate .mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.theme-alternate .mat-accent .mat-slider-focus-ring {
  background-color: rgba(44, 132, 255, 0.2);
}
.theme-alternate .mat-warn .mat-slider-track-fill,
.theme-alternate .mat-warn .mat-slider-thumb,
.theme-alternate .mat-warn .mat-slider-thumb-label {
  background-color: #ff6602;
}
.theme-alternate .mat-warn .mat-slider-thumb-label-text {
  color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-warn .mat-slider-focus-ring {
  background-color: rgba(255, 102, 2, 0.2);
}
.theme-alternate .mat-slider:hover .mat-slider-track-background,
.theme-alternate .cdk-focused .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-slider-disabled .mat-slider-track-background,
.theme-alternate .mat-slider-disabled .mat-slider-track-fill,
.theme-alternate .mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: white;
}
.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.theme-alternate .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}
.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .theme-alternate .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.theme-alternate .mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.theme-alternate .mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.theme-alternate .mat-step-header.cdk-keyboard-focused, .theme-alternate .mat-step-header.cdk-program-focused, .theme-alternate .mat-step-header:hover {
  background-color: rgba(250, 250, 250, 0.04);
}
@media (hover: none) {
  .theme-alternate .mat-step-header:hover {
    background: none;
  }
}
.theme-alternate .mat-step-header .mat-step-label,
.theme-alternate .mat-step-header .mat-step-optional {
  color: rgba(255, 255, 255, 0.7);
}
.theme-alternate .mat-step-header .mat-step-icon {
  background-color: rgba(255, 255, 255, 0.7);
  color: white;
}
.theme-alternate .mat-step-header .mat-step-icon-selected,
.theme-alternate .mat-step-header .mat-step-icon-state-done,
.theme-alternate .mat-step-header .mat-step-icon-state-edit {
  background-color: #752db5;
  color: white;
}
.theme-alternate .mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #ff6602;
}
.theme-alternate .mat-step-header .mat-step-label.mat-step-label-active {
  color: white;
}
.theme-alternate .mat-step-header .mat-step-label.mat-step-label-error {
  color: #ff6602;
}
.theme-alternate .mat-stepper-horizontal, .theme-alternate .mat-stepper-vertical {
  background-color: #1d273b;
}
.theme-alternate .mat-stepper-vertical-line::before {
  border-left-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-horizontal-stepper-header::before,
.theme-alternate .mat-horizontal-stepper-header::after,
.theme-alternate .mat-stepper-horizontal-line {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-sort-header-arrow {
  color: #bbbec4;
}
.theme-alternate .mat-tab-nav-bar,
.theme-alternate .mat-tab-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-tab-group-inverted-header .mat-tab-nav-bar,
.theme-alternate .mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.theme-alternate .mat-tab-label, .theme-alternate .mat-tab-link {
  color: white;
}
.theme-alternate .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-tab-header-pagination-chevron {
  border-color: white;
}
.theme-alternate .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.5);
}
.theme-alternate .mat-tab-group[class*=mat-background-] .mat-tab-header,
.theme-alternate .mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.theme-alternate .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(214, 192, 233, 0.3);
}
.theme-alternate .mat-tab-group.mat-primary .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #752db5;
}
.theme-alternate .mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: white;
}
.theme-alternate .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(192, 218, 255, 0.3);
}
.theme-alternate .mat-tab-group.mat-accent .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #2c84ff;
}
.theme-alternate .mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: white;
}
.theme-alternate .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 209, 179, 0.3);
}
.theme-alternate .mat-tab-group.mat-warn .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #ff6602;
}
.theme-alternate .mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .theme-alternate .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(214, 192, 233, 0.3);
}
.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: #752db5;
}
.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: white;
}
.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: white;
}
.theme-alternate .mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.theme-alternate .mat-tab-group.mat-background-primary .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(192, 218, 255, 0.3);
}
.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: #2c84ff;
}
.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: white;
}
.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: white;
}
.theme-alternate .mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.theme-alternate .mat-tab-group.mat-background-accent .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 209, 179, 0.3);
}
.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-links, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: #ff6602;
}
.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}
.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.4);
}
.theme-alternate .mat-tab-group.mat-background-warn .mat-ripple-element, .theme-alternate .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.12);
}
.theme-alternate .mat-toolbar {
  background: #1d2c42;
  color: white;
}
.theme-alternate .mat-toolbar.mat-primary {
  background: #752db5;
  color: white;
}
.theme-alternate .mat-toolbar.mat-accent {
  background: #2c84ff;
  color: white;
}
.theme-alternate .mat-toolbar.mat-warn {
  background: #ff6602;
  color: rgba(0, 0, 0, 0.87);
}
.theme-alternate .mat-toolbar .mat-form-field-underline,
.theme-alternate .mat-toolbar .mat-form-field-ripple,
.theme-alternate .mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.theme-alternate .mat-toolbar .mat-form-field-label,
.theme-alternate .mat-toolbar .mat-focused .mat-form-field-label,
.theme-alternate .mat-toolbar .mat-select-value,
.theme-alternate .mat-toolbar .mat-select-arrow,
.theme-alternate .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.theme-alternate .mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.theme-alternate .mat-tooltip {
  background: rgba(52, 79, 119, 0.9);
}
.theme-alternate .mat-tree {
  background: #1d273b;
}
.theme-alternate .mat-tree-node,
.theme-alternate .mat-nested-tree-node {
  color: white;
}
.theme-alternate .mat-snack-bar-container {
  color: rgba(0, 0, 0, 0.87);
  background: #fafafa;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
}
.theme-alternate .mat-simple-snackbar-action {
  color: inherit;
}
.mat-raised-button, .mat-stroked-button, .mat-flat-button {
  padding: 0 1.15em;
  margin: 0 0.65em;
  min-width: 3em;
  line-height: 36.4px;
}
.mat-standard-chip {
  padding: 0.5em 0.85em;
  min-height: 2.5em;
}
.material-icons {
  font-size: 24px;
  font-family: "Material Icons Outlined", "Material Icons";
}
.material-icons .mat-badge-content {
  font-family: "Heebo", sans-serif;
}
mat-card {
  background-color: #1d273b;
}

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