/* Tailwind CSS Base Styles */

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
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;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-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.
*/

::-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 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

/* Signika Font Declaration */

@font-face {
  font-family: 'Signika';

  src: url('/assets/webfonts/Signika-SemiBold.ttf') format('truetype');

  font-display: swap;

  font-weight: 600;

  font-style: normal;
}

/* League Spartan Font Declaration */

@font-face {
  font-family: 'League Spartan';

  src: url('/assets/webfonts/LeagueSpartan-Regular.ttf') format('truetype');

  font-display: swap;

  font-weight: 400;

  font-style: normal;
}

/* Global font application */

* {
  font-family: 'Signika', ui-sans-serif, system-ui, sans-serif;
}

/* HTML and body base styles */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Signika', ui-sans-serif, system-ui, sans-serif;
  background-color: #0F172A;
  color: #FFFFFF;
}

.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

/* Gaming Button Components */

.gaming-btn {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
}

.gaming-btn:focus{
  outline:2px solid #0000;
  outline-offset:2px;
  --tw-ring-offset-width:2px
}

.gaming-btn{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
  --tw-ring-offset-width:2px
}

.gaming-btn{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
  --tw-ring-offset-width:2px
}

.gaming-btn{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.gaming-btn:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.gaming-btn:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
}

.gaming-btn-primary {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
}

.gaming-btn-primary:focus{
  outline:2px solid #0000;
  outline-offset:2px;
  --tw-ring-offset-width:2px
}

.gaming-btn-primary{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn-primary:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
  --tw-ring-offset-width:2px
}

.gaming-btn-primary{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn-primary:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
  --tw-ring-offset-width:2px
}

.gaming-btn-primary{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn-primary:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.gaming-btn-primary:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.gaming-btn-primary:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
}

.gaming-btn-primary {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #5081FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #3463DB var(--tw-gradient-to-position);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color:rgb(255 255 255/var(--tw-text-opacity));
  color:rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  background-image:linear-gradient(to right,var(--tw-gradient-stops));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1));
}

.gaming-btn-primary:hover {
  --tw-gradient-from: #3463DB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 99 219 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #5081FF var(--tw-gradient-to-position);
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.gaming-btn-secondary {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
}

.gaming-btn-secondary:focus{
  outline:2px solid #0000;
  outline-offset:2px;
  --tw-ring-offset-width:2px
}

.gaming-btn-secondary{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn-secondary:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
  --tw-ring-offset-width:2px
}

.gaming-btn-secondary{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:var(--radius);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-weight:600;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn-secondary:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
  --tw-ring-offset-width:2px
}

.gaming-btn-secondary{
  display:inline-flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items:center;
  justify-content:center;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-btn-secondary:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.gaming-btn-secondary:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.gaming-btn-secondary:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
}

.gaming-btn-secondary {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #272450 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 36 80 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #9C27B0 var(--tw-gradient-to-position);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color:rgb(255 255 255/var(--tw-text-opacity));
  color:rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  background-image:linear-gradient(to right,var(--tw-gradient-stops));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1));
}

.gaming-btn-secondary:hover {
  --tw-gradient-from: #9C27B0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 39 176 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #272450 var(--tw-gradient-to-position);
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Gaming Card Components */

.gaming-card {
  border-color: rgb(80 129 255 / 0.3);
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(30 41 59 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: rgb(30 41 59 / 0.9) var(--tw-gradient-to-position);
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  position:relative;
  overflow:hidden;
  border-radius:.75rem;
  border-width:1px;
}

.gaming-image-gallery .gaming-card {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  /* ENHANCED: Ensure proper positioning */
  position: relative;
  z-index: 1;
}

.gaming-card-hover {
  border-color: rgb(80 129 255 / 0.3);
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(30 41 59 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(15 23 42 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: rgb(30 41 59 / 0.9) var(--tw-gradient-to-position);
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  position:relative;
  overflow:hidden;
  border-radius:.75rem;
  border-width:1px;
}

.gaming-image-gallery .gaming-card-hover {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  /* ENHANCED: Ensure proper positioning */
  position: relative;
  z-index: 1;
}

.gaming-card-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(80 129 255 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(80 129 255 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

/* Gaming Input Components */

.gaming-input {
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(80 129 255 / 0.3);
  background-color: rgb(30 41 59 / 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.gaming-input::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.gaming-input::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.gaming-input {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  width:100%;
  border-radius:.5rem;
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
}

.gaming-input:focus{
  outline:2px solid #0000;
  outline-offset:2px
}

.gaming-input{
  width:100%;
  border-radius:var(--radius);
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  animation-duration:.3s
}

.gaming-input:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.gaming-input{
  width:100%;
  border-radius:var(--radius);
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  animation-duration:.3s
}

.gaming-input:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.gaming-input{
  width:100%;
  border-radius:.5rem;
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s
}

.gaming-input:focus{
  --tw-border-opacity: 1;
  border-color: rgb(80 129 255 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(80 129 255 / 0.2)
}

.gaming-select {
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgb(80 129 255 / 0.3);
  background-color: rgb(30 41 59 / 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.gaming-select::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.gaming-select::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.gaming-select {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  width:100%;
  border-radius:.5rem;
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
}

.gaming-select:focus{
  outline:2px solid #0000;
  outline-offset:2px
}

.gaming-select{
  width:100%;
  border-radius:var(--radius);
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  animation-duration:.3s
}

.gaming-select:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.gaming-select{
  width:100%;
  border-radius:var(--radius);
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
  animation-duration:.3s
}

.gaming-select:focus{
  outline:2px solid transparent;
  outline-offset:2px;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.gaming-select{
  width:100%;
  border-radius:.5rem;
  border-width:1px;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.75rem;
  padding-bottom:.75rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1));
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s
}

.gaming-select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(80 129 255 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(80 129 255 / 0.2)
}

.gaming-select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 16px 16px;
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 2.5rem;
}

.gaming-select:focus {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.gaming-select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-repeat:no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")
}

/* Gaming Navigation Components */

.gaming-nav-item {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position:relative;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s;
}

.gaming-nav-item:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.gaming-nav-item{
  position:relative;
  border-radius:var(--radius);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity));
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-nav-item:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.gaming-nav-item{
  position:relative;
  border-radius:var(--radius);
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity));
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-nav-item:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.gaming-nav-item{
  position:relative;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  transition-property:all;
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.gaming-nav-item:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1))
}

.gaming-image-gallery .gaming-nav-item {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  /* ENHANCED: Ensure proper positioning */
  position: relative;
  z-index: 1;
}

.gaming-nav-item:hover {
  background-color: rgb(80 129 255 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.gaming-nav-item.active {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #5081FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #3463DB var(--tw-gradient-to-position);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  color:rgb(255 255 255/var(--tw-text-opacity));
  color:rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
  background-image:linear-gradient(to right,var(--tw-gradient-stops));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1));
}

/* Gaming Modal Components */

.gaming-modal {
  inset: 0px;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  top:0;
  right:0;
  bottom:0;
  left:0;
  position:fixed;
  inset:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
  background-color: rgb(0 0 0 / 0.5);
}

.gaming-modal-content {
  border-color: rgb(80 129 255 / 0.4);
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: #0F172A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1E293B var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #0F172A var(--tw-gradient-to-position);
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  max-width:28rem;
  position:relative;
  width:100%;
  border-radius:1rem;
  border-width:1px;
  padding:1.5rem;
}

.gaming-image-gallery .gaming-modal-content {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  /* ENHANCED: Ensure proper positioning */
  position: relative;
  z-index: 1;
}

/* Gaming Table Components */

.gaming-table {
  border-color: rgb(80 129 255 / 0.3);
  background-color: rgb(30 41 59 / 0.5);
  border-radius:var(--radius);
  width:100%;
  overflow:hidden;
  border-radius:.5rem;
  border-width:1px;
}

.gaming-table th {
  border-color: rgb(80 129 255 / 0.3);
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
  letter-spacing: 0.05em;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  background-color: #0F172A;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity));
  border-bottom-width:1px;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem;
  padding-bottom:1rem;
  text-align:left;
  font-size:.75rem;
  line-height:1rem;
  text-transform:uppercase;
}

.gaming-table td {
  border-color: rgb(80 129 255 / 0.1);
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity));
  border-bottom-width:1px;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem;
  padding-bottom:1rem;
  font-size:.875rem;
  line-height:1.25rem;
}

.gaming-table tr:hover {
  background-color: rgb(80 129 255 / 0.1);
}

.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;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.\!absolute {
  position: absolute !important;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-1 {
  inset: 0.25rem;
}

.inset-auto {
  inset: auto;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-bottom-1 {
  bottom: -0.25rem;
}

.-bottom-12 {
  bottom: -3rem;
}

.-bottom-2 {
  bottom: -0.5rem;
}

.-bottom-5 {
  bottom: -1.25rem;
}

.-end-6 {
  inset-inline-end: -1.5rem;
}

.-left-2 {
  left: -0.5rem;
}

.-left-4 {
  left: -1rem;
}

.-right-1 {
  right: -0.25rem;
}

.-right-2 {
  right: -0.5rem;
}

.-top-0 {
  top: -0px;
}

.-top-1 {
  top: -0.25rem;
}

.-top-2 {
  top: -0.5rem;
}

.-top-3 {
  top: -0.75rem;
}

.-top-4 {
  top: -1rem;
}

.-top-8 {
  top: -2rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-12 {
  bottom: 3rem;
}

.bottom-14 {
  bottom: 3.5rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-20 {
  bottom: 5rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-\[12px\] {
  bottom: 12px;
}

.bottom-full {
  bottom: 100%;
}

.end-0 {
  inset-inline-end: 0px;
}

.end-1 {
  inset-inline-end: 0.25rem;
}

.end-10 {
  inset-inline-end: 2.5rem;
}

.end-5 {
  inset-inline-end: 1.25rem;
}

.end-6 {
  inset-inline-end: 1.5rem;
}

.end-\[28\%\] {
  inset-inline-end: 28%;
}

.end-auto {
  inset-inline-end: auto;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 0.25rem;
}

.left-1\/2 {
  left: 50%;
}

.left-1\/4 {
  left: 25%;
}

.left-10 {
  left: 2.5rem;
}

.left-2 {
  left: 0.5rem;
}

.left-20 {
  left: 5rem;
}

.left-24 {
  left: 6rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-6 {
  left: 1.5rem;
}

.left-8 {
  left: 2rem;
}

.right-0 {
  right: 0px;
}

.right-1 {
  right: 0.25rem;
}

.right-1\/3 {
  right: 33.333333%;
}

.right-1\/4 {
  right: 25%;
}

.right-10 {
  right: 2.5rem;
}

.right-14 {
  right: 3.5rem;
}

.right-2 {
  right: 0.5rem;
}

.right-20 {
  right: 5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

.start-0 {
  inset-inline-start: 0px;
}

.start-1 {
  inset-inline-start: 0.25rem;
}

.start-4 {
  inset-inline-start: 1rem;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

.top-1\/2 {
  top: 50%;
}

.top-1\/3 {
  top: 33.333333%;
}

.top-1\/4 {
  top: 25%;
}

.top-10 {
  top: 2.5rem;
}

.top-11 {
  top: 2.75rem;
}

.top-2 {
  top: 0.5rem;
}

.top-20 {
  top: 5rem;
}

.top-3 {
  top: 0.75rem;
}

.top-3\/4 {
  top: 75%;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.top-\[14px\] {
  top: 14px;
}

.top-full {
  top: 100%;
}

.isolate {
  isolation: isolate;
}

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

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

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

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

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

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

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

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

.z-\[1000000\] {
  z-index: 1000000;
}

.z-\[1000001\] {
  z-index: 1000001;
}

.z-\[1000002\] {
  z-index: 1000002;
}

.z-\[10000\] {
  z-index: 10000;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[51\] {
  z-index: 51;
}

.z-\[5\] {
  z-index: 5;
}

.z-\[60\] {
  z-index: 60;
}

.z-\[999997\] {
  z-index: 999997;
}

.z-\[999998\] {
  z-index: 999998;
}

.z-\[999999\] {
  z-index: 999999;
}

.z-\[9999\] {
  z-index: 9999;
}

.z-\[999\] {
  z-index: 999;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-last {
  order: 9999;
}

.col-auto {
  grid-column: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.float-right {
  float: right;
}

.-m-2 {
  margin: -0.5rem;
}

.-m-5 {
  margin: -1.25rem;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-8 {
  margin: 2rem;
}

.m-auto {
  margin: auto;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-mx-\[12px\] {
  margin-left: -12px;
  margin-right: -12px;
}

.-my-\[36px\] {
  margin-top: -36px;
  margin-bottom: -36px;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

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

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-\[-1px\] {
  margin-top: -1px;
  margin-bottom: -1px;
}

.my-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-\[24px\] {
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-\[36px\] {
  margin-top: 36px;
  margin-bottom: 36px;
}

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

.\!mb-0 {
  margin-bottom: 0px !important;
}

.\!mb-3 {
  margin-bottom: 0.75rem !important;
}

.\!mt-0 {
  margin-top: 0px !important;
}

.\!mt-2 {
  margin-top: 0.5rem !important;
}

.\!mt-6 {
  margin-top: 1.5rem !important;
}

.\!mt-7 {
  margin-top: 1.75rem !important;
}

.-mb-4 {
  margin-bottom: -1rem;
}

.-mb-\[1px\] {
  margin-bottom: -1px;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.-mr-3 {
  margin-right: -0.75rem;
}

.-mr-4 {
  margin-right: -1rem;
}

.-ms-28 {
  margin-inline-start: -7rem;
}

.-ms-32 {
  margin-inline-start: -8rem;
}

.-ms-60 {
  margin-inline-start: -15rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mt-12 {
  margin-top: -3rem;
}

.-mt-14 {
  margin-top: -3.5rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mt-20 {
  margin-top: -5rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mt-7 {
  margin-top: -1.75rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.-mt-\[78px\] {
  margin-top: -78px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mb-\[12px\] {
  margin-bottom: 12px;
}

.mb-\[14px\] {
  margin-bottom: 14px;
}

.mb-\[24px\] {
  margin-bottom: 24px;
}

.mb-auto {
  margin-bottom: auto;
}

.mb-px {
  margin-bottom: 1px;
}

.me-0 {
  margin-inline-end: 0px;
}

.me-1 {
  margin-inline-end: 0.25rem;
}

.me-2 {
  margin-inline-end: 0.5rem;
}

.me-3 {
  margin-inline-end: 0.75rem;
}

.me-4 {
  margin-inline-end: 1rem;
}

.me-5 {
  margin-inline-end: 1.25rem;
}

.me-auto {
  margin-inline-end: auto;
}

.ml-0 {
  margin-left: 0px;
}

.ml-0\.5 {
  margin-left: 0.125rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-1\.5 {
  margin-left: 0.375rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0px;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.ms-0 {
  margin-inline-start: 0px;
}

.ms-1 {
  margin-inline-start: 0.25rem;
}

.ms-10 {
  margin-inline-start: 2.5rem;
}

.ms-2 {
  margin-inline-start: 0.5rem;
}

.ms-3 {
  margin-inline-start: 0.75rem;
}

.ms-4 {
  margin-inline-start: 1rem;
}

.ms-5 {
  margin-inline-start: 1.25rem;
}

.ms-auto {
  margin-inline-start: auto;
}

.mt-0 {
  margin-top: 0px;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-\[0\.175em\] {
  margin-top: 0.175em;
}

.mt-\[0\.2em\] {
  margin-top: 0.2em;
}

.mt-\[12px\] {
  margin-top: 12px;
}

.mt-\[16px\] {
  margin-top: 16px;
}

.mt-\[24px\] {
  margin-top: 24px;
}

.mt-\[40px\] {
  margin-top: 40px;
}

.mt-\[48px\] {
  margin-top: 48px;
}

.mt-\[4px\] {
  margin-top: 4px;
}

.mt-\[6px\] {
  margin-top: 6px;
}

.mt-\[8px\] {
  margin-top: 8px;
}

.mt-auto {
  margin-top: auto;
}

.mr-\[6px\] {
  margin-right: 6px;
}

.mt-\[2px\] {
  margin-top: 2px;
}

.mb-\[6px\] {
  margin-bottom: 6px;
}

.ml-\[4px\] {
  margin-left: 4px;
}

.box-border {
  box-sizing: border-box;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

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

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

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

.\!block {
  display: block !important;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-\[3\/2\] {
  aspect-ratio: 3/2;
}

.aspect-\[375\/156\] {
  aspect-ratio: 375/156;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.size-1 {
  width: 0.25rem;
  height: 0.25rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}

.size-full {
  width: 100%;
  height: 100%;
}

.\!h-3 {
  height: 0.75rem !important;
}

.\!h-6 {
  height: 1.5rem !important;
}

.\!h-9 {
  height: 2.25rem !important;
}

.h-0 {
  height: 0px;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-1 {
  height: 0.25rem;
}

.h-1\/2 {
  height: 50%;
}

.h-1\/3 {
  height: 33.333333%;
}

.h-1\/4 {
  height: 25%;
}

.h-1\/5 {
  height: 20%;
}

.h-1\/6 {
  height: 16.666667%;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-18 {
  height: 4.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-32 {
  height: 8rem;
}

.h-36 {
  height: 9rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-44 {
  height: 11rem;
}

.h-48 {
  height: 12rem;
}

.h-5 {
  height: 1.25rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-7 {
  height: 1.75rem;
}

.h-72 {
  height: 18rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-96 {
  height: 24rem;
}

.h-\[160px\] {
  height: 160px;
}

.h-\[16px\] {
  height: 16px;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[20px\] {
  height: 20px;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[28px\] {
  height: 28px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[32px\] {
  height: 32px;
}

.h-\[36px\] {
  height: 36px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[48px\] {
  height: 48px;
}

.h-\[64px\] {
  height: 64px;
}

.h-\[96px\] {
  height: 96px;
}

.h-\[calc\(100\%-72px\)\] {
  height: calc(100% - 72px);
}

.h-\[calc\(100vh-80px\)\] {
  height: calc(100vh - 80px);
}

.h-auto {
  height: auto;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.h-max {
  height: -moz-max-content;
  height: max-content;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-40 {
  max-height: 10rem;
}

.max-h-48 {
  max-height: 12rem;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-56 {
  max-height: 14rem;
}

.max-h-6 {
  max-height: 1.5rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-64 {
  max-height: 16rem;
}

.max-h-72 {
  max-height: 18rem;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-96 {
  max-height: 24rem;
}

.max-h-\[170px\] {
  max-height: 170px;
}

.max-h-\[280px\] {
  max-height: 280px;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-\[320px\] {
  max-height: 320px;
}

.max-h-\[32px\] {
  max-height: 32px;
}

.max-h-\[36px\] {
  max-height: 36px;
}

.max-h-\[400px\] {
  max-height: 400px;
}

.max-h-\[85vh\] {
  max-height: 85vh;
}

.max-h-\[893px\] {
  max-height: 893px;
}

.max-h-\[90vh\] {
  max-height: 90vh;
}

.max-h-\[calc\(90vh-140px\)\] {
  max-height: calc(90vh - 140px);
}

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

.max-h-screen {
  max-height: 100vh;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-28 {
  min-height: 7rem;
}

.min-h-36 {
  min-height: 9rem;
}

.min-h-52 {
  min-height: 13rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-60 {
  min-height: 15rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

.min-h-96 {
  min-height: 24rem;
}

.min-h-\[150px\] {
  min-height: 150px;
}

.min-h-\[280px\] {
  min-height: 280px;
}

.min-h-\[2rem\] {
  min-height: 2rem;
}

.min-h-\[60px\] {
  min-height: 60px;
}

.min-h-\[65px\] {
  min-height: 65px;
}

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

.min-h-home {
  min-height: calc(100vh - 80px);
}

.min-h-screen {
  min-height: 100vh;
}

.min-h-screen-80 {
  min-height: 80vh;
}

.min-h-\[120px\] {
  min-height: 120px;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.\!w-1 {
  width: 0.25rem !important;
}

.\!w-2 {
  width: 0.5rem !important;
}

.\!w-3 {
  width: 0.75rem !important;
}

.w-0 {
  width: 0px;
}

.w-1 {
  width: 0.25rem;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/5 {
  width: 20%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-18 {
  width: 4.5rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-2\/5 {
  width: 40%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-3\/4 {
  width: 75%;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/5 {
  width: 80%;
}

.w-40 {
  width: 10rem;
}

.w-44 {
  width: 11rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-96 {
  width: 24rem;
}

.w-\[120px\] {
  width: 120px;
}

.w-\[160px\] {
  width: 160px;
}

.w-\[16px\] {
  width: 16px;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[20px\] {
  width: 20px;
}

.w-\[24px\] {
  width: 24px;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[276px\] {
  width: 276px;
}

.w-\[28px\] {
  width: 28px;
}

.w-\[32px\] {
  width: 32px;
}

.w-\[36px\] {
  width: 36px;
}

.w-\[37\%\] {
  width: 37%;
}

.w-\[371px\] {
  width: 371px;
}

.w-\[38px\] {
  width: 38px;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[48px\] {
  width: 48px;
}

.w-\[72px\] {
  width: 72px;
}

.w-\[85\%\] {
  width: 85%;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: -moz-max-content;
  width: max-content;
}

.w-screen {
  width: 100vw;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-20 {
  min-width: 5rem;
}

.min-w-\[12rem\] {
  min-width: 12rem;
}

.min-w-\[20rem\] {
  min-width: 20rem;
}

.min-w-\[40px\] {
  min-width: 40px;
}

.min-w-\[84px\] {
  min-width: 84px;
}

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

.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}

.max-w-12 {
  max-width: 3rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-52 {
  max-width: 13rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[110px\] {
  max-width: 110px;
}

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[440px\] {
  max-width: 440px;
}

.max-w-\[536px\] {
  max-width: 536px;
}

.max-w-\[870px\] {
  max-width: 870px;
}

.max-w-\[calc\(33\.333\%-0\.5rem\)\] {
  max-width: calc(33.333% - 0.5rem);
}

.max-w-\[calc\(50\%-0\.375rem\)\] {
  max-width: calc(50% - 0.375rem);
}

.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

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

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

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

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

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

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

.shrink {
  flex-shrink: 1;
}

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

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

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

.grow {
  flex-grow: 1;
}

.basis-\[calc\(50\%-0\.375rem\)\] {
  flex-basis: calc(50% - 0.375rem);
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.caption-top {
  caption-side: top;
}

.caption-bottom {
  caption-side: bottom;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-\[0\] {
  transform-origin: 0;
}

.origin-bottom-right {
  transform-origin: bottom right;
}

.origin-center {
  transform-origin: center;
}

.origin-left {
  transform-origin: left;
}

.origin-top-right {
  transform-origin: top right;
}

.-translate-x-0 {
  --tw-translate-x: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1 {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-0 {
  --tw-translate-y: -0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1 {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-8 {
  --tw-translate-y: -2rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-2 {
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-40 {
  --tw-translate-y: 10rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-10px\] {
  --tw-translate-y: -10px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!rotate-90 {
  --tw-rotate: 90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.-rotate-12 {
  --tw-rotate: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-12 {
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-skew-y-1 {
  --tw-skew-y: -1deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-125 {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-0 {
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-100 {
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-\[spin_3s_linear_infinite\] {
  animation: spin 3s linear infinite;
}

@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);
  }
}

.animate-bounce {
  animation: bounce 1s infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.3);
  }

  50% {
    box-shadow: 0 0 30px rgba(99, 102, 241, 0.6);
  }
}

.animate-glow {
  animation: glow 2s ease-in-out infinite;
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
    border-color: rgba(99, 102, 241, 0.6);
  }

  50% {
    box-shadow: 0 0 40px rgba(99, 102, 241, 0.8);
    border-color: rgba(99, 102, 241, 1);
  }
}

.animate-pulse-glow {
  animation: pulse-glow 3s ease-in-out infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.animate-rotate {
  animation: rotate 8s linear infinite;
}

@keyframes shimmer {
  0% {
    left: -100%;
    transform: translateX(-100%);
  }

  100% {
    left: 100%;
    transform: translateX(100%);
  }
}

.animate-shimmer {
  animation: shimmer 2.5s infinite linear;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.\!cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-grab {
  cursor: grab;
}

.cursor-move {
  cursor: move;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-text {
  cursor: text;
}

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

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize-none {
  resize: none;
}

.resize {
  resize: both;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-start {
  scroll-snap-align: start;
}

.snap-center {
  scroll-snap-align: center;
}

.list-inside {
  list-style-position: inside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.appearance-auto {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

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

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

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

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

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

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

.\!flex-nowrap {
  flex-wrap: nowrap !important;
}

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

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

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

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

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

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

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

.\!items-center {
  align-items: center !important;
}

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

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

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

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

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

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

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

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

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

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

.gap-0 {
  gap: 0px;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[12px\] {
  gap: 12px;
}

.gap-\[16px\] {
  gap: 16px;
}

.gap-\[20px\] {
  gap: 20px;
}

.gap-\[24px\] {
  gap: 24px;
}

.gap-\[32px\] {
  gap: 32px;
}

.gap-\[40px\] {
  gap: 40px;
}

.gap-\[4px\] {
  gap: 4px;
}

.gap-\[60px\] {
  gap: 60px;
}

.gap-\[8px\] {
  gap: 8px;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-\[6px\] {
  gap: 6px;
}

.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-2\.5 {
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-3\.5 {
  -moz-column-gap: 0.875rem;
       column-gap: 0.875rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

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

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

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-\[24px\] {
  row-gap: 24px;
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-1rem * var(--tw-space-x-reverse));
  margin-left: calc(-1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.375rem * var(--tw-space-x-reverse));
  margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-14 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.space-y-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
}

.space-y-\[12px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-white > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-divide-opacity, 1));
}

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

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

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

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-wrap {
  text-wrap: wrap;
}

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

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

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

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[100px\] {
  border-radius: 100px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[16px\] {
  border-radius: 16px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[24px\] {
  border-radius: 24px;
}

.rounded-\[32px\] {
  border-radius: 32px;
}

.rounded-\[48px\] {
  border-radius: 48px;
}

.rounded-\[6px\] {
  border-radius: 6px;
}

.rounded-\[8px\] {
  border-radius: 8px;
}

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

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

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0px;
}

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

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

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-b-\[8px\] {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-e-3xl {
  border-start-end-radius: 1.5rem;
  border-end-end-radius: 1.5rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

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

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

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-s-3xl {
  border-start-start-radius: 1.5rem;
  border-end-start-radius: 1.5rem;
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

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

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

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

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}

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

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}

.rounded-tl-none {
  border-top-left-radius: 0px;
}

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

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}

.\!border {
  border-width: 1px !important;
}

.border {
  border-width: 1px;
}

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

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

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

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

.border-\[1px\] {
  border-width: 1px;
}

.border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px;
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.\!border-t-0 {
  border-top-width: 0px !important;
}

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

.border-b-0 {
  border-bottom-width: 0px;
}

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

.border-b-4 {
  border-bottom-width: 4px;
}

.border-e {
  border-inline-end-width: 1px;
}

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

.border-l-0 {
  border-left-width: 0px;
}

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

.border-l-4 {
  border-left-width: 4px;
}

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

.border-r-0 {
  border-right-width: 0px;
}

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

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

.border-t-0 {
  border-top-width: 0px;
}

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

.border-t-4 {
  border-top-width: 4px;
}

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

.\!border-none {
  border-style: none !important;
}

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

.border-\[\#00FF88\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 255 136 / var(--tw-border-opacity, 1));
}

.border-\[\#00FF88\]\/30 {
  border-color: rgb(0 255 136 / 0.3);
}

.border-\[\#06B6D4\] {
  --tw-border-opacity: 1;
  border-color: rgb(6 182 212 / var(--tw-border-opacity, 1));
}

.border-\[\#06B6D4\]\/80 {
  border-color: rgb(6 182 212 / 0.8);
}

.border-\[\#10B981\] {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.border-\[\#10b981\]\/20 {
  border-color: rgb(16 185 129 / 0.2);
}

.border-\[\#13112E\] {
  --tw-border-opacity: 1;
  border-color: rgb(19 17 46 / var(--tw-border-opacity, 1));
}

.border-\[\#28a745\] {
  --tw-border-opacity: 1;
  border-color: rgb(40 167 69 / var(--tw-border-opacity, 1));
}

.border-\[\#3463DB\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 99 219 / var(--tw-border-opacity, 1));
}

.border-\[\#45ff02\]\/50 {
  border-color: rgb(69 255 2 / 0.5);
}

.border-\[\#4B7DFF\] {
  --tw-border-opacity: 1;
  border-color: rgb(75 125 255 / var(--tw-border-opacity, 1));
}

.border-\[\#4B7DFF\]\/10 {
  border-color: rgb(75 125 255 / 0.1);
}

.border-\[\#4B7DFF\]\/20 {
  border-color: rgb(75 125 255 / 0.2);
}

.border-\[\#4B7DFF\]\/30 {
  border-color: rgb(75 125 255 / 0.3);
}

.border-\[\#4B7DFF\]\/40 {
  border-color: rgb(75 125 255 / 0.4);
}

.border-\[\#4B7DFF\]\/50 {
  border-color: rgb(75 125 255 / 0.5);
}

.border-\[\#4B7DFF\]\/60 {
  border-color: rgb(75 125 255 / 0.6);
}

.border-\[\#5081FF33\] {
  border-color: #5081FF33;
}

.border-\[\#5081FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(80 129 255 / var(--tw-border-opacity, 1));
}

.border-\[\#5081FF\]\/20 {
  border-color: rgb(80 129 255 / 0.2);
}

.border-\[\#5081FF\]\/30 {
  border-color: rgb(80 129 255 / 0.3);
}

.border-\[\#5081FF\]\/50 {
  border-color: rgb(80 129 255 / 0.5);
}

.border-\[\#5081FF\]\/60 {
  border-color: rgb(80 129 255 / 0.6);
}

.border-\[\#5081ff33\] {
  border-color: #5081ff33;
}

.border-\[\#5B8FFF\]\/40 {
  border-color: rgb(91 143 255 / 0.4);
}

.border-\[\#6366F1\] {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.border-\[\#6366F1\]\/30 {
  border-color: rgb(99 102 241 / 0.3);
}

.border-\[\#6366F1\]\/40 {
  border-color: rgb(99 102 241 / 0.4);
}

.border-\[\#6366F1\]\/80 {
  border-color: rgb(99 102 241 / 0.8);
}

.border-\[\#8B5CF6\] {
  --tw-border-opacity: 1;
  border-color: rgb(139 92 246 / var(--tw-border-opacity, 1));
}

.border-\[\#9C27B0\]\/30 {
  border-color: rgb(156 39 176 / 0.3);
}

.border-\[\#C0C0C0\] {
  --tw-border-opacity: 1;
  border-color: rgb(192 192 192 / var(--tw-border-opacity, 1));
}

.border-\[\#CD7F32\] {
  --tw-border-opacity: 1;
  border-color: rgb(205 127 50 / var(--tw-border-opacity, 1));
}

.border-\[\#EF4444\] {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}

.border-\[\#F59E0B\] {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.border-\[\#FF6B6B\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 107 107 / var(--tw-border-opacity, 1));
}

.border-\[\#FF6B6B\]\/30 {
  border-color: rgb(255 107 107 / 0.3);
}

.border-\[\#FFD25F\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 210 95 / var(--tw-border-opacity, 1));
}

.border-\[\#FFD700\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 215 0 / var(--tw-border-opacity, 1));
}

.border-\[\#FFD700\]\/30 {
  border-color: rgb(255 215 0 / 0.3);
}

.border-\[\#FFFFFF0D\] {
  border-color: #FFFFFF0D;
}

.border-\[\#FFFFFF1F\] {
  border-color: #FFFFFF1F;
}

.border-\[\#FFFFFF20\] {
  border-color: #FFFFFF20;
}

.border-\[\#FFFFFF25\] {
  border-color: #FFFFFF25;
}

.border-\[\#adb5bd\] {
  --tw-border-opacity: 1;
  border-color: rgb(173 181 189 / var(--tw-border-opacity, 1));
}

.border-\[\#e0e6ed\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 230 237 / var(--tw-border-opacity, 1));
}

.border-\[\#ebedf2\] {
  --tw-border-opacity: 1;
  border-color: rgb(235 237 242 / var(--tw-border-opacity, 1));
}

.border-\[\#ff062e\]\/30 {
  border-color: rgb(255 6 46 / 0.3);
}

.border-\[\#ff062e\]\/50 {
  border-color: rgb(255 6 46 / 0.5);
}

.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.border-amber-500\/30 {
  border-color: rgb(245 158 11 / 0.3);
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.border-blue-500\/20 {
  border-color: rgb(59 130 246 / 0.2);
}

.border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3);
}

.border-blue-500\/50 {
  border-color: rgb(59 130 246 / 0.5);
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}

.border-blue-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.border-emerald-500\/50 {
  border-color: rgb(16 185 129 / 0.5);
}

.border-emerald-600 {
  --tw-border-opacity: 1;
  border-color: rgb(5 150 105 / var(--tw-border-opacity, 1));
}

.border-gaming-blue {
  --tw-border-opacity: 1;
  border-color: rgb(80 129 255 / var(--tw-border-opacity, 1));
}

.border-gaming-blue\/20 {
  border-color: rgb(80 129 255 / 0.2);
}

.border-gaming-blue\/30 {
  border-color: rgb(80 129 255 / 0.3);
}

.border-gaming-dark {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.border-gaming-deep-blue {
  --tw-border-opacity: 1;
  border-color: rgb(52 99 219 / var(--tw-border-opacity, 1));
}

.border-gaming-gold {
  --tw-border-opacity: 1;
  border-color: rgb(255 215 0 / var(--tw-border-opacity, 1));
}

.border-gaming-green {
  --tw-border-opacity: 1;
  border-color: rgb(0 255 136 / var(--tw-border-opacity, 1));
}

.border-gaming-light-blue {
  --tw-border-opacity: 1;
  border-color: rgb(75 125 255 / var(--tw-border-opacity, 1));
}

.border-gaming-navy {
  --tw-border-opacity: 1;
  border-color: rgb(19 17 46 / var(--tw-border-opacity, 1));
}

.border-gaming-orange {
  --tw-border-opacity: 1;
  border-color: rgb(255 140 0 / var(--tw-border-opacity, 1));
}

.border-gaming-purple {
  --tw-border-opacity: 1;
  border-color: rgb(39 36 80 / var(--tw-border-opacity, 1));
}

.border-gaming-red {
  --tw-border-opacity: 1;
  border-color: rgb(255 107 107 / var(--tw-border-opacity, 1));
}

.border-gaming-slate {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

.border-gaming-violet {
  --tw-border-opacity: 1;
  border-color: rgb(156 39 176 / var(--tw-border-opacity, 1));
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.border-gray-500\/30 {
  border-color: rgb(107 114 128 / 0.3);
}

.border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

.border-gray-600\/30 {
  border-color: rgb(75 85 99 / 0.3);
}

.border-gray-600\/50 {
  border-color: rgb(75 85 99 / 0.5);
}

.border-gray-700 {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}

.border-green-500\/20 {
  border-color: rgb(34 197 94 / 0.2);
}

.border-green-500\/30 {
  border-color: rgb(34 197 94 / 0.3);
}

.border-green-600 {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
}

.border-green-700 {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}

.border-green-700\/50 {
  border-color: rgb(21 128 61 / 0.5);
}

.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

.border-mandy-500 {
  --tw-border-opacity: 1;
  border-color: rgb(229 62 62 / var(--tw-border-opacity, 1));
}

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}

.border-orange-500\/50 {
  border-color: rgb(249 115 22 / 0.5);
}

.border-orange-800 {
  --tw-border-opacity: 1;
  border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}

.border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1));
}

.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.border-purple-500\/20 {
  border-color: rgb(168 85 247 / 0.2);
}

.border-purple-500\/30 {
  border-color: rgb(168 85 247 / 0.3);
}

.border-purple-500\/50 {
  border-color: rgb(168 85 247 / 0.5);
}

.border-purple-800 {
  --tw-border-opacity: 1;
  border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}

.border-red-500\/20 {
  border-color: rgb(239 68 68 / 0.2);
}

.border-red-500\/30 {
  border-color: rgb(239 68 68 / 0.3);
}

.border-red-600 {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}

.border-red-700 {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}

.border-red-700\/50 {
  border-color: rgb(185 28 28 / 0.5);
}

.border-teal-500 {
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}

.border-white\/60 {
  border-color: rgb(255 255 255 / 0.6);
}

.border-yellow-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}

.border-yellow-500\/20 {
  border-color: rgb(234 179 8 / 0.2);
}

.border-yellow-500\/30 {
  border-color: rgb(234 179 8 / 0.3);
}

.border-yellow-700 {
  --tw-border-opacity: 1;
  border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
}

.border-y-\[\#5081ff33\] {
  border-top-color: #5081ff33;
  border-bottom-color: #5081ff33;
}

.\!border-b-white {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}

.\!border-l-transparent {
  border-left-color: transparent !important;
}

.border-l-black {
  --tw-border-opacity: 1;
  border-left-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-l-transparent {
  border-left-color: transparent;
}

.border-t-\[\#4B7DFF\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(75 125 255 / var(--tw-border-opacity, 1));
}

.border-t-\[\#5081ff33\] {
  border-top-color: #5081ff33;
}

.border-t-transparent {
  border-top-color: transparent;
}

.border-opacity-20 {
  --tw-border-opacity: 0.2;
}

.\!bg-transparent {
  background-color: transparent !important;
}

.bg-\[\#00000040\] {
  background-color: #00000040;
}

.bg-\[\#0000005C\] {
  background-color: #0000005C;
}

.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0068FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 104 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0068ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 104 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#00FF88\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 255 136 / var(--tw-bg-opacity, 1));
}

.bg-\[\#06B6D4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0E0A2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 10 47 / var(--tw-bg-opacity, 1));
}

.bg-\[\#0E0A2F\]\/50 {
  background-color: rgb(14 10 47 / 0.5);
}

.bg-\[\#0F172A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-\[\#10B981\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

.bg-\[\#10B981\]\/20 {
  background-color: rgb(16 185 129 / 0.2);
}

.bg-\[\#10b981\]\/10 {
  background-color: rgb(16 185 129 / 0.1);
}

.bg-\[\#10b981\]\/20 {
  background-color: rgb(16 185 129 / 0.2);
}

.bg-\[\#13112E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(19 17 46 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1877F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 119 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1877f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 119 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1A1A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1E293B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1E293B\]\/50 {
  background-color: rgb(30 41 59 / 0.5);
}

.bg-\[\#1a1635\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 22 53 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1a1635\]\/50 {
  background-color: rgb(26 22 53 / 0.5);
}

.bg-\[\#1a1a2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 46 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1f1a40\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 26 64 / var(--tw-bg-opacity, 1));
}

.bg-\[\#272450\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 36 80 / var(--tw-bg-opacity, 1));
}

.bg-\[\#272450\]\/50 {
  background-color: rgb(39 36 80 / 0.5);
}

.bg-\[\#28a745\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 167 69 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2A2A2A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2b22b3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 34 179 / var(--tw-bg-opacity, 1));
}

.bg-\[\#3463DB\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 99 219 / var(--tw-bg-opacity, 1));
}

.bg-\[\#3A3E64\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 62 100 / var(--tw-bg-opacity, 1));
}

.bg-\[\#45ff02\]\/20 {
  background-color: rgb(69 255 2 / 0.2);
}

.bg-\[\#4B7DFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(75 125 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#4B7DFF\]\/10 {
  background-color: rgb(75 125 255 / 0.1);
}

.bg-\[\#4B7DFF\]\/20 {
  background-color: rgb(75 125 255 / 0.2);
}

.bg-\[\#4B7DFF\]\/30 {
  background-color: rgb(75 125 255 / 0.3);
}

.bg-\[\#4B7DFF\]\/5 {
  background-color: rgb(75 125 255 / 0.05);
}

.bg-\[\#5081FF33\] {
  background-color: #5081FF33;
}

.bg-\[\#5081FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(80 129 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#5081FF\]\/20 {
  background-color: rgb(80 129 255 / 0.2);
}

.bg-\[\#5081FF\]\/30 {
  background-color: rgb(80 129 255 / 0.3);
}

.bg-\[\#5865F2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(88 101 242 / var(--tw-bg-opacity, 1));
}

.bg-\[\#6366F1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.bg-\[\#7289da\] {
  --tw-bg-opacity: 1;
  background-color: rgb(114 137 218 / var(--tw-bg-opacity, 1));
}

.bg-\[\#8B5CF6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EF4444\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F59E0B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F59E0B\]\/20 {
  background-color: rgb(245 158 11 / 0.2);
}

.bg-\[\#FFCA06\]\/10 {
  background-color: rgb(255 202 6 / 0.1);
}

.bg-\[\#FFD25F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 210 95 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFD700\]\/10 {
  background-color: rgb(255 215 0 / 0.1);
}

.bg-\[\#FFFFFF0A\] {
  background-color: #FFFFFF0A;
}

.bg-\[\#FFFFFF1F\] {
  background-color: #FFFFFF1F;
}

.bg-\[\#FFFFFF33\] {
  background-color: #FFFFFF33;
}

.bg-\[\#FFFFFF\]\/20 {
  background-color: rgb(255 255 255 / 0.2);
}

.bg-\[\#db4437\] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 68 55 / var(--tw-bg-opacity, 1));
}

.bg-\[\#eee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fbfbfb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 251 251 / var(--tw-bg-opacity, 1));
}

.bg-\[\#ff062e\]\/10 {
  background-color: rgb(255 6 46 / 0.1);
}

.bg-\[\#ff062e\]\/20 {
  background-color: rgb(255 6 46 / 0.2);
}

.bg-\[\#ffffff16\] {
  background-color: #ffffff16;
}

.bg-\[\#ffffff1f\] {
  background-color: #ffffff1f;
}

.bg-\[\#ffffff33\] {
  background-color: #ffffff33;
}

.bg-\[black\]\/60 {
  background-color: rgb(0 0 0 / 0.6);
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.5\)\] {
  background-color: rgba(0,0,0,0.5);
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

.bg-amber-500\/20 {
  background-color: rgb(245 158 11 / 0.2);
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}

.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.bg-blue-400\/10 {
  background-color: rgb(96 165 250 / 0.1);
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1);
}

.bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2);
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.bg-blue-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}

.bg-blue-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

.bg-emerald-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1));
}

.bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
}

.bg-emerald-400\/10 {
  background-color: rgb(52 211 153 / 0.1);
}

.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}

.bg-gaming-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(80 129 255 / var(--tw-bg-opacity, 1));
}

.bg-gaming-blue\/20 {
  background-color: rgb(80 129 255 / 0.2);
}

.bg-gaming-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.bg-gaming-deep-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(52 99 219 / var(--tw-bg-opacity, 1));
}

.bg-gaming-gold {
  --tw-bg-opacity: 1;
  background-color: rgb(255 215 0 / var(--tw-bg-opacity, 1));
}

.bg-gaming-green {
  --tw-bg-opacity: 1;
  background-color: rgb(0 255 136 / var(--tw-bg-opacity, 1));
}

.bg-gaming-light-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(75 125 255 / var(--tw-bg-opacity, 1));
}

.bg-gaming-navy {
  --tw-bg-opacity: 1;
  background-color: rgb(19 17 46 / var(--tw-bg-opacity, 1));
}

.bg-gaming-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(255 140 0 / var(--tw-bg-opacity, 1));
}

.bg-gaming-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(39 36 80 / var(--tw-bg-opacity, 1));
}

.bg-gaming-red {
  --tw-bg-opacity: 1;
  background-color: rgb(255 107 107 / var(--tw-bg-opacity, 1));
}

.bg-gaming-slate {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-gaming-slate\/50 {
  background-color: rgb(30 41 59 / 0.5);
}

.bg-gaming-violet {
  --tw-bg-opacity: 1;
  background-color: rgb(156 39 176 / var(--tw-bg-opacity, 1));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

.bg-gray-500\/10 {
  background-color: rgb(107 114 128 / 0.1);
}

.bg-gray-500\/20 {
  background-color: rgb(107 114 128 / 0.2);
}

.bg-gray-500\/50 {
  background-color: rgb(107 114 128 / 0.5);
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.bg-gray-600\/20 {
  background-color: rgb(75 85 99 / 0.2);
}

.bg-gray-600\/50 {
  background-color: rgb(75 85 99 / 0.5);
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.bg-gray-700\/20 {
  background-color: rgb(55 65 81 / 0.2);
}

.bg-gray-700\/50 {
  background-color: rgb(55 65 81 / 0.5);
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.bg-gray-800\/95 {
  background-color: rgb(31 41 55 / 0.95);
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}

.bg-gray-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 7 18 / var(--tw-bg-opacity, 1));
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-500\/10 {
  background-color: rgb(34 197 94 / 0.1);
}

.bg-green-500\/20 {
  background-color: rgb(34 197 94 / 0.2);
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

.bg-green-900\/20 {
  background-color: rgb(20 83 45 / 0.2);
}

.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}

.bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

.bg-mandy-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 62 62 / var(--tw-bg-opacity, 1));
}

.bg-mandy-500\/90 {
  background-color: rgb(229 62 62 / 0.9);
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

.bg-orange-500\/20 {
  background-color: rgb(249 115 22 / 0.2);
}

.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}

.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}

.bg-pink-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}

.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

.bg-purple-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(192 132 252 / var(--tw-bg-opacity, 1));
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}

.bg-purple-500\/20 {
  background-color: rgb(168 85 247 / 0.2);
}

.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

.bg-purple-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 33 168 / var(--tw-bg-opacity, 1));
}

.bg-purple-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2);
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.bg-red-600\/20 {
  background-color: rgb(220 38 38 / 0.2);
}

.bg-red-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

.bg-red-900\/20 {
  background-color: rgb(127 29 29 / 0.2);
}

.bg-stone-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(12 10 9 / var(--tw-bg-opacity, 1));
}

.bg-success-dark-light {
  --tw-bg-opacity: 1;
  background-color: rgb(21 87 36 / var(--tw-bg-opacity, 1));
}

.bg-success-light {
  --tw-bg-opacity: 1;
  background-color: rgb(212 237 218 / var(--tw-bg-opacity, 1));
}

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

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/60 {
  background-color: rgb(255 255 255 / 0.6);
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

.bg-yellow-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.bg-yellow-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

.bg-yellow-500\/20 {
  background-color: rgb(234 179 8 / 0.2);
}

.bg-yellow-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.bg-yellow-600\/20 {
  background-color: rgb(202 138 4 / 0.2);
}

.bg-yellow-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

.bg-\[\#5081FF1a\] {
  background-color: #5081FF1a;
}

.bg-\[\#ffffff0d\] {
  background-color: #ffffff0d;
}

.bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}

.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.\!bg-none {
  background-image: none !important;
}

.bg-\[linear-gradient\(45deg\2c \#fff9f9_0\%\2c rgba\(255\2c 255\2c 255\2c 0\)_25\%\2c rgba\(255\2c 255\2c 255\2c 0\)_75\%\2c _\#fff9f9_100\%\)\] {
  background-image: linear-gradient(45deg,#fff9f9 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%, #fff9f9 100%);
}

.bg-\[url\(\/public\/admin\/assets\/images\/auth\/map\.png\)\] {
  background-image: url(/public/admin/assets/images/auth/map.png);
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

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

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

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

.from-\[\#00FF88\] {
  --tw-gradient-from: #00FF88 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 255 136 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#00FF88\]\/20 {
  --tw-gradient-from: rgb(0 255 136 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 255 136 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#00FF88\]\/60 {
  --tw-gradient-from: rgb(0 255 136 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 255 136 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#00FFFF\] {
  --tw-gradient-from: #00FFFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#06B6D4\] {
  --tw-gradient-from: #06B6D4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0A0A0A\] {
  --tw-gradient-from: #0A0A0A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(10 10 10 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0F172A\] {
  --tw-gradient-from: #0F172A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0F172A\]\/80 {
  --tw-gradient-from: rgb(15 23 42 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0F172A\]\/90 {
  --tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0F172A\]\/95 {
  --tw-gradient-from: rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#10B981\] {
  --tw-gradient-from: #10B981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#10B981\]\/20 {
  --tw-gradient-from: rgb(16 185 129 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#10B981\]\/60 {
  --tw-gradient-from: rgb(16 185 129 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#13112E\] {
  --tw-gradient-from: #13112E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(19 17 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1A1A2E\] {
  --tw-gradient-from: #1A1A2E var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 26 46 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1E293B\]\/50 {
  --tw-gradient-from: rgb(30 41 59 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1E293B\]\/60 {
  --tw-gradient-from: rgb(30 41 59 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1E293B\]\/80 {
  --tw-gradient-from: rgb(30 41 59 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1E293B\]\/95 {
  --tw-gradient-from: rgb(30 41 59 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1a1635\] {
  --tw-gradient-from: #1a1635 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 22 53 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1a1640\]\/20 {
  --tw-gradient-from: rgb(26 22 64 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 22 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1a1640\]\/80 {
  --tw-gradient-from: rgb(26 22 64 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 22 64 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#1a1f3a\] {
  --tw-gradient-from: #1a1f3a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(26 31 58 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#272450\] {
  --tw-gradient-from: #272450 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 36 80 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#272450\]\/30 {
  --tw-gradient-from: rgb(39 36 80 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 36 80 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#2A2D4F\] {
  --tw-gradient-from: #2A2D4F var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 45 79 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#2a2f4a\] {
  --tw-gradient-from: #2a2f4a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 47 74 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#374151\] {
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#4B7DFF20\] {
  --tw-gradient-from: #4B7DFF20 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#4B7DFF\] {
  --tw-gradient-from: #4B7DFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#4B7DFF\]\/10 {
  --tw-gradient-from: rgb(75 125 255 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#4B7DFF\]\/15 {
  --tw-gradient-from: rgb(75 125 255 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#4B7DFF\]\/20 {
  --tw-gradient-from: rgb(75 125 255 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#4B7DFF\]\/5 {
  --tw-gradient-from: rgb(75 125 255 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#5081FF\] {
  --tw-gradient-from: #5081FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#5081FF\]\/10 {
  --tw-gradient-from: rgb(80 129 255 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#5081FF\]\/20 {
  --tw-gradient-from: rgb(80 129 255 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#5081FF\]\/30 {
  --tw-gradient-from: rgb(80 129 255 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#5081FF\]\/40 {
  --tw-gradient-from: rgb(80 129 255 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#6366F1\] {
  --tw-gradient-from: #6366F1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#6366F1\]\/10 {
  --tw-gradient-from: rgb(99 102 241 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#6366F1\]\/20 {
  --tw-gradient-from: rgb(99 102 241 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#8B5CF6\]\/10 {
  --tw-gradient-from: rgb(139 92 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#8B5CF6\]\/30 {
  --tw-gradient-from: rgb(139 92 246 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#9C27B0\] {
  --tw-gradient-from: #9C27B0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 39 176 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#9C27B0\]\/20 {
  --tw-gradient-from: rgb(156 39 176 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 39 176 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#C0C0C0\] {
  --tw-gradient-from: #C0C0C0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 192 192 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#CD7F32\] {
  --tw-gradient-from: #CD7F32 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(205 127 50 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#F59E0B\] {
  --tw-gradient-from: #F59E0B var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#F59E0B\]\/20 {
  --tw-gradient-from: rgb(245 158 11 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FF6B6B\] {
  --tw-gradient-from: #FF6B6B var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 107 107 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FF6B6B\]\/20 {
  --tw-gradient-from: rgb(255 107 107 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 107 107 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FF6B6B\]\/60 {
  --tw-gradient-from: rgb(255 107 107 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 107 107 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFD700\] {
  --tw-gradient-from: #FFD700 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFD700\]\/20 {
  --tw-gradient-from: rgb(255 215 0 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFD700\]\/60 {
  --tw-gradient-from: rgb(255 215 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFFFFF00\] {
  --tw-gradient-from: #FFFFFF00 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFFFFF08\] {
  --tw-gradient-from: #FFFFFF08 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFFFFF15\] {
  --tw-gradient-from: #FFFFFF15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFFFFF20\] {
  --tw-gradient-from: #FFFFFF20 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-500 {
  --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-amber-500\/10 {
  --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black {
  --tw-gradient-from: #000 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/10 {
  --tw-gradient-from: rgb(0 0 0 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/15 {
  --tw-gradient-from: rgb(0 0 0 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/90 {
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-100 {
  --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500\/10 {
  --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500\/20 {
  --tw-gradient-from: rgb(59 130 246 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500\/30 {
  --tw-gradient-from: rgb(59 130 246 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500\/5 {
  --tw-gradient-from: rgb(59 130 246 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-900 {
  --tw-gradient-from: #1e3a8a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-900\/95 {
  --tw-gradient-from: rgb(30 58 138 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-cyan-500 {
  --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-500 {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-900 {
  --tw-gradient-from: #064e3b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-emerald-900\/95 {
  --tw-gradient-from: rgb(6 78 59 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-fuchsia-500 {
  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gaming-blue {
  --tw-gradient-from: #5081FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gaming-dark {
  --tw-gradient-from: #0F172A var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gaming-gold {
  --tw-gradient-from: #FFD700 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 215 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gaming-green {
  --tw-gradient-from: #00FF88 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 255 136 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gaming-purple {
  --tw-gradient-from: #272450 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(39 36 80 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gaming-slate {
  --tw-gradient-from: #1E293B var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gaming-slate\/60 {
  --tw-gradient-from: rgb(30 41 59 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gaming-violet {
  --tw-gradient-from: #9C27B0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(156 39 176 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-100 {
  --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-200 {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-500 {
  --tw-gradient-from: #6b7280 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-600 {
  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-700 {
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-700\/80 {
  --tw-gradient-from: rgb(55 65 81 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-800 {
  --tw-gradient-from: #1f2937 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-800\/50 {
  --tw-gradient-from: rgb(31 41 55 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-800\/60 {
  --tw-gradient-from: rgb(31 41 55 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-800\/80 {
  --tw-gradient-from: rgb(31 41 55 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-900 {
  --tw-gradient-from: #111827 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-100 {
  --tw-gradient-from: #dcfce7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 252 231 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-50 {
  --tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-500 {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-500\/20 {
  --tw-gradient-from: rgb(34 197 94 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-500\/5 {
  --tw-gradient-from: rgb(34 197 94 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-900 {
  --tw-gradient-from: #14532d var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-500 {
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-900 {
  --tw-gradient-from: #312e81 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-900\/40 {
  --tw-gradient-from: rgb(49 46 129 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-400 {
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-50 {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-500 {
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-900 {
  --tw-gradient-from: #7c2d12 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-900\/95 {
  --tw-gradient-from: rgb(124 45 18 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-400 {
  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-500 {
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-400 {
  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-50 {
  --tw-gradient-from: #faf5ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-500 {
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-500\/10 {
  --tw-gradient-from: rgb(168 85 247 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-500\/5 {
  --tw-gradient-from: rgb(168 85 247 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-600 {
  --tw-gradient-from: #9333ea var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-900 {
  --tw-gradient-from: #581c87 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-900\/95 {
  --tw-gradient-from: rgb(88 28 135 / 0.95) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-500 {
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-500\/10 {
  --tw-gradient-from: rgb(239 68 68 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-500\/5 {
  --tw-gradient-from: rgb(239 68 68 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-red-600 {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-slate-900 {
  --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-teal-500 {
  --tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-violet-500 {
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-500 {
  --tw-gradient-from: #eab308 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-500\/10 {
  --tw-gradient-from: rgb(234 179 8 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-500\/20 {
  --tw-gradient-from: rgb(234 179 8 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-500\/5 {
  --tw-gradient-from: rgb(234 179 8 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#00FF88\]\/60 {
  --tw-gradient-to: rgb(0 255 136 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 255 136 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#00FFFF\] {
  --tw-gradient-to: rgb(0 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #00FFFF var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#10B981\]\/60 {
  --tw-gradient-to: rgb(16 185 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(16 185 129 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#1A1A2E\] {
  --tw-gradient-to: rgb(26 26 46 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1A1A2E var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#1E293B\] {
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1E293B var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#1E293B\]\/80 {
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(30 41 59 / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#1E293B\]\/90 {
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(30 41 59 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#1a1640\] {
  --tw-gradient-to: rgb(26 22 64 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1a1640 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#1f2437\] {
  --tw-gradient-to: rgb(31 36 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1f2437 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#374151\]\/85 {
  --tw-gradient-to: rgb(55 65 81 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(55 65 81 / 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#4B7DFF\]\/20 {
  --tw-gradient-to: rgb(75 125 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(75 125 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#4B7DFF\]\/60 {
  --tw-gradient-to: rgb(75 125 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(75 125 255 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#5081FF\] {
  --tw-gradient-to: rgb(80 129 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #5081FF var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#5081FF\]\/10 {
  --tw-gradient-to: rgb(80 129 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(80 129 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#6366F1\]\/15 {
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#8B5CF6\] {
  --tw-gradient-to: rgb(139 92 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #8B5CF6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#8B5CF6\]\/10 {
  --tw-gradient-to: rgb(139 92 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(139 92 246 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#9C27B0\]\/60 {
  --tw-gradient-to: rgb(156 39 176 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(156 39 176 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#F59E0B\]\/60 {
  --tw-gradient-to: rgb(245 158 11 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#FF6B6B\]\/60 {
  --tw-gradient-to: rgb(255 107 107 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 107 107 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[\#FFD700\]\/60 {
  --tw-gradient-to: rgb(255 215 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 215 0 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-black {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-50 {
  --tw-gradient-to: rgb(239 246 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-900 {
  --tw-gradient-to: rgb(30 58 138 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-gaming-dark {
  --tw-gradient-to: rgb(15 23 42 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #0F172A var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-gaming-slate {
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1E293B var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-gray-300 {
  --tw-gradient-to: rgb(209 213 219 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-gray-900 {
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #111827 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-gray-900\/95 {
  --tw-gradient-to: rgb(17 24 39 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(17 24 39 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-400 {
  --tw-gradient-to: rgb(192 132 252 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #c084fc var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-500 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-500\/20 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-500\/30 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-500\/5 {
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-900 {
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-900\/40 {
  --tw-gradient-to: rgb(88 28 135 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(88 28 135 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-slate-800 {
  --tw-gradient-to: rgb(30 41 59 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/10 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/20 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/30 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-\[\#0099CC\] {
  --tw-gradient-to: #0099CC var(--tw-gradient-to-position);
}

.to-\[\#00CC6A\] {
  --tw-gradient-to: #00CC6A var(--tw-gradient-to-position);
}

.to-\[\#00CC6A\]\/60 {
  --tw-gradient-to: rgb(0 204 106 / 0.6) var(--tw-gradient-to-position);
}

.to-\[\#00FF88\]\/20 {
  --tw-gradient-to: rgb(0 255 136 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#059669\] {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}

.to-\[\#059669\]\/60 {
  --tw-gradient-to: rgb(5 150 105 / 0.6) var(--tw-gradient-to-position);
}

.to-\[\#06B6D4\] {
  --tw-gradient-to: #06B6D4 var(--tw-gradient-to-position);
}

.to-\[\#06B6D4\]\/10 {
  --tw-gradient-to: rgb(6 182 212 / 0.1) var(--tw-gradient-to-position);
}

.to-\[\#0F172A\] {
  --tw-gradient-to: #0F172A var(--tw-gradient-to-position);
}

.to-\[\#0F172A\]\/50 {
  --tw-gradient-to: rgb(15 23 42 / 0.5) var(--tw-gradient-to-position);
}

.to-\[\#0F172A\]\/80 {
  --tw-gradient-to: rgb(15 23 42 / 0.8) var(--tw-gradient-to-position);
}

.to-\[\#0F172A\]\/90 {
  --tw-gradient-to: rgb(15 23 42 / 0.9) var(--tw-gradient-to-position);
}

.to-\[\#0F172A\]\/95 {
  --tw-gradient-to: rgb(15 23 42 / 0.95) var(--tw-gradient-to-position);
}

.to-\[\#0f1729\] {
  --tw-gradient-to: #0f1729 var(--tw-gradient-to-position);
}

.to-\[\#10B981\] {
  --tw-gradient-to: #10B981 var(--tw-gradient-to-position);
}

.to-\[\#10B981\]\/20 {
  --tw-gradient-to: rgb(16 185 129 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#13112E\] {
  --tw-gradient-to: #13112E var(--tw-gradient-to-position);
}

.to-\[\#13112E\]\/30 {
  --tw-gradient-to: rgb(19 17 46 / 0.3) var(--tw-gradient-to-position);
}

.to-\[\#13112E\]\/90 {
  --tw-gradient-to: rgb(19 17 46 / 0.9) var(--tw-gradient-to-position);
}

.to-\[\#16213E\] {
  --tw-gradient-to: #16213E var(--tw-gradient-to-position);
}

.to-\[\#1E293B\]\/90 {
  --tw-gradient-to: rgb(30 41 59 / 0.9) var(--tw-gradient-to-position);
}

.to-\[\#1E293B\]\/95 {
  --tw-gradient-to: rgb(30 41 59 / 0.95) var(--tw-gradient-to-position);
}

.to-\[\#1a1347\] {
  --tw-gradient-to: #1a1347 var(--tw-gradient-to-position);
}

.to-\[\#1a1640\]\/40 {
  --tw-gradient-to: rgb(26 22 64 / 0.4) var(--tw-gradient-to-position);
}

.to-\[\#1a1f3a\] {
  --tw-gradient-to: #1a1f3a var(--tw-gradient-to-position);
}

.to-\[\#1f1a40\] {
  --tw-gradient-to: #1f1a40 var(--tw-gradient-to-position);
}

.to-\[\#3463DB\] {
  --tw-gradient-to: #3463DB var(--tw-gradient-to-position);
}

.to-\[\#3463DB\]\/10 {
  --tw-gradient-to: rgb(52 99 219 / 0.1) var(--tw-gradient-to-position);
}

.to-\[\#3463DB\]\/20 {
  --tw-gradient-to: rgb(52 99 219 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#3B6DFF\] {
  --tw-gradient-to: #3B6DFF var(--tw-gradient-to-position);
}

.to-\[\#3B6DFF\]\/10 {
  --tw-gradient-to: rgb(59 109 255 / 0.1) var(--tw-gradient-to-position);
}

.to-\[\#4B5563\] {
  --tw-gradient-to: #4B5563 var(--tw-gradient-to-position);
}

.to-\[\#4B7DFF\] {
  --tw-gradient-to: #4B7DFF var(--tw-gradient-to-position);
}

.to-\[\#4B7DFF\]\/20 {
  --tw-gradient-to: rgb(75 125 255 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#4B7DFF\]\/5 {
  --tw-gradient-to: rgb(75 125 255 / 0.05) var(--tw-gradient-to-position);
}

.to-\[\#5081FF20\] {
  --tw-gradient-to: #5081FF20 var(--tw-gradient-to-position);
}

.to-\[\#5081FF\] {
  --tw-gradient-to: #5081FF var(--tw-gradient-to-position);
}

.to-\[\#5081FF\]\/10 {
  --tw-gradient-to: rgb(80 129 255 / 0.1) var(--tw-gradient-to-position);
}

.to-\[\#5081FF\]\/20 {
  --tw-gradient-to: rgb(80 129 255 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#5081FF\]\/25 {
  --tw-gradient-to: rgb(80 129 255 / 0.25) var(--tw-gradient-to-position);
}

.to-\[\#5B8FFF\]\/10 {
  --tw-gradient-to: rgb(91 143 255 / 0.1) var(--tw-gradient-to-position);
}

.to-\[\#6366F1\] {
  --tw-gradient-to: #6366F1 var(--tw-gradient-to-position);
}

.to-\[\#6B46C1\] {
  --tw-gradient-to: #6B46C1 var(--tw-gradient-to-position);
}

.to-\[\#7B1FA2\] {
  --tw-gradient-to: #7B1FA2 var(--tw-gradient-to-position);
}

.to-\[\#8B5CF6\] {
  --tw-gradient-to: #8B5CF6 var(--tw-gradient-to-position);
}

.to-\[\#9C27B0\]\/20 {
  --tw-gradient-to: rgb(156 39 176 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#A8A8A8\] {
  --tw-gradient-to: #A8A8A8 var(--tw-gradient-to-position);
}

.to-\[\#B8860B\] {
  --tw-gradient-to: #B8860B var(--tw-gradient-to-position);
}

.to-\[\#D97706\] {
  --tw-gradient-to: #D97706 var(--tw-gradient-to-position);
}

.to-\[\#EF4444\] {
  --tw-gradient-to: #EF4444 var(--tw-gradient-to-position);
}

.to-\[\#F59E0B\]\/20 {
  --tw-gradient-to: rgb(245 158 11 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#FF5252\] {
  --tw-gradient-to: #FF5252 var(--tw-gradient-to-position);
}

.to-\[\#FF5252\]\/60 {
  --tw-gradient-to: rgb(255 82 82 / 0.6) var(--tw-gradient-to-position);
}

.to-\[\#FF6B6B\]\/20 {
  --tw-gradient-to: rgb(255 107 107 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#FF8C00\] {
  --tw-gradient-to: #FF8C00 var(--tw-gradient-to-position);
}

.to-\[\#FFA500\] {
  --tw-gradient-to: #FFA500 var(--tw-gradient-to-position);
}

.to-\[\#FFA500\]\/60 {
  --tw-gradient-to: rgb(255 165 0 / 0.6) var(--tw-gradient-to-position);
}

.to-\[\#FFD700\]\/20 {
  --tw-gradient-to: rgb(255 215 0 / 0.2) var(--tw-gradient-to-position);
}

.to-\[\#FFFFFF10\] {
  --tw-gradient-to: #FFFFFF10 var(--tw-gradient-to-position);
}

.to-\[\#FFFFFF12\] {
  --tw-gradient-to: #FFFFFF12 var(--tw-gradient-to-position);
}

.to-\[\#FFFFFF15\] {
  --tw-gradient-to: #FFFFFF15 var(--tw-gradient-to-position);
}

.to-\[\#FFFFFF3D\] {
  --tw-gradient-to: #FFFFFF3D var(--tw-gradient-to-position);
}

.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.to-black\/90 {
  --tw-gradient-to: rgb(0 0 0 / 0.9) var(--tw-gradient-to-position);
}

.to-blue-200 {
  --tw-gradient-to: #bfdbfe var(--tw-gradient-to-position);
}

.to-blue-400 {
  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position);
}

.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}

.to-blue-500 {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
}

.to-blue-500\/20 {
  --tw-gradient-to: rgb(59 130 246 / 0.2) var(--tw-gradient-to-position);
}

.to-blue-500\/30 {
  --tw-gradient-to: rgb(59 130 246 / 0.3) var(--tw-gradient-to-position);
}

.to-blue-500\/5 {
  --tw-gradient-to: rgb(59 130 246 / 0.05) var(--tw-gradient-to-position);
}

.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}

.to-blue-600\/5 {
  --tw-gradient-to: rgb(37 99 235 / 0.05) var(--tw-gradient-to-position);
}

.to-blue-700 {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}

.to-blue-800 {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}

.to-blue-900 {
  --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position);
}

.to-blue-900\/40 {
  --tw-gradient-to: rgb(30 58 138 / 0.4) var(--tw-gradient-to-position);
}

.to-cyan-400 {
  --tw-gradient-to: #22d3ee var(--tw-gradient-to-position);
}

.to-cyan-600 {
  --tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
}

.to-emerald-50 {
  --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position);
}

.to-emerald-500 {
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position);
}

.to-emerald-500\/20 {
  --tw-gradient-to: rgb(16 185 129 / 0.2) var(--tw-gradient-to-position);
}

.to-emerald-600 {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position);
}

.to-emerald-900 {
  --tw-gradient-to: #064e3b var(--tw-gradient-to-position);
}

.to-fuchsia-400 {
  --tw-gradient-to: #e879f9 var(--tw-gradient-to-position);
}

.to-gaming-blue {
  --tw-gradient-to: #5081FF var(--tw-gradient-to-position);
}

.to-gaming-dark {
  --tw-gradient-to: #0F172A var(--tw-gradient-to-position);
}

.to-gaming-dark\/80 {
  --tw-gradient-to: rgb(15 23 42 / 0.8) var(--tw-gradient-to-position);
}

.to-gaming-deep-blue {
  --tw-gradient-to: #3463DB var(--tw-gradient-to-position);
}

.to-gaming-orange {
  --tw-gradient-to: #FF8C00 var(--tw-gradient-to-position);
}

.to-gaming-slate {
  --tw-gradient-to: #1E293B var(--tw-gradient-to-position);
}

.to-gaming-violet {
  --tw-gradient-to: #9C27B0 var(--tw-gradient-to-position);
}

.to-gray-200 {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}

.to-gray-300 {
  --tw-gradient-to: #d1d5db var(--tw-gradient-to-position);
}

.to-gray-600 {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}

.to-gray-700 {
  --tw-gradient-to: #374151 var(--tw-gradient-to-position);
}

.to-gray-800 {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}

.to-gray-800\/90 {
  --tw-gradient-to: rgb(31 41 55 / 0.9) var(--tw-gradient-to-position);
}

.to-gray-900 {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}

.to-gray-900\/50 {
  --tw-gradient-to: rgb(17 24 39 / 0.5) var(--tw-gradient-to-position);
}

.to-gray-900\/60 {
  --tw-gradient-to: rgb(17 24 39 / 0.6) var(--tw-gradient-to-position);
}

.to-gray-900\/80 {
  --tw-gradient-to: rgb(17 24 39 / 0.8) var(--tw-gradient-to-position);
}

.to-gray-900\/95 {
  --tw-gradient-to: rgb(17 24 39 / 0.95) var(--tw-gradient-to-position);
}

.to-green-200 {
  --tw-gradient-to: #bbf7d0 var(--tw-gradient-to-position);
}

.to-green-500 {
  --tw-gradient-to: #22c55e var(--tw-gradient-to-position);
}

.to-green-600 {
  --tw-gradient-to: #16a34a var(--tw-gradient-to-position);
}

.to-green-600\/5 {
  --tw-gradient-to: rgb(22 163 74 / 0.05) var(--tw-gradient-to-position);
}

.to-green-800 {
  --tw-gradient-to: #166534 var(--tw-gradient-to-position);
}

.to-indigo-50 {
  --tw-gradient-to: #eef2ff var(--tw-gradient-to-position);
}

.to-indigo-500 {
  --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
}

.to-indigo-600 {
  --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}

.to-indigo-700 {
  --tw-gradient-to: #4338ca var(--tw-gradient-to-position);
}

.to-indigo-900 {
  --tw-gradient-to: #312e81 var(--tw-gradient-to-position);
}

.to-orange-400 {
  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
}

.to-orange-500 {
  --tw-gradient-to: #f97316 var(--tw-gradient-to-position);
}

.to-orange-500\/10 {
  --tw-gradient-to: rgb(249 115 22 / 0.1) var(--tw-gradient-to-position);
}

.to-orange-500\/20 {
  --tw-gradient-to: rgb(249 115 22 / 0.2) var(--tw-gradient-to-position);
}

.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}

.to-pink-50 {
  --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position);
}

.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}

.to-pink-500\/10 {
  --tw-gradient-to: rgb(236 72 153 / 0.1) var(--tw-gradient-to-position);
}

.to-pink-600 {
  --tw-gradient-to: #db2777 var(--tw-gradient-to-position);
}

.to-pink-700 {
  --tw-gradient-to: #be185d var(--tw-gradient-to-position);
}

.to-pink-900 {
  --tw-gradient-to: #831843 var(--tw-gradient-to-position);
}

.to-purple-400 {
  --tw-gradient-to: #c084fc var(--tw-gradient-to-position);
}

.to-purple-50 {
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position);
}

.to-purple-500 {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
}

.to-purple-500\/10 {
  --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position);
}

.to-purple-600 {
  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
}

.to-purple-600\/5 {
  --tw-gradient-to: rgb(147 51 234 / 0.05) var(--tw-gradient-to-position);
}

.to-purple-700 {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}

.to-purple-900 {
  --tw-gradient-to: #581c87 var(--tw-gradient-to-position);
}

.to-red-50 {
  --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position);
}

.to-red-500 {
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
}

.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}

.to-red-600\/5 {
  --tw-gradient-to: rgb(220 38 38 / 0.05) var(--tw-gradient-to-position);
}

.to-red-700 {
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}

.to-red-900 {
  --tw-gradient-to: #7f1d1d var(--tw-gradient-to-position);
}

.to-slate-900 {
  --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
}

.to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-violet-400 {
  --tw-gradient-to: #a78bfa var(--tw-gradient-to-position);
}

.to-yellow-500 {
  --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
}

.to-yellow-600 {
  --tw-gradient-to: #ca8a04 var(--tw-gradient-to-position);
}

.to-yellow-600\/5 {
  --tw-gradient-to: rgb(202 138 4 / 0.05) var(--tw-gradient-to-position);
}

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

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

.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}

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

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

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

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

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

.bg-origin-border {
  background-origin: border-box;
}

.fill-white {
  fill: #fff;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.\!p-0 {
  padding: 0px !important;
}

.\!p-5 {
  padding: 1.25rem !important;
}

.\!p-6 {
  padding: 1.5rem !important;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-3\.5 {
  padding: 0.875rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.p-9 {
  padding: 2.25rem;
}

.p-\[16px\] {
  padding: 16px;
}

.p-\[20px\] {
  padding: 20px;
}

.p-\[24px\] {
  padding: 24px;
}

.p-\[48px\] {
  padding: 48px;
}

.p-px {
  padding: 1px;
}

.p-\[10px\] {
  padding: 10px;
}

.p-\[12px\] {
  padding: 12px;
}

.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}

.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}

.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}

.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}

.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}

.px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}

.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-\[1px\] {
  padding-top: 1px;
  padding-bottom: 1px;
}

.py-\[24px\] {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-\[48px\] {
  padding-top: 48px;
  padding-bottom: 48px;
}

.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[10px\] {
  padding-bottom: 10px;
}

.pb-\[12px\] {
  padding-bottom: 12px;
}

.pb-\[48px\] {
  padding-bottom: 48px;
}

.pb-\[4px\] {
  padding-bottom: 4px;
}

.pb-\[5px\] {
  padding-bottom: 5px;
}

.pb-\[8px\] {
  padding-bottom: 8px;
}

.pe-0 {
  padding-inline-end: 0px;
}

.pe-1 {
  padding-inline-end: 0.25rem;
}

.pe-2 {
  padding-inline-end: 0.5rem;
}

.pe-3 {
  padding-inline-end: 0.75rem;
}

.pe-32 {
  padding-inline-end: 8rem;
}

.pe-4 {
  padding-inline-end: 1rem;
}

.pe-5 {
  padding-inline-end: 1.25rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-\[16px\] {
  padding-left: 16px;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pr-\[10px\] {
  padding-right: 10px;
}

.ps-0 {
  padding-inline-start: 0px;
}

.ps-1 {
  padding-inline-start: 0.25rem;
}

.ps-10 {
  padding-inline-start: 2.5rem;
}

.ps-2 {
  padding-inline-start: 0.5rem;
}

.ps-3 {
  padding-inline-start: 0.75rem;
}

.ps-4 {
  padding-inline-start: 1rem;
}

.ps-5 {
  padding-inline-start: 1.25rem;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[10px\] {
  padding-top: 10px;
}

.pt-\[12px\] {
  padding-top: 12px;
}

.pt-\[22px\] {
  padding-top: 22px;
}

.pt-\[24px\] {
  padding-top: 24px;
}

.pt-\[6px\] {
  padding-top: 6px;
}

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

.\!text-center {
  text-align: center !important;
}

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

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

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

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

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

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

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

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

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

.align-\[-\.125em\] {
  vertical-align: -.125em;
}

.font-league-spartan {
  font-family: League Spartan, Arial, sans-serif;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-signika {
  font-family: Signika, sans-serif;
}

.font-spartan {
  font-family: League Spartan, Arial, sans-serif;
}

.\!text-\[14px\] {
  font-size: 14px !important;
}

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

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

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

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  line-height: 1;
}

.text-\[0\.813rem\] {
  font-size: 0.813rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[22px\] {
  font-size: 22px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[28px\] {
  font-size: 28px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[7px\] {
  font-size: 7px;
}

.text-\[8px\] {
  font-size: 8px;
}

.text-\[9px\] {
  font-size: 9px;
}

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

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-lg\/none {
  font-size: 1.125rem;
  line-height: 1;
}

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

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-\[300\] {
  font-weight: 300;
}

.font-\[400\] {
  font-weight: 400;
}

.font-\[500\] {
  font-weight: 500;
}

.font-\[600\] {
  font-weight: 600;
}

.font-\[700\] {
  font-weight: 700;
}

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

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

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.\!italic {
  font-style: italic !important;
}

.italic {
  font-style: italic;
}

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

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\!leading-snug {
  line-height: 1.375 !important;
}

.leading-3 {
  line-height: .75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-\[120\%\] {
  line-height: 120%;
}

.leading-\[13px\] {
  line-height: 13px;
}

.leading-\[16px\] {
  line-height: 16px;
}

.leading-\[17px\] {
  line-height: 17px;
}

.leading-\[18px\] {
  line-height: 18px;
}

.leading-\[19px\] {
  line-height: 19px;
}

.leading-\[20px\] {
  line-height: 20px;
}

.leading-\[28px\] {
  line-height: 28px;
}

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

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

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

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

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

.leading-\[140\%\] {
  line-height: 140%;
}

.leading-\[160\%\] {
  line-height: 160%;
}

.tracking-\[0\.1em\] {
  letter-spacing: 0.1em;
}

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

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

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

.\!text-\[\#FFFFFFCC\] {
  color: #FFFFFFCC !important;
}

.text-\[\#000000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-\[\#0068ff\] {
  --tw-text-opacity: 1;
  color: rgb(0 104 255 / var(--tw-text-opacity, 1));
}

.text-\[\#00FF88\] {
  --tw-text-opacity: 1;
  color: rgb(0 255 136 / var(--tw-text-opacity, 1));
}

.text-\[\#10B981\] {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-\[\#10b981\] {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-\[\#12CBAB\] {
  --tw-text-opacity: 1;
  color: rgb(18 203 171 / var(--tw-text-opacity, 1));
}

.text-\[\#1877f2\] {
  --tw-text-opacity: 1;
  color: rgb(24 119 242 / var(--tw-text-opacity, 1));
}

.text-\[\#1a1635\] {
  --tw-text-opacity: 1;
  color: rgb(26 22 53 / var(--tw-text-opacity, 1));
}

.text-\[\#1a1640\] {
  --tw-text-opacity: 1;
  color: rgb(26 22 64 / var(--tw-text-opacity, 1));
}

.text-\[\#28a745\] {
  --tw-text-opacity: 1;
  color: rgb(40 167 69 / var(--tw-text-opacity, 1));
}

.text-\[\#3B82F6\] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-\[\#45ff02\] {
  --tw-text-opacity: 1;
  color: rgb(69 255 2 / var(--tw-text-opacity, 1));
}

.text-\[\#4B7DFF\] {
  --tw-text-opacity: 1;
  color: rgb(75 125 255 / var(--tw-text-opacity, 1));
}

.text-\[\#4B7DFF\]\/70 {
  color: rgb(75 125 255 / 0.7);
}

.text-\[\#5081FF\] {
  --tw-text-opacity: 1;
  color: rgb(80 129 255 / var(--tw-text-opacity, 1));
}

.text-\[\#5B8FFF\] {
  --tw-text-opacity: 1;
  color: rgb(91 143 255 / var(--tw-text-opacity, 1));
}

.text-\[\#69B1FF\] {
  --tw-text-opacity: 1;
  color: rgb(105 177 255 / var(--tw-text-opacity, 1));
}

.text-\[\#6B9FFF\] {
  --tw-text-opacity: 1;
  color: rgb(107 159 255 / var(--tw-text-opacity, 1));
}

.text-\[\#7289da\] {
  --tw-text-opacity: 1;
  color: rgb(114 137 218 / var(--tw-text-opacity, 1));
}

.text-\[\#9C27B0\] {
  --tw-text-opacity: 1;
  color: rgb(156 39 176 / var(--tw-text-opacity, 1));
}

.text-\[\#9F9BAB\] {
  --tw-text-opacity: 1;
  color: rgb(159 155 171 / var(--tw-text-opacity, 1));
}

.text-\[\#C7D2FE\] {
  --tw-text-opacity: 1;
  color: rgb(199 210 254 / var(--tw-text-opacity, 1));
}

.text-\[\#EF4444\] {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-\[\#F59E0B\] {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-\[\#FF5252\] {
  --tw-text-opacity: 1;
  color: rgb(255 82 82 / var(--tw-text-opacity, 1));
}

.text-\[\#FF6B6B\] {
  --tw-text-opacity: 1;
  color: rgb(255 107 107 / var(--tw-text-opacity, 1));
}

.text-\[\#FFCA06\] {
  --tw-text-opacity: 1;
  color: rgb(255 202 6 / var(--tw-text-opacity, 1));
}

.text-\[\#FFD25F\] {
  --tw-text-opacity: 1;
  color: rgb(255 210 95 / var(--tw-text-opacity, 1));
}

.text-\[\#FFD700\] {
  --tw-text-opacity: 1;
  color: rgb(255 215 0 / var(--tw-text-opacity, 1));
}

.text-\[\#FFFFFF33\] {
  color: #FFFFFF33;
}

.text-\[\#FFFFFF60\] {
  color: #FFFFFF60;
}

.text-\[\#FFFFFF66\] {
  color: #FFFFFF66;
}

.text-\[\#FFFFFF80\] {
  color: #FFFFFF80;
}

.text-\[\#FFFFFF99\] {
  color: #FFFFFF99;
}

.text-\[\#FFFFFFB3\] {
  color: #FFFFFFB3;
}

.text-\[\#FFFFFFCC\] {
  color: #FFFFFFCC;
}

.text-\[\#FFFFFFDD\] {
  color: #FFFFFFDD;
}

.text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-\[\#db4437\] {
  --tw-text-opacity: 1;
  color: rgb(219 68 55 / var(--tw-text-opacity, 1));
}

.text-\[\#f8f8f8\] {
  --tw-text-opacity: 1;
  color: rgb(248 248 248 / var(--tw-text-opacity, 1));
}

.text-\[\#ff062e\] {
  --tw-text-opacity: 1;
  color: rgb(255 6 46 / var(--tw-text-opacity, 1));
}

.text-\[\#ff062e\]\/70 {
  color: rgb(255 6 46 / 0.7);
}

.text-\[\#fff9\] {
  color: #fff9;
}

.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

.text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-blue-100 {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}

.text-blue-200 {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}

.text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-gaming-blue {
  --tw-text-opacity: 1;
  color: rgb(80 129 255 / var(--tw-text-opacity, 1));
}

.text-gaming-dark {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-gaming-deep-blue {
  --tw-text-opacity: 1;
  color: rgb(52 99 219 / var(--tw-text-opacity, 1));
}

.text-gaming-gold {
  --tw-text-opacity: 1;
  color: rgb(255 215 0 / var(--tw-text-opacity, 1));
}

.text-gaming-green {
  --tw-text-opacity: 1;
  color: rgb(0 255 136 / var(--tw-text-opacity, 1));
}

.text-gaming-light-blue {
  --tw-text-opacity: 1;
  color: rgb(75 125 255 / var(--tw-text-opacity, 1));
}

.text-gaming-navy {
  --tw-text-opacity: 1;
  color: rgb(19 17 46 / var(--tw-text-opacity, 1));
}

.text-gaming-orange {
  --tw-text-opacity: 1;
  color: rgb(255 140 0 / var(--tw-text-opacity, 1));
}

.text-gaming-purple {
  --tw-text-opacity: 1;
  color: rgb(39 36 80 / var(--tw-text-opacity, 1));
}

.text-gaming-red {
  --tw-text-opacity: 1;
  color: rgb(255 107 107 / var(--tw-text-opacity, 1));
}

.text-gaming-slate {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.text-gaming-violet {
  --tw-text-opacity: 1;
  color: rgb(156 39 176 / var(--tw-text-opacity, 1));
}

.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-gray-950 {
  --tw-text-opacity: 1;
  color: rgb(3 7 18 / var(--tw-text-opacity, 1));
}

.text-green-100 {
  --tw-text-opacity: 1;
  color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}

.text-green-200 {
  --tw-text-opacity: 1;
  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

.text-green-300 {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

.text-mandy-500 {
  --tw-text-opacity: 1;
  color: rgb(229 62 62 / var(--tw-text-opacity, 1));
}

.text-neutral-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}

.text-orange-100 {
  --tw-text-opacity: 1;
  color: rgb(255 237 213 / var(--tw-text-opacity, 1));
}

.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}

.text-purple-100 {
  --tw-text-opacity: 1;
  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
}

.text-purple-200 {
  --tw-text-opacity: 1;
  color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}

.text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

.text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}

.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

.text-red-100 {
  --tw-text-opacity: 1;
  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
}

.text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}

.text-transparent {
  color: transparent;
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-yellow-100 {
  --tw-text-opacity: 1;
  color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}

.text-yellow-200 {
  --tw-text-opacity: 1;
  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}

.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

.text-\[\#ffffff66\] {
  color: #ffffff66;
}

.text-\[\#ffffff99\] {
  color: #ffffff99;
}

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

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

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

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

.underline-offset-4 {
  text-underline-offset: 4px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.placeholder-\[\#9F9BAB\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(159 155 171 / var(--tw-placeholder-opacity, 1));
}

.placeholder-\[\#9F9BAB\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(159 155 171 / var(--tw-placeholder-opacity, 1));
}

.placeholder-\[\#FFFFFFCC\]\/50::-moz-placeholder {
  color: rgb(255 255 255 / 0.5);
}

.placeholder-\[\#FFFFFFCC\]\/50::placeholder {
  color: rgb(255 255 255 / 0.5);
}

.placeholder-gray-400::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-55 {
  opacity: 0.55;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-65 {
  opacity: 0.65;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-\[0\.7\] {
  opacity: 0.7;
}

.mix-blend-luminosity {
  mix-blend-mode: luminosity;
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_10px_20px_-10px_rgba\(67\2c 97\2c 238\2c 0\.44\)\] {
  --tw-shadow: 0 10px 20px -10px rgba(67,97,238,0.44);
  --tw-shadow-colored: 0 10px 20px -10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[5px_0_25px_0_rgba\(94\2c 92\2c 154\2c 0\.1\)\] {
  --tw-shadow: 5px 0 25px 0 rgba(94,92,154,0.1);
  --tw-shadow-colored: 5px 0 25px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[\#00FF88\]\/50 {
  --tw-shadow-color: rgb(0 255 136 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#06B6D4\]\/30 {
  --tw-shadow-color: rgb(6 182 212 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#06B6D4\]\/50 {
  --tw-shadow-color: rgb(6 182 212 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#10B981\]\/30 {
  --tw-shadow-color: rgb(16 185 129 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#4B7DFF\]\/20 {
  --tw-shadow-color: rgb(75 125 255 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#5081FF\]\/20 {
  --tw-shadow-color: rgb(80 129 255 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#5081FF\]\/30 {
  --tw-shadow-color: rgb(80 129 255 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#5081FF\]\/40 {
  --tw-shadow-color: rgb(80 129 255 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#6366F1\]\/25 {
  --tw-shadow-color: rgb(99 102 241 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#6366F1\]\/30 {
  --tw-shadow-color: rgb(99 102 241 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#6366F1\]\/40 {
  --tw-shadow-color: rgb(99 102 241 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#6366F1\]\/50 {
  --tw-shadow-color: rgb(99 102 241 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#6366F1\]\/60 {
  --tw-shadow-color: rgb(99 102 241 / 0.6);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#8B5CF6\]\/30 {
  --tw-shadow-color: rgb(139 92 246 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#8B5CF6\]\/50 {
  --tw-shadow-color: rgb(139 92 246 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#C0C0C0\]\/40 {
  --tw-shadow-color: rgb(192 192 192 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#CD7F32\]\/40 {
  --tw-shadow-color: rgb(205 127 50 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#EF4444\]\/25 {
  --tw-shadow-color: rgb(239 68 68 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#F59E0B\]\/25 {
  --tw-shadow-color: rgb(245 158 11 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-\[\#FFD700\]\/40 {
  --tw-shadow-color: rgb(255 215 0 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-blue-500 {
  --tw-shadow-color: #3b82f6;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-blue-500\/25 {
  --tw-shadow-color: rgb(59 130 246 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-500 {
  --tw-shadow-color: #10b981;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-500\/25 {
  --tw-shadow-color: rgb(16 185 129 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-emerald-600 {
  --tw-shadow-color: #059669;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gaming-blue {
  --tw-shadow-color: #5081FF;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-orange-500 {
  --tw-shadow-color: #f97316;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-orange-500\/25 {
  --tw-shadow-color: rgb(249 115 22 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-purple-500 {
  --tw-shadow-color: #a855f7;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-purple-500\/25 {
  --tw-shadow-color: rgb(168 85 247 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-red-500 {
  --tw-shadow-color: #ef4444;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-red-500\/25 {
  --tw-shadow-color: rgb(239 68 68 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-transparent {
  --tw-shadow-color: transparent;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-0 {
  outline-width: 0px;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-\[\#4B7DFF\]\/30 {
  --tw-ring-color: rgb(75 125 255 / 0.3);
}

.ring-gaming-blue {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(80 129 255 / var(--tw-ring-opacity, 1));
}

.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-2xl {
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-sm {
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-xl {
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-110 {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-sm {
  --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!invert {
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.saturate-100 {
  --tw-saturate: saturate(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.saturate-50 {
  --tw-saturate: saturate(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[display\] {
  transition-property: display;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[height\] {
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[opacity\2c margin\] {
  transition-property: opacity,margin;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[right\] {
  transition-property: right;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-500 {
  transition-delay: 500ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* Gaming Shadow Utilities */

.shadow-gaming {
  box-shadow: 0 4px 12px rgba(80, 129, 255, 0.3);
}

.shadow-gaming-lg {
  box-shadow: 0 8px 24px rgba(80, 129, 255, 0.4);
}

.shadow-gaming-xl {
  box-shadow: 0 12px 36px rgba(80, 129, 255, 0.5);
}

/* Gaming Glow Effects */

.glow-gaming-blue {
  box-shadow: 0 0 20px rgba(80, 129, 255, 0.5);
}

.glow-gaming-purple {
  box-shadow: 0 0 20px rgba(156, 39, 176, 0.5);
}

.glow-gaming-green {
  box-shadow: 0 0 20px rgba(0, 255, 136, 0.5);
}

/* Gaming Text Effects */

.text-glow {
  text-shadow: 0 0 10px currentColor;
}

.text-glow-lg {
  text-shadow: 0 0 20px currentColor, 0 0 40px currentColor;
}

/* Gaming Border Effects */

.border-glow {
  border-color: currentColor;
  box-shadow: 0 0 10px currentColor;
}

/* Gaming Background Effects */

.bg-gaming-gradient {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);
}

.bg-gaming-gradient-blue {
  background: linear-gradient(135deg, #5081FF 0%, #3463DB 50%, #4B7DFF 100%);
}

.bg-gaming-gradient-purple {
  background: linear-gradient(135deg, #272450 0%, #9C27B0 50%, #272450 100%);
}

/* Gaming Animation Utilities */

.animate-float {
  animation: float 3s ease-in-out infinite forwards;
}

.animate-glow {
  animation: glow 2s ease-in-out infinite;
}

.animate-pulse-glow {
  animation: pulse-glow 3s ease-in-out infinite;
}

.animate-shimmer {
  animation: shimmer 2.5s infinite linear;
}

/* Gaming Clip Path Utilities */

.clip-triangle-tl {
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.clip-triangle-tr {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.clip-triangle-bl {
  clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.clip-triangle-br {
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

/* Gaming Backdrop Utilities */

.backdrop-gaming {
  backdrop-filter: blur(8px) saturate(180%);
}

/* Gaming Scrollbar Utilities */

.scrollbar-gaming {
  scrollbar-width: thin;
  scrollbar-color: #5081FF #1E293B;
}

.scrollbar-gaming::-webkit-scrollbar {
  width: 8px;
}

.scrollbar-gaming::-webkit-scrollbar-track {
  background: #1E293B;
  border-radius: 4px;
}

.scrollbar-gaming::-webkit-scrollbar-thumb {
  background: #5081FF;
  border-radius: 4px;
}

.scrollbar-gaming::-webkit-scrollbar-thumb:hover {
  background: #3463DB;
}

/* Gaming Responsive Utilities */

.min-h-home {
  min-height: calc(100vh - 80px);
}

.min-h-screen-80 {
  min-height: 80vh;
}

/* Gaming Typography Utilities */

.font-gaming {
  font-family: 'Signika', ui-sans-serif, system-ui, sans-serif;
}

.font-gaming-display {
  font-family: 'League Spartan', 'Signika', ui-sans-serif, system-ui, sans-serif;
}

/* Custom Gaming Account Card Components */

._box-number-account_1eg83_36 {
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  color:rgb(255 255 255/var(--tw-text-opacity));
  border-radius:calc(var(--radius) - 2px);
  font-weight:700;
  color:rgb(255 255 255 / var(--tw-text-opacity));
  display:inline-block;
  border-radius:.375rem;
  font-size:.75rem;
  line-height:1rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1));
}

._short-account-border_1eg83_17 {
  border-radius:var(--radius);
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:.5rem;
}

.gaming-image-gallery ._short-account-border_1eg83_17 {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  /* ENHANCED: Ensure proper positioning */
  position: relative;
  z-index: 1;
}

._image-container_1eg83_26 {
  height:12rem;
  border-radius:var(--radius);
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  border-radius:.5rem;
}

.gaming-image-gallery ._image-container_1eg83_26 {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  /* ENHANCED: Ensure proper positioning */
  position: relative;
  z-index: 1;
}

._image-container_1eg83_26 img {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  transition-duration:.3s;
}

._image-container_1eg83_26 img:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

._button-icon_1eg83_47 {
  --tw-bg-opacity: 1;
  background-color: rgb(80 129 255 / var(--tw-bg-opacity, 1));
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  background-color: #5081FF;
  color:rgb(255 255 255/var(--tw-text-opacity));
  border-radius:var(--radius);
  font-weight:600;
  color:rgb(255 255 255 / var(--tw-text-opacity));
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  animation-duration:.3s;
  display:inline-flex;
  width:100%;
  align-items:center;
  justify-content:center;
  border-radius:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-size:.875rem;
  line-height:1.25rem;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1));
  transition-duration:.3s;
}

._button-icon_1eg83_47:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(52 99 219 / var(--tw-bg-opacity, 1));
}

._button-icon_1eg83_47 svg {
  margin-right:.5rem;
}

.\[--placement\:bottom-left\] {
  --placement: bottom-left;
}

.\[--placement\:bottom-right\] {
  --placement: bottom-right;
}

/* Custom Base Styles */

/* Custom Component Styles */

/* Custom Utility Styles */

/* Gaming Keyframe Animations */

@keyframes shimmer {
  0% {
    left: -100%;
    transform: translateX(-100%);
  }

  100% {
    left: 100%;
    transform: translateX(100%);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.3);
  }

  50% {
    box-shadow: 0 0 30px rgba(99, 102, 241, 0.6);
  }
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
    border-color: rgba(99, 102, 241, 0.6);
  }

  50% {
    box-shadow: 0 0 40px rgba(99, 102, 241, 0.8);
    border-color: rgba(99, 102, 241, 1);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 1024px) {
  .recharge-payment-section {
    width: 33.333333% !important;
  }

  .recharge-history-section {
    width: 66.666667% !important;
  }
}

/* Enhanced Gaming Table Core Styles */

.enhanced-gaming-table {
  font-family: 'Signika', sans-serif;
  background: transparent;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(80, 129, 255, 0.15);
}

/* Gaming Status Badges */

.gaming-status-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid;
  transition: all 0.3s ease;
  font-family: 'Signika', sans-serif;
}

.gaming-status-success {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.2) 100%);
  color: #10B981;
  border-color: rgba(16, 185, 129, 0.3);
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}

.gaming-status-warning {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(217, 119, 6, 0.2) 100%);
  color: #F59E0B;
  border-color: rgba(245, 158, 11, 0.3);
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);
}

.gaming-status-danger {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.2) 0%, rgba(220, 38, 38, 0.2) 100%);
  color: #EF4444;
  border-color: rgba(239, 68, 68, 0.3);
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.2);
}

.gaming-status-info {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(37, 99, 235, 0.2) 100%);
  color: #3B82F6;
  border-color: rgba(59, 130, 246, 0.3);
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

/* Enhanced Gaming Table Headers */

.enhanced-gaming-table thead tr {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.95) 50%, rgba(15, 23, 42, 0.95) 100%);
  border-bottom: 2px solid rgba(80, 129, 255, 0.4);
  position: relative;
}

/* .enhanced-gaming-table thead tr::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(80, 129, 255, 0.6), transparent);
} */

.enhanced-gaming-table th {
  background: transparent;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 16px 12px;
  font-size: 12px;
  text-align: left;
  border: none;
  position: relative;
  white-space: nowrap;
}

.enhanced-gaming-table th::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(80, 129, 255, 0.5), transparent);
}

/* Enhanced Gaming Table Body */

.enhanced-gaming-table tbody tr {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.4) 0%, rgba(30, 41, 59, 0.4) 100%);
  border-bottom: 1px solid rgba(80, 129, 255, 0.1);
  transition: all 0.3s ease;
  position: relative;
}

.enhanced-gaming-table tbody tr:nth-child(even) {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.3) 0%, rgba(15, 23, 42, 0.3) 100%);
}

.enhanced-gaming-table tbody tr:hover {
  background: linear-gradient(135deg, rgba(80, 129, 255, 0.15) 0%, rgba(52, 99, 219, 0.15) 100%);
  border-color: rgba(80, 129, 255, 0.3);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(80, 129, 255, 0.2);
}

/* .enhanced-gaming-table tbody tr:hover::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #5081FF, #3463DB);
  border-radius: 0 2px 2px 0;
} */

.enhanced-gaming-table td {
  padding: 14px 12px;
  color: #FFFFFFCC;
  font-size: 13px;
  font-weight: 500;
  border: none;
  transition: all 0.3s ease;
  vertical-align: middle;
}

.enhanced-gaming-table tbody tr:hover td {
  color: #FFFFFF;
}

/* Gaming Table Triangular Accents */

.enhanced-gaming-table tbody tr::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 0;
  border-color: transparent rgba(80, 129, 255, 0.2) transparent transparent;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.enhanced-gaming-table tbody tr:hover::after {
  opacity: 1;
}

/* Enhanced Gaming DataTable Pagination */

.datatable-pagination {
  margin-top: 24px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.6) 100%);
  border-radius: 12px;
  border: 1px solid rgba(80, 129, 255, 0.2);
}

.datatable-pagination .datatable-pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item .datatable-pagination-list-item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 8px 12px;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.8) 100%);
  border: 2px solid rgba(80, 129, 255, 0.3);
  border-radius: 8px;
  color: #FFFFFFCC;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  font-family: 'Signika', sans-serif;
}

.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item .datatable-pagination-list-item-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(80, 129, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item .datatable-pagination-list-item-link:hover::before {
  left: 100%;
}

.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item .datatable-pagination-list-item-link:hover,
.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item.datatable-pagination-active .datatable-pagination-list-item-link {
  background: linear-gradient(135deg, #5081FF 0%, #3463DB 100%);
  border-color: #5081FF;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(80, 129, 255, 0.4);
}

.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item.datatable-pagination-active .datatable-pagination-list-item-link {
  box-shadow: 0 6px 20px rgba(80, 129, 255, 0.6);
}

/* Enhanced Gaming Search and Controls */

.datatable-top {
  margin-bottom: 20px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.6) 100%);
  border-radius: 12px;
  border: 1px solid rgba(80, 129, 255, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.datatable-search {
  position: relative;
}

.datatable-search input {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.8) 100%);
  border: 2px solid rgba(80, 129, 255, 0.3);
  border-radius: 10px;
  color: #FFFFFF;
  padding: 12px 16px 12px 44px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  min-width: 280px;
  font-family: 'Signika', sans-serif;
}

.datatable-search input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.datatable-search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.datatable-search input:focus {
  border-color: #5081FF;
  outline: none;
  box-shadow: 0 0 0 4px rgba(80, 129, 255, 0.2);
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.9) 100%);
}

.datatable-search::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23FFFFFFCC'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.datatable-selector {
  position: relative;
}

.datatable-selector select {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.8) 100%);
  border: 2px solid rgba(80, 129, 255, 0.3);
  border-radius: 10px;
  color: #FFFFFF;
  padding: 12px 40px 12px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  font-family: 'Signika', sans-serif;
}

.datatable-selector select:focus {
  border-color: #5081FF;
  outline: none;
  box-shadow: 0 0 0 4px rgba(80, 129, 255, 0.2);
}

.datatable-selector::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23FFFFFFCC'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

/* Enhanced Gaming Info Text */

.datatable-info {
  color: #FFFFFFCC;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 16px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.6) 0%, rgba(30, 41, 59, 0.6) 100%);
  border-radius: 8px;
  border: 1px solid rgba(80, 129, 255, 0.2);
  font-family: 'Signika', sans-serif;
}

/* Enhanced Gaming Loading Animation */

.gaming-loading-item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.gaming-loading-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(80, 129, 255, 0.3), transparent);
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    left: -100%;
    transform: translateX(-100%);
  }

  100% {
    left: 100%;
    transform: translateX(100%);
  }
}

/* Enhanced Gaming Table Responsive Design */

@media (max-width: 768px) {
  .gaming-table-container {
    padding: 12px;
  }

  .enhanced-gaming-table th,
  .enhanced-gaming-table td {
    padding: 10px 8px;
    font-size: 12px;
  }

  .enhanced-gaming-table th {
    font-size: 11px;
  }

  .gaming-status-badge {
    padding: 3px 6px;
    font-size: 10px;
  }

  .gaming-status-badge svg {
    width: 10px;
    height: 10px;
  }

  .datatable-pagination .datatable-pagination-list .datatable-pagination-list-item .datatable-pagination-list-item-link {
    min-width: 36px;
    height: 36px;
    padding: 6px 10px;
    font-size: 12px;
  }

  .datatable-search input {
    min-width: 200px;
    padding: 10px 14px 10px 40px;
    font-size: 13px;
  }

  .datatable-selector select {
    padding: 10px 36px 10px 14px;
    font-size: 13px;
  }

  .datatable-top {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .datatable-info {
    font-size: 13px;
    padding: 10px 14px;
  }
}

@media (max-width: 480px) {
  .enhanced-gaming-table {
    font-size: 11px;
  }

  .enhanced-gaming-table th,
  .enhanced-gaming-table td {
    padding: 8px 6px;
    font-size: 11px;
  }

  .enhanced-gaming-table th {
    font-size: 10px;
  }

  .gaming-status-badge {
    padding: 2px 4px;
    font-size: 9px;
  }

  .datatable-search input {
    min-width: 160px;
  }
}

.gaming-table th {
  background: linear-gradient(135deg, rgba(80, 129, 255, 0.2) 0%, rgba(52, 99, 219, 0.2) 100%);
  color: #FFFFFFCC;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 16px 12px;
  border-bottom: 2px solid rgba(80, 129, 255, 0.3);
  font-size: 12px;
}

.gaming-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(80, 129, 255, 0.1);
  color: #FFFFFFCC;
  transition: all 0.3s ease;
}

.gaming-table tr:hover td {
  background: linear-gradient(135deg, rgba(80, 129, 255, 0.1) 0%, rgba(52, 99, 219, 0.1) 100%);
  color: #FFFFFF;
}

/* Gaming Pagination Styles */

.datatable-pagination {
  margin-top: 20px;
}

.datatable-pagination .datatable-pagination-list {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item {
  border-radius: 8px;
  overflow: hidden;
}

.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item .datatable-pagination-list-item-link {
  background: rgba(30, 41, 59, 0.5);
  border: 1px solid rgba(80, 129, 255, 0.3);
  color: #FFFFFFCC;
  padding: 8px 12px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item .datatable-pagination-list-item-link:hover,
.datatable-pagination .datatable-pagination-list .datatable-pagination-list-item.datatable-pagination-active .datatable-pagination-list-item-link {
  background: linear-gradient(135deg, #5081FF 0%, #3463DB 100%);
  border-color: #5081FF;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(80, 129, 255, 0.3);
}

/* Gaming Search Input */

.datatable-search input {
  background: rgba(30, 41, 59, 0.5);
  border: 2px solid rgba(80, 129, 255, 0.3);
  border-radius: 8px;
  color: #FFFFFF;
  padding: 8px 12px;
  transition: all 0.3s ease;
}

.datatable-search input:focus {
  border-color: #5081FF;
  outline: none;
  box-shadow: 0 0 0 3px rgba(80, 129, 255, 0.2);
}

.datatable-search input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.datatable-search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* Gaming Select Dropdown */

.datatable-selector select {
  background: rgba(30, 41, 59, 0.5);
  border: 2px solid rgba(80, 129, 255, 0.3);
  border-radius: 8px;
  color: #FFFFFF;
  padding: 6px 10px;
  transition: all 0.3s ease;
}

.datatable-selector select:focus {
  border-color: #5081FF;
  outline: none;
  box-shadow: 0 0 0 3px rgba(80, 129, 255, 0.2);
}

/* Gaming Info Text */

.datatable-info {
  color: #FFFFFFCC;
  font-size: 14px;
}

/* Gaming Loading Animation Enhancement */

.gaming-loading-item {
  position: relative;
  overflow: hidden;
}

.gaming-loading-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(80, 129, 255, 0.2), transparent);
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    left: -100%;
    transform: translateX(-100%);
  }

  100% {
    left: 100%;
    transform: translateX(100%);
  }
}

/* Enhanced Gaming Form Interactions */

.gaming-select:focus,
.gaming-input:focus {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

.gaming-submit-btn:active {
  transform: scale(0.98) translateY(0);
}

/* Advanced Gaming Visual Effects */

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.3);
  }

  50% {
    box-shadow: 0 0 30px rgba(99, 102, 241, 0.6);
  }
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.4);
    border-color: rgba(99, 102, 241, 0.6);
  }

  50% {
    box-shadow: 0 0 40px rgba(99, 102, 241, 0.8);
    border-color: rgba(99, 102, 241, 1);
  }
}

/* Sophisticated Gaming Card Enhancements */

.gaming-bank-card:hover {
  animation: glow 2s ease-in-out infinite;
}

.gaming-bank-card.active {
  animation: pulse-glow 3s ease-in-out infinite;
}

/* Enhanced Shimmer Animation */

.animate-shimmer {
  animation: shimmer 2.5s infinite linear;
}

/* Gaming Panel Background Effects */

.gaming-recharge-panel::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #6366F1, #8B5CF6, #06B6D4, #10B981, #F59E0B, #EF4444, #6366F1);
  border-radius: 18px;
  opacity: 0.1;
  z-index: -1;
  animation: rotate 8s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Gaming Panel Responsive */

@media (max-width: 768px) {
  .gaming-history-panel {
    padding: 16px;
  }

  .gaming-table th,
  .gaming-table td {
    padding: 8px 6px;
    font-size: 12px;
  }

  .datatable-pagination .datatable-pagination-list .datatable-pagination-list-item .datatable-pagination-list-item-link {
    padding: 6px 8px;
    font-size: 12px;
  }

  /* Gaming Bank Cards Mobile */

  .gaming-bank-card {
    min-height: 80px;
    padding: 12px;
  }

  .gaming-bank-card .w-12.h-12 {
    width: 2.5rem;
    height: 2.5rem;
  }

  .gaming-bank-card .w-6.h-6 {
    width: 1.25rem;
    height: 1.25rem;
  }
}

/* Enhanced Gaming Bank Card Styles (Matching Game Cards) */

.gaming-bank-card {
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: center;
  will-change: transform, box-shadow, border-color;
  border-radius: 12px;
  overflow: hidden;
}

.gaming-bank-card::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #5081FF, #3463DB, #4B7DFF, #5081FF);
  border-radius: 14px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease;
  animation: rotate 4s linear infinite;
}

.gaming-bank-card:hover::before {
  opacity: 0.3;
}

.gaming-bank-card.active::before {
  opacity: 0.6;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Gaming Background Pattern Animation */

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.animate-shimmer {
  animation: shimmer 2s infinite;
}

/* Enhanced Gaming Card Hover Effects - Border Only (Matching Game Cards) */

.gaming-card-hover {
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: center;
  will-change: transform, box-shadow, border-color;
  border-radius: 12px;
  overflow: hidden;
}

/* Signika Font Declaration */

@font-face {
  font-family: Signika;

  src: url(/assets/webfonts/Signika-SemiBold.ttf);

  font-display: swap;
}

/* Signika Font Application */

* {
  font-family: 'Signika', sans-serif;
}

/* Signika Utility Classes */

.font-signika {
  font-family: 'Signika', sans-serif;
}

/* Override for specific elements */

h1, h2, h3, h4, h5, h6, p, span, div, a, button, input, textarea, select {
  font-family: 'Signika', sans-serif;
}

/* League Spartan Font Classes */

.__className_b661ba {
  font-family: 'League Spartan', Arial, sans-serif;
  font-style: normal
}

.__variable_b661ba {
  --font-league-spartan: "League Spartan", Arial, sans-serif

}

/* League Spartan Utility Classes */

.font-league-spartan {
  font-family: 'League Spartan', Arial, ui-sans-serif, system-ui, sans-serif;
}

.font-spartan {
  font-family: 'League Spartan', Arial, ui-sans-serif, system-ui, sans-serif;
}

/* Gaming Color Utility Classes */

/* Background Colors */

.bg-gaming-purple {
  background-color: #272450 !important;
}

.bg-gaming-blue {
  background-color: #5081FF !important;
}

.bg-gaming-deep-blue {
  background-color: #3463DB !important;
}

.bg-gaming-light-blue {
  background-color: #4B7DFF !important;
}

.bg-gaming-green {
  background-color: #00FF88 !important;
}

.bg-gaming-gold {
  background-color: #FFD700 !important;
}

.bg-gaming-red {
  background-color: #FF6B6B !important;
}

.bg-gaming-orange {
  background-color: #FF8C00 !important;
}

.bg-gaming-violet {
  background-color: #9C27B0 !important;
}

.bg-gaming-dark {
  background-color: #0F172A !important;
}

.bg-gaming-slate {
  background-color: #1E293B !important;
}

.bg-gaming-navy {
  background-color: #13112E !important;
}

/* Border Colors */

.border-gaming-purple {
  border-color: #272450 !important;
}

.border-gaming-blue {
  border-color: #5081FF !important;
}

.border-gaming-deep-blue {
  border-color: #3463DB !important;
}

.border-gaming-light-blue {
  border-color: #4B7DFF !important;
}

.border-gaming-green {
  border-color: #00FF88 !important;
}

.border-gaming-gold {
  border-color: #FFD700 !important;
}

.border-gaming-red {
  border-color: #FF6B6B !important;
}

.border-gaming-orange {
  border-color: #FF8C00 !important;
}

.border-gaming-violet {
  border-color: #9C27B0 !important;
}

.border-gaming-dark {
  border-color: #0F172A !important;
}

.border-gaming-slate {
  border-color: #1E293B !important;
}

.border-gaming-navy {
  border-color: #13112E !important;
}

/* Text Colors */

.text-gaming-purple {
  color: #272450 !important;
}

.text-gaming-blue {
  color: #5081FF !important;
}

.text-gaming-deep-blue {
  color: #3463DB !important;
}

.text-gaming-light-blue {
  color: #4B7DFF !important;
}

.text-gaming-green {
  color: #00FF88 !important;
}

.text-gaming-gold {
  color: #FFD700 !important;
}

.text-gaming-red {
  color: #FF6B6B !important;
}

.text-gaming-orange {
  color: #FF8C00 !important;
}

.text-gaming-violet {
  color: #9C27B0 !important;
}

.text-gaming-dark {
  color: #0F172A !important;
}

.text-gaming-slate {
  color: #1E293B !important;
}

.text-gaming-navy {
  color: #13112E !important;
}

/* Gaming Shadow Effects */

.shadow-gaming {
  box-shadow: 0 4px 12px rgba(80, 129, 255, 0.3) !important;
}

.shadow-gaming-lg {
  box-shadow: 0 8px 24px rgba(80, 129, 255, 0.4) !important;
}

.shadow-gaming-xl {
  box-shadow: 0 12px 36px rgba(80, 129, 255, 0.5) !important;
}

/* Arbitrary Value Support Classes */

.bg-\[#272450\] {
  background-color: #272450 !important;
}

.bg-\[#5081FF\] {
  background-color: #5081FF !important;
}

.bg-\[#3463DB\] {
  background-color: #3463DB !important;
}

.bg-\[#4B7DFF\] {
  background-color: #4B7DFF !important;
}

.bg-\[#00FF88\] {
  background-color: #00FF88 !important;
}

.bg-\[#FFD700\] {
  background-color: #FFD700 !important;
}

.bg-\[#FF6B6B\] {
  background-color: #FF6B6B !important;
}

.bg-\[#FF8C00\] {
  background-color: #FF8C00 !important;
}

.bg-\[#9C27B0\] {
  background-color: #9C27B0 !important;
}

.bg-\[#0F172A\] {
  background-color: #0F172A !important;
}

.bg-\[#1E293B\] {
  background-color: #1E293B !important;
}

.bg-\[#13112E\] {
  background-color: #13112E !important;
}

.border-\[#272450\] {
  border-color: #272450 !important;
}

.border-\[#5081FF\] {
  border-color: #5081FF !important;
}

.border-\[#3463DB\] {
  border-color: #3463DB !important;
}

.border-\[#4B7DFF\] {
  border-color: #4B7DFF !important;
}

.border-\[#00FF88\] {
  border-color: #00FF88 !important;
}

.border-\[#FFD700\] {
  border-color: #FFD700 !important;
}

.border-\[#FF6B6B\] {
  border-color: #FF6B6B !important;
}

.border-\[#FF8C00\] {
  border-color: #FF8C00 !important;
}

.border-\[#9C27B0\] {
  border-color: #9C27B0 !important;
}

.border-\[#0F172A\] {
  border-color: #0F172A !important;
}

.border-\[#1E293B\] {
  border-color: #1E293B !important;
}

.border-\[#13112E\] {
  border-color: #13112E !important;
}

.text-\[#FFFFFF\] {
  color: #FFFFFF !important;
}

.text-\[#FFFFFFCC\] {
  color: #FFFFFFCC !important;
}

.text-\[#FFFFFF99\] {
  color: #FFFFFF99 !important;
}

.text-\[#FFFFFF66\] {
  color: #FFFFFF66 !important;
}

.text-\[#272450\] {
  color: #272450 !important;
}

.text-\[#5081FF\] {
  color: #5081FF !important;
}

.text-\[#3463DB\] {
  color: #3463DB !important;
}

.text-\[#4B7DFF\] {
  color: #4B7DFF !important;
}

.text-\[#00FF88\] {
  color: #00FF88 !important;
}

.text-\[#FFD700\] {
  color: #FFD700 !important;
}

.text-\[#FF6B6B\] {
  color: #FF6B6B !important;
}

.text-\[#FF8C00\] {
  color: #FF8C00 !important;
}

.text-\[#9C27B0\] {
  color: #9C27B0 !important;
}

.text-\[#0F172A\] {
  color: #0F172A !important;
}

.text-\[#1E293B\] {
  color: #1E293B !important;
}

.text-\[#13112E\] {
  color: #13112E !important;
}

.ql-snow .ql-editor img{
  margin:20px;
  height:176px;
  width:256px
}

.ltr .ql-snow .ql-editor img{
  margin-left:0
}

.rtl .ql-snow .ql-editor img{
  margin-right:0
}

.dark .ql-container.ql-snow,.dark .ql-toolbar.ql-snow{
  border-color:#17263c
}

.dark .ql-container.ql-snow{
  background-color:#121e32
}

.ql-toolbar.ql-snow{
  box-sizing:border-box;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-width:1px;
  border-color:#e0e6ed!important;
  padding:8px;
  font-family:Nunito,sans-serif
}

.dark .ql-container.ql-snow,.dark .ql-toolbar.ql-snow{
  border-color:#17263c!important
}

.ql-container.ql-snow{
  border-bottom-right-radius:6px;
  border-bottom-left-radius:6px;
  border-width:1px;
  border-top:0!important;
  border-color:#e0e6ed!important
}

.ql-snow .ql-editor{
  max-height:200px;
  min-height:200px;
  overflow:auto
}

.rtl .ql-snow .ql-editor{
  text-align:right
}

.dark .ql-snow .ql-stroke{
  stroke:#888ea8
}

.dark .ql-snow .ql-editor h1,.dark .ql-snow .ql-editor p,.dark .ql-snow .ql-picker{
  color:#888ea8
}

.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{
  right:auto!important;
  left:0
}

.dark .ql-snow .ql-tooltip{
  background-color:#060818;
  border-color:#17263c;
  color:#888ea8
}

.ql-snow .ql-tooltip input[type=text]{
  outline:none!important;
  box-shadow:none!important
}

.dark .ql-snow .ql-tooltip input[type=text]{
  background-color:#121e32;
  border-color:#17263c;
  color:#888ea8
}

.rtl .ql-toolbar.ql-snow .ql-formats{
  margin-right:0!important;
  margin-left:15px
}

.calendar-wrapper .fc-view-harness{
  overflow:auto
}

.calendar-wrapper .fc-view-harness-active>.fc-view{
  min-width:450px
}

.calendar-wrapper .fc-daygrid-body-balanced .fc-scrollgrid-sync-table{
  min-height:450px
}

.calendar-wrapper table th.fc-day{
  padding:12px 16px;
  background-color:#e0e6ed4d!important
}

.dark .calendar-wrapper table th.fc-day{
  background-color:#1a2941!important
}

.calendar-wrapper table td .fc-daygrid-day-number{
  padding:16px
}

@media only screen and (max-width:1024px){
  .calendar-wrapper table td .fc-daygrid-day-number{
    padding:2px 8px
  }
}

.fc-theme-standard .fc-scrollgrid,.fc-theme-standard td,.fc-theme-standard th{
  border-color:#e0e6ed66!important
}

.dark .fc-theme-standard .fc-scrollgrid,.dark .fc-theme-standard td,.dark .fc-theme-standard th{
  border-color:#191e3a!important
}

.calendar-wrapper .fc-theme-standard .fc-scrollgrid{
  border-radius:10px
}

.calendar-wrapper .fc-theme-standard td{
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px
}

.calendar-wrapper .fc-theme-standard th{
  border-top-left-radius:10px;
  border-top-right-radius:10px
}

.calendar-wrapper .fc-button{
  text-transform:capitalize!important;
  font-weight:500!important;
  border-radius:6px!important;
  padding:8px 15px!important
}

.ltr .calendar-wrapper .fc-button{
  margin-left:12px!important
}

.rtl .calendar-wrapper .fc-button{
  margin-right:12px!important
}

.ltr .calendar-wrapper .fc-button-group .fc-button:first-child{
  margin-left:0!important
}

.rtl .calendar-wrapper .fc-button-group .fc-button:first-child{
  margin-right:0!important
}

.calendar-wrapper .fc-button-primary,.calendar-wrapper .fc-button-primary:disabled{
  color:#4361ee!important;
  border-color:#4361ee!important;
  background:#0000!important;
  box-shadow:none!important;
  font-weight:600!important;
  line-height:20px!important
}

.calendar-wrapper .fc-button-primary:not(:disabled).fc-button-active,.calendar-wrapper .fc-button-primary:not(:disabled):hover{
  background-color:#4361ee!important;
  color:#fff!important
}

.calendar-wrapper .fc-daygrid-event.info,.calendar-wrapper .fc-timegrid-event.info{
  background-color:#2196f3cc;
  border-color:#2196f3cc
}

.calendar-wrapper .fc-daygrid-event.info:hover,.calendar-wrapper .fc-timegrid-event.info:hover{
  background-color:#2196f3;
  border-color:#2196f3
}

.calendar-wrapper .fc-daygrid-event.primary,.calendar-wrapper .fc-timegrid-event.primary{
  background-color:#4361eecc;
  border-color:#4361eecc
}

.calendar-wrapper .fc-daygrid-event.primary:hover,.calendar-wrapper .fc-timegrid-event.primary:hover{
  background-color:#4361ee;
  border-color:#4361ee
}

.calendar-wrapper .fc-daygrid-event.success,.calendar-wrapper .fc-timegrid-event.success{
  background-color:#00ab55cc;
  border-color:#00ab55cc
}

.calendar-wrapper .fc-daygrid-event.success:hover,.calendar-wrapper .fc-timegrid-event.success:hover{
  background-color:#00ab55;
  border-color:#00ab55
}

.calendar-wrapper .fc-daygrid-event.danger,.calendar-wrapper .fc-timegrid-event.danger{
  background-color:#e7515acc;
  border-color:#e7515acc
}

.calendar-wrapper .fc-daygrid-event.danger:hover,.calendar-wrapper .fc-timegrid-event.danger:hover{
  background-color:#e7515a;
  border-color:#e7515a
}

.calendar-wrapper .fc-next-button,.calendar-wrapper .fc-prev-button{
  background-color:initial!important;
  color:#4b5563!important;
  border:2px solid #e5e7eb!important;
  padding:6px!important;
  display:flex!important;
  justify-content:center
}

.dark .calendar-wrapper .fc-next-button,.dark .calendar-wrapper .fc-prev-button{
  border-color:#374151!important
}

.calendar-wrapper .fc-button.fc-next-button:hover,.calendar-wrapper .fc-button.fc-prev-button:hover,.dark .calendar-wrapper .fc-button.fc-next-button:hover,.dark .calendar-wrapper .fc-button.fc-prev-button:hover{
  color:#4361ee!important;
  border-color:#4361ee!important;
  background:#0000!important
}

.calendar-wrapper .fc-timegrid-body .fc-event-main-frame{
  flex-direction:column!important
}

.ltr .calendar-wrapper .fc-button-group,.ltr .calendar-wrapper .fc-event-main-frame,.ltr .calendar-wrapper .fc-toolbar{
  flex-direction:row
}

.rtl .calendar-wrapper .fc-button-group,.rtl .calendar-wrapper .fc-event-main-frame,.rtl .calendar-wrapper .fc-toolbar{
  flex-direction:row-reverse
}

@media only screen and (max-width:768px){
  .calendar-wrapper .fc-toolbar{
    flex-direction:column!important
  }

  .calendar-wrapper .fc-toolbar .fc-toolbar-chunk{
    margin-top:16px
  }

  .calendar-wrapper .fc-toolbar .fc-toolbar-chunk:first-child{
    margin-top:0!important
  }
}

.calendar-wrapper .fc-toolbar-title{
  font-size:20px
}

.calendar-wrapper .fc .fc-popover{
  z-index:10
}

.calendar-wrapper .fc-event{
  padding:2px 4px;
  color:#fff
}

.calendar-wrapper .fc-timegrid-event-harness-inset .fc-timegrid-event{
  box-shadow:none;
  overflow:hidden
}

.calendar-wrapper .fc-event-title.fc-sticky{
  font-weight:700
}

.calendar-wrapper .fc-daygrid-event-dot{
  display:none
}

.calendar-wrapper .fc-daygrid-dot-event{
  border-width:1px
}

.calendar-wrapper .fc-event-time{
  padding:1px!important;
  font-weight:700;
  flex-shrink:0
}

.rtl .calendar-wrapper .fc-event-time{
  margin-left:3px!important;
  margin-right:0!important
}

.rtl .calendar-wrapper .fc-icon.fc-icon-chevron-left,.rtl .calendar-wrapper .fc-icon.fc-icon-chevron-right{
  rotate:180deg
}

.dark .fc-theme-standard .fc-popover{
  background-color:#3b3f5c!important;
  border-color:#3b3f5c!important
}

.dark .fc-theme-standard .fc-popover-header{
  background-color:#0e1726!important;
  color:#888ea8!important
}

.swiper .swiper-button-disabled{
  cursor:not-allowed;
  opacity:.6
}

.rtl .swiper{
  direction:rtl
}

.swiper-button-next{
  color:#4361ee
}

#slider3 .swiper-wrapper,#slider4 .swiper-wrapper{
  height:320px!important
}

#slider3 .swiper-wrapper .swiper-slide img,#slider4 .swiper-wrapper .swiper-slide img{
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}

#slider3 .swiper-pagination .swiper-pagination-bullet{
  border-radius:6px;
  width:4px;
  height:20px
}

@media only screen and (max-width:1200px){
  #slider3 .swiper-wrapper,#slider4 .swiper-wrapper{
    height:300px!important
  }
}

@media only screen and (max-width:600px){
  #slider3 .swiper-wrapper,#slider4 .swiper-wrapper{
    height:180px!important
  }
}

#slider3 .swiper-pagination .swiper-pagination-bullet:hover{
  background-color:#fff
}

#slider3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background:#4361ee
}

#slider4 .swiper-pagination{
  color:#fff
}

#slider5 .swiper-pagination{
  position:relative;
  margin-top:20px
}

.swal2-popup{
  flex-direction:column;
  justify-content:center;
  padding:20px!important;
  box-sizing:border-box
}

.dark .swal2-popup{
  background:#0e1726
}

.dark .swal2-popup .swal2-title{
  color:#888ea8
}

.swal2-popup .swal2-title{
  display:block;
  margin:0!important;
  width:100%;
  color:#3b3f5c;
  font-size:24px
}

.swal2-popup .swal2-title:where([dir=ltr],[dir=ltr] *){
  padding-right:2.5rem!important
}

.swal2-popup .swal2-title:where([dir=rtl],[dir=rtl] *){
  padding-left:2.5rem!important
}

.swal2-popup .swal2-styled{
  box-shadow:0 5px 20px 0 #0000001a!important;
  letter-spacing:1px;
  font-size:14px!important;
  line-height:20px!important;
  transition:all .3s ease-out;
  -webkit-transition:all .3s ease-out;
  margin:0 5px;
  padding:8px 20px;
  border-radius:6px
}

.swal2-popup .swal2-styled.swal2-cancel{
  background-color:#fff!important;
  color:#4361ee;
  border:1px solid #e8e8e8;
  box-shadow:none;
  padding:7px 20px
}

.dark .swal2-popup .swal2-styled.swal2-cancel{
  background-color:#3b3f5c!important;
  color:#e0e6ed;
  border-color:#3b3f5c
}

.swal2-popup .swal2-styled.swal2-confirm{
  background-color:#4361ee
}

.swal2-popup .swal2-styled.swal2-confirm:focus{
  box-shadow:none!important
}

.swal2-popup .swal2-html-container{
  margin:0!important;
  color:#e95f2b;
  font-weight:300
}

.swal2-popup .swal2-html-container:where([dir=rtl],[dir=rtl] *){
  padding-left:2.5rem!important
}

.swal2-popup .swal2-close{
  position:absolute;
  top:16px;
  transition:color .1s ease-out;
  font-family:serif
}

.swal2-popup .swal2-close:where([dir=ltr],[dir=ltr] *){
  right:1rem
}

.swal2-popup .swal2-close:where([dir=rtl],[dir=rtl] *){
  left:1rem
}

.dark .swal2-popup .swal2-close{
  color:#888ea8
}

.swal2-popup.swal2-toast{
  flex-direction:row;
  align-items:center;
  width:auto!important;
  box-shadow:0 0 .625em #d9d9d9;
  padding:2em;
  overflow-y:hidden;
  display:flex!important
}

.swal2-popup.swal2-toast.swal2-show{
  animation:showSweetToast .5s
}

.swal2-popup pre{
  color:#009688
}

.swal2-icon{
  position:relative;
  box-sizing:initial;
  justify-content:center;
  width:5em;
  height:5em;
  margin:1.25em auto 1.875em;
  border-radius:50%;
  border:.25em solid #000;
  font-family:inherit;
  line-height:5em;
  cursor:default;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.swal2-icon:not(.swal2-error):not(.swal2-success){
  width:2em!important;
  line-height:119px!important;
  height:2em!important;
  margin:.25em auto .875em!important
}

.swal2-icon.swal2-error{
  border:5px solid #f1f2f3!important;
  box-shadow:0 3px 25px 0 #716aca33
}

.swal2-icon.swal2-warning{
  color:#fb4!important
}

.swal2-icon.swal2-info,.swal2-icon.swal2-warning{
  border:5px solid #f1f2f3!important;
  box-shadow:0 3px 25px 0 #716aca33;
  font-size:60px;
  line-height:80px;
  text-align:center
}

.swal2-icon.swal2-info{
  color:#4361ee!important
}

.swal2-icon.swal2-question{
  color:#805dca!important;
  border-style:solid;
  border-width:4px!important;
  border-color:#0000!important;
  box-shadow:0 3px 25px 0 #716aca33;
  font-size:60px;
  line-height:80px;
  text-align:center
}

.dark .swal2-icon.swal2-error,.dark .swal2-icon.swal2-info,.dark .swal2-icon.swal2-question,.dark .swal2-icon.swal2-warning{
  border-color:#888ea8!important;
  box-shadow:none!important
}

.swal2-iconswal2-success [class^=swal2-success-line][class$=tip]{
  top:2.875em;
  left:.875em;
  width:1.5625em;
  transform:rotate(45deg)
}

.swal2-icon.swal2-success swal2-success [class^=swal2-success-line][class$=long]{
  top:2.375em;
  right:.5em;
  width:2.9375em;
  transform:rotate(-45deg)
}

.swal2-icon.swal2-success .swal2-success-fix{
  position:absolute;
  top:.5em;
  left:1.625em;
  width:.4375em;
  height:5.625em;
  transform:rotate(-45deg);
  z-index:1
}

.swal2-icon.swal2-success .swal2-success-ring{
  position:absolute;
  top:-.25em;
  left:-.25em;
  width:100%;
  height:100%;
  border:.25em solid #a5dc864d;
  border-radius:50%;
  z-index:2;
  box-sizing:initial
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{
  top:-.6875em;
  left:1.875em;
  transform:rotate(-45deg);
  transform-origin:0 3.75em;
  border-radius:0 7.5em 7.5em 0
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{
  background:#25d5e4!important
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{
  background:#ebedf2!important
}

.dark .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{
  background:#3b3f5c!important;
  color:#888ea8!important
}

.dark .swal2-progress-steps .swal2-progress-step{
  color:#e0e6ed
}

.swal2-icon-content{
  font-size:5.75rem!important
}

.swal2-show{
  animation:swal2-show .3s
}

.swal2-modal.background-modal .swal2-title{
  color:#fff!important
}

.dark .swal2-input{
  background-color:#1b2e4b;
  border-color:#253b5c;
  color:#888ea8
}

.dark .swal2-footer{
  border-color:#888ea8
}

.swal2-image{
  margin-bottom:32px!important
}

.sweet-alerts.swal2-popup .swal2-html-container{
  margin-top:1rem!important;
  padding-left:0!important;
  padding-right:0!important
}

.sweet-alerts.swal2-popup .swal2-title:where([dir=ltr],[dir=ltr] *){
  padding-right:1.5rem!important
}

.sweet-alerts.swal2-popup .swal2-title:where([dir=rtl],[dir=rtl] *){
  padding-left:1.5rem!important
}

.tippy-box[data-theme~=primary]{
  background-color:#4361ee
}

.tippy-box[data-theme~=primary][data-placement^=top]>.tippy-arrow:before{
  border-top-color:#4361ee
}

.tippy-box[data-theme~=success]{
  background-color:#00ab55
}

.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow:before{
  border-top-color:#00ab55
}

.tippy-box[data-theme~=info]{
  background-color:#2196f3
}

.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow:before{
  border-top-color:#2196f3
}

.tippy-box[data-theme~=danger]{
  background-color:#e7515a
}

.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow:before{
  border-top-color:#e7515a
}

.tippy-box[data-theme~=warning]{
  background-color:#e2a03f
}

.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow:before{
  border-top-color:#e2a03f
}

.tippy-box[data-theme~=secondary]{
  background-color:#805dca
}

.tippy-box[data-theme~=secondary][data-placement^=top]>.tippy-arrow:before{
  border-top-color:#805dca
}

.tippy-box[data-theme~=dark]{
  background-color:#3b3f5c
}

.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow:before{
  border-top-color:#3b3f5c
}

.noUi-horizontal .noUi-handle{
  width:25px!important;
  height:20px!important;
  top:-8px!important
}

.noUi-handle:after,.noUi-handle:before{
  display:none!important
}

.dark .noUi-connects{
  background:#1b2e4b
}

.dark .noUi-target{
  border-color:#253b5c;
  background:#0000
}

.dark .noUi-handle{
  background:#3b3f5c;
  border-color:#3b3f5c;
  box-shadow:none
}

.dark .noUi-tooltip{
  background:#1b2e4b;
  border-color:#253b5c;
  color:#888ea8
}

.dark .flatpickr-calendar{
  border:1px solid #0e1a2c;
  background:#0e1a2c;
  box-shadow:none
}

.dark .flatpickr-calendar.arrowTop:after{
  border-bottom-color:#0e1a2c
}

.dark .flatpickr-calendar.arrowBottom:after{
  border-top-color:#0e1a2c
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,.dark .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg{
  fill:#bfc9d4
}

.flatpickr-current-month{
  font-size:16px;
  padding:3px 0 0;
  display:flex;
  justify-content:center;
  gap:10px
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months{
  color:#bfc9d4
}

.dark .flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
  background-color:#1b2e4b
}

.dark .flatpickr-calendar .flatpickr-months input.cur-year{
  color:#bfc9d4;
  height:31px
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span{
  height:26%
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp{
  top:10px
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp:after{
  border-bottom-color:#bfc9d4
}

.dark .flatpickr-current-month .numInputWrapper span.arrowDown:after{
  border-top-color:#bfc9d4
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown{
  top:34%
}

.dark .flatpickr-calendar .flatpickr-months .numInputWrapper span .arrowDown:after{
  border-top-color:#bfc9d4
}

.dark .flatpickr-calendar .flatpickr-day{
  color:#888ea8;
  font-weight:500
}

.dark .flatpickr-calendar .flatpickr-day:hover{
  background:#191e3a;
  border-color:#191e3a
}

.dark .flatpickr-calendar .flatpickr-day.flatpickr-disabled{
  color:#888ea838
}

.dark .flatpickr-calendar .flatpickr-day.nextMonthDay,.dark .flatpickr-calendar .flatpickr-day.prevMonthDay{
  color:#888ea838!important
}

.dark .flatpickr-calendar .flatpickr-day.selected{
  background:#009688;
  color:#0e1726;
  border-color:#009688;
  font-weight:700
}

.dark .flatpickr-calendar .flatpickr-day.today{
  border-color:#009688
}

.dark .flatpickr-calendar .flatpickr-day.today:hover{
  border-color:#0e1726;
  background:#0e1726;
  color:#fff
}

.dark .flatpickr-calendar.hasTime .flatpickr-time{
  border-top:1px solid #243146!important
}

.dark .flatpickr-calendar .flatpickr-time{
  border:1px solid #243146
}

.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm,.dark .flatpickr-calendar .flatpickr-time .flatpickr-time-separator,.dark .flatpickr-calendar .flatpickr-time input{
  color:#888ea8
}

.dark .flatpickr-time .flatpickr-am-pm:focus,.dark .flatpickr-time .flatpickr-am-pm:hover,.dark .flatpickr-time input:focus,.dark .flatpickr-time input:hover{
  background:#0000;
  --tw-ring-color:#0000
}

.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,.dark .flatpickr-calendar .flatpickr-time input:hover{
  background-color:#0e1726
}

.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after{
  border-bottom-color:#009688
}

.dark .flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowDown:after{
  border-top-color:#009688
}

.dark .flatpickr-calendar.arrowTop:before{
  border-bottom-color:#1b2e4b
}

.dark .flatpickr-calendar.arrowBottom:before{
  border-top-color:#1b2e4b
}

.dark .numInputWrapper span{
  height:26%
}

.dark .numInputWrapper span.arrowUp{
  top:10px
}

.dark .numInputWrapper span.arrowUp:after{
  border-bottom-color:#bfc9d4
}

.dark .numInputWrapper span .arrowDown{
  top:34%
}

.dark .numInputWrapper span .arrowDown:after{
  border-top-color:#bfc9d4
}

.flatpickr-calendar:before{
  border-width:11px
}

.flatpickr-calendar:after{
  border-width:9px
}

.dark span.flatpickr-weekday{
  color:#888ea8
}

.dark .flatpickr-calendar .flatpickr-day.today.inRange{
  border-color:#e6e6e6
}

.dark .flatpickr-day.inRange{
  background-color:#060818;
  border-color:#060818;
  box-shadow:-5px 0 0 #060818,5px 0 0 #060818
}

.dark .custom-file-container .clear-button{
  color:#888ea8
}

.dark .custom-file-container .input-visible{
  background-color:#1b2e4b;
  border-color:#253b5c;
  color:#888ea8
}

.dark .custom-file-container .browse-button{
  background-color:#4361ee;
  border-color:#253b5c;
  color:#fff
}

.dark .custom-file-container .image-preview-item-clear{
  background-color:#3b3f5c!important
}

.dark .custom-file-container .image-preview-item-clear-icon{
  color:#d0d2d6
}

.custom-file-container .image-preview-item-clear-icon{
  margin-top:0!important
}

.rtl .custom-file-container .browse-button{
  right:auto;
  left:0;
  border-left:none
}

.rtl .custom-file-container .image-preview-item{
  float:right
}

.rtl .custom-file-container .image-preview-item-clear{
  left:auto;
  right:-6px
}

.dark .markdown-editor .editor-toolbar i.separator{
  border-color:#888ea8;
  border-right:none
}

.dark .markdown-editor .EasyMDEContainer .CodeMirror,.dark .markdown-editor .editor-preview{
  background-color:#121e32
}

.markdown-editor .EasyMDEContainer .CodeMirror,.markdown-editor .editor-toolbar{
  border-color:#ccc;
  color:#0e1726
}

.dark .markdown-editor .EasyMDEContainer .CodeMirror,.dark .markdown-editor .editor-preview,.dark .markdown-editor .editor-toolbar{
  border-color:#17263c;
  color:#888ea8!important
}

.dark .markdown-editor .editor-toolbar button.active,.editor-toolbar button:hover{
  background-color:initial!important;
  border-color:#0000!important;
  color:#4361ee
}

.nice-select{
  float:none!important
}

.rtl .nice-select{
  text-align:right!important;
  padding-left:30px;
  padding-right:18px
}

.rtl .nice-select:after{
  right:auto;
  left:12px
}

.rtl .nice-select .option{
  text-align:right
}

.dark .nice-select,.dark .nice-select.open{
  background-color:#1b2e4b;
  border-color:#253b5c!important
}

.dark .nice-select .nice-select-dropdown{
  background-color:#1b2e4b
}

.dark .nice-select .nice-select-search,.dark .nice-select .option.focus,.dark .nice-select .option.selected.focus,.dark .nice-select .option:hover{
  background-color:#132136;
  border-color:#253b5c!important;
  color:#888ea8
}

.nice-select .nice-select-search{
  margin:0!important
}

.nice-select .nice-select-dropdown{
  width:100%;
  transform:translateY(5px)!important;
  transition:all .2s cubic-bezier(.4,.35,.38,.39),opacity .2s ease-out!important
}

.nice-select.open .nice-select-dropdown{
  transform:scale(1) translateY(0)!important
}

.nice-select.open{
  border-color:#e0e6ed!important
}

.sortable-ghost{
  opacity:.7
}

.dark .sortable-ghost{
  opacity:.4
}

.dark .sortable-drag{
  --tw-rotate:10deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38/var(--tw-bg-opacity))
}

table.dataTable-table tfoot tr th,table.dataTable-table thead tr th{
  font-weight:700
}

table.table-bordered tbody tr td,table.table-bordered thead tr th{
  border-width:1px!important;
  border-style:solid!important;
  --tw-border-opacity:1!important;
  border-color:rgb(246 247 250/var(--tw-border-opacity))!important
}

:is(.dark table.table-bordered tbody tr td),:is(.dark table.table-bordered thead tr th){
  --tw-border-opacity:1!important;
  border-color:rgb(25 30 58/var(--tw-border-opacity))!important
}

table.table-compact tbody tr td,table.table-compact thead tr th{
  padding:.5rem .75rem!important
}

.sticky-header table thead{
  position:sticky;
  top:0;
  z-index:10
}

.sticky-header .dataTable-container{
  height:500px
}

.sticky-column table tbody tr td:first-child,.sticky-column table thead tr th:first-child{
  position:sticky;
  z-index:8;
  --tw-bg-opacity:1;
  background-color:rgb(246 248 250/var(--tw-bg-opacity))
}

:is(.dark .sticky-column table tbody tr td:first-child),:is(.dark .sticky-column table thead tr th:first-child){
  --tw-bg-opacity:1;
  background-color:rgb(26 41 65/var(--tw-bg-opacity))
}

.sticky-column table tbody tr td:first-child:where([dir=ltr],[dir=ltr] *),.sticky-column table thead tr th:first-child:where([dir=ltr],[dir=ltr] *){
  left:0
}

.sticky-column table tbody tr td:first-child:where([dir=rtl],[dir=rtl] *),.sticky-column table thead tr th:first-child:where([dir=rtl],[dir=rtl] *){
  right:0
}

.sticky-column table tbody tr td:nth-child(2),.sticky-column table thead tr th:nth-child(2){
  position:sticky;
  z-index:8;
  --tw-bg-opacity:1;
  background-color:rgb(246 248 250/var(--tw-bg-opacity))
}

:is(.dark .sticky-column table tbody tr td:nth-child(2)),:is(.dark .sticky-column table thead tr th:nth-child(2)){
  --tw-bg-opacity:1;
  background-color:rgb(26 41 65/var(--tw-bg-opacity))
}

.sticky-column table tbody tr td:nth-child(2):where([dir=ltr],[dir=ltr] *),.sticky-column table thead tr th:nth-child(2):where([dir=ltr],[dir=ltr] *){
  left:58px
}

.sticky-column table tbody tr td:nth-child(2):where([dir=rtl],[dir=rtl] *),.sticky-column table thead tr th:nth-child(2):where([dir=rtl],[dir=rtl] *){
  right:58px
}

.sticky-header.sticky-column table thead tr th:first-child,.sticky-header.sticky-column table thead tr th:nth-child(2){
  top:0
}

.dataTable-container{
  overflow:auto
}

.dataTable-container,.dataTable-top{
  margin-bottom:1.25rem
}

.dataTable-bottom,.dataTable-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:1rem;
  font-weight:500
}

.dataTable-pagination:where([dir=ltr],[dir=ltr] *){
  margin-left:auto
}

.dataTable-pagination:where([dir=rtl],[dir=rtl] *){
  margin-right:auto
}

.dataTable-pagination ul{
  display:flex;
  align-items:center
}

.dataTable-pagination a{
  display:grid;
  height:2.25rem;
  width:2.25rem;
  place-content:center;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgb(224 230 237/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity))
}

.dataTable-pagination a:hover{
  --tw-bg-opacity:1!important;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))!important;
  --tw-text-opacity:1!important;
  color:rgb(255 255 255/var(--tw-text-opacity))!important
}

:is(.dark .dataTable-pagination a){
  --tw-bg-opacity:1;
  background-color:rgb(25 30 58/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.dataTable-pagination a:where([dir=ltr],[dir=ltr] *){
  margin-left:.25rem
}

.dataTable-pagination a:where([dir=rtl],[dir=rtl] *){
  margin-right:.25rem
}

.dataTable-pagination .active a{
  cursor:default;
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.dataTable-sorter{
  position:relative;
  display:inline-block;
  height:100%;
  width:-moz-max-content;
  width:max-content
}

.dataTable-sorter:where([dir=ltr],[dir=ltr] *){
  padding-right:1.75rem
}

.dataTable-sorter:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  right:.25rem
}

.dataTable-sorter:where([dir=ltr],[dir=ltr] *):after{
  content:var(--tw-content);
  right:.25rem
}

.dataTable-sorter:where([dir=rtl],[dir=rtl] *){
  padding-left:1.75rem
}

.dataTable-sorter:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  left:.25rem
}

.dataTable-sorter:where([dir=rtl],[dir=rtl] *):after{
  content:var(--tw-content);
  left:.25rem
}

.dataTable-sorter:after,.dataTable-sorter:before{
  content:"";
  height:0;
  width:0;
  position:absolute;
  border-left:5px solid #0000;
  border-right:5px solid #0000;
  opacity:.2
}

.dataTable-sorter:before{
  border-top:5px solid #0e1726;
  bottom:4px
}

.dataTable-sorter:after{
  border-bottom:5px solid #0e1726;
  border-top:5px solid #0000;
  top:-2px
}

.dark .dataTable-sorter:after{
  border-bottom-color:#fff
}

.dark .dataTable-sorter:before{
  border-top-color:#fff
}

.asc .dataTable-sorter:after{
  --tw-border-opacity:1;
  border-bottom-color:rgb(67 97 238/var(--tw-border-opacity));
  opacity:1
}

.desc .dataTable-sorter:before{
  --tw-border-opacity:1;
  border-top-color:rgb(67 97 238/var(--tw-border-opacity));
  opacity:1
}

.ltr .dataTable-search{
  margin-left:auto
}

.rtl .dataTable-search{
  margin-right:auto
}

.dataTable-dropdown .dataTable-selector,.dataTable-search .dataTable-input{
  width:auto;
  background-color:#fff;
  color:#0e1726;
  border-color:#e0e6ed;
  border-radius:6px;
  padding:8px 16px;
  font-size:14px;
  line-height:20px;
  font-weight:600;
  border-width:1px;
  outline:none!important
}

.dataTable-dropdown .dataTable-selector:focus,.dataTable-search .dataTable-input:focus{
  border-color:#4361ee
}

.dataTable-search .dataTable-input{
  box-shadow:none!important
}

.dataTable-dropdown .dataTable-selector{
  padding-top:.375rem;
  padding-bottom:.375rem
}

.dataTable-dropdown .dataTable-selector:where([dir=ltr],[dir=ltr] *){
  padding-left:.5rem;
  padding-right:1rem
}

.dataTable-dropdown .dataTable-selector:where([dir=rtl],[dir=rtl] *){
  padding-right:.5rem;
  padding-left:1rem
}

.dark .dataTable-dropdown .dataTable-selector,.dark .dataTable-search .dataTable-input{
  background-color:#121e32;
  color:#888ea8;
  border-color:#17263c
}

.dataTable-dropdown label{
  margin-bottom:0
}

@media screen and (max-width:767px){
  .dataTable-bottom{
    flex-direction:column
  }

  .ltr .dataTable-pagination{
    margin-left:0
  }

  .rtl .dataTable-pagination{
    margin-right:0
  }
}

.invoice-table .dataTable-wrapper .dataTable-bottom,.invoice-table .dataTable-wrapper .dataTable-top{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.no-number-pagination ul.dataTable-pagination-list li{
  display:none
}

.no-number-pagination ul.dataTable-pagination-list li.pager{
  display:block!important
}

.next-prev-pagination .dataTable-pagination a{
  width:-moz-max-content;
  width:max-content;
  border-radius:.375rem;
  border-width:1px;
  padding:.5rem 1.25rem
}

.next-prev-pagination .dataTable-pagination a,:is(.dark .next-prev-pagination .dataTable-pagination a){
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity));
  background-color:initial;
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.next-prev-pagination .dataTable-bottom{
  flex-direction:column;
  justify-content:center
}

.next-prev-pagination .dataTable-pagination:where([dir=ltr],[dir=ltr] *){
  margin-left:0
}

.next-prev-pagination .dataTable-pagination:where([dir=rtl],[dir=rtl] *){
  margin-right:0
}

.dragndrop .gu-transit{
  opacity:.2
}

.dragndrop .selected>div{
  background-color:#e0e6ed
}

.dark .dragndrop .selected>div{
  background-color:#0e1726
}

.icon-change .left svg.feather-heart,.icon-change .right svg.feather-star{
  display:none
}

.dragndrop .sortable-chosen{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.dark .dragndrop .sortable-chosen){
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38/var(--tw-bg-opacity))
}

*,:after,:before{
  box-sizing:border-box;
  border:0 solid #e5e7eb
}

:after,:before{
  --tw-content:""
}

:host,html{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}

body{
  margin:0;
  line-height:inherit
}

hr{
  height:0;
  color:inherit;
  border-top-width:1px
}

abbr:where([title]){
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit
}

a{
  color:inherit;
  text-decoration:inherit
}

b,strong{
  font-weight:bolder
}

code,kbd,pre,samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:initial
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

[type=button],[type=reset],[type=submit],button{
  -webkit-appearance:button;
  background-color:initial;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

:-moz-ui-invalid{
  box-shadow:none
}

progress{
  vertical-align:initial
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
  margin:0
}

fieldset{
  margin:0
}

fieldset,legend{
  padding:0
}

menu,ol,ul{
  list-style:none;
  margin:0;
  padding:0
}

dialog{
  padding:0
}

textarea{
  resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::placeholder,textarea::placeholder{
  opacity:1;
  color:#9ca3af
}

[role=button],button{
  cursor:pointer
}

:disabled{
  cursor:default
}

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

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

[hidden]{
  display:none
}

*,::backdrop,:after,:before{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#3b82f680;
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto
}

@media (min-width:640px){
  .container{
    max-width:640px
  }
}

@media (min-width:768px){
  .container{
    max-width:768px
  }
}

@media (min-width:1024px){
  .container{
    max-width:1024px
  }
}

@media (min-width:1280px){
  .container{
    max-width:1280px
  }
}

@media (min-width:1352px){
  .container{
    max-width:1352px
  }
}

.form-input,.form-multiselect,.form-select,.form-textarea{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0;
  padding:.5rem .75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 0 #0000
}

.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{
  outline:2px solid #0000;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,);
  --tw-ring-offset-width:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  border-color:#2563eb
}

.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{
  color:#6b7280;
  opacity:1
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{
  color:#6b7280;
  opacity:1
}

.form-input::placeholder,.form-textarea::placeholder{
  color:#6b7280;
  opacity:1
}

.form-input::-webkit-datetime-edit-fields-wrapper{
  padding:0
}

.form-input::-webkit-date-and-time-value{
  min-height:1.5em
}

.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{
  padding-top:0;
  padding-bottom:0
}

.form-select{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position:right .5rem center;
  background-repeat:no-repeat;
  background-size:1.5em 1.5em;
  padding-right:2.5rem
}

.form-checkbox,.form-radio,.form-select{
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact
}

.form-checkbox,.form-radio{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding:0;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#2563eb;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  --tw-shadow:0 0 #0000
}

.form-checkbox{
  border-radius:0
}

.form-radio{
  border-radius:100%
}

.form-checkbox:focus,.form-radio:focus{
  outline:2px solid #0000;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,);
  --tw-ring-offset-width:2px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.form-checkbox:checked,.form-radio:checked{
  border-color:#0000;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:50%;
  background-repeat:no-repeat
}

.form-checkbox:checked{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-radio:checked{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

.form-checkbox:checked:focus,.form-checkbox:checked:hover,.form-checkbox:indeterminate,.form-radio:checked:focus,.form-radio:checked:hover{
  border-color:#0000;
  background-color:currentColor
}

.form-checkbox:indeterminate{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
  background-size:100% 100%;
  background-position:50%;
  background-repeat:no-repeat
}

.form-checkbox:indeterminate:focus,.form-checkbox:indeterminate:hover{
  border-color:#0000;
  background-color:currentColor
}

.prose{
  color:var(--tw-prose-body);
  max-width:65ch
}

.prose:where(p):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:1.25em;
  margin-bottom:.5rem
}

.prose:where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-lead);
  font-size:1.25em;
  line-height:1.6;
  margin-top:1.2em;
  margin-bottom:1.2em
}

.prose:where(a):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-links);
  text-decoration:underline;
  font-weight:500
}

.prose:where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-bold);
  font-weight:600
}

.prose:where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:decimal;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em
}

.prose:where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:upper-alpha
}

.prose:where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:lower-alpha
}

.prose:where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:upper-alpha
}

.prose:where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:lower-alpha
}

.prose:where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:upper-roman
}

.prose:where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:lower-roman
}

.prose:where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:upper-roman
}

.prose:where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:lower-roman
}

.prose:where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:decimal
}

.prose:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:disc;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em
}

.prose:where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{
  font-weight:400;
  color:var(--tw-prose-counters)
}

.prose:where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{
  color:var(--tw-prose-bullets)
}

.prose:where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.25em
}

.prose:where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-color:var(--tw-prose-hr);
  border-top-width:1px;
  margin-top:3em;
  margin-bottom:3em
}

.prose:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:500;
  font-style:italic;
  color:var(--tw-prose-quotes);
  border-left-width:.25rem;
  border-left-color:var(--tw-prose-quote-borders);
  quotes:"\201C""\201D""\2018""\2019";
  margin-top:1.6em;
  margin-bottom:1.6em;
  padding-left:1em
}

.prose:where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{
  content:open-quote
}

.prose:where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{
  content:close-quote
}

.prose:where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:800;
  font-size:40px;
  margin-top:0;
  margin-bottom:.5rem;
  line-height:1.1111111
}

.prose:where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:900;
  color:inherit
}

.prose:where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:700;
  font-size:32px;
  margin-top:0;
  margin-bottom:.5rem;
  line-height:1.3333333
}

.prose:where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:800;
  color:inherit
}

.prose:where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  font-size:28px;
  margin-top:0;
  margin-bottom:.5rem;
  line-height:1.6
}

.prose:where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:700;
  color:inherit
}

.prose:where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:0;
  margin-bottom:.5rem;
  line-height:1.5;
  font-size:24px
}

.prose:where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:700;
  color:inherit
}

.prose:where(img):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin:0
}

.prose:where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){
  display:block;
  margin-top:2em;
  margin-bottom:2em
}

.prose:where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:500;
  font-family:inherit;
  color:var(--tw-prose-kbd);
  box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
  font-size:.875em;
  border-radius:.3125rem;
  padding:.1875em .375em
}

.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-code);
  font-weight:600;
  font-size:.875em
}

.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{
  content:"`"
}

.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{
  content:"`"
}

.prose:where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit;
  font-size:.875em
}

.prose:where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit;
  font-size:.9em
}

.prose:where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-pre-code);
  background-color:var(--tw-prose-pre-bg);
  overflow-x:auto;
  font-weight:400;
  font-size:.875em;
  line-height:1.7142857;
  margin-top:1.7142857em;
  margin-bottom:1.7142857em;
  border-radius:.375rem;
  padding:.8571429em 1.1428571em
}

.prose:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){
  background-color:initial;
  border-width:0;
  border-radius:0;
  padding:0;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit
}

.prose:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{
  content:none
}

.prose:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{
  content:none
}

.prose:where(table):not(:where([class~=not-prose],[class~=not-prose] *)){
  width:100%;
  table-layout:auto;
  text-align:left;
  margin-top:2em;
  margin-bottom:2em;
  font-size:.875em;
  line-height:1.7142857
}

.prose:where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-th-borders)
}

.prose:where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-right:.5714286em;
  padding-bottom:.5714286em;
  padding-left:.5714286em
}

.prose:where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-td-borders)
}

.prose:where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-bottom-width:0
}

.prose:where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){
  vertical-align:initial
}

.prose:where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-top-width:1px;
  border-top-color:var(--tw-prose-th-borders)
}

.prose:where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){
  vertical-align:top
}

.prose:where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0;
  margin-bottom:0
}

.prose:where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-captions);
  font-size:.875em;
  line-height:1.4285714;
  margin-top:.8571429em
}

.prose{
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-kbd:#111827;
  --tw-prose-kbd-shadows:17 24 39;
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#888ea8;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#888ea8;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:#4b5563;
  --tw-prose-invert-hr:#374151;
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:#374151;
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:255 255 255;
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:#00000080;
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151;
  font-size:1rem;
  line-height:1.75
}

.prose:where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0;
  margin-bottom:0
}

.prose:where(video):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:2em;
  margin-bottom:2em
}

.prose:where(li):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin:0
}

.prose:where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-left:.375em
}

.prose:where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-left:.375em
}

.prose:where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:.75em;
  margin-bottom:.75em
}

.prose:where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:1.25em
}

.prose:where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-bottom:1.25em
}

.prose:where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:1.25em
}

.prose:where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-bottom:1.25em
}

.prose:where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:.75em;
  margin-bottom:.75em
}

.prose:where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.prose:where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:.5em;
  padding-left:1.625em
}

.prose:where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-left:0
}

.prose:where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-right:0
}

.prose:where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding:.5714286em
}

.prose:where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-left:0
}

.prose:where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-right:0
}

.prose:where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:2em;
  margin-bottom:2em
}

.prose:where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-bottom:0
}

.prose:where(h5):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-size:20px;
  margin-bottom:.5rem;
  margin-top:0
}

.prose:where(h6):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-size:16px;
  margin-bottom:.5rem;
  margin-top:0
}

html{
  scroll-behavior:smooth
}

[x-cloak]{
  display:none!important
}

body{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250/var(--tw-bg-opacity));
  font-family:Nunito,sans-serif
}

body.dark{
  --tw-bg-opacity:1;
  background-color:rgb(6 8 24/var(--tw-bg-opacity))
}

.panel{
  position:relative;
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity));
  padding:1.25rem;
  --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .panel){
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38/var(--tw-bg-opacity))
}

.navbar-floating header,.navbar-sticky header{
  position:sticky;
  top:0;
  z-index:20
}

.navbar-floating header{
  background-color:#fafafae6;
  padding-left:1.5rem;
  padding-right:1.5rem;
  padding-top:1rem
}

:is(.dark .navbar-floating header){
  background-color:#060818e6
}

.navbar-floating header>div>div:first-child{
  border-radius:.375rem
}

.horizontal .navbar-floating header>div>div:first-child{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}

.horizontal .navbar-floating header .horizontal-menu{
  border-bottom-right-radius:.375rem;
  border-bottom-left-radius:.375rem
}

.sidebar:hover .nav-item>a{
  width:auto
}

.sidebar .nav-item>a,.sidebar .nav-item>button{
  margin-bottom:.25rem;
  display:flex;
  width:100%;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
  white-space:nowrap;
  border-radius:.375rem;
  padding:.625rem;
  --tw-text-opacity:1;
  color:rgb(80 102 144/var(--tw-text-opacity))
}

.sidebar .nav-item>a:hover,.sidebar .nav-item>button:hover{
  background-color:#00000014;
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .sidebar .nav-item>a:hover),:is(.dark .sidebar .nav-item>button:hover){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

.sidebar .nav-item>a.active,.sidebar .nav-item>button.active{
  background-color:#00000014;
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .sidebar .nav-item>a.active),:is(.dark .sidebar .nav-item>button.active){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .sidebar .nav-item>a.active>div>span),:is(.dark .sidebar .nav-item>button.active>div>span){
  --tw-text-opacity:1!important;
  color:rgb(136 142 168/var(--tw-text-opacity))!important
}

.sidebar ul.sub-menu li a,.sidebar ul.sub-menu li button{
  display:flex;
  width:100%;
  align-items:center;
  padding:.625rem 2.25rem
}

.sidebar ul.sub-menu li a:before,.sidebar ul.sub-menu li button:before{
  height:.125rem;
  width:.5rem;
  border-radius:.25rem;
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219/var(--tw-bg-opacity))
}

.sidebar ul.sub-menu li a:hover,.sidebar ul.sub-menu li button:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.sidebar ul.sub-menu li a:hover:before,.sidebar ul.sub-menu li button:hover:before{
  content:var(--tw-content)!important;
  --tw-bg-opacity:1!important;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))!important
}

:is(.dark .sidebar ul.sub-menu li a):before,:is(.dark .sidebar ul.sub-menu li button):before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(107 114 128/var(--tw-bg-opacity))
}

:is(.dark .sidebar ul.sub-menu li a:hover),:is(.dark .sidebar ul.sub-menu li button:hover){
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.sidebar ul.sub-menu li a:where([dir=ltr],[dir=ltr] *):before,.sidebar ul.sub-menu li button:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  margin-right:.5rem
}

.sidebar ul.sub-menu li a:where([dir=rtl],[dir=rtl] *):before,.sidebar ul.sub-menu li button:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  margin-left:.5rem
}

.sidebar ul.sub-menu li a.active,.sidebar ul.sub-menu li button.active{
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.sidebar ul.sub-menu li a.active:before,.sidebar ul.sub-menu li button.active:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

.sidebar .nav-item a div:first-child svg,.sidebar .nav-item button div:first-child svg{
  height:1.25rem;
  width:1.25rem;
  color:#0e172680
}

:is(.dark .sidebar .nav-item a div:first-child svg),:is(.dark .sidebar .nav-item button div:first-child svg){
  color:#ffffff80
}

.main-container .main-content{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s
}

@media (min-width:1024px){
  .main-container .main-content:where([dir=ltr],[dir=ltr] *){
    margin-left:260px
  }

  .main-container .main-content:where([dir=rtl],[dir=rtl] *){
    margin-right:260px
  }
}

.horizontal .horizontal-menu{
  display:none;
  --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

@media (min-width:1024px){
  .horizontal .horizontal-menu{
    display:flex
  }
}

.horizontal .horizontal-logo{
  display:flex
}

.horizontal .main-container .main-content:where([dir=ltr],[dir=ltr] *){
  margin-left:0
}

.horizontal .main-container .main-content:where([dir=rtl],[dir=rtl] *){
  margin-right:0
}

.horizontal .sidebar:where([dir=ltr],[dir=ltr] *){
  left:-260px
}

.horizontal .sidebar:where([dir=rtl],[dir=rtl] *){
  right:-260px
}

.horizontal.toggle-sidebar .sidebar:where([dir=ltr],[dir=ltr] *){
  left:0
}

@media (min-width:1024px){
  .horizontal.toggle-sidebar .sidebar:where([dir=ltr],[dir=ltr] *){
    left:-260px
  }
}

.horizontal.toggle-sidebar .sidebar:where([dir=rtl],[dir=rtl] *){
  right:0
}

@media (min-width:1024px){
  .horizontal.toggle-sidebar .sidebar:where([dir=rtl],[dir=rtl] *){
    right:-260px
  }
}

.horizontal .nav-item a div:first-child svg{
  height:1.25rem;
  width:1.25rem;
  color:#0e172680
}

.dark.horizontal .nav-item a div:first-child svg,.horizontal .dark .nav-item a div:first-child svg,:is(.dark .horizontal .nav-item a div:first-child svg){
  color:#ffffff80
}

.horizontal-menu .nav-link{
  display:flex;
  align-items:center;
  border-radius:.5rem;
  padding:.625rem .5rem
}

.horizontal-menu .nav-link:hover{
  background-color:#00000014;
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .horizontal-menu .nav-link:hover){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

@media (min-width:1280px){
  .horizontal-menu .nav-link{
    padding-left:1rem;
    padding-right:1rem
  }
}

.horizontal-menu .nav-link.active{
  background-color:#00000014;
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .horizontal-menu .nav-link.active){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

.horizontal-menu ul.sub-menu{
  position:absolute;
  top:100%;
  z-index:20;
  display:none;
  min-width:180px;
  border-radius:.25rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity));
  padding:.5rem 0;
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity));
  --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .horizontal-menu ul.sub-menu){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

.horizontal-menu ul.sub-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.5rem 1rem
}

.horizontal-menu ul.sub-menu a:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

:is(.dark .horizontal-menu ul.sub-menu a:hover){
  background-color:#4361ee1a
}

.horizontal-menu ul.sub-menu a.active{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

:is(.dark .horizontal-menu ul.sub-menu a.active){
  background-color:#4361ee1a
}

.horizontal-menu>li.nav-item:hover>ul.sub-menu,.horizontal-menu>li.nav-item>ul.sub-menu>li:hover>ul{
  display:block
}

.vertical.toggle-sidebar .collapse-icon,.vertical.toggle-sidebar .horizontal-logo{
  display:flex
}

.vertical.toggle-sidebar .main-container .main-content:where([dir=ltr],[dir=ltr] *){
  margin-left:0
}

.vertical.toggle-sidebar .main-container .main-content:where([dir=rtl],[dir=rtl] *){
  margin-right:0
}

.vertical .sidebar:where([dir=ltr],[dir=ltr] *){
  left:-260px
}

@media (min-width:1024px){
  .vertical .sidebar:where([dir=ltr],[dir=ltr] *){
    left:0
  }
}

.vertical .sidebar:where([dir=rtl],[dir=rtl] *){
  right:-260px
}

@media (min-width:1024px){
  .vertical .sidebar:where([dir=rtl],[dir=rtl] *){
    right:0
  }
}

.vertical.toggle-sidebar .sidebar:where([dir=ltr],[dir=ltr] *){
  left:0
}

@media (min-width:1024px){
  .vertical.toggle-sidebar .sidebar:where([dir=ltr],[dir=ltr] *){
    left:-260px
  }
}

.vertical.toggle-sidebar .sidebar:where([dir=rtl],[dir=rtl] *){
  right:0
}

@media (min-width:1024px){
  .vertical.toggle-sidebar .sidebar:where([dir=rtl],[dir=rtl] *){
    right:-260px
  }
}

.collapsible-vertical .sidebar:hover{
  width:260px
}

@media (min-width:1024px){
  .collapsible-vertical .sidebar{
    width:70px
  }
}

.collapsible-vertical .sidebar:where([dir=ltr],[dir=ltr] *){
  left:-260px
}

@media (min-width:1024px){
  .collapsible-vertical .sidebar:where([dir=ltr],[dir=ltr] *){
    left:0
  }
}

.collapsible-vertical .sidebar:where([dir=rtl],[dir=rtl] *){
  right:-260px
}

@media (min-width:1024px){
  .collapsible-vertical .sidebar:where([dir=rtl],[dir=rtl] *){
    right:0
  }
}

.collapsible-vertical.toggle-sidebar .sidebar:where([dir=ltr],[dir=ltr] *){
  left:0
}

.collapsible-vertical.toggle-sidebar .sidebar:where([dir=rtl],[dir=rtl] *){
  right:0
}

@media (min-width:1024px){
  .collapsible-vertical.toggle-sidebar .sidebar{
    width:260px
  }
}

.collapsible-vertical.toggle-sidebar .sidebar .nav-item>a{
  width:auto
}

@media (min-width:1024px){
  .collapsible-vertical.toggle-sidebar .main-content{
    width:calc(100% - 260px)
  }

  .collapsible-vertical.toggle-sidebar .main-content:where([dir=ltr],[dir=ltr] *){
    margin-left:260px
  }

  .collapsible-vertical.toggle-sidebar .main-content:where([dir=rtl],[dir=rtl] *){
    margin-right:260px
  }

  .collapsible-vertical .sidebar .sub-menu{
    display:none
  }
}

.collapsible-vertical .sidebar:hover .sub-menu,.collapsible-vertical .sidebar:hover .sub-menu.recent-submenu,.collapsible-vertical.toggle-sidebar .sidebar .sub-menu{
  display:block
}

@media (min-width:1024px){
  .collapsible-vertical .main-content{
    width:calc(100% - 70px)
  }

  .collapsible-vertical .main-content:where([dir=ltr],[dir=ltr] *){
    margin-left:70px
  }

  .collapsible-vertical .main-content:where([dir=rtl],[dir=rtl] *){
    margin-right:70px
  }
}

.collapsible-vertical .main-logo>span,.collapsible-vertical .sidebar .collapse-icon{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s
}

@media (min-width:1024px){
  .collapsible-vertical .main-logo>span,.collapsible-vertical .sidebar .collapse-icon{
    opacity:0
  }
}

.collapsible-vertical .sidebar:hover .collapse-icon,.collapsible-vertical .sidebar:hover .main-logo>span,.collapsible-vertical.toggle-sidebar .collapse-icon,.collapsible-vertical.toggle-sidebar .main-logo>span{
  transition-duration:.5s
}

@media (min-width:1024px){
  .collapsible-vertical .sidebar:hover .collapse-icon,.collapsible-vertical .sidebar:hover .main-logo>span,.collapsible-vertical.toggle-sidebar .collapse-icon,.collapsible-vertical.toggle-sidebar .main-logo>span{
    opacity:1
  }
}

.collapsible-vertical.toggle-sidebar .sidebar .collapse-icon{
  --tw-rotate:0deg
}

.collapsible-vertical .sidebar:hover .collapse-icon,.collapsible-vertical.toggle-sidebar .sidebar .collapse-icon{
  display:flex;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.collapsible-vertical .sidebar:hover .collapse-icon{
  --tw-rotate:180deg
}

.collapsible-vertical .sidebar ul>h2 span{
  display:none;
  white-space:nowrap
}

.collapsible-vertical .sidebar ul>h2 svg{
  display:block
}

.collapsible-vertical .sidebar:hover ul>h2 span,.collapsible-vertical.toggle-sidebar .sidebar ul>h2 span{
  display:inline
}

.collapsible-vertical .sidebar:hover ul>h2 svg,.collapsible-vertical.toggle-sidebar .sidebar ul>h2 svg{
  display:none
}

.boxed-layout{
  margin-left:auto;
  margin-right:auto;
  max-width:1400px
}

.boxed-layout.collapsible-vertical .sidebar,.boxed-layout.vertical .sidebar{
  overflow:hidden
}

@media (min-width:1024px){
  .boxed-layout.collapsible-vertical .sidebar:where([dir=ltr],[dir=ltr] *),.boxed-layout.vertical .sidebar:where([dir=ltr],[dir=ltr] *){
    left:auto
  }

  .boxed-layout.collapsible-vertical .sidebar:where([dir=rtl],[dir=rtl] *),.boxed-layout.vertical .sidebar:where([dir=rtl],[dir=rtl] *){
    right:auto
  }

  .boxed-layout.vertical.toggle-sidebar .sidebar{
    width:0
  }
}

.btn{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:.375rem;
  border-width:1px;
  padding:.5rem 1.25rem;
  font-size:.875rem;
  line-height:1.25rem;
  font-weight:600;
  --tw-shadow:0 10px 20px -10px;
  --tw-shadow-colored:0 10px 20px -10px var(--tw-shadow-color);
  outline:2px solid #0000;
  outline-offset:2px;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.3s
}

.btn,.btn:hover{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.btn:hover{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000
}

.btn-lg{
  padding:.625rem 1.75rem;
  font-size:1rem;
  line-height:1.5rem
}

.btn-sm{
  padding:.375rem .625rem;
  font-size:.75rem;
  line-height:1rem
}

.btn[disabled]{
  cursor:not-allowed;
  opacity:.6
}

.btn-primary{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color:#4361ee99;
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-outline-primary{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.btn-outline-primary:hover{
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.btn-secondary{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(128 93 202/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color:#805dca99;
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-outline-secondary{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(128 93 202/var(--tw-text-opacity));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.btn-outline-secondary:hover{
  --tw-bg-opacity:1;
  background-color:rgb(128 93 202/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.btn-success{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color:#00ab5599;
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-outline-success{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(0 171 85/var(--tw-text-opacity));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.btn-outline-success:hover{
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.btn-danger{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color:#e7515a99;
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-outline-danger{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(231 81 90/var(--tw-text-opacity));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.btn-outline-danger:hover{
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.btn-warning{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color:#e2a03f99;
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-outline-warning{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(226 160 63/var(--tw-text-opacity));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.btn-outline-warning:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.btn-info{
  --tw-border-opacity:1;
  --tw-bg-opacity:1;
  background-color:rgb(33 150 243/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color:#2196f399;
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-info,.btn-outline-info{
  border-color:rgb(33 150 243/var(--tw-border-opacity))
}

.btn-outline-info{
  --tw-border-opacity:1;
  --tw-text-opacity:1;
  color:rgb(33 150 243/var(--tw-text-opacity));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.btn-outline-info:hover{
  --tw-bg-opacity:1;
  background-color:rgb(33 150 243/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.btn-dark{
  --tw-border-opacity:1;
  --tw-bg-opacity:1;
  background-color:rgb(59 63 92/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color:#3b3f5c99;
  --tw-shadow:var(--tw-shadow-colored)
}

.btn-dark,.btn-outline-dark{
  border-color:rgb(59 63 92/var(--tw-border-opacity))
}

.btn-outline-dark{
  --tw-border-opacity:1;
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity));
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.btn-outline-dark:hover{
  --tw-bg-opacity:1;
  background-color:rgb(59 63 92/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.btn-gradient{
  background-image:linear-gradient(to right,var(--tw-gradient-stops));
  --tw-gradient-from:#ef1262 var(--tw-gradient-from-position);
  --tw-gradient-to:#ef126200 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to:#4361ee var(--tw-gradient-to-position);
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.btn-gradient:hover{
  --tw-gradient-from:#4361ee var(--tw-gradient-from-position);
  --tw-gradient-to:#4361ee00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
  --tw-gradient-to:#ef1262 var(--tw-gradient-to-position)
}

.badge{
  position:relative;
  margin-top:.25rem;
  margin-bottom:.25rem;
  border-radius:.25rem;
  border-width:1px;
  border-color:#0000;
  padding:.125rem .5rem;
  font-size:.75rem;
  line-height:1rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.badge-outline-primary{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.badge-outline-primary:hover{
  --tw-bg-opacity:1;
  background-color:rgb(234 241 255/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-primary:hover){
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-secondary{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(128 93 202/var(--tw-text-opacity))
}

.badge-outline-secondary:hover{
  --tw-bg-opacity:1;
  background-color:rgb(235 228 247/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-secondary:hover){
  --tw-bg-opacity:1;
  background-color:rgb(128 93 202/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-success{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(0 171 85/var(--tw-text-opacity))
}

.badge-outline-success:hover{
  --tw-bg-opacity:1;
  background-color:rgb(221 245 240/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-success:hover){
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-danger{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(231 81 90/var(--tw-text-opacity))
}

.badge-outline-danger:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 245 245/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-danger:hover){
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-warning{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(226 160 63/var(--tw-text-opacity))
}

.badge-outline-warning:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 249 237/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-warning:hover){
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-info{
  --tw-border-opacity:1;
  border-color:rgb(33 150 243/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(33 150 243/var(--tw-text-opacity))
}

.badge-outline-info:hover{
  --tw-bg-opacity:1;
  background-color:rgb(231 247 255/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-info:hover){
  --tw-bg-opacity:1;
  background-color:rgb(33 150 243/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.badge-outline-dark{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92/var(--tw-border-opacity));
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity))
}

.badge-outline-dark:hover{
  --tw-bg-opacity:1;
  background-color:rgb(234 234 236/var(--tw-bg-opacity))
}

:is(.dark .badge-outline-dark:hover){
  --tw-bg-opacity:1;
  background-color:rgb(59 63 92/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.form-input,.form-multiselect,.form-select,.form-textarea{
  width:100%;
  border-radius:.375rem;
  border-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(224 230 237/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity));
  padding:.5rem 1rem;
  font-size:.875rem;
  line-height:1.25rem;
  font-weight:600;
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity));
  outline:2px solid #0000!important;
  outline-offset:2px!important
}

.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity));
  --tw-ring-color:#0000
}

:is(.dark .form-input),:is(.dark .form-multiselect),:is(.dark .form-select),:is(.dark .form-textarea){
  --tw-border-opacity:1;
  border-color:rgb(23 38 60/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(18 30 50/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .form-input:focus),:is(.dark .form-multiselect:focus),:is(.dark .form-select:focus),:is(.dark .form-textarea:focus){
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

.form-input-lg,.form-multiselect-lg,.form-select-lg,.form-textarea-lg{
  padding-top:.625rem;
  padding-bottom:.625rem;
  font-size:1rem;
  line-height:1.5rem
}

.form-input-sm,.form-multiselect-sm,.form-select-sm,.form-textarea-sm{
  padding-top:.375rem;
  padding-bottom:.375rem;
  font-size:.75rem;
  line-height:1rem
}

label{
  margin-bottom:.375rem;
  display:block;
  font-weight:600
}

[dir=rtl] select{
  background-position:left .5rem center
}

.has-error .form-input,.has-error .form-multiselect,.has-error .form-select,.has-error .form-textarea,.has-error .multiselect__tags{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity));
  background-color:#e7515a14;
  --tw-text-opacity:1;
  color:rgb(231 81 90/var(--tw-text-opacity))
}

.has-error .form-input::-moz-placeholder,.has-error .form-multiselect::-moz-placeholder,.has-error .form-select::-moz-placeholder,.has-error .form-textarea::-moz-placeholder,.has-error .multiselect__tags::-moz-placeholder{
  color:#e7515ab3
}

.has-error .form-input::-moz-placeholder, .has-error .form-multiselect::-moz-placeholder, .has-error .form-select::-moz-placeholder, .has-error .form-textarea::-moz-placeholder, .has-error .multiselect__tags::-moz-placeholder{
  color:#e7515ab3
}

.has-error .form-input::placeholder,.has-error .form-multiselect::placeholder,.has-error .form-select::placeholder,.has-error .form-textarea::placeholder,.has-error .multiselect__tags::placeholder{
  color:#e7515ab3
}

.has-error .form-input:focus,.has-error .form-multiselect:focus,.has-error .form-select:focus,.has-error .form-textarea:focus,.has-error .multiselect__tags:focus{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity))
}

.has-error .form-help,.has-error .form-icon,.has-error .form-label,.has-error .multiselect__placeholder{
  --tw-text-opacity:1;
  color:rgb(231 81 90/var(--tw-text-opacity))
}

.has-error .multiselect__input{
  --tw-bg-opacity:1;
  background-color:rgb(247 236 240/var(--tw-bg-opacity))
}

.has-error .multiselect__input::-moz-placeholder{
  color:#e7515ab3!important
}

.has-error .multiselect__input::placeholder{
  color:#e7515ab3!important
}

.has-error .form-checkbox,.has-error .multiselect__tags:hover{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity))
}

.has-success .form-input,.has-success .form-multiselect,.has-success .form-select,.has-success .form-textarea,.has-success .multiselect__tags{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity));
  background-color:#00ab5514;
  --tw-text-opacity:1;
  color:rgb(0 171 85/var(--tw-text-opacity))
}

.has-success .form-input::-moz-placeholder,.has-success .form-multiselect::-moz-placeholder,.has-success .form-select::-moz-placeholder,.has-success .form-textarea::-moz-placeholder,.has-success .multiselect__tags::-moz-placeholder{
  color:#00ab55b3
}

.has-success .form-input::-moz-placeholder, .has-success .form-multiselect::-moz-placeholder, .has-success .form-select::-moz-placeholder, .has-success .form-textarea::-moz-placeholder, .has-success .multiselect__tags::-moz-placeholder{
  color:#00ab55b3
}

.has-success .form-input::placeholder,.has-success .form-multiselect::placeholder,.has-success .form-select::placeholder,.has-success .form-textarea::placeholder,.has-success .multiselect__tags::placeholder{
  color:#00ab55b3
}

.has-success .form-input:focus,.has-success .form-multiselect:focus,.has-success .form-select:focus,.has-success .form-textarea:focus,.has-success .multiselect__tags:focus{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity))
}

.has-success .form-help,.has-success .form-icon,.has-success .form-label,.has-success .multiselect__placeholder{
  --tw-text-opacity:1;
  color:rgb(0 171 85/var(--tw-text-opacity))
}

.has-success .multiselect__input{
  --tw-bg-opacity:1;
  background-color:rgb(247 236 240/var(--tw-bg-opacity))
}

.has-success .multiselect__input::-moz-placeholder{
  color:#00ab55b3!important
}

.has-success .multiselect__input::placeholder{
  color:#00ab55b3!important
}

.has-success .multiselect__tags:hover{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity))
}

.form-checkbox,.form-radio{
  height:1.25rem;
  width:1.25rem;
  cursor:pointer;
  border-radius:.25rem;
  border-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(224 230 237/var(--tw-border-opacity));
  background-color:initial;
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity));
  --tw-shadow:0 0 #0000!important;
  --tw-shadow-colored:0 0 #0000!important;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;
  outline:2px solid #0000!important;
  outline-offset:2px!important;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important;
  --tw-ring-offset-width:0!important
}

.form-checkbox:checked,.form-radio:checked{
  background-size:90% 90%
}

.form-checkbox:disabled,.form-radio:disabled{
  cursor:not-allowed;
  --tw-bg-opacity:1;
  background-color:rgb(238 238 238/var(--tw-bg-opacity))
}

:is(.dark .form-checkbox),:is(.dark .form-radio){
  --tw-border-opacity:1;
  border-color:rgb(37 59 92/var(--tw-border-opacity))
}

:is(.dark .form-checkbox:checked),:is(.dark .form-radio:checked){
  border-color:#0000
}

:is(.dark .form-checkbox:disabled),:is(.dark .form-radio:disabled){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75/var(--tw-bg-opacity))
}

.form-checkbox:where([dir=ltr],[dir=ltr] *),.form-radio:where([dir=ltr],[dir=ltr] *){
  margin-right:.375rem
}

.form-checkbox:where([dir=rtl],[dir=rtl] *),.form-radio:where([dir=rtl],[dir=rtl] *){
  margin-left:.375rem
}

.form-checkbox.outline-primary:checked{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity));
  background-color:initial;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234361ee' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-secondary:checked{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity));
  background-color:initial;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23805dca' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-success:checked{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity));
  background-color:initial;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300ab55' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-danger:checked{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity));
  background-color:initial;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e7515a' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-warning:checked{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63/var(--tw-border-opacity));
  background-color:initial;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e2a03f' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-info:checked{
  --tw-border-opacity:1;
  border-color:rgb(33 150 243/var(--tw-border-opacity));
  background-color:initial;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232196f3' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-checkbox.outline-dark:checked{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92/var(--tw-border-opacity));
  background-color:initial;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233b3f5c' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-radio{
  border-radius:9999px
}

.form-radio.outline-primary:checked{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity));
  background-color:initial;
  background-image:none
}

.form-radio.outline-secondary:checked{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity));
  background-color:initial;
  background-image:none
}

.form-radio.outline-success:checked{
  border-color:rgb(0 171 85/var(--tw-border-opacity))
}

.form-radio.outline-danger:checked,.form-radio.outline-success:checked{
  --tw-border-opacity:1;
  background-color:initial;
  background-image:none
}

.form-radio.outline-danger:checked{
  border-color:rgb(231 81 90/var(--tw-border-opacity))
}

.form-radio.outline-warning:checked{
  border-color:rgb(226 160 63/var(--tw-border-opacity))
}

.form-radio.outline-info:checked,.form-radio.outline-warning:checked{
  --tw-border-opacity:1;
  background-color:initial;
  background-image:none
}

.form-radio.outline-info:checked{
  border-color:rgb(33 150 243/var(--tw-border-opacity))
}

.form-radio.outline-dark:checked{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92/var(--tw-border-opacity));
  background-color:initial;
  background-image:none
}

.dropdown{
  position:relative
}

.dropdown>button{
  display:flex
}

.dropdown ul{
  position:absolute;
  z-index:10;
  margin-top:.25rem;
  min-width:120px;
  border-radius:.25rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity));
  padding:.5rem 0;
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity));
  --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dropdown ul){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

.dropdown ul li>a,.dropdown ul li>button{
  display:flex;
  align-items:center;
  padding:.5rem 1rem
}

.dropdown ul li>a:hover,.dropdown ul li>button:hover{
  background-color:#4361ee1a;
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.dropdown ul li>button{
  width:100%
}

.table-responsive{
  overflow:auto
}

table{
  width:100%;
  border-collapse:collapse!important
}

table tfoot tr,table thead tr{
  border-bottom-width:0;
  --tw-bg-opacity:1!important;
  background-color:rgb(246 248 250/var(--tw-bg-opacity))!important
}

:is(.dark table tfoot tr),:is(.dark table thead tr){
  --tw-bg-opacity:1!important;
  background-color:rgb(26 41 65/var(--tw-bg-opacity))!important
}

table tbody tr td,table tfoot tr th,table thead tr th{
  padding:.75rem 1rem
}

table tbody tr td:where([dir=ltr],[dir=ltr] *),table tfoot tr th:where([dir=ltr],[dir=ltr] *),table thead tr th:where([dir=ltr],[dir=ltr] *){
  text-align:left
}

table tbody tr td:where([dir=rtl],[dir=rtl] *),table tfoot tr th:where([dir=rtl],[dir=rtl] *),table thead tr th:where([dir=rtl],[dir=rtl] *){
  text-align:right
}

table tfoot tr th,table thead tr th{
  font-weight:600
}

table tbody tr{
  border-bottom-width:1px;
  border-color:#e0e6ed66!important
}

:is(.dark table tbody tr){
  --tw-border-opacity:1!important;
  border-color:rgb(25 30 58/var(--tw-border-opacity))!important
}

table.table-hover tbody tr:hover{
  background-color:#e0e6ed33!important
}

:is(.dark table.table-hover tbody tr:hover){
  background-color:#1a294166!important
}

table.table-striped tbody tr:nth-child(odd){
  background-color:#e0e6ed33!important
}

:is(.dark table.table-striped tbody tr:nth-child(odd)){
  background-color:#1a294166!important
}

table.dataTable-table tbody tr td,table.dataTable-table tbody tr th{
  border-bottom-width:1px;
  border-color:#e0e6ed66;
  padding:.75rem 1rem
}

:is(.dark table.dataTable-table tbody tr td),:is(.dark table.dataTable-table tbody tr th){
  --tw-border-opacity:1;
  border-color:rgb(25 30 58/var(--tw-border-opacity))
}

table.dataTable-table tbody tr td:where([dir=ltr],[dir=ltr] *),table.dataTable-table tbody tr th:where([dir=ltr],[dir=ltr] *){
  text-align:left
}

table.dataTable-table tbody tr td:where([dir=rtl],[dir=rtl] *),table.dataTable-table tbody tr th:where([dir=rtl],[dir=rtl] *){
  text-align:right
}

table.dataTable-table tbody tr:last-child td{
  border-bottom-width:0
}

pre{
  direction:ltr
}

.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
}

.pointer-events-none{
  pointer-events:none
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.collapse{
  visibility:collapse
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  inset:0
}

.inset-1{
  inset:.25rem
}

.inset-x-0{
  left:0;
  right:0
}

.inset-y-0{
  top:0;
  bottom:0
}

.-bottom-1{
  bottom:-.25rem
}

.-bottom-12{
  bottom:-3rem
}

.-end-6{
  inset-inline-end:-1.5rem
}

.-top-0{
  top:0
}

.-top-0\.5{
  top:-.125rem
}

.-top-1{
  top:-.25rem
}

.-top-1\.5{
  top:-.375rem
}

.-top-3{
  top:-.75rem
}

.-top-8{
  top:-2rem
}

.-top-\[3px\]{
  top:-3px
}

.bottom-0{
  bottom:0
}

.bottom-1{
  bottom:.25rem
}

.bottom-20{
  bottom:5rem
}

.bottom-5{
  bottom:1.25rem
}

.bottom-6{
  bottom:1.5rem
}

.bottom-8{
  bottom:2rem
}

.bottom-full{
  bottom:100%
}

.end-1{
  inset-inline-end:.25rem
}

.end-1\.5{
  inset-inline-end:.375rem
}

.end-5{
  inset-inline-end:1.25rem
}

.end-6{
  inset-inline-end:1.5rem
}

.end-\[28\%\]{
  inset-inline-end:28%
}

.left-0{
  left:0
}

.left-1{
  left:.25rem
}

.left-1\/2{
  left:50%
}

.left-2{
  left:.5rem
}

.left-24{
  left:6rem
}

.left-4{
  left:1rem
}

.left-5{
  left:1.25rem
}

.left-6{
  left:1.5rem
}

.right-0{
  right:0
}

.right-1{
  right:.25rem
}

.right-2{
  right:.5rem
}

.right-6{
  right:1.5rem
}

.right-\[6px\]{
  right:6px
}

.start-1{
  inset-inline-start:.25rem
}

.start-4{
  inset-inline-start:1rem
}

.top-0{
  top:0
}

.top-1{
  top:.25rem
}

.top-1\/2{
  top:50%
}

.top-1\/4{
  top:25%
}

.top-11{
  top:2.75rem
}

.top-2{
  top:.5rem
}

.top-2\.5{
  top:.625rem
}

.top-20{
  top:5rem
}

.top-3{
  top:.75rem
}

.top-4{
  top:1rem
}

.top-5{
  top:1.25rem
}

.top-6{
  top:1.5rem
}

.top-\[30px\]{
  top:30px
}

.top-\[32px\]{
  top:32px
}

.top-\[44\%\]{
  top:44%
}

.top-full{
  top:100%
}

.isolate{
  isolation:isolate
}

.-z-\[1\]{
  z-index:-1
}

.z-10{
  z-index:10
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.z-\[10\]{
  z-index:10
}

.z-\[1\]{
  z-index:1
}

.z-\[2\]{
  z-index:2
}

.z-\[51\]{
  z-index:51
}

.z-\[5\]{
  z-index:5
}

.z-\[60\]{
  z-index:60
}

.z-\[7\]{
  z-index:7
}

.z-\[999\]{
  z-index:999
}

.order-2{
  order:2
}

.-m-2{
  margin:-.5rem
}

.-m-2\.5{
  margin:-.625rem
}

.-m-5{
  margin:-1.25rem
}

.m-0{
  margin:0
}

.m-1{
  margin:.25rem
}

.m-6{
  margin:1.5rem
}

.m-auto{
  margin:auto
}

.-mx-2{
  margin-left:-.5rem;
  margin-right:-.5rem
}

.-mx-4{
  margin-left:-1rem;
  margin-right:-1rem
}

.-mx-5{
  margin-left:-1.25rem;
  margin-right:-1.25rem
}

.-mx-6{
  margin-left:-1.5rem;
  margin-right:-1.5rem
}

.mx-10{
  margin-left:2.5rem;
  margin-right:2.5rem
}

.mx-3{
  margin-left:.75rem;
  margin-right:.75rem
}

.mx-4{
  margin-left:1rem;
  margin-right:1rem
}

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

.my-0{
  margin-top:0;
  margin-bottom:0
}

.my-10{
  margin-top:2.5rem;
  margin-bottom:2.5rem
}

.my-2{
  margin-top:.5rem;
  margin-bottom:.5rem
}

.my-3{
  margin-top:.75rem;
  margin-bottom:.75rem
}

.my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.my-5{
  margin-top:1.25rem;
  margin-bottom:1.25rem
}

.my-6{
  margin-top:1.5rem;
  margin-bottom:1.5rem
}

.my-7{
  margin-top:1.75rem;
  margin-bottom:1.75rem
}

.my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

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

.\!mt-0{
  margin-top:0!important
}

.\!mt-2{
  margin-top:.5rem!important
}

.\!mt-6{
  margin-top:1.5rem!important
}

.\!mt-7{
  margin-top:1.75rem!important
}

.-mb-\[1px\]{
  margin-bottom:-1px
}

.-ml-2{
  margin-left:-.5rem
}

.-ml-2\.5{
  margin-left:-.625rem
}

.-mr-3{
  margin-right:-.75rem
}

.-mr-3\.5{
  margin-right:-.875rem
}

.-mt-10{
  margin-top:-2.5rem
}

.-mt-12{
  margin-top:-3rem
}

.-mt-7{
  margin-top:-1.75rem
}

.-mt-8{
  margin-top:-2rem
}

.-mt-\[30px\]{
  margin-top:-30px
}

.mb-0{
  margin-bottom:0
}

.mb-1{
  margin-bottom:.25rem
}

.mb-1\.5{
  margin-bottom:.375rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-12{
  margin-bottom:3rem
}

.mb-16{
  margin-bottom:4rem
}

.mb-2{
  margin-bottom:.5rem
}

.mb-2\.5{
  margin-bottom:.625rem
}

.mb-20{
  margin-bottom:5rem
}

.mb-3{
  margin-bottom:.75rem
}

.mb-3\.5{
  margin-bottom:.875rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-5{
  margin-bottom:1.25rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-7{
  margin-bottom:1.75rem
}

.mb-8{
  margin-bottom:2rem
}

.mb-9{
  margin-bottom:2.25rem
}

.mb-px{
  margin-bottom:1px
}

.me-4{
  margin-inline-end:1rem
}

.ml-2{
  margin-left:.5rem
}

.ml-3{
  margin-left:.75rem
}

.ml-\[5px\]{
  margin-left:5px
}

.mr-0{
  margin-right:0
}

.mr-1{
  margin-right:.25rem
}

.mr-2{
  margin-right:.5rem
}

.mr-3{
  margin-right:.75rem
}

.ms-10{
  margin-inline-start:2.5rem
}

.ms-2{
  margin-inline-start:.5rem
}

.ms-3{
  margin-inline-start:.75rem
}

.ms-auto{
  margin-inline-start:auto
}

.mt-0{
  margin-top:0
}

.mt-0\.5{
  margin-top:.125rem
}

.mt-1{
  margin-top:.25rem
}

.mt-1\.5{
  margin-top:.375rem
}

.mt-10{
  margin-top:2.5rem
}

.mt-2{
  margin-top:.5rem
}

.mt-20{
  margin-top:5rem
}

.mt-24{
  margin-top:6rem
}

.mt-3{
  margin-top:.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-7{
  margin-top:1.75rem
}

.mt-8{
  margin-top:2rem
}

.mt-auto{
  margin-top:auto
}

.line-clamp-1{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1
}

.\!block{
  display:block!important
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.\!grid{
  display:grid!important
}

.grid{
  display:grid
}

.contents{
  display:contents
}

.list-item{
  display:list-item
}

.\!hidden{
  display:none!important
}

.hidden{
  display:none
}

.size-1{
  width:.25rem
}

.h-1,.size-1{
  height:.25rem
}

.h-1\.5{
  height:.375rem
}

.h-10{
  height:2.5rem
}

.h-11{
  height:2.75rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-16{
  height:4rem
}

.h-2{
  height:.5rem
}

.h-2\.5{
  height:.625rem
}

.h-20{
  height:5rem
}

.h-24{
  height:6rem
}

.h-3{
  height:.75rem
}

.h-3\.5{
  height:.875rem
}

.h-32{
  height:8rem
}

.h-4{
  height:1rem
}

.h-4\.5{
  height:18px
}

.h-40{
  height:10rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-7{
  height:1.75rem
}

.h-8{
  height:2rem
}

.h-9{
  height:2.25rem
}

.h-\[215px\]{
  height:215px
}

.h-\[250px\]{
  height:250px
}

.h-\[260px\]{
  height:260px
}

.h-\[290px\]{
  height:290px
}

.h-\[300px\]{
  height:300px
}

.h-\[340px\]{
  height:340px
}

.h-\[360px\]{
  height:360px
}

.h-\[62px\]{
  height:62px
}

.h-\[6px\]{
  height:6px
}

.h-\[70px\]{
  height:70px
}

.h-\[84px\]{
  height:84px
}

.h-\[calc\(100vh-80px\)\]{
  height:calc(100vh - 80px)
}

.h-\[calc\(100vh_-_320px\)\]{
  height:calc(100vh - 320px)
}

.h-auto{
  height:auto
}

.h-fit{
  height:-moz-fit-content;
  height:fit-content
}

.h-full{
  height:100%
}

.h-px{
  height:1px
}

.max-h-40{
  max-height:10rem
}

.max-h-56{
  max-height:14rem
}

.max-h-80{
  max-height:20rem
}

.max-h-\[893px\]{
  max-height:893px
}

.min-h-\[100px\]{
  min-height:100px
}

.min-h-\[120px\]{
  min-height:120px
}

.min-h-\[130px\]{
  min-height:130px
}

.min-h-\[142px\]{
  min-height:142px
}

.min-h-\[150px\]{
  min-height:150px
}

.min-h-\[175px\]{
  min-height:175px
}

.min-h-\[190px\]{
  min-height:190px
}

.min-h-\[200px\]{
  min-height:200px
}

.min-h-\[290px\]{
  min-height:290px
}

.min-h-\[300px\]{
  min-height:300px
}

.min-h-\[325px\]{
  min-height:325px
}

.min-h-\[353px\]{
  min-height:353px
}

.min-h-\[360px\]{
  min-height:360px
}

.min-h-\[400px\]{
  min-height:400px
}

.min-h-\[999px\]{
  min-height:999px
}

.min-h-screen{
  min-height:100vh
}

.w-1{
  width:.25rem
}

.w-1\.5{
  width:.375rem
}

.w-1\/2{
  width:50%
}

.w-1\/3{
  width:33.333333%
}

.w-1\/4{
  width:25%
}

.w-1\/5{
  width:20%
}

.w-10{
  width:2.5rem
}

.w-10\/12{
  width:83.333333%
}

.w-11{
  width:2.75rem
}

.w-11\/12{
  width:91.666667%
}

.w-12{
  width:3rem
}

.w-14{
  width:3.5rem
}

.w-16{
  width:4rem
}

.w-2{
  width:.5rem
}

.w-2\.5{
  width:.625rem
}

.w-2\/12{
  width:16.666667%
}

.w-2\/3{
  width:66.666667%
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-3{
  width:.75rem
}

.w-3\.5{
  width:.875rem
}

.w-3\/12{
  width:25%
}

.w-3\/5{
  width:60%
}

.w-32{
  width:8rem
}

.w-4{
  width:1rem
}

.w-4\.5{
  width:18px
}

.w-4\/12{
  width:33.333333%
}

.w-4\/5{
  width:80%
}

.w-44{
  width:11rem
}

.w-48{
  width:12rem
}

.w-5{
  width:1.25rem
}

.w-5\/12{
  width:41.666667%
}

.w-52{
  width:13rem
}

.w-56{
  width:14rem
}

.w-6{
  width:1.5rem
}

.w-6\/12{
  width:50%
}

.w-7{
  width:1.75rem
}

.w-7\/12{
  width:58.333333%
}

.w-72{
  width:18rem
}

.w-8{
  width:2rem
}

.w-8\/12{
  width:66.666667%
}

.w-80{
  width:20rem
}

.w-9{
  width:2.25rem
}

.w-9\/12{
  width:75%
}

.w-\[100px\]{
  width:100px
}

.w-\[15\%\]{
  width:15%
}

.w-\[1500px\]{
  width:1500px
}

.w-\[19\.15\%\]{
  width:19.15%
}

.w-\[230px\]{
  width:230px
}

.w-\[240px\]{
  width:240px
}

.w-\[250px\]{
  width:250px
}

.w-\[260px\]{
  width:260px
}

.w-\[280px\]{
  width:280px
}

.w-\[29\.56\%\]{
  width:29.56%
}

.w-\[300px\]{
  width:300px
}

.w-\[37\%\]{
  width:37%
}

.w-\[39\%\]{
  width:39%
}

.w-\[48\%\]{
  width:48%
}

.w-\[50px\]{
  width:50px
}

.w-\[60\.55\%\]{
  width:60.55%
}

.w-\[62px\]{
  width:62px
}

.w-\[6px\]{
  width:6px
}

.w-\[70px\]{
  width:70px
}

.w-\[78\.03\%\]{
  width:78.03%
}

.w-\[800px\]{
  width:800px
}

.w-\[81\%\]{
  width:81%
}

.w-\[90\%\]{
  width:90%
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.w-full{
  width:100%
}

.w-max{
  width:-moz-max-content;
  width:max-content
}

.min-w-20{
  min-width:5rem
}

.min-w-\[100px\]{
  min-width:100px
}

.min-w-\[120px\]{
  min-width:120px
}

.min-w-\[150px\]{
  min-width:150px
}

.min-w-\[180px\]{
  min-width:180px
}

.min-w-\[200px\]{
  min-width:200px
}

.min-w-\[300px\]{
  min-width:300px
}

.min-w-\[58px\]{
  min-width:58px
}

.min-w-\[625px\]{
  min-width:625px
}

.max-w-3xl{
  max-width:48rem
}

.max-w-4xl{
  max-width:56rem
}

.max-w-5xl{
  max-width:64rem
}

.max-w-\[100px\]{
  max-width:100px
}

.max-w-\[1140px\]{
  max-width:1140px
}

.max-w-\[1502px\]{
  max-width:1502px
}

.max-w-\[160px\]{
  max-width:160px
}

.max-w-\[185px\]{
  max-width:185px
}

.max-w-\[18rem\]{
  max-width:18rem
}

.max-w-\[190px\]{
  max-width:190px
}

.max-w-\[19rem\]{
  max-width:19rem
}

.max-w-\[20rem\]{
  max-width:20rem
}

.max-w-\[22rem\]{
  max-width:22rem
}

.max-w-\[24rem\]{
  max-width:24rem
}

.max-w-\[300px\]{
  max-width:300px
}

.max-w-\[30rem\]{
  max-width:30rem
}

.max-w-\[320px\]{
  max-width:320px
}

.max-w-\[400px\]{
  max-width:400px
}

.max-w-\[430px\]{
  max-width:430px
}

.max-w-\[440px\]{
  max-width:440px
}

.max-w-\[550px\]{
  max-width:550px
}

.max-w-\[580px\]{
  max-width:580px
}

.max-w-\[870px\]{
  max-width:870px
}

.max-w-\[900px\]{
  max-width:900px
}

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

.max-w-lg{
  max-width:32rem
}

.max-w-md{
  max-width:28rem
}

.max-w-none{
  max-width:none
}

.max-w-sm{
  max-width:24rem
}

.max-w-xl{
  max-width:36rem
}

.max-w-xs{
  max-width:20rem
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.flex-initial{
  flex:0 1 auto
}

.flex-none{
  flex:none
}

.flex-shrink{
  flex-shrink:1
}

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

.shrink{
  flex-shrink:1
}

.shrink-0{
  flex-shrink:0
}

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

.border-collapse{
  border-collapse:collapse
}

.-translate-x-1\/2{
  --tw-translate-x:-50%
}

.-translate-x-1\/2,.-translate-y-1\/2{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2{
  --tw-translate-y:-50%
}

.\!rotate-90{
  --tw-rotate:90deg!important;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.rotate-180{
  --tw-rotate:180deg
}

.rotate-180,.rotate-45{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45{
  --tw-rotate:45deg
}

.rotate-90{
  --tw-rotate:90deg
}

.rotate-90,.transform{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.animate-\[spin_2s_linear_infinite\]{
  animation:spin 2s linear infinite
}

.animate-\[spin_3s_linear_infinite\]{
  animation:spin 3s linear infinite
}

@keyframes ping{
  75%,to{
    transform:scale(2);
    opacity:0
  }
}

.animate-ping{
  animation:ping 1s cubic-bezier(0,0,.2,1) infinite
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

@keyframes spin{
  to{
    transform:rotate(1turn)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-grab{
  cursor:grab
}

.cursor-move{
  cursor:move
}

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

.cursor-pointer{
  cursor:pointer
}

.resize-none{
  resize:none
}

.resize{
  resize:both
}

.list-inside{
  list-style-position:inside
}

.list-decimal{
  list-style-type:decimal
}

.list-disc{
  list-style-type:disc
}

.appearance-none{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr))
}

.grid-rows-1{
  grid-template-rows:repeat(1,minmax(0,1fr))
}

.flex-col{
  flex-direction:column
}

.flex-col-reverse{
  flex-direction:column-reverse
}

.flex-wrap{
  flex-wrap:wrap
}

.flex-wrap-reverse{
  flex-wrap:wrap-reverse
}

.flex-nowrap{
  flex-wrap:nowrap
}

.place-content-center{
  place-content:center
}

.place-items-center{
  place-items:center
}

.content-between{
  align-content:space-between
}

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

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

.items-center{
  align-items:center
}

.items-baseline{
  align-items:baseline
}

.items-stretch{
  align-items:stretch
}

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

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

.justify-center{
  justify-content:center
}

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

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

.justify-items-center{
  justify-items:center
}

.gap-0{
  gap:0
}

.gap-0\.5{
  gap:.125rem
}

.gap-1{
  gap:.25rem
}

.gap-10{
  gap:2.5rem
}

.gap-2{
  gap:.5rem
}

.gap-2\.5{
  gap:.625rem
}

.gap-3{
  gap:.75rem
}

.gap-3\.5{
  gap:.875rem
}

.gap-4{
  gap:1rem
}

.gap-5{
  gap:1.25rem
}

.gap-6{
  gap:1.5rem
}

.gap-7{
  gap:1.75rem
}

.gap-8{
  gap:2rem
}

.gap-x-12{
  -moz-column-gap:3rem;
  column-gap:3rem
}

.gap-x-5{
  -moz-column-gap:1.25rem;
  column-gap:1.25rem
}

.gap-y-2{
  row-gap:.5rem
}

.gap-y-4{
  row-gap:1rem
}

.-space-x-2>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(-.5rem*var(--tw-space-x-reverse));
  margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)))
}

.-space-x-3>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(-.75rem*var(--tw-space-x-reverse));
  margin-left:calc(-.75rem*(1 - var(--tw-space-x-reverse)))
}

.-space-x-4>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(-1rem*var(--tw-space-x-reverse));
  margin-left:calc(-1rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-1>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(.25rem*var(--tw-space-x-reverse));
  margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-1\.5>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(.375rem*var(--tw-space-x-reverse));
  margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(.5rem*var(--tw-space-x-reverse));
  margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(.75rem*var(--tw-space-x-reverse));
  margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(1rem*var(--tw-space-x-reverse));
  margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-0>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(0px*var(--tw-space-y-reverse))
}

.space-y-0\.5>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.125rem*var(--tw-space-y-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.25rem*var(--tw-space-y-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.375rem*var(--tw-space-y-reverse))
}

.space-y-14>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(3.5rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(3.5rem*var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem*var(--tw-space-y-reverse))
}

.space-y-2\.5>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.625rem*var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.75rem*var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem*var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))
}

.space-y-7>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2rem*var(--tw-space-y-reverse))
}

.space-y-9>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(2.25rem*(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2.25rem*var(--tw-space-y-reverse))
}

.divide-y>:not([hidden])~:not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px*var(--tw-divide-y-reverse))
}

.divide-\[\#ebedf2\]>:not([hidden])~:not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(235 237 242/var(--tw-divide-opacity))
}

.divide-white-dark\/40>:not([hidden])~:not([hidden]){
  border-color:#888ea866
}

.divide-white-light>:not([hidden])~:not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(224 230 237/var(--tw-divide-opacity))
}

.self-end{
  align-self:flex-end
}

.self-center{
  align-self:center
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-visible{
  overflow:visible
}

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

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

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

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

.whitespace-normal{
  white-space:normal
}

.whitespace-nowrap{
  white-space:nowrap
}

.whitespace-pre{
  white-space:pre
}

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

.rounded{
  border-radius:.25rem
}

.rounded-3xl{
  border-radius:1.5rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:.5rem
}

.rounded-md{
  border-radius:.375rem
}

.rounded-none{
  border-radius:0
}

.rounded-sm{
  border-radius:.125rem
}

.rounded-xl{
  border-radius:.75rem
}

.rounded-b-md{
  border-bottom-right-radius:.375rem;
  border-bottom-left-radius:.375rem
}

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

.rounded-t-md{
  border-top-left-radius:.375rem;
  border-top-right-radius:.375rem
}

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

.rounded-bl-full{
  border-bottom-left-radius:9999px
}

.rounded-bl-md{
  border-bottom-left-radius:.375rem
}

.rounded-br-md{
  border-bottom-right-radius:.375rem
}

.rounded-tl{
  border-top-left-radius:.25rem
}

.rounded-tl-md{
  border-top-left-radius:.375rem
}

.rounded-tl-none{
  border-top-left-radius:0
}

.rounded-tr{
  border-top-right-radius:.25rem
}

.rounded-tr-md{
  border-top-right-radius:.375rem
}

.border{
  border-width:1px
}

.border-0{
  border-width:0
}

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

.border-4{
  border-width:4px
}

.border-8{
  border-width:8px
}

.border-\[3px\]{
  border-width:3px
}

.border-b{
  border-bottom-width:1px
}

.border-b-0{
  border-bottom-width:0
}

.border-b-2{
  border-bottom-width:2px
}

.border-l{
  border-left-width:1px
}

.border-l-0{
  border-left-width:0
}

.border-l-2{
  border-left-width:2px
}

.border-r-0{
  border-right-width:0
}

.border-t{
  border-top-width:1px
}

.border-t-0{
  border-top-width:0
}

.border-t-2{
  border-top-width:2px
}

.border-dashed{
  border-style:dashed
}

.\!border-primary{
  --tw-border-opacity:1!important;
  border-color:rgb(67 97 238/var(--tw-border-opacity))!important
}

.\!border-secondary{
  --tw-border-opacity:1!important;
  border-color:rgb(128 93 202/var(--tw-border-opacity))!important
}

.\!border-white-light{
  --tw-border-opacity:1!important;
  border-color:rgb(224 230 237/var(--tw-border-opacity))!important
}

.border-\[\#adb5bd\]{
  --tw-border-opacity:1;
  border-color:rgb(173 181 189/var(--tw-border-opacity))
}

.border-\[\#d3d3d3\]{
  --tw-border-opacity:1;
  border-color:rgb(211 211 211/var(--tw-border-opacity))
}

.border-\[\#e0e6ed\]{
  --tw-border-opacity:1;
  border-color:rgb(224 230 237/var(--tw-border-opacity))
}

.border-\[\#ebe9f1\]{
  --tw-border-opacity:1;
  border-color:rgb(235 233 241/var(--tw-border-opacity))
}

.border-\[\#ebedf2\]{
  --tw-border-opacity:1;
  border-color:rgb(235 237 242/var(--tw-border-opacity))
}

.border-\[\#f1f2f3\]{
  --tw-border-opacity:1;
  border-color:rgb(241 242 243/var(--tw-border-opacity))
}

.border-\[\#f3f2ee\]{
  --tw-border-opacity:1;
  border-color:rgb(243 242 238/var(--tw-border-opacity))
}

.border-\[\#f4f4f4\]{
  --tw-border-opacity:1;
  border-color:rgb(244 244 244/var(--tw-border-opacity))
}

.border-black{
  --tw-border-opacity:1;
  border-color:rgb(14 23 38/var(--tw-border-opacity))
}

.border-danger{
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity))
}

.border-danger\/20{
  border-color:#e7515a33
}

.border-dark{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92/var(--tw-border-opacity))
}

.border-dark-dark-light{
  border-color:#3b3f5c26
}

.border-dark\/20{
  border-color:#3b3f5c33
}

.border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(229 231 235/var(--tw-border-opacity))
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219/var(--tw-border-opacity))
}

.border-gray-500\/20{
  border-color:#6b728033
}

.border-info{
  --tw-border-opacity:1;
  border-color:rgb(33 150 243/var(--tw-border-opacity))
}

.border-info\/20{
  border-color:#2196f333
}

.border-primary{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

.border-primary\/20{
  border-color:#4361ee33
}

.border-primary\/50{
  border-color:#4361ee80
}

.border-secondary{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity))
}

.border-secondary\/20{
  border-color:#805dca33
}

.border-success{
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity))
}

.border-success\/20{
  border-color:#00ab5533
}

.border-transparent{
  border-color:#0000
}

.border-warning{
  --tw-border-opacity:1;
  border-color:rgb(226 160 63/var(--tw-border-opacity))
}

.border-warning\/20{
  border-color:#e2a03f33
}

.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}

.border-white-dark\/20{
  border-color:#888ea833
}

.border-white-dark\/30{
  border-color:#888ea84d
}

.border-white-light{
  --tw-border-opacity:1;
  border-color:rgb(224 230 237/var(--tw-border-opacity))
}

.border-white\/50{
  border-color:#ffffff80
}

.\!border-b-white{
  --tw-border-opacity:1!important;
  border-bottom-color:rgb(255 255 255/var(--tw-border-opacity))!important
}

.\!border-l-primary{
  --tw-border-opacity:1!important;
  border-left-color:rgb(67 97 238/var(--tw-border-opacity))!important
}

.\!border-l-transparent{
  border-left-color:#0000!important
}

.border-b-\[\#f1f2f3\]{
  --tw-border-opacity:1;
  border-bottom-color:rgb(241 242 243/var(--tw-border-opacity))
}

.border-b-success{
  --tw-border-opacity:1;
  border-bottom-color:rgb(0 171 85/var(--tw-border-opacity))
}

.border-l-\[\#4468fd\]{
  --tw-border-opacity:1;
  border-left-color:rgb(68 104 253/var(--tw-border-opacity))
}

.border-l-black{
  --tw-border-opacity:1;
  border-left-color:rgb(14 23 38/var(--tw-border-opacity))
}

.border-l-danger{
  --tw-border-opacity:1;
  border-left-color:rgb(231 81 90/var(--tw-border-opacity))
}

.border-l-primary{
  --tw-border-opacity:1;
  border-left-color:rgb(67 97 238/var(--tw-border-opacity))
}

.border-l-transparent{
  border-left-color:#0000
}

.border-l-warning{
  --tw-border-opacity:1;
  border-left-color:rgb(226 160 63/var(--tw-border-opacity))
}

.border-r-primary{
  --tw-border-opacity:1;
  border-right-color:rgb(67 97 238/var(--tw-border-opacity))
}

.border-r-warning{
  --tw-border-opacity:1;
  border-right-color:rgb(226 160 63/var(--tw-border-opacity))
}

.border-t-danger{
  --tw-border-opacity:1;
  border-top-color:rgb(231 81 90/var(--tw-border-opacity))
}

.\!bg-\[\#191e3a\]{
  --tw-bg-opacity:1!important;
  background-color:rgb(25 30 58/var(--tw-bg-opacity))!important
}

.\!bg-info{
  background-color:rgb(33 150 243/var(--tw-bg-opacity))!important
}

.\!bg-info,.\!bg-primary{
  --tw-bg-opacity:1!important
}

.\!bg-primary{
  background-color:rgb(67 97 238/var(--tw-bg-opacity))!important
}

.\!bg-success{
  --tw-bg-opacity:1!important;
  background-color:rgb(0 171 85/var(--tw-bg-opacity))!important
}

.\!bg-transparent{
  background-color:initial!important
}

.from-\[\#0081ff\]{
  --tw-gradient-from:#0081ff var(--tw-gradient-from-position);
  --tw-gradient-to:#0081ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#009ffd\]{
  --tw-gradient-from:#009ffd var(--tw-gradient-from-position);
  --tw-gradient-to:#009ffd00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#04befe\]{
  --tw-gradient-from:#04befe var(--tw-gradient-from-position);
  --tw-gradient-to:#04befe00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#1e9afe\]{
  --tw-gradient-from:#1e9afe var(--tw-gradient-from-position);
  --tw-gradient-to:#1e9afe00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#2b5876\]{
  --tw-gradient-from:#2b5876 var(--tw-gradient-from-position);
  --tw-gradient-to:#2b587600 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#3cba92\]{
  --tw-gradient-from:#3cba92 var(--tw-gradient-from-position);
  --tw-gradient-to:#3cba9200 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#3d38e1\]{
  --tw-gradient-from:#3d38e1 var(--tw-gradient-from-position);
  --tw-gradient-to:#3d38e100 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#4361ee\]{
  --tw-gradient-from:#4361ee var(--tw-gradient-from-position);
  --tw-gradient-to:#4361ee00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#7579ff\]{
  --tw-gradient-from:#7579ff var(--tw-gradient-from-position);
  --tw-gradient-to:#7579ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#a71d31\]{
  --tw-gradient-from:#a71d31 var(--tw-gradient-from-position);
  --tw-gradient-to:#a71d3100 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#d09693\]{
  --tw-gradient-from:#d09693 var(--tw-gradient-from-position);
  --tw-gradient-to:#d0969300 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#f09819\]{
  --tw-gradient-from:#f09819 var(--tw-gradient-from-position);
  --tw-gradient-to:#f0981900 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#f67062\]{
  --tw-gradient-from:#f67062 var(--tw-gradient-from-position);
  --tw-gradient-to:#f6706200 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#fe5f75\]{
  --tw-gradient-from:#fe5f75 var(--tw-gradient-from-position);
  --tw-gradient-to:#fe5f7500 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[rgba\(234\2c 241\2c 255\2c 0\.44\)\]{
  --tw-gradient-from:#eaf1ff70 var(--tw-gradient-from-position);
  --tw-gradient-to:#eaf1ff00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-blue-500{
  --tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-cyan-500{
  --tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
  --tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-fuchsia-500{
  --tw-gradient-from:#d946ef var(--tw-gradient-from-position);
  --tw-gradient-to:#d946ef00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-indigo-900\/20{
  --tw-gradient-from:#312e8133 var(--tw-gradient-from-position);
  --tw-gradient-to:#312e8100 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-primary\/10{
  --tw-gradient-from:#4361ee1a var(--tw-gradient-from-position);
  --tw-gradient-to:#4361ee00 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-violet-500{
  --tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.via-black{
  --tw-gradient-to:#0e172600 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),#0e1726 var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.via-transparent{
  --tw-gradient-to:#0000 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.to-\[\#0045ff\]{
  --tw-gradient-to:#0045ff var(--tw-gradient-to-position)
}

.to-\[\#0ba360\]{
  --tw-gradient-to:#0ba360 var(--tw-gradient-to-position)
}

.to-\[\#160f6b\]{
  --tw-gradient-to:#160f6b var(--tw-gradient-to-position)
}

.to-\[\#1e9afe\]{
  --tw-gradient-to:#1e9afe var(--tw-gradient-to-position)
}

.to-\[\#2a2a72\]{
  --tw-gradient-to:#2a2a72 var(--tw-gradient-to-position)
}

.to-\[\#3f0d12\]{
  --tw-gradient-to:#3f0d12 var(--tw-gradient-to-position)
}

.to-\[\#4481eb\]{
  --tw-gradient-to:#4481eb var(--tw-gradient-to-position)
}

.to-\[\#4e4376\]{
  --tw-gradient-to:#4e4376 var(--tw-gradient-to-position)
}

.to-\[\#60dfcd\]{
  --tw-gradient-to:#60dfcd var(--tw-gradient-to-position)
}

.to-\[\#805dca\]{
  --tw-gradient-to:#805dca var(--tw-gradient-to-position)
}

.to-\[\#b224ef\]{
  --tw-gradient-to:#b224ef var(--tw-gradient-to-position)
}

.to-\[\#c71d6f\]{
  --tw-gradient-to:#c71d6f var(--tw-gradient-to-position)
}

.to-\[\#fc5296\]{
  --tw-gradient-to:#fc5296 var(--tw-gradient-to-position)
}

.to-\[\#fc9842\]{
  --tw-gradient-to:#fc9842 var(--tw-gradient-to-position)
}

.to-\[\#ff5858\]{
  --tw-gradient-to:#ff5858 var(--tw-gradient-to-position)
}

.to-\[rgba\(234\2c 241\2c 255\2c 0\.96\)\]{
  --tw-gradient-to:#eaf1fff5 var(--tw-gradient-to-position)
}

.to-blue-400{
  --tw-gradient-to:#60a5fa var(--tw-gradient-to-position)
}

.to-cyan-400{
  --tw-gradient-to:#22d3ee var(--tw-gradient-to-position)
}

.to-fuchsia-400{
  --tw-gradient-to:#e879f9 var(--tw-gradient-to-position)
}

.to-indigo-900\/20{
  --tw-gradient-to:#312e8133 var(--tw-gradient-to-position)
}

.to-transparent{
  --tw-gradient-to:#0000 var(--tw-gradient-to-position)
}

.to-violet-400{
  --tw-gradient-to:#a78bfa var(--tw-gradient-to-position)
}

.bg-contain{
  background-size:contain
}

.bg-cover{
  background-size:cover
}

.bg-center{
  background-position:50%
}

.bg-left-top{
  background-position:0 0
}

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

.fill-\[\#e2a03f\]{
  fill:#e2a03f
}

.fill-\[url\(\#linear-gradient\)\]{
  fill:url(#linear-gradient)
}

.fill-danger{
  fill:#e7515a
}

.fill-info{
  fill:#2196f3
}

.fill-primary{
  fill:#4361ee
}

.fill-success{
  fill:#00ab55
}

.fill-warning{
  fill:#e2a03f
}

.fill-white{
  fill:#fff
}

.object-contain{
  -o-object-fit:contain;
  object-fit:contain
}

.object-cover{
  -o-object-fit:cover;
  object-fit:cover
}

.\!p-5{
  padding:1.25rem!important
}

.p-0{
  padding:0
}

.p-0\.5{
  padding:.125rem
}

.p-1{
  padding:.25rem
}

.p-1\.5{
  padding:.375rem
}

.p-2{
  padding:.5rem
}

.p-2\.5{
  padding:.625rem
}

.p-3{
  padding:.75rem
}

.p-3\.5{
  padding:.875rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.p-7{
  padding:1.75rem
}

.p-px{
  padding:1px
}

.\!px-2{
  padding-left:.5rem!important;
  padding-right:.5rem!important
}

.\!py-0{
  padding-top:0!important;
  padding-bottom:0!important
}

.\!py-3{
  padding-top:.75rem!important;
  padding-bottom:.75rem!important
}

.px-0{
  padding-left:0;
  padding-right:0
}

.px-0\.5{
  padding-left:.125rem;
  padding-right:.125rem
}

.px-1{
  padding-left:.25rem;
  padding-right:.25rem
}

.px-1\.5{
  padding-left:.375rem;
  padding-right:.375rem
}

.px-11{
  padding-left:2.75rem;
  padding-right:2.75rem
}

.px-12{
  padding-left:3rem;
  padding-right:3rem
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.px-2\.5{
  padding-left:.625rem;
  padding-right:.625rem
}

.px-3{
  padding-left:.75rem;
  padding-right:.75rem
}

.px-3\.5{
  padding-left:.875rem;
  padding-right:.875rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.px-7{
  padding-left:1.75rem;
  padding-right:1.75rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.py-0{
  padding-top:0;
  padding-bottom:0
}

.py-0\.5{
  padding-top:.125rem;
  padding-bottom:.125rem
}

.py-1{
  padding-top:.25rem;
  padding-bottom:.25rem
}

.py-1\.5{
  padding-top:.375rem;
  padding-bottom:.375rem
}

.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

.py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.py-16{
  padding-top:4rem;
  padding-bottom:4rem
}

.py-2{
  padding-top:.5rem;
  padding-bottom:.5rem
}

.py-2\.5{
  padding-top:.625rem;
  padding-bottom:.625rem
}

.py-20{
  padding-top:5rem;
  padding-bottom:5rem
}

.py-3{
  padding-top:.75rem;
  padding-bottom:.75rem
}

.py-3\.5{
  padding-top:.875rem;
  padding-bottom:.875rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-4\.5{
  padding-top:18px;
  padding-bottom:18px
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.py-7{
  padding-top:1.75rem;
  padding-bottom:1.75rem
}

.py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.py-9{
  padding-top:2.25rem;
  padding-bottom:2.25rem
}

.py-\[22px\]{
  padding-top:22px;
  padding-bottom:22px
}

.py-\[5px\]{
  padding-top:5px;
  padding-bottom:5px
}

.pb-0{
  padding-bottom:0
}

.pb-10{
  padding-bottom:2.5rem
}

.pb-12{
  padding-bottom:3rem
}

.pb-16{
  padding-bottom:4rem
}

.pb-2{
  padding-bottom:.5rem
}

.pb-24{
  padding-bottom:6rem
}

.pb-4{
  padding-bottom:1rem
}

.pb-5{
  padding-bottom:1.25rem
}

.pb-8{
  padding-bottom:2rem
}

.pb-\[68px\]{
  padding-bottom:68px
}

.pl-10{
  padding-left:2.5rem
}

.pl-3{
  padding-left:.75rem
}

.pr-3{
  padding-right:.75rem
}

.pr-3\.5{
  padding-right:.875rem
}

.ps-10{
  padding-inline-start:2.5rem
}

.pt-0{
  padding-top:0
}

.pt-12{
  padding-top:3rem
}

.pt-14{
  padding-top:3.5rem
}

.pt-2{
  padding-top:.5rem
}

.pt-3{
  padding-top:.75rem
}

.pt-4{
  padding-top:1rem
}

.pt-5{
  padding-top:1.25rem
}

.pt-6{
  padding-top:1.5rem
}

.text-left{
  text-align:left
}

.\!text-center{
  text-align:center!important
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-justify{
  text-align:justify
}

.text-end{
  text-align:end
}

.align-top{
  vertical-align:top
}

.align-middle{
  vertical-align:middle
}

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

.font-nunito{
  font-family:Nunito,sans-serif
}

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

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

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

.text-5xl{
  font-size:3rem;
  line-height:1
}

.text-\[11px\]{
  font-size:11px
}

.text-\[13px\]{
  font-size:13px
}

.text-\[15px\]{
  font-size:15px
}

.text-\[22px\]{
  font-size:22px
}

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

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-extrabold{
  font-weight:800
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.lowercase{
  text-transform:lowercase
}

.capitalize{
  text-transform:capitalize
}

.italic{
  font-style:italic
}

.not-italic{
  font-style:normal
}

.ordinal{
  --tw-ordinal:ordinal;
  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.\!leading-snug{
  line-height:1.375!important
}

.leading-5{
  line-height:1.25rem
}

.leading-\[60px\]{
  line-height:60px
}

.leading-none{
  line-height:1
}

.leading-normal{
  line-height:1.5
}

.\!text-primary{
  --tw-text-opacity:1!important;
  color:rgb(67 97 238/var(--tw-text-opacity))!important
}

.text-\[\#009688\]{
  --tw-text-opacity:1;
  color:rgb(0 150 136/var(--tw-text-opacity))
}

.text-\[\#0E1726\],.text-\[\#0e1726\]{
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity))
}

.text-\[\#1abc9c\]{
  --tw-text-opacity:1;
  color:rgb(26 188 156/var(--tw-text-opacity))
}

.text-\[\#1f2937\]{
  --tw-text-opacity:1;
  color:rgb(31 41 55/var(--tw-text-opacity))
}

.text-\[\#2196F3\]{
  --tw-text-opacity:1;
  color:rgb(33 150 243/var(--tw-text-opacity))
}

.text-\[\#3b3f5c\]{
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity))
}

.text-\[\#506690\]{
  --tw-text-opacity:1;
  color:rgb(80 102 144/var(--tw-text-opacity))
}

.text-\[\#515365\]{
  --tw-text-opacity:1;
  color:rgb(81 83 101/var(--tw-text-opacity))
}

.text-\[\#777\]{
  --tw-text-opacity:1;
  color:rgb(119 119 119/var(--tw-text-opacity))
}

.text-\[\#DBE7FF\]{
  --tw-text-opacity:1;
  color:rgb(219 231 255/var(--tw-text-opacity))
}

.text-\[\#d3d3d3\]{
  --tw-text-opacity:1;
  color:rgb(211 211 211/var(--tw-text-opacity))
}

.text-\[\#e0e6ed\]{
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.text-\[\#e2a03f\]{
  --tw-text-opacity:1;
  color:rgb(226 160 63/var(--tw-text-opacity))
}

.text-\[\#e95f2b\]{
  --tw-text-opacity:1;
  color:rgb(233 95 43/var(--tw-text-opacity))
}

.text-\[\#f1f2f3\]{
  --tw-text-opacity:1;
  color:rgb(241 242 243/var(--tw-text-opacity))
}

.text-\[\#f8538d\]{
  --tw-text-opacity:1;
  color:rgb(248 83 141/var(--tw-text-opacity))
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity))
}

.text-black-light{
  --tw-text-opacity:1;
  color:rgb(227 228 235/var(--tw-text-opacity))
}

.text-black\/60{
  color:#0e172699
}

.text-black\/70{
  color:#0e1726b3
}

.text-danger{
  --tw-text-opacity:1;
  color:rgb(231 81 90/var(--tw-text-opacity))
}

.text-dark{
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity))
}

.text-dark\/60{
  color:#3b3f5c99
}

.text-dark\/70{
  color:#3b3f5cb3
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175/var(--tw-text-opacity))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128/var(--tw-text-opacity))
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99/var(--tw-text-opacity))
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81/var(--tw-text-opacity))
}

.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55/var(--tw-text-opacity))
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39/var(--tw-text-opacity))
}

.text-indigo-600{
  --tw-text-opacity:1;
  color:rgb(79 70 229/var(--tw-text-opacity))
}

.text-info{
  --tw-text-opacity:1;
  color:rgb(33 150 243/var(--tw-text-opacity))
}

.text-neutral-300{
  --tw-text-opacity:1;
  color:rgb(212 212 212/var(--tw-text-opacity))
}

.text-primary{
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.text-secondary{
  --tw-text-opacity:1;
  color:rgb(128 93 202/var(--tw-text-opacity))
}

.text-success{
  --tw-text-opacity:1;
  color:rgb(0 171 85/var(--tw-text-opacity))
}

.text-warning{
  --tw-text-opacity:1;
  color:rgb(226 160 63/var(--tw-text-opacity))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.text-white-dark{
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

.text-white-light{
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

.underline{
  text-decoration-line:underline
}

.overline{
  text-decoration-line:overline
}

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

.antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.opacity-0{
  opacity:0
}

.opacity-20{
  opacity:.2
}

.opacity-30{
  opacity:.3
}

.opacity-70{
  opacity:.7
}

.opacity-75{
  opacity:.75
}

.opacity-80{
  opacity:.8
}

.opacity-\[0\.1\]{
  opacity:.1
}

.shadow{
  --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,.shadow-3xl{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-3xl{
  --tw-shadow:0 2px 2px #e0e6ed75,1px 6px 7px #e0e6ed75;
  --tw-shadow-colored:0 2px 2px var(--tw-shadow-color),1px 6px 7px var(--tw-shadow-color)
}

.shadow-\[0_0_15px_1px_rgba\(113\2c 106\2c 202\2c 0\.20\)\]{
  --tw-shadow:0 0 15px 1px #716aca33;
  --tw-shadow-colored:0 0 15px 1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_0_15px_1px_rgba\(113\2c 106\2c 202\2c 0\.30\)\]{
  --tw-shadow:0 0 15px 1px #716aca4d;
  --tw-shadow-colored:0 0 15px 1px var(--tw-shadow-color)
}

.shadow-\[0_0_15px_1px_rgba\(113\2c 106\2c 202\2c 0\.30\)\],.shadow-\[0_0_20px_0_\#d0d0d0\]{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_0_20px_0_\#d0d0d0\]{
  --tw-shadow:0 0 20px 0 #d0d0d0;
  --tw-shadow-colored:0 0 20px 0 var(--tw-shadow-color)
}

.shadow-\[0_0_2px_0_\#bfc9d4\]{
  --tw-shadow:0 0 2px 0 #bfc9d4;
  --tw-shadow-colored:0 0 2px 0 var(--tw-shadow-color)
}

.shadow-\[0_0_2px_0_\#bfc9d4\],.shadow-\[0_0_4px_2px_rgb\(31_45_61_\/_10\%\)\]{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_0_4px_2px_rgb\(31_45_61_\/_10\%\)\]{
  --tw-shadow:0 0 4px 2px #1f2d3d1a;
  --tw-shadow-colored:0 0 4px 2px var(--tw-shadow-color)
}

.shadow-\[0_10px_20px_-10px_rgba\(67\2c 97\2c 238\2c 0\.44\)\]{
  --tw-shadow:0 10px 20px -10px #4361ee70;
  --tw-shadow-colored:0 10px 20px -10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_1px_15px_1px_rgba\(67\2c 97\2c 238\2c 0\.15\)\]{
  --tw-shadow:0 1px 15px 1px #4361ee26;
  --tw-shadow-colored:0 1px 15px 1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_20px_20px_rgba\(126\2c 142\2c 177\2c 0\.12\)\]{
  --tw-shadow:0 20px 20px #7e8eb11f;
  --tw-shadow-colored:0 20px 20px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_4px_9px_0_rgba\(31\2c 45\2c 61\2c 0\.31\)\]{
  --tw-shadow:0 4px 9px 0 #1f2d3d4f;
  --tw-shadow-colored:0 4px 9px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0px_0px_2px_0px_rgba\(145\2c 158\2c 171\2c 0\.20\)\2c 0_12px_24px_-4px_rgba\(145\2c 158\2c 171\2c 0\.12\)\]{
  --tw-shadow:0 0 2px 0 #919eab33,0px 12px 24px -4px #919eab1f;
  --tw-shadow-colored:0 0 2px 0 var(--tw-shadow-color),0px 12px 24px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[1px_2px_12px_0_rgba\(31\2c 45\2c 61\2c 0\.10\)\]{
  --tw-shadow:1px 2px 12px 0 #1f2d3d1a;
  --tw-shadow-colored:1px 2px 12px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[4px_6px_10px_-3px_\#bfc9d4\]{
  --tw-shadow:4px 6px 10px -3px #bfc9d4;
  --tw-shadow-colored:4px 6px 10px -3px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[5px_0_25px_0_rgba\(94\2c 92\2c 154\2c 0\.1\)\]{
  --tw-shadow:5px 0 25px 0 #5e5c9a1a;
  --tw-shadow-colored:5px 0 25px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[rgb\(31_45_61_\/_10\%\)_0px_2px_10px_1px\]{
  --tw-shadow:#1f2d3d1a 0 2px 10px 1px;
  --tw-shadow-colored:0 2px 10px 1px var(--tw-shadow-color)
}

.shadow-\[rgb\(31_45_61_\/_10\%\)_0px_2px_10px_1px\],.shadow-md{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md{
  --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000
}

.shadow-none,.shadow-sm{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 #0000000d;
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-danger{
  --tw-shadow-color:#e7515a;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-info{
  --tw-shadow-color:#2196f3;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-primary{
  --tw-shadow-color:#4361ee;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-secondary{
  --tw-shadow-color:#805dca;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-success{
  --tw-shadow-color:#00ab55;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-warning{
  --tw-shadow-color:#e2a03f;
  --tw-shadow:var(--tw-shadow-colored)
}

.outline{
  outline-style:solid
}

.outline-danger{
  outline-color:#e7515a
}

.outline-dark{
  outline-color:#3b3f5c
}

.outline-info{
  outline-color:#2196f3
}

.outline-primary{
  outline-color:#4361ee
}

.outline-secondary{
  outline-color:#805dca
}

.outline-success{
  outline-color:#00ab55
}

.outline-warning{
  outline-color:#e2a03f
}

.ring-2{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-2,.ring-4{
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-4{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-\[\#ebedf2\]{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(235 237 242/var(--tw-ring-opacity))
}

.ring-danger\/30{
  --tw-ring-color:#e7515a4d
}

.ring-primary\/30{
  --tw-ring-color:#4361ee4d
}

.ring-white{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))
}

.ring-white-light{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(224 230 237/var(--tw-ring-opacity))
}

.blur{
  --tw-blur:blur(8px)
}

.blur,.invert{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert{
  --tw-invert:invert(100%)
}

.saturate-50{
  --tw-saturate:saturate(.5)
}

.filter,.saturate-50{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-\[5px\]{
  --tw-backdrop-blur:blur(5px)
}

.backdrop-blur-\[5px\],.backdrop-blur-lg{
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg{
  --tw-backdrop-blur:blur(16px)
}

.transition{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-\[display\]{
  transition-property:display;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-\[right\]{
  transition-property:right;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-\[width\]{
  transition-property:width;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.duration-300{
  transition-duration:.3s
}

.duration-700{
  transition-duration:.7s
}

.ease-in{
  transition-timing-function:cubic-bezier(.4,0,1,1)
}

.\[a-z_\:\.\\-\]{
  a-z_:.\-
}

.ps__rail-y>.ps__thumb-y{
  width:.375rem!important;
  --tw-bg-opacity:1!important;
  background-color:rgb(221 221 221/var(--tw-bg-opacity))!important
}

:is(.dark .ps__rail-y>.ps__thumb-y){
  --tw-bg-opacity:1!important;
  background-color:rgb(45 51 76/var(--tw-bg-opacity))!important
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{
  opacity:.6!important;
  background-color:initial!important
}

.swal2-container .swal2-close{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.swal2-container .swal2-close:hover{
  --tw-text-opacity:1;
  color:rgb(234 234 236/var(--tw-text-opacity))
}

.swal2-container .swal2-close:focus{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.swal2-container .swal2-popup.swal2-toast{
  --tw-bg-opacity:1;
  background-color:rgb(59 63 92/var(--tw-bg-opacity));
  padding:.625rem 1.25rem
}

.swal2-container .swal2-popup.swal2-toast .swal2-html-container,.swal2-popup.swal2-toast .swal2-title{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-primary{
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-secondary{
  --tw-bg-opacity:1;
  background-color:rgb(128 93 202/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-warning{
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-info{
  --tw-bg-opacity:1;
  background-color:rgb(33 150 243/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-danger{
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90/var(--tw-bg-opacity))
}

.swal2-container .swal2-popup.swal2-toast.color-success{
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85/var(--tw-bg-opacity))
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,.apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light{
  box-shadow:none;
  border-color:#050717cc;
  background-color:#050717cc;
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.apexcharts-canvas .apexcharts-xaxistooltip-bottom:after,.apexcharts-canvas .apexcharts-xaxistooltip-bottom:before{
  border-bottom-color:#050717cc
}

.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
  --tw-border-opacity:1;
  border-color:rgb(59 63 92/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(6 8 24/var(--tw-bg-opacity))
}

.apexcharts-legend-series:where([dir=ltr],[dir=ltr] *){
  margin-right:.5rem!important
}

.apexcharts-legend-series:where([dir=rtl],[dir=rtl] *){
  margin-left:.5rem!important
}

.dark .apexcharts-canvas .apexcharts-text,.dark .apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label,.dark .apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label,.dark .apexcharts-title-text{
  fill:#e0e6ed
}

.dark .apexcharts-canvas .apexcharts-legend-text{
  color:#e0e6ed!important
}

.dark .apexcharts-canvas .apexcharts-radialbar-track.apexcharts-track .apexcharts-radialbar-area,.dark .apexcharts-canvas .apexcharts-series-markers.apexcharts-series-bubble .apexcharts-marker{
  stroke:#191e3a
}

.dark .apexcharts-canvas .apexcharts-datalabel,.dark .apexcharts-canvas .apexcharts-datalabel-label,.dark .apexcharts-canvas .apexcharts-datalabel-value,.dark .apexcharts-canvas .apexcharts-pie-label{
  fill:#bfc9d4
}

.dark .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark{
  box-shadow:none
}

.apexcharts-canvas .apexcharts-legend-marker:where([dir=ltr],[dir=ltr] *){
  margin-right:.375rem!important
}

.apexcharts-canvas .apexcharts-legend-marker:where([dir=rtl],[dir=rtl] *){
  margin-left:.375rem;
  margin-right:0!important
}

[dir=rtl] .apexcharts-tooltip-marker{
  margin-right:0;
  margin-left:.625rem
}

.before\:container:before{
  content:var(--tw-content);
  width:100%;
  margin-right:auto;
  margin-left:auto
}

@media (min-width:640px){
  .before\:container:before{
    content:var(--tw-content);
    max-width:640px
  }
}

@media (min-width:768px){
  .before\:container:before{
    content:var(--tw-content);
    max-width:768px
  }
}

@media (min-width:1024px){
  .before\:container:before{
    content:var(--tw-content);
    max-width:1024px
  }
}

@media (min-width:1280px){
  .before\:container:before{
    content:var(--tw-content);
    max-width:1280px
  }
}

@media (min-width:1352px){
  .before\:container:before{
    content:var(--tw-content);
    max-width:1352px
  }
}

:is(.dark .dark\:prose-invert){
  --tw-prose-body:var(--tw-prose-invert-body);
  --tw-prose-headings:var(--tw-prose-invert-headings);
  --tw-prose-lead:var(--tw-prose-invert-lead);
  --tw-prose-links:var(--tw-prose-invert-links);
  --tw-prose-bold:var(--tw-prose-invert-bold);
  --tw-prose-counters:var(--tw-prose-invert-counters);
  --tw-prose-bullets:var(--tw-prose-invert-bullets);
  --tw-prose-hr:var(--tw-prose-invert-hr);
  --tw-prose-quotes:var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
  --tw-prose-captions:var(--tw-prose-invert-captions);
  --tw-prose-kbd:var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code:var(--tw-prose-invert-code);
  --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders:var(--tw-prose-invert-td-borders)
}

:is(.dark .dark\:btn-dark){
  --tw-border-opacity:1;
  border-color:rgb(59 63 92/var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(59 63 92/var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity));
  --tw-shadow-color:#3b3f5c99;
  --tw-shadow:var(--tw-shadow-colored)
}

.file\:border-0::file-selector-button{
  border-width:0
}

.file\:bg-primary\/90::file-selector-button{
  background-color:#4361eee6
}

.file\:px-4::file-selector-button{
  padding-left:1rem;
  padding-right:1rem
}

.file\:py-2::file-selector-button{
  padding-top:.5rem;
  padding-bottom:.5rem
}

.file\:font-semibold::file-selector-button{
  font-weight:600
}

.file\:text-white::file-selector-button{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.placeholder\:text-base::-moz-placeholder{
  font-size:1rem;
  line-height:1.5rem
}

.placeholder\:text-base::placeholder{
  font-size:1rem;
  line-height:1.5rem
}

.placeholder\:tracking-wider::-moz-placeholder{
  letter-spacing:.05em
}

.placeholder\:tracking-wider::placeholder{
  letter-spacing:.05em
}

.placeholder\:tracking-widest::-moz-placeholder{
  letter-spacing:.1em
}

.placeholder\:tracking-widest::placeholder{
  letter-spacing:.1em
}

.placeholder\:text-white-dark::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

.placeholder\:text-white-dark::placeholder{
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

.before\:absolute:before{
  content:var(--tw-content);
  position:absolute
}

.before\:relative:before{
  content:var(--tw-content);
  position:relative
}

.before\:inset-x-0:before{
  content:var(--tw-content);
  left:0;
  right:0
}

.before\:inset-y-0:before{
  content:var(--tw-content);
  top:0;
  bottom:0
}

.before\:-bottom-\[15px\]:before{
  content:var(--tw-content);
  bottom:-15px
}

.before\:-right-44:before{
  content:var(--tw-content);
  right:-11rem
}

.before\:-top-0:before{
  content:var(--tw-content);
  top:0
}

.before\:-top-0\.5:before{
  content:var(--tw-content);
  top:-.125rem
}

.before\:-top-1:before{
  content:var(--tw-content);
  top:-.25rem
}

.before\:bottom-0:before{
  content:var(--tw-content);
  bottom:0
}

.before\:bottom-1:before{
  content:var(--tw-content);
  bottom:.25rem
}

.before\:bottom-\[2px\]:before{
  content:var(--tw-content);
  bottom:2px
}

.before\:left-0:before{
  content:var(--tw-content);
  left:0
}

.before\:left-1:before{
  content:var(--tw-content);
  left:.25rem
}

.before\:left-1\/2:before{
  content:var(--tw-content);
  left:50%
}

.before\:left-4:before{
  content:var(--tw-content);
  left:1rem
}

.before\:right-0:before{
  content:var(--tw-content);
  right:0
}

.before\:top-0:before{
  content:var(--tw-content);
  top:0
}

.before\:top-1\/2:before{
  content:var(--tw-content);
  top:50%
}

.before\:top-10:before{
  content:var(--tw-content);
  top:2.5rem
}

.before\:top-12:before{
  content:var(--tw-content);
  top:3rem
}

.before\:top-\[15px\]:before{
  content:var(--tw-content);
  top:15px
}

.before\:-z-\[1\]:before{
  content:var(--tw-content);
  z-index:-1
}

.before\:z-\[1\]:before{
  content:var(--tw-content);
  z-index:1
}

.before\:clear-both:before{
  content:var(--tw-content);
  clear:both
}

.before\:m-auto:before{
  content:var(--tw-content);
  margin:auto
}

.before\:mx-4:before{
  content:var(--tw-content);
  margin-left:1rem;
  margin-right:1rem
}

.before\:mx-auto:before{
  content:var(--tw-content);
  margin-left:auto;
  margin-right:auto
}

.before\:-ml-\[1\.5px\]:before{
  content:var(--tw-content);
  margin-left:-1.5px
}

.before\:-mt-2:before{
  content:var(--tw-content);
  margin-top:-.5rem
}

.before\:mr-1:before{
  content:var(--tw-content);
  margin-right:.25rem
}

.before\:inline-block:before{
  content:var(--tw-content);
  display:inline-block
}

.before\:table:before{
  content:var(--tw-content);
  display:table
}

.before\:hidden:before{
  content:var(--tw-content);
  display:none
}

.before\:aspect-square:before{
  content:var(--tw-content);
  aspect-ratio:1/1
}

.before\:\!h-\[80\%\]:before{
  content:var(--tw-content);
  height:80%!important
}

.before\:h-0:before{
  content:var(--tw-content);
  height:0
}

.before\:h-1:before{
  content:var(--tw-content);
  height:.25rem
}

.before\:h-1\.5:before{
  content:var(--tw-content);
  height:.375rem
}

.before\:h-2:before{
  content:var(--tw-content);
  height:.5rem
}

.before\:h-2\.5:before{
  content:var(--tw-content);
  height:.625rem
}

.before\:h-3:before{
  content:var(--tw-content);
  height:.75rem
}

.before\:h-4:before{
  content:var(--tw-content);
  height:1rem
}

.before\:h-96:before{
  content:var(--tw-content);
  height:24rem
}

.before\:h-\[1px\]:before{
  content:var(--tw-content);
  height:1px
}

.before\:h-\[3px\]:before{
  content:var(--tw-content);
  height:3px
}

.before\:h-\[5px\]:before{
  content:var(--tw-content);
  height:5px
}

.before\:h-\[calc\(100\%-24px\)\]:before{
  content:var(--tw-content);
  height:calc(100% - 24px)
}

.before\:h-auto:before{
  content:var(--tw-content);
  height:auto
}

.before\:h-full:before{
  content:var(--tw-content);
  height:100%
}

.before\:\!w-full:before{
  content:var(--tw-content);
  width:100%!important
}

.before\:w-0:before{
  content:var(--tw-content);
  width:0
}

.before\:w-1:before{
  content:var(--tw-content);
  width:.25rem
}

.before\:w-1\.5:before{
  content:var(--tw-content);
  width:.375rem
}

.before\:w-2:before{
  content:var(--tw-content);
  width:.5rem
}

.before\:w-2\.5:before{
  content:var(--tw-content);
  width:.625rem
}

.before\:w-3:before{
  content:var(--tw-content);
  width:.75rem
}

.before\:w-4:before{
  content:var(--tw-content);
  width:1rem
}

.before\:w-96:before{
  content:var(--tw-content);
  width:24rem
}

.before\:w-\[1px\]:before{
  content:var(--tw-content);
  width:1px
}

.before\:w-\[250px\]:before{
  content:var(--tw-content);
  width:250px
}

.before\:w-\[2px\]:before{
  content:var(--tw-content);
  width:2px
}

.before\:w-\[37px\]:before{
  content:var(--tw-content);
  width:37px
}

.before\:w-\[3px\]:before{
  content:var(--tw-content);
  width:3px
}

.before\:w-\[5px\]:before{
  content:var(--tw-content);
  width:5px
}

.before\:w-full:before{
  content:var(--tw-content);
  width:100%
}

.before\:-translate-x-1\/2:before{
  content:var(--tw-content);
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:rounded:before{
  content:var(--tw-content);
  border-radius:.25rem
}

.before\:rounded-full:before{
  content:var(--tw-content);
  border-radius:9999px
}

.before\:border-2:before{
  content:var(--tw-content);
  border-width:2px
}

.before\:border-\[16px\]:before{
  content:var(--tw-content);
  border-width:16px
}

.before\:border-\[5px\]:before{
  content:var(--tw-content);
  border-width:5px
}

.before\:border-b-0:before{
  content:var(--tw-content);
  border-bottom-width:0
}

.before\:border-b-8:before{
  content:var(--tw-content);
  border-bottom-width:8px
}

.before\:border-l:before{
  content:var(--tw-content);
  border-left-width:1px
}

.before\:border-l-2:before{
  content:var(--tw-content);
  border-left-width:2px
}

.before\:border-l-8:before{
  content:var(--tw-content);
  border-left-width:8px
}

.before\:border-l-\[15px\]:before{
  content:var(--tw-content);
  border-left-width:15px
}

.before\:border-r-0:before{
  content:var(--tw-content);
  border-right-width:0
}

.before\:border-r-8:before{
  content:var(--tw-content);
  border-right-width:8px
}

.before\:border-t-8:before{
  content:var(--tw-content);
  border-top-width:8px
}

.before\:border-dashed:before{
  content:var(--tw-content);
  border-style:dashed
}

.before\:border-\[\#ebedf2\]:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(235 237 242/var(--tw-border-opacity))
}

.before\:border-danger:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity))
}

.before\:border-info:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(33 150 243/var(--tw-border-opacity))
}

.before\:border-primary:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

.before\:border-secondary:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity))
}

.before\:border-success:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity))
}

.before\:border-warning:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(226 160 63/var(--tw-border-opacity))
}

.before\:border-white-light:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(224 230 237/var(--tw-border-opacity))
}

.before\:border-b-transparent:before{
  content:var(--tw-content);
  border-bottom-color:#0000
}

.before\:border-l-\[\#ebedf2\]:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-left-color:rgb(235 237 242/var(--tw-border-opacity))
}

.before\:border-l-inherit:before{
  content:var(--tw-content);
  border-left-color:inherit
}

.before\:border-l-primary:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-left-color:rgb(67 97 238/var(--tw-border-opacity))
}

.before\:border-l-transparent:before{
  content:var(--tw-content);
  border-left-color:#0000
}

.before\:border-r-inherit:before{
  content:var(--tw-content);
  border-right-color:inherit
}

.before\:border-r-transparent:before{
  content:var(--tw-content);
  border-right-color:#0000
}

.before\:border-t-inherit:before{
  content:var(--tw-content);
  border-top-color:inherit
}

.before\:border-t-transparent:before{
  content:var(--tw-content);
  border-top-color:#0000
}

.before\:border-t-white-light:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-top-color:rgb(224 230 237/var(--tw-border-opacity))
}

.before\:bg-\[\#1937cc\]:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(25 55 204/var(--tw-bg-opacity))
}

.before\:bg-\[\#777\]:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(119 119 119/var(--tw-bg-opacity))
}

.before\:bg-\[\#adb5bd\]:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(173 181 189/var(--tw-bg-opacity))
}

.before\:bg-\[\#e0e6ed\]:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(224 230 237/var(--tw-bg-opacity))
}

.before\:bg-\[\#ebedf2\]:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(235 237 242/var(--tw-bg-opacity))
}

.before\:bg-gray-300:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(209 213 219/var(--tw-bg-opacity))
}

.before\:bg-primary:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

.before\:bg-secondary:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(128 93 202/var(--tw-bg-opacity))
}

.before\:bg-white:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.before\:bg-white-dark\/30:before{
  content:var(--tw-content);
  background-color:#888ea84d
}

.before\:bg-\[linear-gradient\(180deg\2c \#4361EE_0\%\2c rgba\(67\2c 97\2c 238\2c 0\)_50\.73\%\)\]:before{
  content:var(--tw-content);
  background-image:linear-gradient(180deg,#4361ee,#4361ee00 50.73%)
}

.before\:bg-\[url\(\'\.\.\/images\/close\.svg\'\)\]:before{
  content:var(--tw-content);
  background-image:url(../images/close.svg)
}

.before\:bg-center:before{
  content:var(--tw-content);
  background-position:50%
}

.before\:bg-no-repeat:before{
  content:var(--tw-content);
  background-repeat:no-repeat
}

.before\:px-1:before{
  content:var(--tw-content);
  padding-left:.25rem;
  padding-right:.25rem
}

.before\:px-1\.5:before{
  content:var(--tw-content);
  padding-left:.375rem;
  padding-right:.375rem
}

.before\:opacity-10:before{
  content:var(--tw-content);
  opacity:.1
}

.before\:opacity-50:before{
  content:var(--tw-content);
  opacity:.5
}

.before\:transition-all:before{
  content:var(--tw-content);
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.before\:duration-300:before{
  content:var(--tw-content);
  transition-duration:.3s
}

.before\:duration-700:before{
  content:var(--tw-content);
  transition-duration:.7s
}

.before\:content-\[\'\/\'\]:before{
  --tw-content:"/";
  content:var(--tw-content)
}

.after\:absolute:after{
  content:var(--tw-content);
  position:absolute
}

.after\:-bottom-\[15px\]:after{
  content:var(--tw-content);
  bottom:-15px
}

.after\:left-1\/2:after{
  content:var(--tw-content);
  left:50%
}

.after\:top-\[25px\]:after{
  content:var(--tw-content);
  top:25px
}

.after\:clear-both:after{
  content:var(--tw-content);
  clear:both
}

.after\:table:after{
  content:var(--tw-content);
  display:table
}

.after\:h-auto:after{
  content:var(--tw-content);
  height:auto
}

.after\:w-0:after{
  content:var(--tw-content);
  width:0
}

.after\:-translate-x-1\/2:after{
  content:var(--tw-content);
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:rounded-full:after{
  content:var(--tw-content);
  border-radius:9999px
}

.after\:border-l-2:after{
  content:var(--tw-content);
  border-left-width:2px
}

.after\:border-danger:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(231 81 90/var(--tw-border-opacity))
}

.after\:border-primary:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

.after\:border-secondary:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity))
}

.after\:border-success:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(0 171 85/var(--tw-border-opacity))
}

.after\:border-warning:after{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(226 160 63/var(--tw-border-opacity))
}

.after\:border-white-dark\/20:after{
  content:var(--tw-content);
  border-color:#888ea833
}

.checked\:bg-none:checked{
  background-image:none
}

.hover\:-top-0:hover{
  top:0
}

.hover\:-top-0\.5:hover{
  top:-.125rem
}

.hover\:top-0:hover{
  top:0
}

.hover\:hover\:translate-y-2:hover:hover{
  --tw-translate-y:0.5rem
}

.hover\:hover\:translate-y-2:hover:hover,.hover\:translate-x-2:hover{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:translate-x-2:hover{
  --tw-translate-x:0.5rem
}

.hover\:scale-110:hover{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1
}

.hover\:scale-110:hover,.hover\:scale-\[1\.01\]:hover{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-\[1\.01\]:hover{
  --tw-scale-x:1.01;
  --tw-scale-y:1.01
}

.hover\:border-b:hover{
  border-bottom-width:1px
}

.hover\:\!border-secondary:hover{
  --tw-border-opacity:1!important;
  border-color:rgb(128 93 202/var(--tw-border-opacity))!important
}

.hover\:border-primary:hover{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

.hover\:border-secondary:hover{
  --tw-border-opacity:1;
  border-color:rgb(128 93 202/var(--tw-border-opacity))
}

.hover\:border-white-light:hover{
  --tw-border-opacity:1;
  border-color:rgb(224 230 237/var(--tw-border-opacity))
}

.hover\:border-b-white:hover{
  --tw-border-opacity:1;
  border-bottom-color:rgb(255 255 255/var(--tw-border-opacity))
}

.hover\:\!bg-info:hover{
  --tw-bg-opacity:1!important;
  background-color:rgb(33 150 243/var(--tw-bg-opacity))!important
}

.hover\:\!bg-success:hover{
  --tw-bg-opacity:1!important;
  background-color:rgb(0 171 85/var(--tw-bg-opacity))!important
}

.hover\:\!bg-transparent:hover{
  background-color:initial!important
}

.hover\:bg-\[\#1937cc\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(25 55 204/var(--tw-bg-opacity))
}

.hover\:bg-\[\#4361ee\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

.hover\:bg-\[\#eee\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(238 238 238/var(--tw-bg-opacity))
}

.hover\:bg-danger:hover{
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90/var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246/var(--tw-bg-opacity))
}

.hover\:bg-gray-500\/10:hover{
  background-color:#6b72801a
}

.hover\:bg-info:hover{
  --tw-bg-opacity:1;
  background-color:rgb(33 150 243/var(--tw-bg-opacity))
}

.hover\:bg-primary:hover{
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

.hover\:bg-primary-light:hover{
  --tw-bg-opacity:1;
  background-color:rgb(234 241 255/var(--tw-bg-opacity))
}

.hover\:bg-success:hover{
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85/var(--tw-bg-opacity))
}

.hover\:bg-warning:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63/var(--tw-bg-opacity))
}

.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.hover\:bg-white-dark\/10:hover{
  background-color:#888ea81a
}

.hover\:bg-white-light\/90:hover{
  background-color:#e0e6ede6
}

.hover\:\!text-primary:hover{
  --tw-text-opacity:1!important;
  color:rgb(67 97 238/var(--tw-text-opacity))!important
}

.hover\:text-black:hover{
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity))
}

.hover\:text-black\/70:hover{
  color:#0e1726b3
}

.hover\:text-danger:hover{
  --tw-text-opacity:1;
  color:rgb(231 81 90/var(--tw-text-opacity))
}

.hover\:text-dark:hover{
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity))
}

.hover\:text-gray-400:hover{
  --tw-text-opacity:1;
  color:rgb(156 163 175/var(--tw-text-opacity))
}

.hover\:text-gray-500\/70:hover{
  color:#6b7280b3
}

.hover\:text-info:hover{
  --tw-text-opacity:1;
  color:rgb(33 150 243/var(--tw-text-opacity))
}

.hover\:text-primary:hover{
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.hover\:text-primary\/70:hover{
  color:#4361eeb3
}

.hover\:text-secondary:hover{
  --tw-text-opacity:1;
  color:rgb(128 93 202/var(--tw-text-opacity))
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:no-underline:hover{
  text-decoration-line:none
}

.hover\:opacity-100:hover{
  opacity:1
}

.hover\:opacity-80:hover{
  opacity:.8
}

.hover\:opacity-90:hover{
  opacity:.9
}

.hover\:shadow-\[0_0_15px_1px_rgba\(113\2c 106\2c 202\2c 0\.20\)\]:hover{
  --tw-shadow:0 0 15px 1px #716aca33;
  --tw-shadow-colored:0 0 15px 1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-\[0_10px_20px_-10px\]:hover{
  --tw-shadow:0 10px 20px -10px;
  --tw-shadow-colored:0 10px 20px -10px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-\[0_5px_15px_0_rgba\(0\2c 0\2c 0\2c 0\.30\)\]:hover{
  --tw-shadow:0 5px 15px 0 #0000004d;
  --tw-shadow-colored:0 5px 15px 0 var(--tw-shadow-color)
}

.hover\:shadow-\[0_5px_15px_0_rgba\(0\2c 0\2c 0\2c 0\.30\)\]:hover,.hover\:shadow-none:hover{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-none:hover{
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000
}

.hover\:shadow-success:hover{
  --tw-shadow-color:#00ab55;
  --tw-shadow:var(--tw-shadow-colored)
}

.file\:hover\:bg-primary:hover::file-selector-button{
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

.hover\:before\:h-\[80\%\]:hover:before{
  content:var(--tw-content);
  height:80%
}

.hover\:before\:w-full:hover:before{
  content:var(--tw-content);
  width:100%
}

.hover\:before\:border-t-white-light:hover:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-top-color:rgb(224 230 237/var(--tw-border-opacity))
}

.focus\:\!border-r:focus{
  border-right-width:1px!important
}

.focus\:border-black:focus{
  --tw-border-opacity:1;
  border-color:rgb(14 23 38/var(--tw-border-opacity))
}

.focus\:border-gray-300:focus{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219/var(--tw-border-opacity))
}

.focus\:border-gray-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128/var(--tw-border-opacity))
}

.focus\:border-indigo-300:focus{
  --tw-border-opacity:1;
  border-color:rgb(165 180 252/var(--tw-border-opacity))
}

.focus\:border-transparent:focus{
  border-color:#0000
}

.focus\:bg-gray-200:focus{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235/var(--tw-bg-opacity))
}

.focus\:bg-white:focus{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.focus\:shadow-\[0_0_5px_2px_rgb\(194_213_255_\/_62\%\)\]:focus{
  --tw-shadow:0 0 5px 2px #c2d5ff9e;
  --tw-shadow-colored:0 0 5px 2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.focus\:outline-none:focus{
  outline:2px solid #0000;
  outline-offset:2px
}

.focus\:ring:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,.focus\:ring:focus{
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-black:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(14 23 38/var(--tw-ring-opacity))
}

.focus\:ring-gray-500:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity))
}

.focus\:ring-indigo-200:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity))
}

.focus\:ring-opacity-50:focus{
  --tw-ring-opacity:0.5
}

.focus\:ring-offset-0:focus{
  --tw-ring-offset-width:0
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:2px
}

.enabled\:hover\:bg-primary-light:hover:enabled{
  --tw-bg-opacity:1;
  background-color:rgb(234 241 255/var(--tw-bg-opacity))
}

.enabled\:hover\:text-primary:hover:enabled{
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.enabled\:hover\:text-warning:hover:enabled{
  --tw-text-opacity:1;
  color:rgb(226 160 63/var(--tw-text-opacity))
}

.disabled\:pointer-events-none:disabled{
  pointer-events:none
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed
}

.disabled\:bg-\[\#eee\]:disabled{
  --tw-bg-opacity:1;
  background-color:rgb(238 238 238/var(--tw-bg-opacity))
}

.disabled\:opacity-60:disabled{
  opacity:.6
}

.group:hover .group-hover\:block{
  display:block
}

.group:hover .group-hover\:-translate-y-\[10px\]{
  --tw-translate-y:-10px
}

.group:hover .group-hover\:-translate-y-\[10px\],.group:hover .group-hover\:translate-x-1{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-1{
  --tw-translate-x:0.25rem
}

.group:hover .group-hover\:translate-x-2{
  --tw-translate-x:0.5rem
}

.group:hover .group-hover\:scale-110,.group:hover .group-hover\:translate-x-2{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1
}

.group:hover .group-hover\:-space-x-2>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(-.5rem*var(--tw-space-x-reverse));
  margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)))
}

.group:hover .group-hover\:border-primary{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

.group:hover .group-hover\:bg-primary\/10{
  background-color:#4361ee1a
}

.group:hover .group-hover\:fill-warning{
  fill:#e2a03f
}

.group:hover .group-hover\:\!text-primary{
  --tw-text-opacity:1!important;
  color:rgb(67 97 238/var(--tw-text-opacity))!important
}

.group:hover .group-hover\:text-primary{
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.group:hover .group-hover\:underline{
  text-decoration-line:underline
}

.group:hover .group-hover\:opacity-100{
  opacity:1
}

.group:hover .group-hover\:saturate-100{
  --tw-saturate:saturate(1);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.peer:checked~.peer-checked\:border-black{
  --tw-border-opacity:1;
  border-color:rgb(14 23 38/var(--tw-border-opacity))
}

.peer:checked~.peer-checked\:border-primary{
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

.peer:checked~.peer-checked\:bg-primary{
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

.peer:checked~.peer-checked\:bg-primary\/10{
  background-color:#4361ee1a
}

.peer:checked~.peer-checked\:text-danger{
  --tw-text-opacity:1;
  color:rgb(231 81 90/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-dark{
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-info{
  --tw-text-opacity:1;
  color:rgb(33 150 243/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-primary{
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-secondary{
  --tw-text-opacity:1;
  color:rgb(128 93 202/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-success{
  --tw-text-opacity:1;
  color:rgb(0 171 85/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:text-warning{
  --tw-text-opacity:1;
  color:rgb(226 160 63/var(--tw-text-opacity))
}

.peer:checked~.peer-checked\:before\:left-7:before{
  content:var(--tw-content);
  left:1.75rem
}

.peer:checked~.peer-checked\:before\:bg-primary:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

.peer:checked~.peer-checked\:before\:bg-white:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

.peer:checked~.peer-checked\:before\:bg-\[url\(\'\.\.\/images\/checked\.svg\'\)\]:before{
  content:var(--tw-content);
  background-image:url(../images/checked.svg)
}

.peer:focus~.peer-focus\:text-primary{
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

.prose-p\:text-sm:is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){
  font-size:.875rem;
  line-height:1.25rem
}

.prose-img\:m-0:is(:where(img):not(:where([class~=not-prose],[class~=not-prose] *))){
  margin:0
}

.prose-img\:inline-block:is(:where(img):not(:where([class~=not-prose],[class~=not-prose] *))){
  display:inline-block
}

:is(.dark .dark\:divide-\[\#191e3a\])>:not([hidden])~:not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(25 30 58/var(--tw-divide-opacity))
}

:is(.dark .dark\:divide-\[\#253b5c\])>:not([hidden])~:not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(37 59 92/var(--tw-divide-opacity))
}

:is(.dark .dark\:divide-dark)>:not([hidden])~:not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(59 63 92/var(--tw-divide-opacity))
}

:is(.dark .dark\:divide-white\/10)>:not([hidden])~:not([hidden]){
  border-color:#ffffff1a
}

:is(.dark .dark\:border-0){
  border-width:0
}

:is(.dark .dark\:\!border-\[\#191e3a\]){
  --tw-border-opacity:1!important;
  border-color:rgb(25 30 58/var(--tw-border-opacity))!important
}

:is(.dark .dark\:border-\[\#060818\]){
  --tw-border-opacity:1;
  border-color:rgb(6 8 24/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#0e1726\]){
  --tw-border-opacity:1;
  border-color:rgb(14 23 38/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#17263c\]){
  --tw-border-opacity:1;
  border-color:rgb(23 38 60/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#191e3a\]){
  --tw-border-opacity:1;
  border-color:rgb(25 30 58/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#1B2E4B\]),:is(.dark .dark\:border-\[\#1b2e4b\]){
  --tw-border-opacity:1;
  border-color:rgb(27 46 75/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#253b5c\]){
  --tw-border-opacity:1;
  border-color:rgb(37 59 92/var(--tw-border-opacity))
}

:is(.dark .dark\:border-\[\#3b3f5c\]),:is(.dark .dark\:border-dark){
  --tw-border-opacity:1;
  border-color:rgb(59 63 92/var(--tw-border-opacity))
}

:is(.dark .dark\:border-dark\/30){
  border-color:#3b3f5c4d
}

:is(.dark .dark\:border-gray-800){
  --tw-border-opacity:1;
  border-color:rgb(31 41 55/var(--tw-border-opacity))
}

:is(.dark .dark\:border-primary){
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

:is(.dark .dark\:border-white){
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}

:is(.dark .dark\:border-white-dark){
  --tw-border-opacity:1;
  border-color:rgb(136 142 168/var(--tw-border-opacity))
}

:is(.dark .dark\:border-white-dark\/50){
  border-color:#888ea880
}

:is(.dark .dark\:border-white-light\/10){
  border-color:#e0e6ed1a
}

:is(.dark .dark\:border-white-light\/20){
  border-color:#e0e6ed33
}

:is(.dark .dark\:border-white\/10){
  border-color:#ffffff1a
}

:is(.dark .dark\:\!border-b-black){
  --tw-border-opacity:1!important;
  border-bottom-color:rgb(14 23 38/var(--tw-border-opacity))!important
}

:is(.dark .dark\:border-b-dark){
  --tw-border-opacity:1;
  border-bottom-color:rgb(59 63 92/var(--tw-border-opacity))
}

:is(.dark .dark\:border-l-dark){
  --tw-border-opacity:1;
  border-left-color:rgb(59 63 92/var(--tw-border-opacity))
}

:is(.dark .dark\:border-t-dark){
  --tw-border-opacity:1;
  border-top-color:rgb(59 63 92/var(--tw-border-opacity))
}

:is(.dark .dark\:\!bg-transparent){
  background-color:initial!important
}

:is(.dark .dark\:bg-\[\#050b14\]){
  --tw-bg-opacity:1;
  background-color:rgb(5 11 20/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#060818\]){
  --tw-bg-opacity:1;
  background-color:rgb(6 8 24/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#0e1726\]){
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#121c2c\]){
  --tw-bg-opacity:1;
  background-color:rgb(18 28 44/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#141F31\]){
  --tw-bg-opacity:1;
  background-color:rgb(20 31 49/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#181F32\]){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#191e3a\]){
  --tw-bg-opacity:1;
  background-color:rgb(25 30 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#192A3A\]){
  --tw-bg-opacity:1;
  background-color:rgb(25 42 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1B2E4B\]){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1a1c2d\]){
  --tw-bg-opacity:1;
  background-color:rgb(26 28 45/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1a2941\]){
  --tw-bg-opacity:1;
  background-color:rgb(26 41 65/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1b2e4b\]){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#1c232f\]){
  --tw-bg-opacity:1;
  background-color:rgb(28 35 47/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#253b5c\]){
  --tw-bg-opacity:1;
  background-color:rgb(37 59 92/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-\[\#262e40\]){
  --tw-bg-opacity:1;
  background-color:rgb(38 46 64/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-black){
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-black\/50){
  background-color:#0e172680
}

:is(.dark .dark\:bg-danger){
  --tw-bg-opacity:1;
  background-color:rgb(231 81 90/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-danger-dark-light){
  background-color:#e7515a26
}

:is(.dark .dark\:bg-dark){
  --tw-bg-opacity:1;
  background-color:rgb(27 39 50 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-dark-dark-light){
  background-color:#3b3f5c26
}

:is(.dark .dark\:bg-dark-light\/10){
  background-color:#eaeaec1a
}

:is(.dark .dark\:bg-dark\/40){
  background-color:#3b3f5c66
}

:is(.dark .dark\:bg-gray-700){
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-800){
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-gray-900){
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-info){
  --tw-bg-opacity:1;
  background-color:#0F172A
}

:is(.dark .dark\:bg-bunker-950){
  --tw-bg-opacity:1;
  background-color:rgb(11 14 19 / var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-info-dark-light){
  background-color:#2196f326
}

:is(.dark .dark\:bg-primary){
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-primary-dark-light){
  background-color:#4361ee26
}

:is(.dark .dark\:bg-secondary){
  --tw-bg-opacity:1;
  background-color:rgb(128 93 202/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-secondary-dark-light){
  background-color:#805dca26
}

:is(.dark .dark\:bg-success){
  --tw-bg-opacity:1;
  background-color:rgb(0 171 85/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-success-dark-light){
  background-color:#00ab5526
}

:is(.dark .dark\:bg-transparent){
  background-color:initial
}

:is(.dark .dark\:bg-warning){
  --tw-bg-opacity:1;
  background-color:rgb(226 160 63/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-warning-dark-light){
  background-color:#e2a03f26
}

:is(.dark .dark\:bg-white-dark){
  --tw-bg-opacity:1;
  background-color:rgb(136 142 168/var(--tw-bg-opacity))
}

:is(.dark .dark\:bg-white-dark\/20){
  background-color:#888ea833
}

:is(.dark .dark\:bg-white\/10){
  background-color:#ffffff1a
}

:is(.dark .dark\:bg-opacity-\[0\.08\]){
  --tw-bg-opacity:0.08
}

:is(.dark .dark\:bg-\[linear-gradient\(52\.22deg\2c \#0E1726_0\%\2c rgba\(14\2c 23\2c 38\2c 0\)_18\.66\%\2c rgba\(14\2c 23\2c 38\2c 0\)_51\.04\%\2c rgba\(14\2c 23\2c 38\2c 0\)_80\.07\%\2c \#0E1726_100\%\)\]){
  background-image:linear-gradient(52.22deg,#0e1726,#0e172600 18.66%,#0e172600 51.04%,#0e172600 80.07%,#0e1726)
}

:is(.dark .dark\:from-\[rgba\(14\2c 23\2c 38\2c 0\.44\)\]){
  --tw-gradient-from:#0e172670 var(--tw-gradient-from-position);
  --tw-gradient-to:#0e172600 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

:is(.dark .dark\:via-white){
  --tw-gradient-to:#fff0 var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)
}

:is(.dark .dark\:to-\[\#0E1726\]){
  --tw-gradient-to:#0e1726 var(--tw-gradient-to-position)
}

:is(.dark .dark\:text-\[\#0e1726\]){
  --tw-text-opacity:1;
  color:rgb(14 23 38/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#1B2E4B\]){
  --tw-text-opacity:1;
  color:rgb(27 46 75/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#506690\]){
  --tw-text-opacity:1;
  color:rgb(80 102 144/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#888ea8\]){
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#bfc9d4\]){
  --tw-text-opacity:1;
  color:rgb(191 201 212/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#d0d2d6\]){
  --tw-text-opacity:1;
  color:rgb(208 210 214/var(--tw-text-opacity))
}

:is(.dark .dark\:text-\[\#ffeccb\]){
  --tw-text-opacity:1;
  color:rgb(255 236 203/var(--tw-text-opacity))
}

:is(.dark .dark\:text-danger-light){
  --tw-text-opacity:1;
  color:rgb(255 245 245/var(--tw-text-opacity))
}

:is(.dark .dark\:text-dark){
  --tw-text-opacity:1;
  color:rgb(59 63 92/var(--tw-text-opacity))
}

:is(.dark .dark\:text-dark-light\/60){
  color:#eaeaec99
}

:is(.dark .dark\:text-gray-300){
  --tw-text-opacity:1;
  color:rgb(209 213 219/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-400){
  --tw-text-opacity:1;
  color:rgb(156 163 175/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-500){
  --tw-text-opacity:1;
  color:rgb(107 114 128/var(--tw-text-opacity))
}

:is(.dark .dark\:text-gray-600){
  --tw-text-opacity:1;
  color:rgb(75 85 99/var(--tw-text-opacity))
}

:is(.dark .dark\:text-info){
  --tw-text-opacity:1;
  color:rgb(33 150 243/var(--tw-text-opacity))
}

:is(.dark .dark\:text-info-light){
  --tw-text-opacity:1;
  color:rgb(231 247 255/var(--tw-text-opacity))
}

:is(.dark .dark\:text-primary){
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

:is(.dark .dark\:text-primary-light){
  --tw-text-opacity:1;
  color:rgb(234 241 255/var(--tw-text-opacity))
}

:is(.dark .dark\:text-secondary-light){
  --tw-text-opacity:1;
  color:rgb(235 228 247/var(--tw-text-opacity))
}

:is(.dark .dark\:text-success-light){
  --tw-text-opacity:1;
  color:rgb(221 245 240/var(--tw-text-opacity))
}

:is(.dark .dark\:text-warning-light){
  --tw-text-opacity:1;
  color:rgb(255 249 237/var(--tw-text-opacity))
}

:is(.dark .dark\:text-white){
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:text-white-dark){
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .dark\:text-white-dark\/70){
  color:#888ea8b3
}

:is(.dark .dark\:text-white-light){
  --tw-text-opacity:1;
  color:rgb(224 230 237/var(--tw-text-opacity))
}

:is(.dark .dark\:text-white-light\/90){
  color:#e0e6ede6
}

:is(.dark .dark\:text-white\/70){
  color:#ffffffb3
}

:is(.dark .dark\:shadow-\[0_2px_11px_0_rgb\(6_8_24_\/_39\%\)\]){
  --tw-shadow:0 2px 11px 0 #06081863;
  --tw-shadow-colored:0 2px 11px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:shadow-none){
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .dark\:shadow-\[\#1b2e4b\]){
  --tw-shadow-color:#1b2e4b;
  --tw-shadow:var(--tw-shadow-colored)
}

:is(.dark .dark\:shadow-dark){
  --tw-shadow-color:#3b3f5c;
  --tw-shadow:var(--tw-shadow-colored)
}

:is(.dark .dark\:ring-\[\#515365\]){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(81 83 101/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-dark){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(59 63 92/var(--tw-ring-opacity))
}

:is(.dark .dark\:ring-white-dark){
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(136 142 168/var(--tw-ring-opacity))
}

:is(.dark .dark\:brightness-\[2\.59\]){
  --tw-brightness:brightness(2.59)
}

:is(.dark .dark\:brightness-\[2\.59\]),:is(.dark .dark\:grayscale-\[83\%\]){
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

:is(.dark .dark\:grayscale-\[83\%\]){
  --tw-grayscale:grayscale(83%)
}

:is(.dark .dark\:before\:border-\[\#191e3a\]):before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(25 30 58/var(--tw-border-opacity))
}

:is(.dark .dark\:before\:border-white-light\/30):before{
  content:var(--tw-content);
  border-color:#e0e6ed4d
}

:is(.dark .dark\:before\:border-l-\[\#1b2e4b\]):before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-left-color:rgb(27 46 75/var(--tw-border-opacity))
}

:is(.dark .dark\:before\:bg-\[\#191e3a\]):before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(25 30 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:before\:bg-\[\#1b2e4b\]):before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .dark\:before\:bg-white-dark):before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(136 142 168/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:border-\[\#191e3a\]:hover){
  --tw-border-opacity:1;
  border-color:rgb(25 30 58/var(--tw-border-opacity))
}

:is(.dark .dark\:hover\:border-primary:hover){
  --tw-border-opacity:1;
  border-color:rgb(67 97 238/var(--tw-border-opacity))
}

:is(.dark .dark\:hover\:border-b-black:hover){
  --tw-border-opacity:1;
  border-bottom-color:rgb(14 23 38/var(--tw-border-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#050b14\]:hover){
  --tw-bg-opacity:1;
  background-color:rgb(5 11 20/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#181F32\]:hover){
  --tw-bg-opacity:1;
  background-color:rgb(24 31 50/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#191e3a\]:hover){
  --tw-bg-opacity:1;
  background-color:rgb(25 30 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#192A3A\]:hover){
  --tw-bg-opacity:1;
  background-color:rgb(25 42 58/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#1B2E4B\]:hover){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-\[\#eee\]\/10:hover){
  background-color:#eeeeee1a
}

:is(.dark .dark\:hover\:bg-dark-light\/10:hover){
  background-color:#eaeaec1a
}

:is(.dark .dark\:hover\:bg-dark\/60:hover){
  background-color:#3b3f5c99
}

:is(.dark .dark\:hover\:bg-gray-900:hover){
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:bg-primary:hover){
  --tw-bg-opacity:1;
  background-color:rgb(67 97 238/var(--tw-bg-opacity))
}

:is(.dark .dark\:hover\:text-gray-600:hover){
  --tw-text-opacity:1;
  color:rgb(75 85 99/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-primary:hover){
  --tw-text-opacity:1;
  color:rgb(67 97 238/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-white:hover){
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-white-dark:hover){
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .dark\:hover\:text-white-dark\/70:hover){
  color:#888ea8b3
}

:is(.dark .dark\:hover\:text-white-light\/70:hover){
  color:#e0e6edb3
}

:is(.dark .dark\:hover\:text-white-light\/90:hover){
  color:#e0e6ede6
}

:is(.dark .enabled\:dark\:hover\:bg-white-dark\/30:hover):enabled{
  background-color:#888ea84d
}

:is(.dark .dark\:disabled\:bg-\[\#1b2e4b\]:disabled){
  --tw-bg-opacity:1;
  background-color:rgb(27 46 75/var(--tw-bg-opacity))
}

:is(.dark .group:hover .dark\:group-hover\:bg-transparent){
  background-color:initial
}

:is(.dark .group:hover .dark\:group-hover\:text-white-dark){
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .peer:checked~.dark\:peer-checked\:before\:bg-white):before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity))
}

:is(.dark .dark\:prose-headings\:text-white-dark:is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *)))){
  --tw-text-opacity:1;
  color:rgb(136 142 168/var(--tw-text-opacity))
}

:is(.dark .dark\:prose-p\:text-white:is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *)))){
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width:640px){
  .sm\:absolute{
    position:absolute
  }

  .sm\:relative{
    position:relative
  }

  .sm\:top-0{
    top:0
  }

  .sm\:top-5{
    top:1.25rem
  }

  .sm\:order-1{
    order:1
  }

  .sm\:col-span-2{
    grid-column:span 2/span 2
  }

  .sm\:col-span-3{
    grid-column:span 3/span 3
  }

  .sm\:mx-0{
    margin-left:0;
    margin-right:0
  }

  .sm\:-ms-32{
    margin-inline-start:-8rem
  }

  .sm\:mb-0{
    margin-bottom:0
  }

  .sm\:mt-0{
    margin-top:0
  }

  .sm\:mt-5{
    margin-top:1.25rem
  }

  .sm\:mt-7{
    margin-top:1.75rem
  }

  .sm\:mt-8{
    margin-top:2rem
  }

  .sm\:block{
    display:block
  }

  .sm\:flex{
    display:flex
  }

  .sm\:hidden{
    display:none
  }

  .sm\:h-12{
    height:3rem
  }

  .sm\:h-16{
    height:4rem
  }

  .sm\:h-6{
    height:1.5rem
  }

  .sm\:h-\[100px\]{
    height:100px
  }

  .sm\:h-\[calc\(100vh_-_150px\)\]{
    height:calc(100vh - 150px)
  }

  .sm\:h-\[calc\(100vh_-_300px\)\]{
    height:calc(100vh - 300px)
  }

  .sm\:h-\[calc\(100vh_-_357px\)\]{
    height:calc(100vh - 357px)
  }

  .sm\:min-h-0{
    min-height:0
  }

  .sm\:min-h-\[300px\]{
    min-height:300px
  }

  .sm\:w-1\/2{
    width:50%
  }

  .sm\:w-1\/4{
    width:25%
  }

  .sm\:w-12{
    width:3rem
  }

  .sm\:w-16{
    width:4rem
  }

  .sm\:w-2\/12{
    width:16.666667%
  }

  .sm\:w-2\/5{
    width:40%
  }

  .sm\:w-3\/4{
    width:75%
  }

  .sm\:w-56{
    width:14rem
  }

  .sm\:w-6{
    width:1.5rem
  }

  .sm\:w-\[100px\]{
    width:100px
  }

  .sm\:w-\[300px\]{
    width:300px
  }

  .sm\:w-\[350px\]{
    width:350px
  }

  .sm\:w-\[375px\]{
    width:375px
  }

  .sm\:w-\[46\%\]{
    width:46%
  }

  .sm\:w-\[480px\]{
    width:480px
  }

  .sm\:w-auto{
    width:auto
  }

  .sm\:min-w-\[100px\]{
    min-width:100px
  }

  .sm\:max-w-\[100px\]{
    max-width:100px
  }

  .sm\:max-w-full{
    max-width:100%
  }

  .sm\:flex-1{
    flex:1 1 0%
  }

  .sm\:flex-\[0_0_20\%\]{
    flex:0 0 20%
  }

  .sm\:flex-auto{
    flex:1 1 auto
  }

  .sm\:flex-none{
    flex:none
  }

  .sm\:-translate-y-1\/2{
    --tw-translate-y:-50%
  }

  .sm\:-translate-y-1\/2,.sm\:translate-y-0{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .sm\:translate-y-0{
    --tw-translate-y:0
  }

  .sm\:grid-cols-1{
    grid-template-columns:repeat(1,minmax(0,1fr))
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .sm\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .sm\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .sm\:grid-cols-5{
    grid-template-columns:repeat(5,minmax(0,1fr))
  }

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

  .sm\:flex-col{
    flex-direction:column
  }

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

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

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

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

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

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

  .sm\:gap-3{
    gap:.75rem
  }

  .sm\:gap-4{
    gap:1rem
  }

  .sm\:gap-5{
    gap:1.25rem
  }

  .sm\:gap-7{
    gap:1.75rem
  }

  .sm\:space-x-3>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.75rem*var(--tw-space-x-reverse));
    margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))
  }

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

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

  .sm\:bg-transparent{
    background-color:initial
  }

  .sm\:p-6{
    padding:1.5rem
  }

  .sm\:px-0{
    padding-left:0;
    padding-right:0
  }

  .sm\:px-16{
    padding-left:4rem;
    padding-right:4rem
  }

  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .sm\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }

  .sm\:py-0{
    padding-top:0;
    padding-bottom:0
  }

  .sm\:py-16{
    padding-top:4rem;
    padding-bottom:4rem
  }

  .sm\:pb-0{
    padding-bottom:0
  }

  .sm\:pe-32{
    padding-inline-end:8rem
  }

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

  .sm\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }

  .sm\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
  }

  .sm\:text-\[15px\]{
    font-size:15px
  }

  .sm\:text-base{
    font-size:1rem;
    line-height:1.5rem
  }

  .sm\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem
  }

  .sm\:before\:block:before{
    content:var(--tw-content);
    display:block
  }
}

@media (min-width:768px){
  .md\:absolute{
    position:absolute
  }

  .md\:-top-\[30px\]{
    top:-30px
  }

  .md\:left-\[30\%\]{
    left:30%
  }

  .md\:top-5{
    top:1.25rem
  }

  .md\:top-\[25px\]{
    top:25px
  }

  .md\:col-span-2{
    grid-column:span 2/span 2
  }

  .md\:row-span-2{
    grid-row:span 2/span 2
  }

  .md\:my-0{
    margin-top:0;
    margin-bottom:0
  }

  .md\:-mt-14{
    margin-top:-3.5rem
  }

  .md\:-mt-20{
    margin-top:-5rem
  }

  .md\:mb-0{
    margin-bottom:0
  }

  .md\:mb-24{
    margin-bottom:6rem
  }

  .md\:mb-32{
    margin-bottom:8rem
  }

  .md\:mb-5{
    margin-bottom:1.25rem
  }

  .md\:mb-9{
    margin-bottom:2.25rem
  }

  .md\:mb-\[60px\]{
    margin-bottom:60px
  }

  .md\:mt-10{
    margin-top:2.5rem
  }

  .md\:mt-16{
    margin-top:4rem
  }

  .md\:mt-20{
    margin-top:5rem
  }

  .md\:block{
    display:block
  }

  .md\:inline{
    display:inline
  }

  .md\:flex{
    display:flex
  }

  .md\:h-24{
    height:6rem
  }

  .md\:h-32{
    height:8rem
  }

  .md\:h-\[550px\]{
    height:550px
  }

  .md\:w-32{
    width:8rem
  }

  .md\:w-80{
    width:20rem
  }

  .md\:w-\[430px\]{
    width:430px
  }

  .md\:w-auto{
    width:auto
  }

  .md\:w-full{
    width:100%
  }

  .md\:min-w-\[120px\]{
    min-width:120px
  }

  .md\:min-w-\[96px\]{
    min-width:96px
  }

  .md\:max-w-4xl{
    max-width:56rem
  }

  .md\:max-w-\[1140px\]{
    max-width:1140px
  }

  .md\:max-w-\[990px\]{
    max-width:990px
  }

  .md\:max-w-lg{
    max-width:32rem
  }

  .md\:max-w-xl{
    max-width:36rem
  }

  .md\:flex-auto{
    flex:1 1 auto
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .md\:grid-cols-6{
    grid-template-columns:repeat(6,minmax(0,1fr))
  }

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

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

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

  .md\:gap-20{
    gap:5rem
  }

  .md\:gap-4{
    gap:1rem
  }

  .md\:space-x-4>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(1rem*var(--tw-space-x-reverse));
    margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))
  }

  .md\:space-y-0>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0px*var(--tw-space-y-reverse))
  }

  .md\:px-10{
    padding-left:2.5rem;
    padding-right:2.5rem
  }

  .md\:py-20{
    padding-top:5rem;
    padding-bottom:5rem
  }

  .md\:text-start{
    text-align:start
  }

  .md\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }

  .md\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
  }

  .md\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
  }

  .md\:text-5xl{
    font-size:3rem;
    line-height:1
  }

  .md\:text-\[50px\]{
    font-size:50px
  }

  .md\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem
  }

  .md\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem
  }

  .md\:prose-p\:text-sm:is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){
    font-size:.875rem;
    line-height:1.25rem
  }
}

@media (min-width:1024px){
  .lg\:absolute{
    position:absolute
  }

  .lg\:end-6{
    inset-inline-end:1.5rem
  }

  .lg\:top-6{
    top:1.5rem
  }

  .lg\:col-span-1{
    grid-column:span 1/span 1
  }

  .lg\:col-span-2{
    grid-column:span 2/span 2
  }

  .lg\:col-start-2{
    grid-column-start:2
  }

  .lg\:row-span-2{
    grid-row:span 2/span 2
  }

  .lg\:row-span-3{
    grid-row:span 3/span 3
  }

  .lg\:row-start-1{
    grid-row-start:1
  }

  .lg\:row-start-3{
    grid-row-start:3
  }

  .lg\:row-start-\[14\]{
    grid-row-start:14
  }

  .lg\:mt-0{
    margin-top:0
  }

  .lg\:mt-16{
    margin-top:4rem
  }

  .lg\:mt-20{
    margin-top:5rem
  }

  .lg\:block{
    display:block
  }

  .lg\:inline{
    display:inline
  }

  .lg\:flex{
    display:flex
  }

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

  .lg\:hidden{
    display:none
  }

  .lg\:h-\[100px\]{
    height:100px
  }

  .lg\:min-h-\[758px\]{
    min-height:758px
  }

  .lg\:w-1\/2{
    width:50%
  }

  .lg\:w-1\/3{
    width:33.333333%
  }

  .lg\:w-2\/3{
    width:66.666667%
  }

  .lg\:w-2\/5{
    width:40%
  }

  .lg\:w-72{
    width:18rem
  }

  .lg\:w-\[100px\]{
    width:100px
  }

  .lg\:w-\[250px\]{
    width:250px
  }

  .lg\:w-\[800px\]{
    width:800px
  }

  .lg\:w-full{
    width:100%
  }

  .lg\:max-w-\[667px\]{
    max-width:667px
  }

  .lg\:max-w-\[835px\]{
    max-width:835px
  }

  .lg\:max-w-fit{
    max-width:-moz-fit-content;
    max-width:fit-content
  }

  .lg\:max-w-full{
    max-width:100%
  }

  .lg\:max-w-xs{
    max-width:20rem
  }

  .lg\:grid-cols-1{
    grid-template-columns:repeat(1,minmax(0,1fr))
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .lg\:grid-cols-8{
    grid-template-columns:repeat(8,minmax(0,1fr))
  }

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

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

  .lg\:gap-10{
    gap:2.5rem
  }

  .lg\:space-x-1>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.25rem*var(--tw-space-x-reverse));
    margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))
  }

  .lg\:space-x-1\.5>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.375rem*var(--tw-space-x-reverse));
    margin-left:calc(.375rem*(1 - var(--tw-space-x-reverse)))
  }

  .lg\:space-x-2>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.5rem*var(--tw-space-x-reverse));
    margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))
  }

  .lg\:overflow-y-auto{
    overflow-y:auto
  }

  .lg\:p-5{
    padding:1.25rem
  }

  .lg\:p-9{
    padding:2.25rem
  }

  .lg\:pl-4{
    padding-left:1rem
  }

  .lg\:pt-0{
    padding-top:0
  }

  .lg\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }

  .lg\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
  }

  .lg\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
  }

  .lg\:text-5xl{
    font-size:3rem;
    line-height:1
  }
}

@media (min-width:1280px){
  .xl\:relative{
    position:relative
  }

  .xl\:bottom-14{
    bottom:3.5rem
  }

  .xl\:end-0{
    inset-inline-end:0
  }

  .xl\:end-10{
    inset-inline-end:2.5rem
  }

  .xl\:col-span-1{
    grid-column:span 1/span 1
  }

  .xl\:col-span-2{
    grid-column:span 2/span 2
  }

  .xl\:col-span-3{
    grid-column:span 3/span 3
  }

  .xl\:my-0{
    margin-top:0;
    margin-bottom:0
  }

  .xl\:-ms-28{
    margin-inline-start:-7rem
  }

  .xl\:-ms-32{
    margin-inline-start:-8rem
  }

  .xl\:-ms-60{
    margin-inline-start:-15rem
  }

  .xl\:mt-0{
    margin-top:0
  }

  .xl\:block{
    display:block
  }

  .xl\:flex{
    display:flex
  }

  .xl\:\!hidden{
    display:none!important
  }

  .xl\:hidden{
    display:none
  }

  .xl\:h-\[calc\(100vh_-_150px\)\]{
    height:calc(100vh - 150px)
  }

  .xl\:h-auto{
    height:auto
  }

  .xl\:h-full{
    height:100%
  }

  .xl\:w-1\/3{
    width:33.333333%
  }

  .xl\:w-16{
    width:4rem
  }

  .xl\:w-28{
    width:7rem
  }

  .xl\:w-80{
    width:20rem
  }

  .xl\:w-96{
    width:24rem
  }

  .xl\:w-auto{
    width:auto
  }

  .xl\:w-full{
    width:100%
  }

  .xl\:max-w-sm{
    max-width:24rem
  }

  .xl\:flex-1{
    flex:1 1 0%
  }

  .xl\:grid-flow-row{
    grid-auto-flow:row
  }

  .xl\:grid-cols-1{
    grid-template-columns:repeat(1,minmax(0,1fr))
  }

  .xl\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .xl\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .xl\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .xl\:grid-cols-5{
    grid-template-columns:repeat(5,minmax(0,1fr))
  }

  .xl\:grid-cols-8{
    grid-template-columns:repeat(8,minmax(0,1fr))
  }

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

  .xl\:gap-0{
    gap:0
  }

  .xl\:gap-8{
    gap:2rem
  }

  .xl\:space-x-8>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(2rem*var(--tw-space-x-reverse));
    margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)))
  }

  .xl\:space-y-5>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))
  }

  .xl\:px-16{
    padding-left:4rem;
    padding-right:4rem
  }

  .xl\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem
  }
}

@media (min-width:1352px){
  .\32xl\:m-0{
    margin:0
  }

  .\32xl\:w-1\/2{
    width:50%
  }

  .\32xl\:w-full{
    width:100%
  }

  .\32xl\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

.ltr\:\!right-0:where([dir=ltr],[dir=ltr] *){
  right:0!important
}

.ltr\:\!right-auto:where([dir=ltr],[dir=ltr] *){
  right:auto!important
}

.ltr\:-left-11:where([dir=ltr],[dir=ltr] *){
  left:-2.75rem
}

.ltr\:-left-12:where([dir=ltr],[dir=ltr] *){
  left:-3rem
}

.ltr\:-left-\[3px\]:where([dir=ltr],[dir=ltr] *){
  left:-3px
}

.ltr\:-right-10:where([dir=ltr],[dir=ltr] *){
  right:-2.5rem
}

.ltr\:-right-11:where([dir=ltr],[dir=ltr] *){
  right:-2.75rem
}

.ltr\:-right-12:where([dir=ltr],[dir=ltr] *){
  right:-3rem
}

.ltr\:-right-14:where([dir=ltr],[dir=ltr] *){
  right:-3.5rem
}

.ltr\:-right-16:where([dir=ltr],[dir=ltr] *){
  right:-4rem
}

.ltr\:-right-2:where([dir=ltr],[dir=ltr] *){
  right:-.5rem
}

.ltr\:-right-\[400px\]:where([dir=ltr],[dir=ltr] *){
  right:-400px
}

.ltr\:left-0:where([dir=ltr],[dir=ltr] *){
  left:0
}

.ltr\:left-1:where([dir=ltr],[dir=ltr] *){
  left:.25rem
}

.ltr\:left-12:where([dir=ltr],[dir=ltr] *){
  left:3rem
}

.ltr\:left-2:where([dir=ltr],[dir=ltr] *){
  left:.5rem
}

.ltr\:left-3:where([dir=ltr],[dir=ltr] *){
  left:.75rem
}

.ltr\:left-4:where([dir=ltr],[dir=ltr] *){
  left:1rem
}

.ltr\:left-6:where([dir=ltr],[dir=ltr] *){
  left:1.5rem
}

.ltr\:left-\[95\%\]:where([dir=ltr],[dir=ltr] *){
  left:95%
}

.ltr\:left-full:where([dir=ltr],[dir=ltr] *){
  left:100%
}

.ltr\:right-0:where([dir=ltr],[dir=ltr] *){
  right:0
}

.ltr\:right-1:where([dir=ltr],[dir=ltr] *){
  right:.25rem
}

.ltr\:right-2:where([dir=ltr],[dir=ltr] *){
  right:.5rem
}

.ltr\:right-4:where([dir=ltr],[dir=ltr] *){
  right:1rem
}

.ltr\:right-6:where([dir=ltr],[dir=ltr] *){
  right:1.5rem
}

.ltr\:right-\[11px\]:where([dir=ltr],[dir=ltr] *){
  right:11px
}

.ltr\:right-auto:where([dir=ltr],[dir=ltr] *){
  right:auto
}

.ltr\:right-full:where([dir=ltr],[dir=ltr] *){
  right:100%
}

.ltr\:float-right:where([dir=ltr],[dir=ltr] *){
  float:right
}

.ltr\:-ml-1:where([dir=ltr],[dir=ltr] *){
  margin-left:-.25rem
}

.ltr\:-mr-px:where([dir=ltr],[dir=ltr] *){
  margin-right:-1px
}

.ltr\:ml-1:where([dir=ltr],[dir=ltr] *){
  margin-left:.25rem
}

.ltr\:ml-1\.5:where([dir=ltr],[dir=ltr] *){
  margin-left:.375rem
}

.ltr\:ml-2:where([dir=ltr],[dir=ltr] *){
  margin-left:.5rem
}

.ltr\:ml-2\.5:where([dir=ltr],[dir=ltr] *){
  margin-left:.625rem
}

.ltr\:ml-3:where([dir=ltr],[dir=ltr] *){
  margin-left:.75rem
}

.ltr\:ml-4:where([dir=ltr],[dir=ltr] *){
  margin-left:1rem
}

.ltr\:ml-5:where([dir=ltr],[dir=ltr] *){
  margin-left:1.25rem
}

.ltr\:ml-auto:where([dir=ltr],[dir=ltr] *){
  margin-left:auto
}

.ltr\:mr-0:where([dir=ltr],[dir=ltr] *){
  margin-right:0
}

.ltr\:mr-1:where([dir=ltr],[dir=ltr] *){
  margin-right:.25rem
}

.ltr\:mr-1\.5:where([dir=ltr],[dir=ltr] *){
  margin-right:.375rem
}

.ltr\:mr-2:where([dir=ltr],[dir=ltr] *){
  margin-right:.5rem
}

.ltr\:mr-2\.5:where([dir=ltr],[dir=ltr] *){
  margin-right:.625rem
}

.ltr\:mr-3:where([dir=ltr],[dir=ltr] *){
  margin-right:.75rem
}

.ltr\:mr-4:where([dir=ltr],[dir=ltr] *){
  margin-right:1rem
}

.ltr\:mr-5:where([dir=ltr],[dir=ltr] *){
  margin-right:1.25rem
}

.ltr\:hidden:where([dir=ltr],[dir=ltr] *){
  display:none
}

.ltr\:rotate-180:where([dir=ltr],[dir=ltr] *){
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:justify-end:where([dir=ltr],[dir=ltr] *){
  justify-content:flex-end
}

.ltr\:rounded-l:where([dir=ltr],[dir=ltr] *){
  border-top-left-radius:.25rem;
  border-bottom-left-radius:.25rem
}

.ltr\:rounded-l-full:where([dir=ltr],[dir=ltr] *){
  border-top-left-radius:9999px;
  border-bottom-left-radius:9999px
}

.ltr\:rounded-l-md:where([dir=ltr],[dir=ltr] *){
  border-top-left-radius:.375rem;
  border-bottom-left-radius:.375rem
}

.ltr\:rounded-l-none:where([dir=ltr],[dir=ltr] *){
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.ltr\:rounded-r-full:where([dir=ltr],[dir=ltr] *){
  border-top-right-radius:9999px;
  border-bottom-right-radius:9999px
}

.ltr\:rounded-r-md:where([dir=ltr],[dir=ltr] *){
  border-top-right-radius:.375rem;
  border-bottom-right-radius:.375rem
}

.ltr\:rounded-r-none:where([dir=ltr],[dir=ltr] *){
  border-top-right-radius:0;
  border-bottom-right-radius:0
}

.ltr\:rounded-bl-full:where([dir=ltr],[dir=ltr] *){
  border-bottom-left-radius:9999px
}

.ltr\:rounded-bl-none:where([dir=ltr],[dir=ltr] *){
  border-bottom-left-radius:0
}

.ltr\:rounded-br-none:where([dir=ltr],[dir=ltr] *){
  border-bottom-right-radius:0
}

.ltr\:rounded-tl-full:where([dir=ltr],[dir=ltr] *){
  border-top-left-radius:9999px
}

.ltr\:border-l-0:where([dir=ltr],[dir=ltr] *){
  border-left-width:0
}

.ltr\:border-l-\[64px\]:where([dir=ltr],[dir=ltr] *){
  border-left-width:64px
}

.ltr\:border-r:where([dir=ltr],[dir=ltr] *){
  border-right-width:1px
}

.ltr\:border-r-0:where([dir=ltr],[dir=ltr] *){
  border-right-width:0
}

.ltr\:border-r-\[64px\]:where([dir=ltr],[dir=ltr] *){
  border-right-width:64px
}

.ltr\:bg-gradient-to-r:where([dir=ltr],[dir=ltr] *){
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}

.ltr\:\!pr-10:where([dir=ltr],[dir=ltr] *){
  padding-right:2.5rem!important
}

.ltr\:pl-10:where([dir=ltr],[dir=ltr] *){
  padding-left:2.5rem
}

.ltr\:pl-12:where([dir=ltr],[dir=ltr] *){
  padding-left:3rem
}

.ltr\:pl-14:where([dir=ltr],[dir=ltr] *){
  padding-left:3.5rem
}

.ltr\:pl-2:where([dir=ltr],[dir=ltr] *){
  padding-left:.5rem
}

.ltr\:pl-3:where([dir=ltr],[dir=ltr] *){
  padding-left:.75rem
}

.ltr\:pl-3\.5:where([dir=ltr],[dir=ltr] *){
  padding-left:.875rem
}

.ltr\:pl-4:where([dir=ltr],[dir=ltr] *){
  padding-left:1rem
}

.ltr\:pl-5:where([dir=ltr],[dir=ltr] *){
  padding-left:1.25rem
}

.ltr\:pl-6:where([dir=ltr],[dir=ltr] *){
  padding-left:1.5rem
}

.ltr\:pl-7:where([dir=ltr],[dir=ltr] *){
  padding-left:1.75rem
}

.ltr\:pl-8:where([dir=ltr],[dir=ltr] *){
  padding-left:2rem
}

.ltr\:pl-9:where([dir=ltr],[dir=ltr] *){
  padding-left:2.25rem
}

.ltr\:pr-11:where([dir=ltr],[dir=ltr] *){
  padding-right:2.75rem
}

.ltr\:pr-2:where([dir=ltr],[dir=ltr] *){
  padding-right:.5rem
}

.ltr\:pr-3:where([dir=ltr],[dir=ltr] *){
  padding-right:.75rem
}

.ltr\:pr-4:where([dir=ltr],[dir=ltr] *){
  padding-right:1rem
}

.ltr\:pr-8:where([dir=ltr],[dir=ltr] *){
  padding-right:2rem
}

.ltr\:pr-9:where([dir=ltr],[dir=ltr] *){
  padding-right:2.25rem
}

.ltr\:pr-\[100px\]:where([dir=ltr],[dir=ltr] *){
  padding-right:100px
}

.ltr\:pr-\[50px\]:where([dir=ltr],[dir=ltr] *){
  padding-right:50px
}

.ltr\:text-left:where([dir=ltr],[dir=ltr] *){
  text-align:left
}

.ltr\:\!text-right:where([dir=ltr],[dir=ltr] *){
  text-align:right!important
}

.ltr\:text-right:where([dir=ltr],[dir=ltr] *){
  text-align:right
}

.ltr\:file\:mr-5:where([dir=ltr],[dir=ltr] *)::file-selector-button{
  margin-right:1.25rem
}

.ltr\:before\:-left-\[37px\]:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:-37px
}

.ltr\:before\:-right-\[15px\]:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  right:-15px
}

.ltr\:before\:-right-\[1px\]:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  right:-1px
}

.ltr\:before\:-right-\[37px\]:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  right:-37px
}

.ltr\:before\:left-0:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:0
}

.ltr\:before\:left-0\.5:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:.125rem
}

.ltr\:before\:left-1:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:.25rem
}

.ltr\:before\:left-4:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:1rem
}

.ltr\:before\:left-4\.5:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:18px
}

.ltr\:before\:right-0:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  right:0
}

.ltr\:before\:right-0\.5:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  right:.125rem
}

.before\:ltr\:mr-1:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  margin-right:.25rem
}

.ltr\:before\:mr-1:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  margin-right:.25rem
}

.ltr\:before\:mr-2:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  margin-right:.5rem
}

.ltr\:hover\:pl-3:hover:where([dir=ltr],[dir=ltr] *){
  padding-left:.75rem
}

.peer:checked~.ltr\:peer-checked\:before\:left-3:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:.75rem
}

.peer:checked~.ltr\:peer-checked\:before\:left-3\.5:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:.875rem
}

.peer:checked~.ltr\:peer-checked\:before\:left-7:where([dir=ltr],[dir=ltr] *):before{
  content:var(--tw-content);
  left:1.75rem
}

@media (min-width:640px){
  .ltr\:sm\:left-5:where([dir=ltr],[dir=ltr] *){
    left:1.25rem
  }

  .sm\:ltr\:-right-2:where([dir=ltr],[dir=ltr] *){
    right:-.5rem
  }

  .sm\:ltr\:right-56:where([dir=ltr],[dir=ltr] *){
    right:14rem
  }

  .ltr\:sm\:float-right:where([dir=ltr],[dir=ltr] *){
    float:right
  }

  .ltr\:sm\:float-left:where([dir=ltr],[dir=ltr] *){
    float:left
  }

  .ltr\:sm\:ml-0:where([dir=ltr],[dir=ltr] *){
    margin-left:0
  }

  .ltr\:sm\:mr-3:where([dir=ltr],[dir=ltr] *){
    margin-right:.75rem
  }

  .ltr\:sm\:mr-4:where([dir=ltr],[dir=ltr] *){
    margin-right:1rem
  }

  .ltr\:sm\:mr-8:where([dir=ltr],[dir=ltr] *){
    margin-right:2rem
  }

  .sm\:ltr\:mr-2:where([dir=ltr],[dir=ltr] *){
    margin-right:.5rem
  }

  .sm\:ltr\:mr-auto:where([dir=ltr],[dir=ltr] *){
    margin-right:auto
  }

  .ltr\:sm\:pl-5:where([dir=ltr],[dir=ltr] *){
    padding-left:1.25rem
  }

  .ltr\:sm\:pr-4:where([dir=ltr],[dir=ltr] *){
    padding-right:1rem
  }

  .ltr\:sm\:text-left:where([dir=ltr],[dir=ltr] *){
    text-align:left
  }
}

@media (min-width:768px){
  .ltr\:md\:left-5:where([dir=ltr],[dir=ltr] *){
    left:1.25rem
  }

  .ltr\:md\:ml-auto:where([dir=ltr],[dir=ltr] *){
    margin-left:auto
  }

  .ltr\:md\:rounded-l-none:where([dir=ltr],[dir=ltr] *){
    border-top-left-radius:0;
    border-bottom-left-radius:0
  }

  .ltr\:md\:rounded-r-none:where([dir=ltr],[dir=ltr] *){
    border-top-right-radius:0;
    border-bottom-right-radius:0
  }

  .ltr\:md\:border-l-0:where([dir=ltr],[dir=ltr] *){
    border-left-width:0
  }

  .ltr\:md\:border-r-0:where([dir=ltr],[dir=ltr] *){
    border-right-width:0
  }

  .ltr\:md\:text-left:where([dir=ltr],[dir=ltr] *){
    text-align:left
  }

  .ltr\:md\:text-right:where([dir=ltr],[dir=ltr] *){
    text-align:right
  }
}

@media (min-width:1024px){
  .ltr\:lg\:mr-6:where([dir=ltr],[dir=ltr] *){
    margin-right:1.5rem
  }

  .ltr\:lg\:rounded-r-md:where([dir=ltr],[dir=ltr] *){
    border-top-right-radius:.375rem;
    border-bottom-right-radius:.375rem
  }
}

@media (min-width:1280px){
  .ltr\:xl\:-right-20:where([dir=ltr],[dir=ltr] *){
    right:-5rem
  }

  .ltr\:xl\:-ml-24:where([dir=ltr],[dir=ltr] *){
    margin-left:-6rem
  }

  .ltr\:xl\:-skew-x-\[14deg\]:where([dir=ltr],[dir=ltr] *){
    --tw-skew-x:-14deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .ltr\:xl\:skew-x-\[14deg\]:where([dir=ltr],[dir=ltr] *){
    --tw-skew-x:14deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .ltr\:xl\:rounded-r-md:where([dir=ltr],[dir=ltr] *){
    border-top-right-radius:.375rem;
    border-bottom-right-radius:.375rem
  }
}

.rtl\:\!left-0:where([dir=rtl],[dir=rtl] *){
  left:0!important
}

.rtl\:-left-10:where([dir=rtl],[dir=rtl] *){
  left:-2.5rem
}

.rtl\:-left-11:where([dir=rtl],[dir=rtl] *){
  left:-2.75rem
}

.rtl\:-left-12:where([dir=rtl],[dir=rtl] *){
  left:-3rem
}

.rtl\:-left-14:where([dir=rtl],[dir=rtl] *){
  left:-3.5rem
}

.rtl\:-left-16:where([dir=rtl],[dir=rtl] *){
  left:-4rem
}

.rtl\:-left-2:where([dir=rtl],[dir=rtl] *){
  left:-.5rem
}

.rtl\:-left-\[400px\]:where([dir=rtl],[dir=rtl] *){
  left:-400px
}

.rtl\:-right-11:where([dir=rtl],[dir=rtl] *){
  right:-2.75rem
}

.rtl\:-right-12:where([dir=rtl],[dir=rtl] *){
  right:-3rem
}

.rtl\:-right-\[3px\]:where([dir=rtl],[dir=rtl] *){
  right:-3px
}

.rtl\:left-0:where([dir=rtl],[dir=rtl] *){
  left:0
}

.rtl\:left-1:where([dir=rtl],[dir=rtl] *){
  left:.25rem
}

.rtl\:left-2:where([dir=rtl],[dir=rtl] *){
  left:.5rem
}

.rtl\:left-4:where([dir=rtl],[dir=rtl] *){
  left:1rem
}

.rtl\:left-6:where([dir=rtl],[dir=rtl] *){
  left:1.5rem
}

.rtl\:left-\[11px\]:where([dir=rtl],[dir=rtl] *){
  left:11px
}

.rtl\:left-auto:where([dir=rtl],[dir=rtl] *){
  left:auto
}

.rtl\:left-full:where([dir=rtl],[dir=rtl] *){
  left:100%
}

.rtl\:right-0:where([dir=rtl],[dir=rtl] *){
  right:0
}

.rtl\:right-1:where([dir=rtl],[dir=rtl] *){
  right:.25rem
}

.rtl\:right-12:where([dir=rtl],[dir=rtl] *){
  right:3rem
}

.rtl\:right-2:where([dir=rtl],[dir=rtl] *){
  right:.5rem
}

.rtl\:right-3:where([dir=rtl],[dir=rtl] *){
  right:.75rem
}

.rtl\:right-4:where([dir=rtl],[dir=rtl] *){
  right:1rem
}

.rtl\:right-6:where([dir=rtl],[dir=rtl] *){
  right:1.5rem
}

.rtl\:right-\[95\%\]:where([dir=rtl],[dir=rtl] *){
  right:95%
}

.rtl\:right-full:where([dir=rtl],[dir=rtl] *){
  right:100%
}

.rtl\:float-left:where([dir=rtl],[dir=rtl] *){
  float:left
}

.rtl\:-ml-px:where([dir=rtl],[dir=rtl] *){
  margin-left:-1px
}

.rtl\:-mr-1:where([dir=rtl],[dir=rtl] *){
  margin-right:-.25rem
}

.rtl\:ml-0:where([dir=rtl],[dir=rtl] *){
  margin-left:0
}

.rtl\:ml-1:where([dir=rtl],[dir=rtl] *){
  margin-left:.25rem
}

.rtl\:ml-1\.5:where([dir=rtl],[dir=rtl] *){
  margin-left:.375rem
}

.rtl\:ml-2:where([dir=rtl],[dir=rtl] *){
  margin-left:.5rem
}

.rtl\:ml-2\.5:where([dir=rtl],[dir=rtl] *){
  margin-left:.625rem
}

.rtl\:ml-3:where([dir=rtl],[dir=rtl] *){
  margin-left:.75rem
}

.rtl\:ml-4:where([dir=rtl],[dir=rtl] *){
  margin-left:1rem
}

.rtl\:ml-5:where([dir=rtl],[dir=rtl] *){
  margin-left:1.25rem
}

.rtl\:mr-1:where([dir=rtl],[dir=rtl] *){
  margin-right:.25rem
}

.rtl\:mr-1\.5:where([dir=rtl],[dir=rtl] *){
  margin-right:.375rem
}

.rtl\:mr-2:where([dir=rtl],[dir=rtl] *){
  margin-right:.5rem
}

.rtl\:mr-3:where([dir=rtl],[dir=rtl] *){
  margin-right:.75rem
}

.rtl\:mr-4:where([dir=rtl],[dir=rtl] *){
  margin-right:1rem
}

.rtl\:mr-5:where([dir=rtl],[dir=rtl] *){
  margin-right:1.25rem
}

.rtl\:mr-auto:where([dir=rtl],[dir=rtl] *){
  margin-right:auto
}

.rtl\:block:where([dir=rtl],[dir=rtl] *){
  display:block
}

.rtl\:hidden:where([dir=rtl],[dir=rtl] *){
  display:none
}

.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:justify-start:where([dir=rtl],[dir=rtl] *){
  justify-content:flex-start
}

.rtl\:space-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:1
}

.rtl\:divide-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){
  --tw-divide-x-reverse:1
}

.rtl\:rounded-l-full:where([dir=rtl],[dir=rtl] *){
  border-top-left-radius:9999px;
  border-bottom-left-radius:9999px
}

.rtl\:rounded-l-md:where([dir=rtl],[dir=rtl] *){
  border-top-left-radius:.375rem;
  border-bottom-left-radius:.375rem
}

.rtl\:rounded-l-none:where([dir=rtl],[dir=rtl] *){
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.rtl\:rounded-r:where([dir=rtl],[dir=rtl] *){
  border-top-right-radius:.25rem;
  border-bottom-right-radius:.25rem
}

.rtl\:rounded-r-full:where([dir=rtl],[dir=rtl] *){
  border-top-right-radius:9999px;
  border-bottom-right-radius:9999px
}

.rtl\:rounded-r-md:where([dir=rtl],[dir=rtl] *){
  border-top-right-radius:.375rem;
  border-bottom-right-radius:.375rem
}

.rtl\:rounded-r-none:where([dir=rtl],[dir=rtl] *){
  border-top-right-radius:0;
  border-bottom-right-radius:0
}

.rtl\:rounded-bl-none:where([dir=rtl],[dir=rtl] *){
  border-bottom-left-radius:0
}

.rtl\:rounded-br-full:where([dir=rtl],[dir=rtl] *){
  border-bottom-right-radius:9999px
}

.rtl\:rounded-br-none:where([dir=rtl],[dir=rtl] *){
  border-bottom-right-radius:0
}

.rtl\:rounded-tr-full:where([dir=rtl],[dir=rtl] *){
  border-top-right-radius:9999px
}

.rtl\:border-l:where([dir=rtl],[dir=rtl] *){
  border-left-width:1px
}

.rtl\:border-l-0:where([dir=rtl],[dir=rtl] *){
  border-left-width:0
}

.rtl\:border-l-\[64px\]:where([dir=rtl],[dir=rtl] *){
  border-left-width:64px
}

.rtl\:border-r-0:where([dir=rtl],[dir=rtl] *){
  border-right-width:0
}

.rtl\:border-r-\[64px\]:where([dir=rtl],[dir=rtl] *){
  border-right-width:64px
}

.rtl\:bg-gradient-to-l:where([dir=rtl],[dir=rtl] *){
  background-image:linear-gradient(to left,var(--tw-gradient-stops))
}

.rtl\:\!pl-10:where([dir=rtl],[dir=rtl] *){
  padding-left:2.5rem!important
}

.rtl\:pl-11:where([dir=rtl],[dir=rtl] *){
  padding-left:2.75rem
}

.rtl\:pl-2:where([dir=rtl],[dir=rtl] *){
  padding-left:.5rem
}

.rtl\:pl-3:where([dir=rtl],[dir=rtl] *){
  padding-left:.75rem
}

.rtl\:pl-4:where([dir=rtl],[dir=rtl] *){
  padding-left:1rem
}

.rtl\:pl-8:where([dir=rtl],[dir=rtl] *){
  padding-left:2rem
}

.rtl\:pl-9:where([dir=rtl],[dir=rtl] *){
  padding-left:2.25rem
}

.rtl\:pl-\[100px\]:where([dir=rtl],[dir=rtl] *){
  padding-left:100px
}

.rtl\:pl-\[50px\]:where([dir=rtl],[dir=rtl] *){
  padding-left:50px
}

.rtl\:pr-10:where([dir=rtl],[dir=rtl] *){
  padding-right:2.5rem
}

.rtl\:pr-12:where([dir=rtl],[dir=rtl] *){
  padding-right:3rem
}

.rtl\:pr-14:where([dir=rtl],[dir=rtl] *){
  padding-right:3.5rem
}

.rtl\:pr-2:where([dir=rtl],[dir=rtl] *){
  padding-right:.5rem
}

.rtl\:pr-3:where([dir=rtl],[dir=rtl] *){
  padding-right:.75rem
}

.rtl\:pr-3\.5:where([dir=rtl],[dir=rtl] *){
  padding-right:.875rem
}

.rtl\:pr-4:where([dir=rtl],[dir=rtl] *){
  padding-right:1rem
}

.rtl\:pr-5:where([dir=rtl],[dir=rtl] *){
  padding-right:1.25rem
}

.rtl\:pr-6:where([dir=rtl],[dir=rtl] *){
  padding-right:1.5rem
}

.rtl\:pr-7:where([dir=rtl],[dir=rtl] *){
  padding-right:1.75rem
}

.rtl\:pr-8:where([dir=rtl],[dir=rtl] *){
  padding-right:2rem
}

.rtl\:pr-9:where([dir=rtl],[dir=rtl] *){
  padding-right:2.25rem
}

.rtl\:\!text-left:where([dir=rtl],[dir=rtl] *){
  text-align:left!important
}

.rtl\:text-left:where([dir=rtl],[dir=rtl] *){
  text-align:left
}

.rtl\:text-right:where([dir=rtl],[dir=rtl] *){
  text-align:right
}

.rtl\:rotate-y-180:where([dir=rtl],[dir=rtl] *){
  transform:rotateY(180deg)
}

.rtl\:file\:ml-5:where([dir=rtl],[dir=rtl] *)::file-selector-button{
  margin-left:1.25rem
}

.rtl\:before\:-left-\[15px\]:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  left:-15px
}

.rtl\:before\:-left-\[1px\]:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  left:-1px
}

.rtl\:before\:-left-\[37px\]:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  left:-37px
}

.rtl\:before\:-right-\[37px\]:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:-37px
}

.rtl\:before\:left-0:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  left:0
}

.rtl\:before\:left-0\.5:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  left:.125rem
}

.rtl\:before\:right-0:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:0
}

.rtl\:before\:right-0\.5:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:.125rem
}

.rtl\:before\:right-1:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:.25rem
}

.rtl\:before\:right-4:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:1rem
}

.rtl\:before\:right-4\.5:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:18px
}

.rtl\:before\:ml-1:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  margin-left:.25rem
}

.rtl\:before\:ml-2:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  margin-left:.5rem
}

.rtl\:before\:rotate-180:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:hover\:pr-3:hover:where([dir=rtl],[dir=rtl] *){
  padding-right:.75rem
}

.group:hover .rtl\:group-hover\:-translate-x-1:where([dir=rtl],[dir=rtl] *){
  --tw-translate-x:-0.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .rtl\:group-hover\:-translate-x-2:where([dir=rtl],[dir=rtl] *){
  --tw-translate-x:-0.5rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .rtl\:group-hover\:space-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:1
}

.peer:checked~.rtl\:peer-checked\:before\:right-3:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:.75rem
}

.peer:checked~.rtl\:peer-checked\:before\:right-3\.5:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:.875rem
}

.peer:checked~.rtl\:peer-checked\:before\:right-7:where([dir=rtl],[dir=rtl] *):before{
  content:var(--tw-content);
  right:1.75rem
}

@media (min-width:640px){
  .rtl\:sm\:right-5:where([dir=rtl],[dir=rtl] *){
    right:1.25rem
  }

  .sm\:rtl\:-left-2:where([dir=rtl],[dir=rtl] *){
    left:-.5rem
  }

  .sm\:rtl\:left-56:where([dir=rtl],[dir=rtl] *){
    left:14rem
  }

  .rtl\:sm\:float-right:where([dir=rtl],[dir=rtl] *){
    float:right
  }

  .rtl\:sm\:float-left:where([dir=rtl],[dir=rtl] *){
    float:left
  }

  .rtl\:sm\:ml-4:where([dir=rtl],[dir=rtl] *){
    margin-left:1rem
  }

  .rtl\:sm\:ml-8:where([dir=rtl],[dir=rtl] *){
    margin-left:2rem
  }

  .sm\:rtl\:ml-auto:where([dir=rtl],[dir=rtl] *){
    margin-left:auto
  }

  .sm\:rtl\:mr-0:where([dir=rtl],[dir=rtl] *){
    margin-right:0
  }

  .rtl\:sm\:pl-4:where([dir=rtl],[dir=rtl] *){
    padding-left:1rem
  }

  .rtl\:sm\:pr-5:where([dir=rtl],[dir=rtl] *){
    padding-right:1.25rem
  }

  .rtl\:sm\:text-right:where([dir=rtl],[dir=rtl] *){
    text-align:right
  }
}

@media (min-width:768px){
  .rtl\:md\:right-5:where([dir=rtl],[dir=rtl] *){
    right:1.25rem
  }

  .rtl\:md\:mr-auto:where([dir=rtl],[dir=rtl] *){
    margin-right:auto
  }

  .rtl\:md\:rounded-l-none:where([dir=rtl],[dir=rtl] *){
    border-top-left-radius:0;
    border-bottom-left-radius:0
  }

  .rtl\:md\:rounded-r-none:where([dir=rtl],[dir=rtl] *){
    border-top-right-radius:0;
    border-bottom-right-radius:0
  }

  .rtl\:md\:border-l-0:where([dir=rtl],[dir=rtl] *){
    border-left-width:0
  }

  .rtl\:md\:border-r-0:where([dir=rtl],[dir=rtl] *){
    border-right-width:0
  }

  .rtl\:md\:text-left:where([dir=rtl],[dir=rtl] *){
    text-align:left
  }

  .rtl\:md\:text-right:where([dir=rtl],[dir=rtl] *){
    text-align:right
  }
}

@media (min-width:1024px){
  .rtl\:lg\:ml-6:where([dir=rtl],[dir=rtl] *){
    margin-left:1.5rem
  }

  .rtl\:lg\:rounded-l-md:where([dir=rtl],[dir=rtl] *){
    border-top-left-radius:.375rem;
    border-bottom-left-radius:.375rem
  }
}

@media (min-width:1280px){
  .rtl\:xl\:-left-20:where([dir=rtl],[dir=rtl] *){
    left:-5rem
  }

  .rtl\:xl\:-mr-24:where([dir=rtl],[dir=rtl] *){
    margin-right:-6rem
  }

  .rtl\:xl\:skew-x-\[-14deg\]:where([dir=rtl],[dir=rtl] *){
    --tw-skew-x:-14deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .rtl\:xl\:skew-x-\[14deg\]:where([dir=rtl],[dir=rtl] *){
    --tw-skew-x:14deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .rtl\:xl\:rounded-l-md:where([dir=rtl],[dir=rtl] *){
    border-top-left-radius:.375rem;
    border-bottom-left-radius:.375rem
  }
}

.rtl\:ltr\:mr-2:where([dir=ltr],[dir=ltr] *):where([dir=rtl],[dir=rtl] *){
  margin-right:.5rem
}

.rtl\:ltr\:mr-2\.5:where([dir=ltr],[dir=ltr] *):where([dir=rtl],[dir=rtl] *){
  margin-right:.625rem
}

.menu-area:before{
  content:"";
  position:absolute;
  left:0;
  bottom:-20px;
  height:23px;
  width:100%;
  background:var(--menu-area-bg);
  clip-path:polygon(75px 0,calc(100% - 75px) 0,100% 23px,calc(100% - 75px) calc(100% - 20px),75px calc(100% - 20px),0 100%);
  z-index:-1
}

.menu-area:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-23px;
  height:26px;
  width:100%;
  background:var(--menu-area-color);
  clip-path:polygon(0 0,100% 0,100% 89%,calc(100% - 75px) calc(100% - 24px),75px calc(100% - 24px),0 89%);
  z-index:-2
}

._th-menu-toggle_1fgp9_25{
  width:70px;
  height:54px;
  padding:0;
  font-size:20px;
  border:none;
  background-color:#d5294d;
  color:#fff;
  display:inline-block;
  border-radius:0;
  clip-path:polygon(12% 0%,88% 0%,100% 50%,88% 100%,12% 100%,0% 50%);
  position:relative
}

._button_1fgp9_39{
  position:relative;
  z-index:2;
  overflow:hidden;
  vertical-align:middle;
  border:none;
  text-align:center;
  color:#fff;
  -webkit-box-pack:center;
  clip-path:polygon(15px 0%,calc(100% - 15px) 0%,100% 50%,calc(100% - 15px) 100%,15px 100%,0% 50%);
  transition:.2s
}

._button_1fgp9_39:before,._button_1fgp9_39:after{
  content:"";
  position:absolute;
  background-color:#000;
  z-index:-1;
  transition:all .4s ease-out;
  top:5px;
  left:5px;
  width:16px;
  height:calc(100% - 10px);
  border-radius:0;
  transition:clip-path .2s ease;
  clip-path:polygon(85% 0,100% 0,15% 50%,100% 100%,85% 100%,0% 50%)
}

._button_1fgp9_39:after{
  right:5px;
  left:auto;
  transform:rotate(180deg)
}

._button_1fgp9_39:hover,._button_1fgp9_39._active_1fgp9_78{
  background:#fff!important;
  clip-path:polygon(0px 0%,100% 0%,100% 50%,100% 100%,0 100%,0% 50%);
  color:#000
}

._button_1fgp9_39:hover:before,._button_1fgp9_39:hover:after,._button_1fgp9_39._active_1fgp9_78:before,._button_1fgp9_39._active_1fgp9_78:after{
  clip-path:polygon(2px 60%,2px calc(100% - 2px),100% calc(100% + -0px),100% 100%,0 100%,0 100%)
}

._loader_2l618_1:before,._loader_2l618_1:after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:inherit;
  height:inherit;
  border-radius:50%;
  transform:rotateX(70deg);
  animation:1s _spinloader_2l618_1 linear infinite
}

._loader_2l618_1:after{
  color:var(--main-color)!important;
  transform:rotateY(70deg);
  animation-delay:.4s
}

._loader_2l618_1{
  transform:rotate(45deg);
  perspective:1000px;
  border-radius:50%;
  width:80px;
  height:80px;
  color:#fff;
  display:inline-block
}

@keyframes _spinloader_2l618_1{
  0%,to{
    box-shadow:.5em 0 0 0 currentcolor
  }

  12%{
    box-shadow:.5em .5em 0 0 currentcolor
  }

  25%{
    box-shadow:0 .5em 0 0 currentcolor
  }

  37%{
    box-shadow:-.5em .5em 0 0 currentcolor
  }

  50%{
    box-shadow:-.5em 0 0 0 currentcolor
  }

  62%{
    box-shadow:-.5em -.5em 0 0 currentcolor
  }

  75%{
    box-shadow:0 -.5em 0 0 currentcolor
  }

  87%{
    box-shadow:.5em -.5em 0 0 currentcolor
  }
}

.header-top:after{
  content:"";
  position:absolute;
  height:100%;
  width:100%;
  clip-path:polygon(0 0,100% 0,100% 35px,calc(100% - 75px) 100%,75px 100%,0 35px);
  top:0;
  left:0;
  z-index:-1
}

.th-social a{
  display:inline-block;
  width:46px;
  height:46px;
  line-height:46px;
  background-color:#0f1c23;
  color:#1778f2;
  font-size:20px;
  text-align:center;
  margin-right:5px;
  border-radius:0;
  position:relative
}

._dialog-content_1l7h0_1{
  padding:0;
  border-radius:0
}

._box_1l7h0_6{
  transition-duration:.5s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

._box-right_1l7h0_11{
  display:flex;
  justify-content:center;
  background-size:cover;
  background-image:url(/img/background-valorant.jpg)
}

._button_1l7h0_18{
  background-color:transparent;
  border:1px solid #fff;
  text-transform:uppercase;
  font-weight:700
}

._short-account_1eg83_1{
  position:relative;
  background:var(--main-color)!important;
  clip-path:polygon(20px 0%,calc(100% - 20px) 0%,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0% calc(100% - 20px),0% 20px)
}

._short-account_1eg83_1:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#11111b;
  clip-path:polygon(22px 0%,calc(100% - 22px) 0%,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0% calc(100% - 22px),0% 22px);
  z-index:-1;
  border:1px solid #57353e
}

._short-account-border_1eg83_17{
  display:inline-block;
  background:#38202d;
  clip-path:polygon(15px 0%,calc(100% - 15px) 0%,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0% calc(100% - 15px),0% 15px);
  padding:1px;
  position:relative;
  width:100%
}

._short-account-border_1eg83_17 ._image-container_1eg83_26{
  display:block;
  background-color:#000;
  clip-path:inherit
}

._short-account-border_1eg83_17 ._image-container_1eg83_26 img{
  width:100%
}

._box-number-account_1eg83_36{
  text-align:center;
  color:#fff;
  font-size:.75rem;
  text-transform:uppercase;
  font-weight:600;
  line-height:30px;
  clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0% calc(100% - 8px),0% 8px);
  margin-top:1px
}

._button-icon_1eg83_47._view_1eg83_47{
  background:linear-gradient(to left,#7f8b93 50%,#0f1923 50%);
  background-size:220% 100%;
  background-position:right bottom
}

._button-icon_1eg83_47{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  gap:.2rem;
  padding:8px 0;
  font-weight:500;
  font-size:.875rem;
  line-height:1.25rem;
  text-transform:uppercase;
  border:1px solid transparent;
  background:linear-gradient(to left,var(--main-color) 50%,#0f1923 50%);
  background-size:220% 100%;
  background-position:right bottom;
  transition:all .3s ease
}

._button-icon_1eg83_47:hover{
  color:var(--main-color)!important;
  border:1px solid var(--main-color)!important;
  background-position:left bottom
}

._container_1wqad_1{
  animation:_zoomInZoomOut_1wqad_1 5s infinite
}

._animation_1wqad_5{
  animation:_spin_1wqad_1 5s;
  animation-duration:3s;
  animation-timing-function:ease;
  animation-iteration-count:infinite
}

@keyframes _spin_1wqad_1{
  0%{
    transform:rotate(0)
  }

  to{
    transform:rotate(360deg)
  }
}

@keyframes _zoomInZoomOut_1wqad_1{
  0%{
    transform:scale(1)
  }

  50%{
    transform:scale(1.2)
  }

  to{
    transform:scale(1)
  }
}

*,:before,:after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb
}

:before,:after{
  --tw-content:""
}

html,:host{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:var(--bs-font-sans-serif);
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}

body{
  margin:0;
  line-height:inherit
}

hr{
  height:0;
  color:inherit;
  border-top-width:1px
}

abbr:where([title]){
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit
}

a{
  color:inherit;
  text-decoration:inherit
}

b,strong{
  font-weight:bolder
}

code,kbd,samp,pre{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

:-moz-ui-invalid{
  box-shadow:none
}

progress{
  vertical-align:baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{
  margin:0
}

fieldset{
  margin:0;
  padding:0
}

legend{
  padding:0
}

ol,ul,menu{
  list-style:none;
  margin:0;
  padding:0
}

dialog{
  padding:0
}

textarea{
  resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::placeholder,textarea::placeholder{
  opacity:1;
  color:#9ca3af
}

button,[role=button]{
  cursor:pointer
}

:disabled{
  cursor:default
}

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

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

[hidden]{
  display:none
}

:root{
  --background:0 0% 100%;
  --foreground:222.2 84% 4.9%;
  --card:0 0% 100%;
  --card-foreground:222.2 84% 4.9%;
  --popover:0 0% 100%;
  --popover-foreground:222.2 84% 4.9%;
  --primary:222.2 47.4% 11.2%;
  --primary-foreground:210 40% 98%;
  --secondary:210 40% 96.1%;
  --secondary-foreground:222.2 47.4% 11.2%;
  --muted:210 40% 96.1%;
  --muted-foreground:215.4 16.3% 46.9%;
  --accent:210 40% 96.1%;
  --accent-foreground:222.2 47.4% 11.2%;
  --destructive:0 84.2% 60.2%;
  --destructive-foreground:210 40% 98%;
  --border:214.3 31.8% 91.4%;
  --input:214.3 31.8% 91.4%;
  --ring:222.2 84% 4.9%;
  --radius:.5rem
}

*{
  border-color:hsl(var(--border))
}

body{
  background-color:hsl(var(--background));
  color:hsl(var(--foreground))
}

*,:before,:after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / .5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / .5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:2rem;
  padding-left:2rem
}

@media (min-width:1400px){
  .container{
    max-width:1400px
  }
}

.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
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.inset-0{
  top:0;
  right:0;
  bottom:0;
  left:0
}

.inset-x-0{
  left:0;
  right:0
}

.inset-y-0{
  top:0;
  bottom:0
}

.-bottom-1{
  bottom:-.25rem
}

.-bottom-1\.5{
  bottom:-.375rem
}

.-bottom-2{
  bottom:-.5rem
}

.-bottom-5{
  bottom:-1.25rem
}

.-top-1{
  top:-.25rem
}

.-top-1\.5{
  top:-.375rem
}

.bottom-0{
  bottom:0
}

.bottom-5{
  bottom:1.25rem
}

.bottom-8{
  bottom:2rem
}

.end-0{
  inset-inline-end:0
}

.left-0{
  left:0
}

.left-2{
  left:.5rem
}

.left-8{
  left:2rem
}

.left-\[50\%\]{
  left:50%
}

.right-0{
  right:0
}

.right-14{
  right:3.5rem
}

.right-3{
  right:.75rem
}

.right-4{
  right:1rem
}

.right-8{
  right:2rem
}

.top-0{
  top:0
}

.top-20{
  top:5rem
}

.top-3{
  top:.75rem
}

.top-4{
  top:1rem
}

.top-\[100\%\]{
  top:100%
}

.top-\[50\%\]{
  top:50%
}

.-z-20{
  z-index:-20
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-30{
  z-index:30
}

.z-50{
  z-index:50
}

.z-\[2\]{
  z-index:2
}

.z-\[3\]{
  z-index:3
}

.order-1{
  order:1
}

.order-2{
  order:2
}

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

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

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

.m-8{
  margin:2rem
}

.-mx-1{
  margin-left:-.25rem;
  margin-right:-.25rem
}

.mx-0{
  margin-left:0;
  margin-right:0
}

.mx-0\.5{
  margin-left:.125rem;
  margin-right:.125rem
}

.mx-1{
  margin-left:.25rem;
  margin-right:.25rem
}

.mx-3{
  margin-left:.75rem;
  margin-right:.75rem
}

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

.my-1{
  margin-top:.25rem;
  margin-bottom:.25rem
}

.my-2{
  margin-top:.5rem;
  margin-bottom:.5rem
}

.my-3{
  margin-top:.75rem;
  margin-bottom:.75rem
}

.my-32{
  margin-top:8rem;
  margin-bottom:8rem
}

.my-5{
  margin-top:1.25rem;
  margin-bottom:1.25rem
}

.-mt-2{
  margin-top:-.5rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-20{
  margin-bottom:5rem
}

.mb-3{
  margin-bottom:.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-5{
  margin-bottom:1.25rem
}

.mb-8{
  margin-bottom:2rem
}

.me-1{
  margin-inline-end:.25rem
}

.me-2{
  margin-inline-end:.5rem
}

.me-3{
  margin-inline-end:.75rem
}

.mr-1{
  margin-right:.25rem
}

.mr-5{
  margin-right:1.25rem
}

.ms-1{
  margin-inline-start:.25rem
}

.ms-3{
  margin-inline-start:.75rem
}

.ms-5{
  margin-inline-start:1.25rem
}

.mt-1{
  margin-top:.25rem
}

.mt-1\.5{
  margin-top:.375rem
}

.mt-10{
  margin-top:2.5rem
}

.mt-2{
  margin-top:.5rem
}

.mt-24{
  margin-top:6rem
}

.mt-3{
  margin-top:.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mt-auto{
  margin-top:auto
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.h-10{
  height:2.5rem
}

.h-11{
  height:2.75rem
}

.h-12{
  height:3rem
}

.h-16{
  height:4rem
}

.h-2{
  height:.5rem
}

.h-3{
  height:.75rem
}

.h-3\.5{
  height:.875rem
}

.h-4{
  height:1rem
}

.h-48{
  height:12rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-7{
  height:1.75rem
}

.h-9{
  height:2.25rem
}

.h-96{
  height:24rem
}

.h-\[70vh\]{
  height:70vh
}

.h-\[var\(--radix-select-trigger-height\)\]{
  height:var(--radix-select-trigger-height)
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.h-px{
  height:1px
}

.h-screen{
  height:100vh
}

.max-h-20{
  max-height:5rem
}

.max-h-40{
  max-height:10rem
}

.max-h-60{
  max-height:15rem
}

.max-h-96{
  max-height:24rem
}

.max-h-\[13rem\]{
  max-height:13rem
}

.max-h-\[95px\]{
  max-height:95px
}

.min-h-28{
  min-height:7rem
}

.min-h-16{
  min-height:4rem
}

.min-h-52{
  min-height:13rem
}

.min-h-60{
  min-height:15rem
}

.min-h-96{
  min-height:24rem
}

.min-h-\[28rem\]{
  min-height:28rem
}

.min-h-screen{
  min-height:100vh
}

.w-1\/6{
  width:16.666667%
}

.w-10{
  width:2.5rem
}

.w-2\/6{
  width:33.333333%
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-3{
  width:.75rem
}

.w-3\.5{
  width:.875rem
}

.w-3\/6{
  width:50%
}

.w-4{
  width:1rem
}

.w-48{
  width:12rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-7{
  width:1.75rem
}

.w-9{
  width:2.25rem
}

.w-\[100px\]{
  width:100px
}

.w-\[93\.333333\%\]{
  width:93.333333%
}

.w-full{
  width:100%
}

.min-w-\[4\.6rem\]{
  min-width:4.6rem
}

.min-w-\[8rem\]{
  min-width:8rem
}

.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width:var(--radix-select-trigger-width)
}

.max-w-52{
  max-width:13rem
}

.max-w-7xl{
  max-width:80rem
}

.max-w-\[22rem\]{
  max-width:22rem
}

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

.max-w-lg{
  max-width:32rem
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.shrink-0{
  flex-shrink:0
}

.caption-bottom{
  caption-side:bottom
}

.-translate-y-\[30\.3rem\]{
  --tw-translate-y:-30.3rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-50\%\]{
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-40{
  --tw-translate-y:10rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\]{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bounce{
  0%,to{
    transform:translateY(-25%);
    animation-timing-function:cubic-bezier(.8,0,1,1)
  }

  50%{
    transform:none;
    animation-timing-function:cubic-bezier(0,0,.2,1)
  }
}

.animate-bounce{
  animation:bounce 1s infinite
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.cursor-default{
  cursor:default
}

.cursor-pointer{
  cursor:pointer
}

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

.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr))
}

.flex-col{
  flex-direction:column
}

.flex-col-reverse{
  flex-direction:column-reverse
}

.flex-wrap{
  flex-wrap:wrap
}

.items-center{
  align-items:center
}

.justify-center{
  justify-content:center
}

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

.gap-0{
  gap:0
}

.gap-0\.5{
  gap:.125rem
}

.gap-1{
  gap:.25rem
}

.gap-1\.5{
  gap:.375rem
}

.gap-10{
  gap:2.5rem
}

.gap-14{
  gap:3.5rem
}

.gap-2{
  gap:.5rem
}

.gap-3{
  gap:.75rem
}

.gap-4{
  gap:1rem
}

.gap-5{
  gap:1.25rem
}

.gap-8{
  gap:2rem
}

.gap-x-4{
  -moz-column-gap:1rem;
  column-gap:1rem
}

.gap-y-1{
  row-gap:.25rem
}

.gap-y-2{
  row-gap:.5rem
}

.space-y-1>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-scroll{
  overflow:scroll
}

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

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

.text-ellipsis{
  text-overflow:ellipsis
}

.whitespace-nowrap{
  white-space:nowrap
}

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

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

.rounded{
  border-radius:.25rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:var(--radius)
}

.rounded-md{
  border-radius:calc(var(--radius) - 2px)
}

.rounded-none{
  border-radius:0
}

.rounded-sm{
  border-radius:calc(var(--radius) - 4px)
}

.rounded-xl{
  border-radius:.75rem
}

.rounded-t-\[10px\]{
  border-top-left-radius:10px;
  border-top-right-radius:10px
}

.border{
  border-width:1px
}

.border-y{
  border-top-width:1px;
  border-bottom-width:1px
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-l{
  border-left-width:1px
}

.border-l-0{
  border-left-width:0
}

.border-l-4{
  border-left-width:4px
}

.border-r{
  border-right-width:1px
}

.border-r-0{
  border-right-width:0
}

.border-t{
  border-top-width:1px
}

.border-dashed{
  border-style:dashed
}

.border-gray-400{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity))
}

.border-gray-500{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity))
}

.border-gray-500\/50{
  border-color:#6b728080
}

.border-gray-600{
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity))
}

.border-gray-700{
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity))
}

.border-input{
  border-color:hsl(var(--input))
}

.border-mandy-300\/30{
  border-color:#ff9fa44d
}

.border-mandy-400{
  --tw-border-opacity:1;
  border-color:rgb(255 105 117 / var(--tw-border-opacity))
}

.border-mandy-500{
  --tw-border-opacity:1;
  border-color:var(--main-color)
}

.border-mandy-500\/30{
  border-color:var(--main-color)!important
}

.border-mandy-500\/50{
  border-color:var(--main-color)!important
}

.border-red-500{
  --tw-border-opacity:1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity))
}

.border-teal-500\/15{
  border-color:#14b8a626
}

.border-teal-500\/5{
  border-color:#14b8a60d
}

.border-transparent{
  border-color:transparent
}

.from-pink-500{
  --tw-gradient-from:#ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-teal-500{
  --tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-purple-600{
  --tw-gradient-to:#9333ea var(--tw-gradient-to-position)
}

.to-teal-500{
  --tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)
}

.bg-cover{
  background-size:cover
}

.bg-repeat{
  background-repeat:repeat
}

.p-0{
  padding:0
}

.p-1{
  padding:.25rem
}

.p-1\.5{
  padding:.375rem
}

.p-10{
  padding:2.5rem
}

.p-2{
  padding:.5rem
}

.p-2\.5{
  padding:.625rem
}

.p-3{
  padding:.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.px-1{
  padding-left:.25rem;
  padding-right:.25rem
}

.px-14{
  padding-left:3.5rem;
  padding-right:3.5rem
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.px-3{
  padding-left:.75rem;
  padding-right:.75rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.py-1{
  padding-top:.25rem;
  padding-bottom:.25rem
}

.py-1\.5{
  padding-top:.375rem;
  padding-bottom:.375rem
}

.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

.py-2{
  padding-top:.5rem;
  padding-bottom:.5rem
}

.py-2\.5{
  padding-top:.625rem;
  padding-bottom:.625rem
}

.py-20{
  padding-top:5rem;
  padding-bottom:5rem
}

.py-3{
  padding-top:.75rem;
  padding-bottom:.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.pb-0{
  padding-bottom:0
}

.pb-16{
  padding-bottom:4rem
}

.pb-2{
  padding-bottom:.5rem
}

.pb-4{
  padding-bottom:1rem
}

.pl-8{
  padding-left:2rem
}

.pr-2{
  padding-right:.5rem
}

.ps-5{
  padding-inline-start:1.25rem
}

.pt-0{
  padding-top:0
}

.pt-2{
  padding-top:.5rem
}

.pt-3{
  padding-top:.75rem
}

.pt-5{
  padding-top:1.25rem
}

.text-left{
  text-align:left
}

.\!text-center{
  text-align:center!important
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-start{
  text-align:start
}

.align-middle{
  vertical-align:middle
}

.font-sans{
  font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}

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

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

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

.text-6xl{
  font-size:3.75rem;
  line-height:1
}

.text-\[0\.7rem\]{
  font-size:.7rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.italic{
  font-style:italic
}

.leading-3{
  line-height:.75rem
}

.leading-none{
  line-height:1
}

.tracking-tight{
  letter-spacing:-.025em
}

.tracking-wide{
  letter-spacing:.025em
}

.text-\[\#969EB2\]{
  --tw-text-opacity:1;
  color:rgb(150 158 178 / var(--tw-text-opacity))
}

.text-\[\#fff\]{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.text-amber-400{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / var(--tw-text-opacity))
}

.text-amber-500{
  --tw-text-opacity:1;
  color:rgb(245 158 11 / var(--tw-text-opacity))
}

.text-amber-600{
  --tw-text-opacity:1;
  color:rgb(217 119 6 / var(--tw-text-opacity))
}

.text-card-foreground{
  color:hsl(var(--card-foreground))
}

.text-cyan-500{
  --tw-text-opacity:1;
  color:rgb(6 182 212 / var(--tw-text-opacity))
}

.text-destructive-foreground{
  color:hsl(var(--destructive-foreground))
}

.text-emerald-500{
  --tw-text-opacity:1;
  color:rgb(16 185 129 / var(--tw-text-opacity))
}

.text-foreground{
  color:hsl(var(--foreground))
}

.text-gray-200{
  --tw-text-opacity:1;
  color:rgb(229 231 235 / var(--tw-text-opacity))
}

.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity))
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity))
}

.text-gray-950{
  --tw-text-opacity:1;
  color:rgb(3 7 18 / var(--tw-text-opacity))
}

.text-green-400{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity))
}

.text-mandy-500{
  --tw-text-opacity:1;
  color:var(--main-color)!important
}

.text-muted-foreground{
  color:hsl(var(--muted-foreground))
}

.text-popover-foreground{
  color:hsl(var(--popover-foreground))
}

.text-primary{
  color:hsl(var(--primary))
}

.text-primary-foreground{
  color:hsl(var(--primary-foreground))
}

.text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity))
}

.text-secondary-foreground{
  color:hsl(var(--secondary-foreground))
}

.text-sky-500{
  --tw-text-opacity:1;
  color:rgb(14 165 233 / var(--tw-text-opacity))
}

.text-teal-500{
  --tw-text-opacity:1;
  color:rgb(20 184 166 / var(--tw-text-opacity))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.text-yellow-500{
  --tw-text-opacity:1;
  color:rgb(234 179 8 / var(--tw-text-opacity))
}

.underline{
  text-decoration-line:underline
}

.underline-offset-4{
  text-underline-offset:4px
}

.opacity-50{
  opacity:.5
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.outline{
  outline-style:solid
}

.ring-offset-background{
  --tw-ring-offset-color:hsl(var(--background))
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-colors{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.delay-500{
  transition-delay:.5s
}

.duration-200{
  transition-duration:.2s
}

.duration-300{
  transition-duration:.3s
}

.duration-500{
  transition-duration:.5s
}

.duration-700{
  transition-duration:.7s
}

.ease-in-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

@keyframes enter{
  0%{
    opacity:var(--tw-enter-opacity,1);
    transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))
  }
}

@keyframes exit{
  to{
    opacity:var(--tw-exit-opacity,1);
    transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))
  }
}

.duration-200{
  animation-duration:.2s
}

.duration-300{
  animation-duration:.3s
}

.duration-500{
  animation-duration:.5s
}

.duration-700{
  animation-duration:.7s
}

.delay-500{
  animation-delay:.5s
}

.ease-in-out{
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

body{
  font-family:var(--bs-font-sans-serif);
  color:#969eb2
}

.placeholder\:text-muted-foreground::-moz-placeholder{
  color:hsl(var(--muted-foreground))
}

.placeholder\:text-muted-foreground::placeholder{
  color:hsl(var(--muted-foreground))
}

.after\:bg-bunker-950:after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(11 14 19 / var(--tw-bg-opacity))
}

.hover\:border-teal-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(20 184 166 / var(--tw-border-opacity))
}

.hover\:bg-accent:hover{
  background-color:hsl(var(--accent))
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity))
}

.hover\:bg-bunker-950\/30:hover{
  background-color:#0b0e134d
}

.hover\:bg-destructive\/90:hover{
  background-color:hsl(var(--destructive) / .9)
}

.hover\:bg-mandy-500:hover{
  --tw-bg-opacity:1;
  background-color:var(--main-color)!important
}

.hover\:bg-primary\/90:hover{
  background-color:hsl(var(--primary) / .9)
}

.hover\:bg-secondary\/80:hover{
  background-color:hsl(var(--secondary) / .8)
}

.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.hover\:text-accent-foreground:hover{
  color:hsl(var(--accent-foreground))
}

.hover\:text-mandy-500:hover{
  --tw-text-opacity:1;
  color:var(--main-color)!important
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:shadow:hover{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-mandy-500:hover{
  --tw-shadow-color:var(--main-color)!important;
  --tw-shadow:var(--tw-shadow-colored)
}

.focus\:bg-accent:focus{
  background-color:hsl(var(--accent))
}

.focus\:text-accent-foreground:focus{
  color:hsl(var(--accent-foreground))
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-ring:focus{
  --tw-ring-color:hsl(var(--ring))
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:2px
}

.focus-visible\:outline-none:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color:hsl(var(--ring))
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width:2px
}

.active\:bg-blue-800:active{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175 / var(--tw-bg-opacity))
}

.disabled\:pointer-events-none:disabled{
  pointer-events:none
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed
}

.disabled\:opacity-50:disabled{
  opacity:.5
}

.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events:none
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{
  --tw-translate-y:.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=left\]\:-translate-x-1[data-side=left]{
  --tw-translate-x:-.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=right\]\:translate-x-1[data-side=right]{
  --tw-translate-x:.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=top\]\:-translate-y-1[data-side=top]{
  --tw-translate-y:-.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes accordion-up{
  0%{
    height:var(--radix-accordion-content-height)
  }

  to{
    height:0
  }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{
  animation:accordion-up .2s ease-out
}

@keyframes accordion-down{
  0%{
    height:0
  }

  to{
    height:var(--radix-accordion-content-height)
  }
}

.data-\[state\=open\]\:animate-accordion-down[data-state=open]{
  animation:accordion-down .2s ease-out
}

.data-\[state\=active\]\:bg-background[data-state=active]{
  background-color:hsl(var(--background))
}

.data-\[state\=active\]\:bg-mandy-500[data-state=active]{
  --tw-bg-opacity:1;
  background-color:var(--main-color)!important
}

.data-\[state\=open\]\:bg-accent[data-state=open]{
  background-color:hsl(var(--accent))
}

.data-\[state\=open\]\:bg-secondary[data-state=open]{
  background-color:hsl(var(--secondary))
}

.data-\[state\=selected\]\:bg-muted[data-state=selected]{
  background-color:hsl(var(--muted))
}

.data-\[state\=active\]\:text-foreground[data-state=active]{
  color:hsl(var(--foreground))
}

.data-\[state\=active\]\:text-white[data-state=active]{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.data-\[state\=open\]\:text-muted-foreground[data-state=open]{
  color:hsl(var(--muted-foreground))
}

.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity:.5
}

.data-\[state\=active\]\:shadow-sm[data-state=active]{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.data-\[state\=closed\]\:duration-300[data-state=closed]{
  transition-duration:.3s
}

.data-\[state\=open\]\:duration-500[data-state=open]{
  transition-duration:.5s
}

.data-\[state\=open\]\:animate-in[data-state=open]{
  animation-name:enter;
  animation-duration:.15s;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial
}

.data-\[state\=closed\]\:animate-out[data-state=closed]{
  animation-name:exit;
  animation-duration:.15s;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial
}

.data-\[state\=closed\]\:fade-out-0[data-state=closed]{
  --tw-exit-opacity:0
}

.data-\[state\=open\]\:fade-in-0[data-state=open]{
  --tw-enter-opacity:0
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{
  --tw-exit-scale:.95
}

.data-\[state\=open\]\:zoom-in-95[data-state=open]{
  --tw-enter-scale:.95
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{
  --tw-enter-translate-y:-.5rem
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{
  --tw-enter-translate-x:.5rem
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{
  --tw-enter-translate-x:-.5rem
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{
  --tw-enter-translate-y:.5rem
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{
  --tw-exit-translate-y:100%
}

.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{
  --tw-exit-translate-x:-100%
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{
  --tw-exit-translate-x:-50%
}

.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{
  --tw-exit-translate-x:100%
}

.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{
  --tw-exit-translate-y:-100%
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{
  --tw-exit-translate-y:-48%
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{
  --tw-enter-translate-y:100%
}

.data-\[state\=open\]\:slide-in-from-left[data-state=open]{
  --tw-enter-translate-x:-100%
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{
  --tw-enter-translate-x:-50%
}

.data-\[state\=open\]\:slide-in-from-right[data-state=open]{
  --tw-enter-translate-x:100%
}

.data-\[state\=open\]\:slide-in-from-top[data-state=open]{
  --tw-enter-translate-y:-100%
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{
  --tw-enter-translate-y:-48%
}

.data-\[state\=closed\]\:duration-300[data-state=closed]{
  animation-duration:.3s
}

.data-\[state\=open\]\:duration-500[data-state=open]{
  animation-duration:.5s
}

@media (min-width:640px){
  .sm\:max-w-sm{
    max-width:24rem
  }

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

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

  .sm\:gap-2{
    gap:.5rem
  }

  .sm\:gap-2\.5{
    gap:.625rem
  }

  .sm\:space-x-2>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.5rem * var(--tw-space-x-reverse));
    margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .sm\:rounded-lg{
    border-radius:var(--radius)
  }

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

  .sm\:text-start{
    text-align:start
  }

  .sm\:text-end{
    text-align:end
  }

  .sm\:text-base{
    font-size:1rem;
    line-height:1.5rem
  }
}

@media (min-width:768px){
  .md\:order-1{
    order:1
  }

  .md\:order-2{
    order:2
  }

  .md\:col-span-3{
    grid-column:span 3 / span 3
  }

  .md\:block{
    display:block
  }

  .md\:hidden{
    display:none
  }

  .md\:h-16{
    height:4rem
  }

  .md\:h-6{
    height:1.5rem
  }

  .md\:max-h-\[180px\]{
    max-height:180px
  }

  .md\:max-h-\[28rem\]{
    max-height:28rem
  }

  .md\:min-h-\[315px\]{
    min-height:315px
  }

  .md\:w-28{
    width:7rem
  }

  .md\:w-6{
    width:1.5rem
  }

  .md\:max-w-12{
    max-width:3rem
  }

  .md\:max-w-\[47rem\]{
    max-width:47rem
  }

  .md\:max-w-full{
    max-width:100%
  }

  .md\:-translate-x-0{
    --tw-translate-x:-0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:-translate-x-full{
    --tw-translate-x:-100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:-translate-y-0{
    --tw-translate-y:-0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:translate-x-0{
    --tw-translate-x:0;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:translate-x-full{
    --tw-translate-x:100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:translate-y-0{
    --tw-translate-y:0;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

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

  .md\:gap-1{
    gap:.25rem
  }

  .md\:gap-2{
    gap:.5rem
  }

  .md\:p-10{
    padding:2.5rem
  }

  .md\:p-3{
    padding:.75rem
  }

  .md\:px-10{
    padding-left:2.5rem;
    padding-right:2.5rem
  }

  .md\:px-20{
    padding-left:5rem;
    padding-right:5rem
  }

  .md\:px-3{
    padding-left:.75rem;
    padding-right:.75rem
  }

  .md\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
  }

  .md\:px-7{
    padding-left:1.75rem;
    padding-right:1.75rem
  }

  .md\:py-3{
    padding-top:.75rem;
    padding-bottom:.75rem
  }

  .md\:py-5{
    padding-top:1.25rem;
    padding-bottom:1.25rem
  }

  .md\:pb-3{
    padding-bottom:.75rem
  }

  .md\:text-sm{
    font-size:.875rem;
    line-height:1.25rem
  }

  .md\:hover\:bg-mandy-500:hover{
    --tw-bg-opacity:1;
    background-color:var(--main-color)!important
  }
}

@media (min-width:1024px){
  .lg\:absolute{
    position:absolute
  }

  .lg\:col-span-1{
    grid-column:span 1 / span 1
  }

  .lg\:col-span-2{
    grid-column:span 2 / span 2
  }

  .lg\:col-span-4{
    grid-column:span 4 / span 4
  }

  .lg\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .lg\:my-8{
    margin-top:2rem;
    margin-bottom:2rem
  }

  .lg\:flex{
    display:flex
  }

  .lg\:max-h-52{
    max-height:13rem
  }

  .lg\:min-h-60{
    min-height:15rem
  }

  .lg\:min-h-\[30rem\]{
    min-height:30rem
  }

  .lg\:min-h-\[32rem\]{
    min-height:32rem
  }

  .lg\:w-1\/3{
    width:33.333333%
  }

  .lg\:w-2\/3{
    width:66.666667%
  }

  .lg\:w-2\/5{
    width:40%
  }

  .lg\:w-3\/5{
    width:60%
  }

  .lg\:max-w-3xl{
    max-width:48rem
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

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

  .lg\:px-10{
    padding-left:2.5rem;
    padding-right:2.5rem
  }

  .lg\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
  }

  .lg\:py-0{
    padding-top:0;
    padding-bottom:0
  }

  .lg\:pb-0{
    padding-bottom:0
  }

  .lg\:pb-20{
    padding-bottom:5rem
  }

  .lg\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }
}

@media (min-width:1280px){
  .xl\:col-span-5{
    grid-column:span 5 / span 5
  }

  .xl\:h-12{
    height:3rem
  }

  .xl\:max-h-\[170px\]{
    max-height:170px
  }

  .xl\:min-w-\[200px\]{
    min-width:200px
  }

  .xl\:max-w-\[320px\]{
    max-width:320px
  }

  .xl\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .xl\:grid-cols-5{
    grid-template-columns:repeat(5,minmax(0,1fr))
  }

  .xl\:gap-5{
    gap:1.25rem
  }

  .xl\:p-5{
    padding:1.25rem
  }

  .xl\:p-8{
    padding:2rem
  }

  .xl\:px-20{
    padding-left:5rem;
    padding-right:5rem
  }

  .xl\:px-40{
    padding-left:10rem;
    padding-right:10rem
  }
}

@media (min-width:1352px){
  .\32xl\:absolute{
    position:absolute
  }

  .\32xl\:bottom-5{
    bottom:1.25rem
  }

  .\32xl\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .\32xl\:gap-5{
    gap:1.25rem
  }

  .\32xl\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
  }
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right:0
}

.\[\&\>span\]\:truncate>span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.\[\&\>svg\]\:size-3\.5>svg{
  width:.875rem;
  height:.875rem
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width:0
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width:0
}

.\[\&_tr\]\:border-b tr{
  border-bottom-width:1px
}

.menu-area:before{
  content:"";
  position:absolute;
  left:0;
  bottom:-20px;
  height:23px;
  width:100%;
  background:var(--menu-area-bg);
  clip-path:polygon(75px 0,calc(100% - 75px) 0,100% 23px,calc(100% - 75px) calc(100% - 20px),75px calc(100% - 20px),0 100%);
  z-index:-1
}

.menu-area:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-23px;
  height:26px;
  width:100%;
  background:var(--menu-area-color);
  clip-path:polygon(0 0,100% 0,100% 89%,calc(100% - 75px) calc(100% - 24px),75px calc(100% - 24px),0 89%);
  z-index:-2
}

._th-menu-toggle_1fgp9_25{
  width:70px;
  height:54px;
  padding:0;
  font-size:20px;
  border:none;
  background-color:#d5294d;
  color:#fff;
  display:inline-block;
  border-radius:0;
  clip-path:polygon(12% 0%,88% 0%,100% 50%,88% 100%,12% 100%,0% 50%);
  position:relative
}

._button_1fgp9_39{
  position:relative;
  z-index:2;
  overflow:hidden;
  vertical-align:middle;
  border:none;
  text-align:center;
  color:#fff;
  -webkit-box-pack:center;
  clip-path:polygon(15px 0%,calc(100% - 15px) 0%,100% 50%,calc(100% - 15px) 100%,15px 100%,0% 50%);
  transition:.2s
}

._button_1fgp9_39:before,._button_1fgp9_39:after{
  content:"";
  position:absolute;
  background-color:#000;
  z-index:-1;
  transition:all .4s ease-out;
  top:5px;
  left:5px;
  width:16px;
  height:calc(100% - 10px);
  border-radius:0;
  transition:clip-path .2s ease;
  clip-path:polygon(85% 0,100% 0,15% 50%,100% 100%,85% 100%,0% 50%)
}

._button_1fgp9_39:after{
  right:5px;
  left:auto;
  transform:rotate(180deg)
}

._button_1fgp9_39:hover,._button_1fgp9_39._active_1fgp9_78{
  background:#fff!important;
  clip-path:polygon(0px 0%,100% 0%,100% 50%,100% 100%,0 100%,0% 50%);
  color:#000
}

._button_1fgp9_39:hover:before,._button_1fgp9_39:hover:after,._button_1fgp9_39._active_1fgp9_78:before,._button_1fgp9_39._active_1fgp9_78:after{
  clip-path:polygon(2px 60%,2px calc(100% - 2px),100% calc(100% + -0px),100% 100%,0 100%,0 100%)
}

._loader_2l618_1:before,._loader_2l618_1:after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:inherit;
  height:inherit;
  border-radius:50%;
  transform:rotateX(70deg);
  animation:1s _spinloader_2l618_1 linear infinite
}

._loader_2l618_1:after{
  color:var(--main-color)!important;
  transform:rotateY(70deg);
  animation-delay:.4s
}

._loader_2l618_1{
  transform:rotate(45deg);
  perspective:1000px;
  border-radius:50%;
  width:80px;
  height:80px;
  color:#fff;
  display:inline-block
}

@keyframes _spinloader_2l618_1{
  0%,to{
    box-shadow:.5em 0 0 0 currentcolor
  }

  12%{
    box-shadow:.5em .5em 0 0 currentcolor
  }

  25%{
    box-shadow:0 .5em 0 0 currentcolor
  }

  37%{
    box-shadow:-.5em .5em 0 0 currentcolor
  }

  50%{
    box-shadow:-.5em 0 0 0 currentcolor
  }

  62%{
    box-shadow:-.5em -.5em 0 0 currentcolor
  }

  75%{
    box-shadow:0 -.5em 0 0 currentcolor
  }

  87%{
    box-shadow:.5em -.5em 0 0 currentcolor
  }
}

.header-top:after{
  content:"";
  position:absolute;
  height:100%;
  width:100%;
  clip-path:polygon(0 0,100% 0,100% 35px,calc(100% - 75px) 100%,75px 100%,0 35px);
  top:0;
  left:0;
  z-index:-1
}

.th-social a{
  display:inline-block;
  width:46px;
  height:46px;
  line-height:46px;
  background-color:#0f1c23;
  color:#1778f2;
  font-size:20px;
  text-align:center;
  margin-right:5px;
  border-radius:0;
  position:relative
}

._dialog-content_1l7h0_1{
  padding:0;
  border-radius:0
}

._box_1l7h0_6{
  transition-duration:.5s;
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

._box-right_1l7h0_11{
  display:flex;
  justify-content:center;
  background-size:cover;
  background-image:url(/img/background-valorant.jpg)
}

._button_1l7h0_18{
  background-color:transparent;
  border:1px solid #fff;
  text-transform:uppercase;
  font-weight:700
}

._short-account_1eg83_1{
  position:relative;
  background:var(--main-color)!important;
  clip-path:polygon(20px 0%,calc(100% - 20px) 0%,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0% calc(100% - 20px),0% 20px)
}

._short-account_1eg83_1:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:#11111b;
  clip-path:polygon(22px 0%,calc(100% - 22px) 0%,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0% calc(100% - 22px),0% 22px);
  z-index:-1;
  border:1px solid #57353e
}

._short-account-border_1eg83_17{
  display:inline-block;
  background:#38202d;
  clip-path:polygon(15px 0%,calc(100% - 15px) 0%,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0% calc(100% - 15px),0% 15px);
  padding:1px;
  position:relative;
  width:100%
}

._short-account-border_1eg83_17 ._image-container_1eg83_26{
  display:block;
  background-color:#000;
  clip-path:inherit
}

._short-account-border_1eg83_17 ._image-container_1eg83_26 img{
  width:100%
}

._box-number-account_1eg83_36{
  text-align:center;
  color:#fff;
  font-size:.75rem;
  text-transform:uppercase;
  font-weight:600;
  line-height:30px;
  clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0% calc(100% - 8px),0% 8px);
  margin-top:1px
}

._button-icon_1eg83_47._view_1eg83_47{
  background:linear-gradient(to left,#7f8b93 50%,#0f1923 50%);
  background-size:220% 100%;
  background-position:right bottom
}

._button-icon_1eg83_47{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  gap:.2rem;
  padding:8px 0;
  font-weight:500;
  font-size:.875rem;
  line-height:1.25rem;
  text-transform:uppercase;
  border:1px solid transparent;
  background:linear-gradient(to left,var(--main-color) 50%,#0f1923 50%);
  background-size:220% 100%;
  background-position:right bottom;
  transition:all .3s ease
}

._button-icon_1eg83_47:hover{
  color:var(--main-color)!important;
  border:1px solid var(--main-color)!important;
  background-position:left bottom
}

._container_1wqad_1{
  animation:_zoomInZoomOut_1wqad_1 5s infinite
}

._animation_1wqad_5{
  animation:_spin_1wqad_1 5s;
  animation-duration:3s;
  animation-timing-function:ease;
  animation-iteration-count:infinite
}

@keyframes _spin_1wqad_1{
  0%{
    transform:rotate(0)
  }

  to{
    transform:rotate(360deg)
  }
}

@keyframes _zoomInZoomOut_1wqad_1{
  0%{
    transform:scale(1)
  }

  50%{
    transform:scale(1.2)
  }

  to{
    transform:scale(1)
  }
}

*,:before,:after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb
}

:before,:after{
  --tw-content:""
}

html,:host{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:var(--bs-font-sans-serif);
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}

body{
  margin:0;
  line-height:inherit
}

hr{
  height:0;
  color:inherit;
  border-top-width:1px
}

abbr:where([title]){
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit
}

a{
  color:inherit;
  text-decoration:inherit
}

b,strong{
  font-weight:bolder
}

code,kbd,samp,pre{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

:-moz-ui-invalid{
  box-shadow:none
}

progress{
  vertical-align:baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{
  margin:0
}

fieldset{
  margin:0;
  padding:0
}

legend{
  padding:0
}

ol,ul,menu{
  list-style:none;
  margin:0;
  padding:0
}

dialog{
  padding:0
}

textarea{
  resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::placeholder,textarea::placeholder{
  opacity:1;
  color:#9ca3af
}

button,[role=button]{
  cursor:pointer
}

:disabled{
  cursor:default
}

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

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

[hidden]{
  display:none
}

:root{
  --background:0 0% 100%;
  --foreground:222.2 84% 4.9%;
  --card:0 0% 100%;
  --card-foreground:222.2 84% 4.9%;
  --popover:0 0% 100%;
  --popover-foreground:222.2 84% 4.9%;
  --primary:222.2 47.4% 11.2%;
  --primary-foreground:210 40% 98%;
  --secondary:210 40% 96.1%;
  --secondary-foreground:222.2 47.4% 11.2%;
  --muted:210 40% 96.1%;
  --muted-foreground:215.4 16.3% 46.9%;
  --accent:210 40% 96.1%;
  --accent-foreground:222.2 47.4% 11.2%;
  --destructive:0 84.2% 60.2%;
  --destructive-foreground:210 40% 98%;
  --border:214.3 31.8% 91.4%;
  --input:214.3 31.8% 91.4%;
  --ring:222.2 84% 4.9%;
  --radius:.5rem
}

*{
  border-color:hsl(var(--border))
}

body{
  background-color:hsl(var(--background));
  color:hsl(var(--foreground))
}

*,:before,:after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / .5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / .5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:2rem;
  padding-left:2rem
}

@media (min-width:1400px){
  .container{
    max-width:1400px
  }
}

.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
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.inset-0{
  top:0;
  right:0;
  bottom:0;
  left:0
}

.inset-x-0{
  left:0;
  right:0
}

.inset-y-0{
  top:0;
  bottom:0
}

.-bottom-1{
  bottom:-.25rem
}

.-bottom-1\.5{
  bottom:-.375rem
}

.-bottom-2{
  bottom:-.5rem
}

.-bottom-5{
  bottom:-1.25rem
}

.-top-1{
  top:-.25rem
}

.-top-1\.5{
  top:-.375rem
}

.bottom-0{
  bottom:0
}

.bottom-5{
  bottom:1.25rem
}

.bottom-8{
  bottom:2rem
}

.end-0{
  inset-inline-end:0
}

.left-0{
  left:0
}

.left-2{
  left:.5rem
}

.left-8{
  left:2rem
}

.left-\[50\%\]{
  left:50%
}

.right-0{
  right:0
}

.right-14{
  right:3.5rem
}

.right-3{
  right:.75rem
}

.right-4{
  right:1rem
}

.right-8{
  right:2rem
}

.top-0{
  top:0
}

.top-20{
  top:5rem
}

.top-3{
  top:.75rem
}

.top-4{
  top:1rem
}

.top-\[100\%\]{
  top:100%
}

.top-\[50\%\]{
  top:50%
}

.-z-20{
  z-index:-20
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-30{
  z-index:30
}

.z-50{
  z-index:50
}

.z-\[2\]{
  z-index:2
}

.z-\[3\]{
  z-index:3
}

.order-1{
  order:1
}

.order-2{
  order:2
}

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

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

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

.m-8{
  margin:2rem
}

.-mx-1{
  margin-left:-.25rem;
  margin-right:-.25rem
}

.mx-0{
  margin-left:0;
  margin-right:0
}

.mx-0\.5{
  margin-left:.125rem;
  margin-right:.125rem
}

.mx-1{
  margin-left:.25rem;
  margin-right:.25rem
}

.mx-3{
  margin-left:.75rem;
  margin-right:.75rem
}

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

.my-1{
  margin-top:.25rem;
  margin-bottom:.25rem
}

.my-2{
  margin-top:.5rem;
  margin-bottom:.5rem
}

.my-3{
  margin-top:.75rem;
  margin-bottom:.75rem
}

.my-32{
  margin-top:8rem;
  margin-bottom:8rem
}

.my-5{
  margin-top:1.25rem;
  margin-bottom:1.25rem
}

.-mt-2{
  margin-top:-.5rem
}

.mb-10{
  margin-bottom:2.5rem
}

.mb-20{
  margin-bottom:5rem
}

.mb-3{
  margin-bottom:.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-5{
  margin-bottom:1.25rem
}

.mb-8{
  margin-bottom:2rem
}

.me-1{
  margin-inline-end:.25rem
}

.me-2{
  margin-inline-end:.5rem
}

.me-3{
  margin-inline-end:.75rem
}

.mr-1{
  margin-right:.25rem
}

.mr-5{
  margin-right:1.25rem
}

.ms-1{
  margin-inline-start:.25rem
}

.ms-3{
  margin-inline-start:.75rem
}

.ms-5{
  margin-inline-start:1.25rem
}

.mt-1{
  margin-top:.25rem
}

.mt-1\.5{
  margin-top:.375rem
}

.mt-10{
  margin-top:2.5rem
}

.mt-2{
  margin-top:.5rem
}

.mt-24{
  margin-top:6rem
}

.mt-3{
  margin-top:.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mt-auto{
  margin-top:auto
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.h-10{
  height:2.5rem
}

.h-11{
  height:2.75rem
}

.h-12{
  height:3rem
}

.h-16{
  height:4rem
}

.h-2{
  height:.5rem
}

.h-3{
  height:.75rem
}

.h-3\.5{
  height:.875rem
}

.h-4{
  height:1rem
}

.h-48{
  height:12rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-7{
  height:1.75rem
}

.h-9{
  height:2.25rem
}

.h-96{
  height:24rem
}

.h-\[70vh\]{
  height:70vh
}

.h-\[var\(--radix-select-trigger-height\)\]{
  height:var(--radix-select-trigger-height)
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.h-px{
  height:1px
}

.h-screen{
  height:100vh
}

.max-h-20{
  max-height:5rem
}

.max-h-40{
  max-height:10rem
}

.max-h-60{
  max-height:15rem
}

.max-h-96{
  max-height:24rem
}

.max-h-\[13rem\]{
  max-height:13rem
}

.max-h-\[95px\]{
  max-height:95px
}

.min-h-28{
  min-height:7rem
}

.min-h-52{
  min-height:13rem
}

.min-h-60{
  min-height:15rem
}

.min-h-96{
  min-height:24rem
}

.min-h-\[28rem\]{
  min-height:28rem
}

.min-h-screen{
  min-height:100vh
}

.w-1\/6{
  width:16.666667%
}

.w-10{
  width:2.5rem
}

.w-2\/6{
  width:33.333333%
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-3{
  width:.75rem
}

.w-3\.5{
  width:.875rem
}

.w-3\/6{
  width:50%
}

.w-4{
  width:1rem
}

.w-48{
  width:12rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-7{
  width:1.75rem
}

.w-9{
  width:2.25rem
}

.w-\[100px\]{
  width:100px
}

.w-\[93\.333333\%\]{
  width:93.333333%
}

.w-full{
  width:100%
}

.min-w-\[4\.6rem\]{
  min-width:4.6rem
}

.min-w-\[8rem\]{
  min-width:8rem
}

.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width:var(--radix-select-trigger-width)
}

.max-w-52{
  max-width:13rem
}

.max-w-7xl{
  max-width:80rem
}

.max-w-\[22rem\]{
  max-width:22rem
}

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

.max-w-lg{
  max-width:32rem
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.shrink-0{
  flex-shrink:0
}

.caption-bottom{
  caption-side:bottom
}

.-translate-y-\[30\.3rem\]{
  --tw-translate-y:-30.3rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[-50\%\]{
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-40{
  --tw-translate-y:10rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\]{
  --tw-translate-y:-50%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bounce{
  0%,to{
    transform:translateY(-25%);
    animation-timing-function:cubic-bezier(.8,0,1,1)
  }

  50%{
    transform:none;
    animation-timing-function:cubic-bezier(0,0,.2,1)
  }
}

.animate-bounce{
  animation:bounce 1s infinite
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

.cursor-default{
  cursor:default
}

.cursor-pointer{
  cursor:pointer
}

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

.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr))
}

.flex-col{
  flex-direction:column
}

.flex-col-reverse{
  flex-direction:column-reverse
}

.flex-wrap{
  flex-wrap:wrap
}

.items-center{
  align-items:center
}

.justify-center{
  justify-content:center
}

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

.gap-0{
  gap:0
}

.gap-0\.5{
  gap:.125rem
}

.gap-1{
  gap:.25rem
}

.gap-1\.5{
  gap:.375rem
}

.gap-10{
  gap:2.5rem
}

.gap-14{
  gap:3.5rem
}

.gap-2{
  gap:.5rem
}

.gap-3{
  gap:.75rem
}

.gap-4{
  gap:1rem
}

.gap-5{
  gap:1.25rem
}

.gap-8{
  gap:2rem
}

.gap-x-4{
  -moz-column-gap:1rem;
  column-gap:1rem
}

.gap-y-1{
  row-gap:.25rem
}

.gap-y-2{
  row-gap:.5rem
}

.space-y-1>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-scroll{
  overflow:scroll
}

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

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

.text-ellipsis{
  text-overflow:ellipsis
}

.whitespace-nowrap{
  white-space:nowrap
}

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

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

.rounded{
  border-radius:.25rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:var(--radius)
}

.rounded-md{
  border-radius:calc(var(--radius) - 2px)
}

.rounded-none{
  border-radius:0
}

.rounded-sm{
  border-radius:calc(var(--radius) - 4px)
}

.rounded-xl{
  border-radius:.75rem
}

.rounded-t-\[10px\]{
  border-top-left-radius:10px;
  border-top-right-radius:10px
}

.border{
  border-width:1px
}

.border-y{
  border-top-width:1px;
  border-bottom-width:1px
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-l{
  border-left-width:1px
}

.border-l-0{
  border-left-width:0
}

.border-l-4{
  border-left-width:4px
}

.border-r{
  border-right-width:1px
}

.border-r-0{
  border-right-width:0
}

.border-t{
  border-top-width:1px
}

.border-dashed{
  border-style:dashed
}

.border-gray-400{
  --tw-border-opacity:1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity))
}

.border-gray-500{
  --tw-border-opacity:1;
  border-color:rgb(107 114 128 / var(--tw-border-opacity))
}

.border-gray-500\/50{
  border-color:#6b728080
}

.border-gray-600{
  --tw-border-opacity:1;
  border-color:rgb(75 85 99 / var(--tw-border-opacity))
}

.border-gray-700{
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity))
}

.border-input{
  border-color:hsl(var(--input))
}

.border-mandy-300\/30{
  border-color:#ff9fa44d
}

.border-mandy-400{
  --tw-border-opacity:1;
  border-color:rgb(255 105 117 / var(--tw-border-opacity))
}

.border-mandy-500{
  --tw-border-opacity:1;
  border-color:var(--main-color)
}

.border-mandy-500\/30{
  border-color:var(--main-color)!important
}

.border-mandy-500\/50{
  border-color:var(--main-color)!important
}

.border-red-500{
  --tw-border-opacity:1;
  border-color:rgb(239 68 68 / var(--tw-border-opacity))
}

.border-teal-500\/15{
  border-color:#14b8a626
}

.border-teal-500\/5{
  border-color:#14b8a60d
}

.border-transparent{
  border-color:transparent
}

.bg-\[\#151821\]{
  --tw-bg-opacity:1;
  background-color:rgb(21 24 33 / var(--tw-bg-opacity))
}

.bg-\[\#151821\]\/70{
  background-color:#151821b3
}

.bg-\[\#1b2732\]{
  --tw-bg-opacity:1;
  background-color:rgb(27 39 50 / var(--tw-bg-opacity))
}

.bg-background{
  background-color:hsl(var(--background))
}

.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity))
}

.bg-black\/80{
  background-color:#000c
}

.bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgb(59 130 246 / var(--tw-bg-opacity))
}

.bg-bunker-950{
  --tw-bg-opacity:1;
  background-color:rgb(11 14 19 / var(--tw-bg-opacity))
}

.bg-bunker-950\/10{
  background-color:#0b0e131a
}

.bg-bunker-950\/40{
  background-color:#0b0e1366
}

.bg-bunker-950\/70{
  background-color:#0b0e13b3
}

.bg-card{
  background-color:hsl(var(--card))
}

.bg-destructive{
  background-color:hsl(var(--destructive))
}

.bg-emerald-300\/10{
  background-color:#6ee7b71a
}

.bg-emerald-50\/20{
  background-color:#ecfdf533
}

.bg-emerald-50\/5{
  background-color:#ecfdf50d
}

.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity))
}

.bg-gray-500\/50{
  background-color:#6b728080
}

.bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgb(55 65 81 / var(--tw-bg-opacity))
}

.bg-gray-700\/30{
  background-color:#3741514d
}

.bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(31 41 55 / var(--tw-bg-opacity))
}

.bg-gray-950{
  --tw-bg-opacity:1;
  background-color:rgb(3 7 18 / var(--tw-bg-opacity))
}

.bg-mandy-500{
  --tw-bg-opacity:1;
  background-color:var(--main-color)!important
}

.bg-mandy-500\/20{
  background-color:var(--main-color)!important
}

.bg-mandy-500\/90{
  background-color:var(--main-color)!important
}

.bg-mandy-950\/35{
  background-color:#50011259
}

.bg-muted{
  background-color:hsl(var(--muted))
}

.bg-muted\/50{
  background-color:hsl(var(--muted) / .5)
}

.bg-popover{
  background-color:hsl(var(--popover))
}

.bg-primary{
  background-color:hsl(var(--primary))
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
}

.bg-secondary{
  background-color:hsl(var(--secondary))
}

.bg-stone-950\/80{
  background-color:#0c0a09cc
}

.bg-transparent{
  background-color:transparent
}

.bg-white\/10{
  background-color:#ffffff1a
}

.bg-white\/5{
  background-color:#ffffff0d
}

.bg-\[url\(\'\/img\/bg-section\.jpg\'\)\]{
  background-image:url(/img/bg-section.jpg)
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}

.from-pink-500{
  --tw-gradient-from:#ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-teal-500{
  --tw-gradient-from:#14b8a6 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(20 184 166 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-purple-600{
  --tw-gradient-to:#9333ea var(--tw-gradient-to-position)
}

.to-teal-500{
  --tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)
}

.bg-cover{
  background-size:cover
}

.bg-repeat{
  background-repeat:repeat
}

.p-0{
  padding:0
}

.p-1{
  padding:.25rem
}

.p-1\.5{
  padding:.375rem
}

.p-10{
  padding:2.5rem
}

.p-2{
  padding:.5rem
}

.p-2\.5{
  padding:.625rem
}

.p-3{
  padding:.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.px-1{
  padding-left:.25rem;
  padding-right:.25rem
}

.px-14{
  padding-left:3.5rem;
  padding-right:3.5rem
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.px-3{
  padding-left:.75rem;
  padding-right:.75rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.py-1{
  padding-top:.25rem;
  padding-bottom:.25rem
}

.py-1\.5{
  padding-top:.375rem;
  padding-bottom:.375rem
}

.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

.py-2{
  padding-top:.5rem;
  padding-bottom:.5rem
}

.py-2\.5{
  padding-top:.625rem;
  padding-bottom:.625rem
}

.py-20{
  padding-top:5rem;
  padding-bottom:5rem
}

.py-3{
  padding-top:.75rem;
  padding-bottom:.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.pb-0{
  padding-bottom:0
}

.pb-16{
  padding-bottom:4rem
}

.pb-2{
  padding-bottom:.5rem
}

.pb-4{
  padding-bottom:1rem
}

.pl-8{
  padding-left:2rem
}

.pr-2{
  padding-right:.5rem
}

.ps-5{
  padding-inline-start:1.25rem
}

.pt-0{
  padding-top:0
}

.pt-2{
  padding-top:.5rem
}

.pt-3{
  padding-top:.75rem
}

.pt-5{
  padding-top:1.25rem
}

.text-left{
  text-align:left
}

.\!text-center{
  text-align:center!important
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-start{
  text-align:start
}

.align-middle{
  vertical-align:middle
}

.font-sans{
  font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"
}

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

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

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

.text-6xl{
  font-size:3.75rem;
  line-height:1
}

.text-\[0\.7rem\]{
  font-size:.7rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.italic{
  font-style:italic
}

.leading-3{
  line-height:.75rem
}

.leading-none{
  line-height:1
}

.tracking-tight{
  letter-spacing:-.025em
}

.tracking-wide{
  letter-spacing:.025em
}

.text-\[\#969EB2\]{
  --tw-text-opacity:1;
  color:rgb(150 158 178 / var(--tw-text-opacity))
}

.text-\[\#fff\]{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.text-amber-400{
  --tw-text-opacity:1;
  color:rgb(251 191 36 / var(--tw-text-opacity))
}

.text-amber-500{
  --tw-text-opacity:1;
  color:rgb(245 158 11 / var(--tw-text-opacity))
}

.text-amber-600{
  --tw-text-opacity:1;
  color:rgb(217 119 6 / var(--tw-text-opacity))
}

.text-card-foreground{
  color:hsl(var(--card-foreground))
}

.text-cyan-500{
  --tw-text-opacity:1;
  color:rgb(6 182 212 / var(--tw-text-opacity))
}

.text-destructive-foreground{
  color:hsl(var(--destructive-foreground))
}

.text-emerald-500{
  --tw-text-opacity:1;
  color:rgb(16 185 129 / var(--tw-text-opacity))
}

.text-foreground{
  color:hsl(var(--foreground))
}

.text-gray-200{
  --tw-text-opacity:1;
  color:rgb(229 231 235 / var(--tw-text-opacity))
}

.text-gray-300{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity))
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity))
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity))
}

.text-gray-950{
  --tw-text-opacity:1;
  color:rgb(3 7 18 / var(--tw-text-opacity))
}

.text-green-400{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity))
}

.text-mandy-500{
  --tw-text-opacity:1;
  color:var(--main-color)!important
}

.text-muted-foreground{
  color:hsl(var(--muted-foreground))
}

.text-popover-foreground{
  color:hsl(var(--popover-foreground))
}

.text-primary{
  color:hsl(var(--primary))
}

.text-primary-foreground{
  color:hsl(var(--primary-foreground))
}

.text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity))
}

.text-secondary-foreground{
  color:hsl(var(--secondary-foreground))
}

.text-sky-500{
  --tw-text-opacity:1;
  color:rgb(14 165 233 / var(--tw-text-opacity))
}

.text-teal-500{
  --tw-text-opacity:1;
  color:rgb(20 184 166 / var(--tw-text-opacity))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.text-yellow-500{
  --tw-text-opacity:1;
  color:rgb(234 179 8 / var(--tw-text-opacity))
}

.underline{
  text-decoration-line:underline
}

.underline-offset-4{
  text-underline-offset:4px
}

.opacity-50{
  opacity:.5
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-md{
  --tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.outline{
  outline-style:solid
}

.ring-offset-background{
  --tw-ring-offset-color:hsl(var(--background))
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-colors{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.delay-500{
  transition-delay:.5s
}

.duration-200{
  transition-duration:.2s
}

.duration-300{
  transition-duration:.3s
}

.duration-500{
  transition-duration:.5s
}

.duration-700{
  transition-duration:.7s
}

.ease-in-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

@keyframes enter{
  0%{
    opacity:var(--tw-enter-opacity,1);
    transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))
  }
}

@keyframes exit{
  to{
    opacity:var(--tw-exit-opacity,1);
    transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))
  }
}

.duration-200{
  animation-duration:.2s
}

.duration-300{
  animation-duration:.3s
}

.duration-500{
  animation-duration:.5s
}

.duration-700{
  animation-duration:.7s
}

.delay-500{
  animation-delay:.5s
}

.ease-in-out{
  animation-timing-function:cubic-bezier(.4,0,.2,1)
}

body{
  font-family:var(--bs-font-sans-serif);
  color:#969eb2
}

.placeholder\:text-muted-foreground::-moz-placeholder{
  color:hsl(var(--muted-foreground))
}

.placeholder\:text-muted-foreground::placeholder{
  color:hsl(var(--muted-foreground))
}

.after\:bg-bunker-950:after{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(11 14 19 / var(--tw-bg-opacity))
}

.hover\:border-teal-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(20 184 166 / var(--tw-border-opacity))
}

.hover\:bg-accent:hover{
  background-color:hsl(var(--accent))
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity))
}

.hover\:bg-bunker-950\/30:hover{
  background-color:#0b0e134d
}

.hover\:bg-destructive\/90:hover{
  background-color:hsl(var(--destructive) / .9)
}

.hover\:bg-mandy-500:hover{
  --tw-bg-opacity:1;
  background-color:var(--main-color)!important
}

.hover\:bg-primary\/90:hover{
  background-color:hsl(var(--primary) / .9)
}

.hover\:bg-secondary\/80:hover{
  background-color:hsl(var(--secondary) / .8)
}

.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.hover\:text-accent-foreground:hover{
  color:hsl(var(--accent-foreground))
}

.hover\:text-mandy-500:hover{
  --tw-text-opacity:1;
  color:var(--main-color)!important
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:shadow:hover{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.hover\:shadow-mandy-500:hover{
  --tw-shadow-color:var(--main-color)!important;
  --tw-shadow:var(--tw-shadow-colored)
}

.focus\:bg-accent:focus{
  background-color:hsl(var(--accent))
}

.focus\:text-accent-foreground:focus{
  color:hsl(var(--accent-foreground))
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus\:ring-ring:focus{
  --tw-ring-color:hsl(var(--ring))
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:2px
}

.focus-visible\:outline-none:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color:hsl(var(--ring))
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width:2px
}

.active\:bg-blue-800:active{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175 / var(--tw-bg-opacity))
}

.disabled\:pointer-events-none:disabled{
  pointer-events:none
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed
}

.disabled\:opacity-50:disabled{
  opacity:.5
}

.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events:none
}

.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{
  --tw-translate-y:.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=left\]\:-translate-x-1[data-side=left]{
  --tw-translate-x:-.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=right\]\:translate-x-1[data-side=right]{
  --tw-translate-x:.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[side\=top\]\:-translate-y-1[data-side=top]{
  --tw-translate-y:-.25rem;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes accordion-up{
  0%{
    height:var(--radix-accordion-content-height)
  }

  to{
    height:0
  }
}

.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{
  animation:accordion-up .2s ease-out
}

@keyframes accordion-down{
  0%{
    height:0
  }

  to{
    height:var(--radix-accordion-content-height)
  }
}

.data-\[state\=open\]\:animate-accordion-down[data-state=open]{
  animation:accordion-down .2s ease-out
}

.data-\[state\=active\]\:bg-background[data-state=active]{
  background-color:hsl(var(--background))
}

.data-\[state\=active\]\:bg-mandy-500[data-state=active]{
  --tw-bg-opacity:1;
  background-color:var(--main-color)!important
}

.data-\[state\=open\]\:bg-accent[data-state=open]{
  background-color:hsl(var(--accent))
}

.data-\[state\=open\]\:bg-secondary[data-state=open]{
  background-color:hsl(var(--secondary))
}

.data-\[state\=selected\]\:bg-muted[data-state=selected]{
  background-color:hsl(var(--muted))
}

.data-\[state\=active\]\:text-foreground[data-state=active]{
  color:hsl(var(--foreground))
}

.data-\[state\=active\]\:text-white[data-state=active]{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.data-\[state\=open\]\:text-muted-foreground[data-state=open]{
  color:hsl(var(--muted-foreground))
}

.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity:.5
}

.data-\[state\=active\]\:shadow-sm[data-state=active]{
  --tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.data-\[state\=closed\]\:duration-300[data-state=closed]{
  transition-duration:.3s
}

.data-\[state\=open\]\:duration-500[data-state=open]{
  transition-duration:.5s
}

.data-\[state\=open\]\:animate-in[data-state=open]{
  animation-name:enter;
  animation-duration:.15s;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial
}

.data-\[state\=closed\]\:animate-out[data-state=closed]{
  animation-name:exit;
  animation-duration:.15s;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial
}

.data-\[state\=closed\]\:fade-out-0[data-state=closed]{
  --tw-exit-opacity:0
}

.data-\[state\=open\]\:fade-in-0[data-state=open]{
  --tw-enter-opacity:0
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{
  --tw-exit-scale:.95
}

.data-\[state\=open\]\:zoom-in-95[data-state=open]{
  --tw-enter-scale:.95
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{
  --tw-enter-translate-y:-.5rem
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{
  --tw-enter-translate-x:.5rem
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{
  --tw-enter-translate-x:-.5rem
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{
  --tw-enter-translate-y:.5rem
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{
  --tw-exit-translate-y:100%
}

.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{
  --tw-exit-translate-x:-100%
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{
  --tw-exit-translate-x:-50%
}

.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{
  --tw-exit-translate-x:100%
}

.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{
  --tw-exit-translate-y:-100%
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{
  --tw-exit-translate-y:-48%
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{
  --tw-enter-translate-y:100%
}

.data-\[state\=open\]\:slide-in-from-left[data-state=open]{
  --tw-enter-translate-x:-100%
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{
  --tw-enter-translate-x:-50%
}

.data-\[state\=open\]\:slide-in-from-right[data-state=open]{
  --tw-enter-translate-x:100%
}

.data-\[state\=open\]\:slide-in-from-top[data-state=open]{
  --tw-enter-translate-y:-100%
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{
  --tw-enter-translate-y:-48%
}

.data-\[state\=closed\]\:duration-300[data-state=closed]{
  animation-duration:.3s
}

.data-\[state\=open\]\:duration-500[data-state=open]{
  animation-duration:.5s
}

@media (min-width:640px){
  .sm\:max-w-sm{
    max-width:24rem
  }

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

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

  .sm\:gap-2{
    gap:.5rem
  }

  .sm\:gap-2\.5{
    gap:.625rem
  }

  .sm\:space-x-2>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.5rem * var(--tw-space-x-reverse));
    margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .sm\:rounded-lg{
    border-radius:var(--radius)
  }

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

  .sm\:text-start{
    text-align:start
  }

  .sm\:text-end{
    text-align:end
  }

  .sm\:text-base{
    font-size:1rem;
    line-height:1.5rem
  }
}

@media (min-width:768px){
  .md\:order-1{
    order:1
  }

  .md\:order-2{
    order:2
  }

  .md\:col-span-3{
    grid-column:span 3 / span 3
  }

  .md\:block{
    display:block
  }

  .md\:hidden{
    display:none
  }

  .md\:h-16{
    height:4rem
  }

  .md\:h-6{
    height:1.5rem
  }

  .md\:max-h-\[180px\]{
    max-height:180px
  }

  .md\:max-h-\[28rem\]{
    max-height:28rem
  }

  .md\:min-h-\[315px\]{
    min-height:315px
  }

  .md\:w-28{
    width:7rem
  }

  .md\:w-6{
    width:1.5rem
  }

  .md\:max-w-12{
    max-width:3rem
  }

  .md\:max-w-\[47rem\]{
    max-width:47rem
  }

  .md\:max-w-full{
    max-width:100%
  }

  .md\:-translate-x-0{
    --tw-translate-x:-0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:-translate-x-full{
    --tw-translate-x:-100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:-translate-y-0{
    --tw-translate-y:-0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:translate-x-0{
    --tw-translate-x:0;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:translate-x-full{
    --tw-translate-x:100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:translate-y-0{
    --tw-translate-y:0;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

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

  .md\:gap-1{
    gap:.25rem
  }

  .md\:gap-2{
    gap:.5rem
  }

  .md\:p-10{
    padding:2.5rem
  }

  .md\:p-3{
    padding:.75rem
  }

  .md\:px-10{
    padding-left:2.5rem;
    padding-right:2.5rem
  }

  .md\:px-20{
    padding-left:5rem;
    padding-right:5rem
  }

  .md\:px-3{
    padding-left:.75rem;
    padding-right:.75rem
  }

  .md\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
  }

  .md\:px-7{
    padding-left:1.75rem;
    padding-right:1.75rem
  }

  .md\:py-3{
    padding-top:.75rem;
    padding-bottom:.75rem
  }

  .md\:py-5{
    padding-top:1.25rem;
    padding-bottom:1.25rem
  }

  .md\:pb-3{
    padding-bottom:.75rem
  }

  .md\:text-sm{
    font-size:.875rem;
    line-height:1.25rem
  }

  .md\:hover\:bg-mandy-500:hover{
    --tw-bg-opacity:1;
    background-color:var(--main-color)!important
  }
}

@media (min-width:1024px){
  .lg\:absolute{
    position:absolute
  }

  .lg\:col-span-1{
    grid-column:span 1 / span 1
  }

  .lg\:col-span-2{
    grid-column:span 2 / span 2
  }

  .lg\:col-span-4{
    grid-column:span 4 / span 4
  }

  .lg\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .lg\:my-8{
    margin-top:2rem;
    margin-bottom:2rem
  }

  .lg\:flex{
    display:flex
  }

  .lg\:max-h-52{
    max-height:13rem
  }

  .lg\:min-h-60{
    min-height:15rem
  }

  .lg\:min-h-\[30rem\]{
    min-height:30rem
  }

  .lg\:min-h-\[32rem\]{
    min-height:32rem
  }

  .lg\:w-1\/3{
    width:33.333333%
  }

  .lg\:w-2\/3{
    width:66.666667%
  }

  .lg\:w-2\/5{
    width:40%
  }

  .lg\:w-3\/5{
    width:60%
  }

  .lg\:max-w-3xl{
    max-width:48rem
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

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

  .lg\:px-10{
    padding-left:2.5rem;
    padding-right:2.5rem
  }

  .lg\:px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
  }

  .lg\:py-0{
    padding-top:0;
    padding-bottom:0
  }

  .lg\:pb-0{
    padding-bottom:0
  }

  .lg\:pb-20{
    padding-bottom:5rem
  }

  .lg\:text-2xl{
    font-size:1.5rem;
    line-height:2rem
  }
}

@media (min-width:1280px){
  .xl\:col-span-5{
    grid-column:span 5 / span 5
  }

  .xl\:h-12{
    height:3rem
  }

  .xl\:max-h-\[170px\]{
    max-height:170px
  }

  .xl\:min-w-\[200px\]{
    min-width:200px
  }

  .xl\:max-w-\[320px\]{
    max-width:320px
  }

  .xl\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .xl\:grid-cols-5{
    grid-template-columns:repeat(5,minmax(0,1fr))
  }

  .xl\:gap-5{
    gap:1.25rem
  }

  .xl\:p-5{
    padding:1.25rem
  }

  .xl\:p-8{
    padding:2rem
  }

  .xl\:px-20{
    padding-left:5rem;
    padding-right:5rem
  }

  .xl\:px-40{
    padding-left:10rem;
    padding-right:10rem
  }
}

@media (min-width:1352px){
  .\32xl\:absolute{
    position:absolute
  }

  .\32xl\:bottom-5{
    bottom:1.25rem
  }

  .\32xl\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .\32xl\:gap-5{
    gap:1.25rem
  }

  .\32xl\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
  }
}

.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right:0
}

.\[\&\>span\]\:truncate>span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.\[\&\>svg\]\:size-3\.5>svg{
  width:.875rem;
  height:.875rem
}

.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width:0
}

.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
  --tw-rotate:180deg;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width:0
}

.\[\&_tr\]\:border-b tr{
  border-bottom-width:1px
}

.eIjtuN{
  display:none
}

.mobile-menu{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:3;
  background:#f1f1f1;
  border-radius:10px 10px 0 0;
  box-shadow:0 -5px 15px 0 rgba(0,0,0,0.1);
  display:flex;
  align-items:center;
  justify-content:center;
  justify-content:space-between;
  display:none
}

.mobile-menu>a,.mobile-menu button{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  width:80px;
  padding:8px 0;
  border-radius:0;
  position:relative
}

.category-link{
  font-size:16px;
  font-weight:400;
  padding:12px 15px;
  color:var(--text);
  display:-ms-flexbox;
  display:flow;
  align-items:center;
  justify-content:flex-start;
  transition:all linear .3s;
  -webkit-transition:all linear .3s;
  -moz-transition:all linear .3s;
  -ms-transition:all linear .3s;
  -o-transition:all linear .3s
}

.mobile-menu a:hover,.mobile-menu button:hover{
  background:var(--chalk)
}

.mobile-menu a:hover i,.mobile-menu button:hover i{
  color:var(--primary)
}

.mobile-menu a:hover span,.mobile-menu button:hover span{
  color:var(--primary)
}

.mobile-menu a i,.mobile-menu button i{
  font-size:15px;
  margin-bottom:5px;
  color:var(--text);
  text-shadow:2px 3px 8px rgba(0,0,0,0.1)
}

.mobile-menu a span,.mobile-menu button span{
  font-size:10px;
  line-height:12px;
  color:var(--text);
  text-transform:uppercase
}

.mobile-menu a sup,.mobile-menu button sup{
  position:absolute;
  top:-5px;
  left:75%;
  width:24px;
  height:24px;
  font-size:12px;
  line-height:20px;
  border-radius:50%;
  text-align:center;
  transform:translateX(-50%);
  color:var(--white);
  background:var(--primary);
  border:2px solid var(--green-chalk);
  text-shadow:var(--primary-tshadow)
}

.mobile-menu a .fas fa-shopping-basket,.mobile-menu button .fas fa-shopping-basket{
  font-size:18px
}

.mobile-menu-active{
  background-color:#9e9e9e47;
  border-top:2px solid var(--primary)
}

.logo-banner{
  flex-basis:100%
}

@media (max-width:1199px){
  .chat-conversation-box{
    max-height:550px;
    overflow-y:auto
  }

  .logo-banner{
    flex-basis:50%
  }

  .mobile-menu{
    display:flex
  }

  .ta-categories .row{
    flex-wrap:nowrap!important;
    overflow:auto!important
  }

  .eIjtuN{
    display:flex;
    justify-content:space-between;
    position:fixed;
    bottom:0;
    background:white;
    z-index:200;
    border-top:1px solid rgb(241,241,241);
    border-radius:10px 10px 0 0;
    width:100%
  }

  .bLbLIa{
    width:64px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding-top:5px;
    padding-bottom:6px;
    flex-direction:column;
    color:rgb(36,36,36);
    font-size:10px;
    text-decoration:none;
    position:relative;
    z-index:1
  }
}

::-webkit-scrollbar{
  width:var(--scrollbar-width)
}

::-webkit-scrollbar-track{
  background:var(--scrollbar-track-color)
}

::-webkit-scrollbar-thumb{
  background:var(--scrollbar-thumb-color)
}

::-webkit-scrollbar-thumb:hover{
  background:var(--scrollbar-thumb-hover-color)
}

.carousel-inner{
  border-radius:12px
}

.lasted-accounts .ta-account .fields{
  min-height:135px
}

.ta-account .ta-account-dis{
  border-radius:3px;
  color:#fff;
  font-size:11px;
  padding:5px 7px;
  position:absolute;
  right:7px;
  line-height:1;
  top:7px;
  z-index:1
}

.fw-semibold{
  font-weight:600!important
}

.me-1{
  margin-right:0.25rem!important
}

@media (max-width:600px){
  .ta-account .thumbnail img{
    height:178px
  }
}

.translate-wrapper{
  padding:0 8px;
  display:flex;
  align-items:center;
  align-self:center;
  justify-content:center;
  height:44px;
  cursor:pointer;
  border-radius:4px
}

#button_translate span{
  display:none
}

#button_translate1 span{
  display:none
}

.goog-te-gadget{
  line-height:2px!important;
  color:transparent!important
}

.goog-te-gadget select{
  display:block;
  padding:6px 9px;
  font-size:15px;
  line-height:1.5;
  color:#495057;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.grecaptcha-badge{
  display:none!important
}

.translated-ltr body{
  top:0!important
}

.icon-middle{
  position:fixed;
  right:15px;
  bottom:200px;
  transition:all .2s;
  z-index:3
}

.icon-middle .icon{
  margin-bottom:10px;
  z-index:1;
  background:#3697d7;
  color:#fff;
  display:inherit;
  text-align:center;
  cursor:pointer;
  border-radius:50%;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .3s;
  width:40px;
  height:40px;
  line-height:38px
}

.icon-middle .icon:hover{
  box-shadow:0 8px 25px -8px #071666
}

.icon-middle .icon img{
  width:auto;
  max-width:100%
}

.icon-middle .icon img.icon-svg{
  width:calc(100% - 25px);
  vertical-align:middle
}

.mini-icons .icon-middle{
  right:-60px
}

#middle-control{
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  position:fixed;
  bottom:30px;
  right:20px;
  cursor:pointer;
  z-index:90;
  background:#3697d7;
  box-shadow:0 0 15px 1px rgba(69,65,78,.2);
  opacity:1;
  transition:all .3s;
  border-radius:4px;
  padding:9px
}

#middle-control i{
  font-size:21px;
  color:#fff
}

.skiptranslate iframe{
  display:none!important
}

.embed-container iframe{
  max-width:100%
}

.chat-container{
  min-height:500px
}

.chat-container .card{
  box-shadow:none
}

@media(min-width:768px){
  .chat-container .chat-header{
    border-right:1px solid hsla(0,0%,62%,.141)
  }
}

@media(max-width:768px){
  .chat-container .chat-header{
    border-bottom:1px solid hsla(0,0%,62%,.141)
  }
}

.nav-item .fit-size{
  height:45px
}

.nav-item.counter{
  padding-right:.55rem
}

.nav-item.counter a{
  align-items:center;
  display:flex;
  justify-content:center;
  width:47px
}

.nav-item.counter .count{
  background:var(--bs-danger);
  border-radius:10px;
  color:var(--bs-white);
  font-size:10px;
  font-weight:700;
  padding:2px 6px;
  position:absolute;
  left:70%;
  z-index:999
}

.ta-footer-fit{
  margin-bottom:.7rem;
  padding:0 11px
}

.ta-content-fit{
  padding:8px 11px
}

.ta-footer-title{
  color:var(--bs-white);
  font-size:20px
}

.ta-footer-link{
  border-radius:8px;
  color:#d7d7d7!important;
  display:block;
  font-size:13px
}

.ta-footer-link:hover{
  background:hsla(0,0%,55%,.18)
}

.ta-footer-link i{
  font-size:14px;
  width:20px
}

.ta-backto-top{
  bottom:15px;
  position:fixed;
  right:20px;
  z-index:1200
}

.ta-backto-top i{
  line-height:0
}

.check_smg{
  background:var(--bs-danger);
  border-radius:10px;
  color:var(--bs-white);
  font-size:10px;
  font-weight:700;
  padding:2px 6px;
  position:absolute;
  left:90%;
  z-index:999
}

.chat-content .message{
  margin-bottom:.7rem
}

.chat-content .message p{
  border-radius:12px;
  font-size:13px;
  margin-bottom:0;
  padding:8px 12px
}

.chat-content .message p:not(.is-image){
  max-width:65%
}

@media(max-width:576px){
  .chat-content .message p:not(.is-image){
    max-width:80%
  }
}

.chat-content .message .me{
  background:var(--bs-primary);
  color:var(--bs-white)
}

.chat-content .message .me a{
  color:var(--bs-white);
  -webkit-text-decoration:underline;
  text-decoration:underline
}

.chat-content .message .you{
  background:hsla(0,0%,62%,.141)
}

.chat-content .message .you a{
  color:var(--bs-primary)
}

.preview-image{
  display:inline-block;
  position:relative
}

.preview-image .remove{
  position:absolute;
  right:-10px;
  top:-7px
}

.ps{
  -ms-overflow-style:none;
  overflow:hidden!important;
  overflow-anchor:none;
  touch-action:auto;
  -ms-touch-action:auto
}

.ps__rail-x{
  bottom:0;
  height:15px
}

.ps__rail-x,.ps__rail-y{
  display:none;
  opacity:0;
  position:absolute;
  transition:background-color .2s linear,opacity .2s linear;
  -webkit-transition:background-color .2s linear,opacity .2s linear
}

.ps__rail-y{
  right:0;
  width:15px
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{
  background-color:transparent;
  display:block
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{
  opacity:.6
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{
  background-color:#eee;
  opacity:.9
}

.ps__thumb-x{
  bottom:2px;
  height:6px;
  transition:background-color .2s linear,height .2s ease-in-out;
  -webkit-transition:background-color .2s linear,height .2s ease-in-out
}

.ps__thumb-x,.ps__thumb-y{
  background-color:#aaa;
  border-radius:6px;
  position:absolute
}

.ps__thumb-y{
  right:2px;
  transition:background-color .2s linear,width .2s ease-in-out;
  -webkit-transition:background-color .2s linear,width .2s ease-in-out;
  width:6px
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{
  background-color:#999;
  height:11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{
  background-color:#999;
  width:11px
}

@supports (-ms-overflow-style:none){
  .ps{
    overflow:auto!important
  }
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active){
  .ps{
    overflow:auto!important
  }
}

.ps{
  position:relative
}

.chat-users .user.active{
  background:hsla(0,0%,62%,.141);
  border-bottom:0;
  border-radius:10px
}

.shop-context .avatar img{
  height:160px
}

@media(max-width:576px){
  .shop-context .avatar img{
    height:140px
  }
}

.shop-context .social a{
  padding-right:7px
}

.shop-context .social a:last-child{
  padding-right:0
}

.shop-context .bio a:hover{
  color:var(--bs-primary)
}

.shop-context .name{
  font-size:25px
}

@media(max-width:320px){
  .shop-context .name{
    font-size:14px
  }
}

@media(max-width:577px){
  .shop-context .name{
    font-size:23px
  }
}

.shop-context .shop-cover{
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  max-height:270px;
  overflow:hidden
}

.shop-context .shop-cover img{
  -o-object-fit:contain;
  object-fit:contain
}

@media(min-width:577px){
  .shop-context{
    align-items:center;
    justify-content:space-between
  }
}

@media(max-width:577px){
  .shop-context{
    flex-direction:column
  }

  .shop-header{
    flex-direction:column!important;
    text-align:center
  }

  .shop-header.is-cover{
    margin-top:-90px
  }
}

.shop-navigation .profile-navigation{
  background:#d9d9d9;
  border-radius:10px;
  margin-bottom:.5rem
}

.shop-navigation .profile-navigation a{
  color:#231f20;
  display:block;
  font-size:14px;
  padding:9px 0;
  text-align:center
}

@media(max-width:425px){
  .shop-navigation .profile-navigation a{
    font-size:13px
  }
}

@media(max-width:375px){
  .shop-navigation .profile-navigation a{
    font-size:12px
  }
}

@media(max-width:320px){
  .shop-navigation .profile-navigation a .text{
    display:none
  }
}

.shop-navigation .profile-navigation.active a{
  font-weight:700
}

.shop-navigation .profile-navigation.active.home{
  background:#d7eaf9
}

.shop-navigation .profile-navigation.active.home a{
  color:var(--bs-primary)
}

.shop-navigation .profile-navigation.active.review{
  background:#fdf3da
}

.shop-navigation .profile-navigation.active.review a{
  color:#e7b10e
}

.shop-navigation .profile-navigation.active.community{
  background:#ddf2ff
}

.shop-navigation .profile-navigation.active.community a{
  color:var(--bs-info)
}

.slick-track[data-v-e4caeaf8]{
  display:block;
  left:0;
  position:relative;
  top:0;
  transform:translateZ(0)
}

.slick-track.slick-center[data-v-e4caeaf8]{
  margin-left:auto;
  margin-right:auto
}

.slick-track[data-v-e4caeaf8]:after,.slick-track[data-v-e4caeaf8]:before{
  content:"";
  display:table
}

.slick-track[data-v-e4caeaf8]:after{
  clear:both
}

.slick-loading .slick-track[data-v-e4caeaf8]{
  visibility:hidden
}

.slick-slide[data-v-e4caeaf8]{
  display:none;
  float:left;
  height:100%;
  min-height:1px
}

[dir=rtl] .slick-slide[data-v-e4caeaf8]{
  float:right
}

.slick-slide img[data-v-e4caeaf8]{
  display:block
}

.slick-slide.slick-loading img[data-v-e4caeaf8]{
  display:none
}

.slick-slide.dragging img[data-v-e4caeaf8]{
  pointer-events:none
}

.slick-initialized .slick-slide[data-v-e4caeaf8]{
  display:block
}

.slick-loading .slick-slide[data-v-e4caeaf8]{
  visibility:hidden
}

.slick-vertical .slick-slide[data-v-e4caeaf8]{
  border:1px solid transparent;
  display:block;
  height:auto
}

.slick-arrow.slick-hidden[data-v-21137603]{
  display:none
}

.slick-slider[data-v-3d1a4f76]{
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:transparent;
  box-sizing:border-box;
  display:block;
  position:relative;
  touch-action:pan-y;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -khtml-user-select:none
}

.slick-list[data-v-3d1a4f76]{
  display:block;
  margin:0;
  overflow:hidden;
  padding:0;
  position:relative;
  transform:translateZ(0)
}

.slick-list[data-v-3d1a4f76]:focus{
  outline:none
}

.slick-list.dragging[data-v-3d1a4f76]{
  cursor:pointer;
  cursor:hand
}

@font-face{
  font-family:slick;

  src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA0AAAAAB2wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE0AAAABoAAAAcdIcYB0dERUYAAAS0AAAAHAAAAB4AJwANT1MvMgAAAZwAAABRAAAAYFAQ/45jbWFwAAACAAAAAFcAAAFiIhFFt2dhc3AAAASsAAAACAAAAAj//wADZ2x5ZgAAAmgAAAE1AAACLD+btmBoZWFkAAABMAAAAC8AAAA2AAEx+2hoZWEAAAFgAAAAHAAAACQD5QIFaG10eAAAAfAAAAAQAAAAFgZKAEpsb2NhAAACWAAAABAAAAAQATYBoG1heHAAAAF8AAAAHQAAACAASwBHbmFtZQAAA6AAAADcAAABbgUngcJwb3N0AAAEfAAAAC4AAABFOXjBpHjaY2BkYGAA4vMGfuHx/DZfGbiZGEDgfGFFPZxWZVBlvM14G8jlYABLAwAT1QnNAHjaY2BkYGC8zcDAoMfEAAJANiMDKmABADBkAe942mNgZGBgYGdwYWBiAAEQycgAEnMA8xkACcgAkwAAAHjaY2BmYmCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjKAQQNQCZBSYICCgDTXFAYHhkTFSYwP/j9g0GO8/f82A0QNA+NtsBIFBkYANHMN4wAAAHjaY2KAACYIVoVAAALCAJt42mNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkMzAkKigpTlCc9P8/WB0S7/+i+4/uld4rgZoAB4xsDHAhRiYgwcSApoCBcsBMBTNYGGgGAEdEDyUAAAAAAAAAAAAAZgCKANABFnjadZBdToNAEMd3CrtAl5TQLtS0LCoN0A8SGkBI+mAfPET75B1896HppfQcvnII4w3cLYpW6k4ymdn9z8xvBwEKUQg11OgBIXAYWUEQR1uIZoFGpLGxKy3PqrIq8+waXIfJ+5mQSSvkvXwRqqocu1D39QMl2JgvN9zzhsyk1GRDz+OBfzMioCqx0rtdLYo0SiZTZttsOkmidBkveKibFF4Oep9SI46bqk3Twhp4iihUemrMWFPy2NRbthfqKkHi/PxlJLITZdAiSj6ouZ+tn9eZz78DuD9LZYB6bZ8rlCAUVuVdkULjxV4sIEysIc/KSyPmnJDdjhCOdQ0fCTliTX/tjH3ysWao+71qaNjHQjcQwrcuyl+WLZQthCMotJP/h+Xjazz+hfTeRWmG4zOiSyif/q1OtAAAAHjabY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV42mNgYkAGjAzogB0sysTgwtDOyMTIzJlYVJRfnpOaVsIFZhVlpmeUAABuKQkSAAAAAAAB//8AAnjaY2BkYGDgAWIxIGZiYARCNiBmAfMYAAPgADV42mNgYGBkAIKrS9Q5QPT5wop6GA0APf8GGAAA) format("woff")
}

.slick-next,.slick-prev{
  border:none;
  cursor:pointer;
  display:block;
  font-size:0;
  height:20px;
  line-height:0;
  padding:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:20px
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{
  background:transparent;
  color:transparent;
  outline:none
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
  opacity:1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{
  opacity:.25
}

.slick-next:before,.slick-prev:before{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#fff;
  font-family:slick;
  font-size:20px;
  line-height:1;
  opacity:.75
}

.slick-prev{
  left:-25px
}

[dir=rtl] .slick-prev{
  left:auto;
  right:-25px
}

.slick-prev:before{
  content:"←"
}

[dir=rtl] .slick-prev:before{
  content:"→"
}

.slick-next{
  right:-25px
}

[dir=rtl] .slick-next{
  left:-25px;
  right:auto
}

.slick-next:before{
  content:"→"
}

[dir=rtl] .slick-next:before{
  content:"←"
}

.slick-dotted.slick-slider{
  margin-bottom:30px
}

.slick-dots{
  bottom:-25px;
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  text-align:center;
  width:100%
}

.slick-dots li{
  display:inline-block;
  margin:0 5px;
  padding:0;
  position:relative
}

.slick-dots li,.slick-dots li button{
  cursor:pointer;
  height:20px;
  width:20px
}

.slick-dots li button{
  background:transparent;
  border:0;
  color:transparent;
  display:block;
  font-size:0;
  line-height:0;
  outline:none;
  padding:5px
}

.slick-dots li button:focus,.slick-dots li button:hover{
  outline:none
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before{
  opacity:1
}

.slick-dots li button:before{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#000;
  content:"•";
  font-family:slick;
  font-size:6px;
  height:20px;
  left:0;
  line-height:20px;
  opacity:.25;
  position:absolute;
  text-align:center;
  top:0;
  width:20px
}

.slick-dots li.slick-active button:before{
  color:#000;
  opacity:.75
}

.slick-next,.slick-prev{
  z-index:10
}

.slick-next:before,.slick-prev:before{
  font-family:Font Awesome\ 5 Pro;
  opacity:1
}

.slick-prev:before{
  content:"ï„„"
}

.slick-next:before{
  content:"ï„…"
}

.bg-profile{
  background:hsla(240,3%,53%,.06);
  border:1px dashed rgba(68,68,68,.33)
}

.ta-account-view table tr{
  border-style:dashed;
  border-width:1px
}

.ta-account-view .slick-account-images .slick-slide,.ta-account-view .slick-account-images .slick-slider{
  padding-right:7px
}

.ta-account-view .slick-next,.ta-account-view .slick-prev{
  z-index:10
}

.ta-account-view .slick-next:before,.ta-account-view .slick-prev:before{
  background:hsla(0,0%,100%,.32);
  border-radius:5px;
  color:#fff;
  padding:7px
}

.ta-account-view .slick-prev{
  left:10px
}

.ta-account-view .slick-next{
  right:10px
}

.ta-account-view .slide-footer{
  bottom:20px;
  position:absolute;
  width:100%;
  z-index:10
}

@media(max-width:576px){
  .ta-account-view .slide-footer{
    bottom:15px
  }
}

.ta-account-view .slick-index{
  border-radius:3px;
  padding:0 7px;
  position:absolute;
  right:4px;
  top:4px
}

.ta-account-view .slide-zoom{
  background:hsla(0,1%,80%,.549);
  border-radius:5px;
  padding:0 .5rem
}

.loader{
  background-color:#fff;
  border-radius:8px;
  height:130px;
  margin-bottom:10px;
  overflow:hidden;
  padding:15px;
  position:relative;
  width:100%
}

.loader:after{
  animation:gradient-animation_2 1.2s linear infinite;
  background:linear-gradient(110deg,hsla(0,0%,89%,0),hsla(0,0%,89%,0) 40%,hsla(0,0%,89%,.5) 50%,hsla(0,0%,89%,0) 60%,hsla(0,0%,89%,0));
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}

.loader .wrapper{
  height:100%;
  position:relative;
  width:100%
}

.loader .wrapper>div{
  background-color:hsla(0,0%,62%,.141)
}

.loader .line-1{
  top:11px
}

.loader .line-1,.loader .line-2{
  height:10px;
  left:0;
  position:absolute;
  width:100%
}

.loader .line-2{
  top:34px
}

.loader .line-3{
  top:57px
}

.loader .line-3,.loader .line-4{
  height:10px;
  left:0;
  position:absolute;
  width:100%
}

.loader .line-4{
  top:80px
}

@keyframes gradient-animation_2{
  0%{
    transform:translateX(-100%)
  }

  to{
    transform:translateX(100%)
  }
}

.ta-account{
  border-radius:5px
}

.ta-account .carousel-control-next,.ta-account .carousel-control-prev{
  width:12%
}

.ta-account .thumbnail img{
  border-top-left-radius:5px;
  border-top-right-radius:5px
}

@media(min-width:576px){
  .ta-account .thumbnail img{
    height:178px
  }
}

.ta-account .view-account{
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px
}

.ta-account .seller{
  align-items:center;
  display:flex;
  justify-content:space-between
}

.ta-account .seller .avatar img{
  height:25px
}

.ta-account .seller .name{
  line-height:0;
  padding-left:6px
}

.ta-account .description{
  background:hsla(0,0%,81%,.26);
  bottom:0;
  color:#f9f9f9;
  font-size:12px;
  line-height:1.4;
  padding:8px;
  position:absolute;
  width:100%;
  z-index:1
}

.ta-account .ta-account-id{
  border-radius:3px;
  color:#fff;
  font-size:11px;
  left:7px;
  line-height:1;
  padding:5px 7px;
  position:absolute;
  text-align:center;
  top:7px;
  z-index:1
}

.ta-account .fields{
  padding:11px 0 6px
}

.ta-account .fields li{
  color:#231f20;
  display:flex;
  font-size:13px;
  justify-content:space-between;
  padding-bottom:5px
}

.ta-account .fields li:last-child{
  padding-bottom:0
}

.ta-account .fields .value{
  font-weight:700
}

.seller-menu{
  min-height:300px
}

.seller-menu .item{
  margin-bottom:.5rem
}

.seller-menu .item.text{
  margin-bottom:.4rem
}

.seller-menu .item:last-child{
  margin-bottom:0
}

.seller-menu .item a{
  background:hsla(0,0%,56%,.188);
  border-radius:12px;
  color:#231f20;
  display:block;
  font-size:13px;
  padding:.5rem 1.2rem
}

.seller-menu .item a.active,.seller-menu .item a.nuxt-link-exact-active{
  background:#0A6AFF;
  color:#fff
}

.seller-menu .item a i{
  padding-right:5px;
  text-align:center;
  width:23px
}

.seller-menu .item span.text{
  color:var(--bs-gray-700);
  font-size:12px;
  padding-left:3px
}

.carousel-inner{
  border-radius:12px
}

.ta-account .ta-account-dis{
  border-radius:3px;
  color:#fff;
  font-size:11px;
  padding:5px 7px;
  position:absolute;
  right:7px;
  line-height:1;
  top:7px;
  z-index:1
}

.fw-semibold{
  font-weight:600!important
}

.me-1{
  margin-right:0.25rem!important
}

@media (max-width:600px){
  .ta-account .thumbnail img{
    height:178px
  }
}

.translate-wrapper{
  padding:0 8px;
  display:flex;
  align-items:center;
  align-self:center;
  justify-content:center;
  height:44px;
  cursor:pointer;
  border-radius:4px
}

#button_translate span{
  display:none
}

#button_translate1 span{
  display:none
}

.goog-te-gadget{
  line-height:2px!important;
  color:transparent!important
}

.goog-te-gadget select{
  display:block;
  padding:6px 9px;
  font-size:15px;
  line-height:1.5;
  color:#495057;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.grecaptcha-badge{
  display:none!important
}

.translated-ltr body{
  top:0!important
}

.icon-middle{
  position:fixed;
  right:15px;
  bottom:200px;
  transition:all .2s;
  z-index:3
}

.icon-middle .icon{
  margin-bottom:10px;
  z-index:1;
  background:#3697d7;
  color:#fff;
  display:inherit;
  text-align:center;
  cursor:pointer;
  border-radius:50%;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  transition:all .3s;
  width:40px;
  height:40px;
  line-height:38px
}

.icon-middle .icon:hover{
  box-shadow:0 8px 25px -8px #071666
}

.icon-middle .icon img{
  width:auto;
  max-width:100%
}

.icon-middle .icon img.icon-svg{
  width:calc(100% - 25px);
  vertical-align:middle
}

.mini-icons .icon-middle{
  right:-60px
}

#middle-control{
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  position:fixed;
  bottom:30px;
  right:20px;
  cursor:pointer;
  z-index:90;
  background:#3697d7;
  box-shadow:0 0 15px 1px rgba(69,65,78,.2);
  opacity:1;
  transition:all .3s;
  border-radius:4px;
  padding:9px
}

#middle-control i{
  font-size:21px;
  color:#fff
}

.skiptranslate iframe{
  display:none!important
}

.embed-container iframe{
  max-width:100%
}

.chat-container{
  min-height:500px
}

.chat-container .card{
  box-shadow:none
}

@media(min-width:768px){
  .chat-container .chat-header{
    border-right:1px solid hsla(0,0%,62%,.141)
  }
}

@media(max-width:768px){
  .chat-container .chat-header{
    border-bottom:1px solid hsla(0,0%,62%,.141)
  }
}

.nav-item .fit-size{
  height:45px
}

.nav-item.counter{
  padding-right:.55rem
}

.nav-item.counter a{
  align-items:center;
  display:flex;
  justify-content:center;
  width:47px
}

.nav-item.counter .count{
  background:var(--bs-danger);
  border-radius:10px;
  color:var(--bs-white);
  font-size:10px;
  font-weight:700;
  padding:2px 6px;
  position:absolute;
  left:70%;
  z-index:999
}

.ta-footer-fit{
  margin-bottom:.7rem;
  padding:0 11px
}

.ta-content-fit{
  padding:8px 11px
}

.ta-footer-title{
  color:var(--bs-white);
  font-size:20px
}

.ta-footer-link{
  border-radius:8px;
  color:#d7d7d7!important;
  display:block;
  font-size:13px
}

.ta-footer-link:hover{
  background:hsla(0,0%,55%,.18)
}

.ta-footer-link i{
  font-size:14px;
  width:20px
}

.ta-backto-top{
  bottom:15px;
  position:fixed;
  right:20px;
  z-index:1200
}

.ta-backto-top i{
  line-height:0
}

.check_smg{
  background:var(--bs-danger);
  border-radius:10px;
  color:var(--bs-white);
  font-size:10px;
  font-weight:700;
  padding:2px 6px;
  position:absolute;
  left:90%;
  z-index:999
}

.chat-content .message{
  margin-bottom:.7rem
}

.chat-content .message p{
  border-radius:12px;
  font-size:13px;
  margin-bottom:0;
  padding:8px 12px
}

.chat-content .message p:not(.is-image){
  max-width:65%
}

@media(max-width:576px){
  .chat-content .message p:not(.is-image){
    max-width:80%
  }
}

.chat-content .message .me{
  background:var(--bs-primary);
  color:var(--bs-white)
}

.chat-content .message .me a{
  color:var(--bs-white);
  -webkit-text-decoration:underline;
  text-decoration:underline
}

.chat-content .message .you{
  background:hsla(0,0%,62%,.141)
}

.chat-content .message .you a{
  color:var(--bs-primary)
}

.preview-image{
  display:inline-block;
  position:relative
}

.preview-image .remove{
  position:absolute;
  right:-10px;
  top:-7px
}

.ps{
  -ms-overflow-style:none;
  overflow:hidden!important;
  overflow-anchor:none;
  touch-action:auto;
  -ms-touch-action:auto
}

.ps__rail-x{
  bottom:0;
  height:15px
}

.ps__rail-x,.ps__rail-y{
  display:none;
  opacity:0;
  position:absolute;
  transition:background-color .2s linear,opacity .2s linear;
  -webkit-transition:background-color .2s linear,opacity .2s linear
}

.ps__rail-y{
  right:0;
  width:15px
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{
  background-color:transparent;
  display:block
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{
  opacity:.6
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{
  background-color:#eee;
  opacity:.9
}

.ps__thumb-x{
  bottom:2px;
  height:6px;
  transition:background-color .2s linear,height .2s ease-in-out;
  -webkit-transition:background-color .2s linear,height .2s ease-in-out
}

.ps__thumb-x,.ps__thumb-y{
  background-color:#aaa;
  border-radius:6px;
  position:absolute
}

.ps__thumb-y{
  right:2px;
  transition:background-color .2s linear,width .2s ease-in-out;
  -webkit-transition:background-color .2s linear,width .2s ease-in-out;
  width:6px
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{
  background-color:#999;
  height:11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{
  background-color:#999;
  width:11px
}

@supports (-ms-overflow-style:none){
  .ps{
    overflow:auto!important
  }
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active){
  .ps{
    overflow:auto!important
  }
}

.ps{
  position:relative
}

.chat-users .user.active{
  background:hsla(0,0%,62%,.141);
  border-bottom:0;
  border-radius:10px
}

.shop-context .avatar img{
  height:160px
}

@media(max-width:576px){
  .shop-context .avatar img{
    height:140px
  }
}

.shop-context .social a{
  padding-right:7px
}

.shop-context .social a:last-child{
  padding-right:0
}

.shop-context .bio a:hover{
  color:var(--bs-primary)
}

.shop-context .name{
  font-size:25px
}

@media(max-width:320px){
  .shop-context .name{
    font-size:14px
  }
}

@media(max-width:577px){
  .shop-context .name{
    font-size:23px
  }
}

.shop-context .shop-cover{
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  max-height:270px;
  overflow:hidden
}

.shop-context .shop-cover img{
  -o-object-fit:contain;
  object-fit:contain
}

@media(min-width:577px){
  .shop-context{
    align-items:center;
    justify-content:space-between
  }
}

@media(max-width:577px){
  .shop-context{
    flex-direction:column
  }

  .shop-header{
    flex-direction:column!important;
    text-align:center
  }

  .shop-header.is-cover{
    margin-top:-90px
  }
}

.shop-navigation .profile-navigation{
  background:#d9d9d9;
  border-radius:10px;
  margin-bottom:.5rem
}

.shop-navigation .profile-navigation a{
  color:#231f20;
  display:block;
  font-size:14px;
  padding:9px 0;
  text-align:center
}

@media(max-width:425px){
  .shop-navigation .profile-navigation a{
    font-size:13px
  }
}

@media(max-width:375px){
  .shop-navigation .profile-navigation a{
    font-size:12px
  }
}

@media(max-width:320px){
  .shop-navigation .profile-navigation a .text{
    display:none
  }
}

.shop-navigation .profile-navigation.active a{
  font-weight:700
}

.shop-navigation .profile-navigation.active.home{
  background:#d7eaf9
}

.shop-navigation .profile-navigation.active.home a{
  color:var(--bs-primary)
}

.shop-navigation .profile-navigation.active.review{
  background:#fdf3da
}

.shop-navigation .profile-navigation.active.review a{
  color:#e7b10e
}

.shop-navigation .profile-navigation.active.community{
  background:#ddf2ff
}

.shop-navigation .profile-navigation.active.community a{
  color:var(--bs-info)
}

.menu-right{
  position:fixed;
  top:50%;
  right:0;
  z-index:992;
  transform:translate(220px,-50%);
  transition:.5s
}

.img-right-card{
  position:absolute;
  top:-40px;
  width:130px;
  opacity:0;
  left:-55px;
  transition:.5s .3s
}

.menu-right.active{
  transform:translate(0,-50%)
}

.menu-right.active .img-right-card{
  opacity:1
}

.menu-right-button__icon{
  transition:.3s;
  transform:rotate(0);
  display:block;
  width:24px;
  height:24px
}

.menu-right.active .menu-right-button__icon{
  transform:rotate(180deg)
}

.menu-right-link{
  color:#000;
  opacity:.5
}

.menu-right-link:hover{
  opacity:1;
  color:#000
}

@media screen and (max-width:1200px){
  .css-timkiem{
    border-radius:15px;
    padding:20px 15px;
    font-size:14px
  }

  .acc-title{
    margin-top:50px!important;
    margin-bottom:50px!important
  }

  .menu-right-link,.menu-right-link:hover{
    opacity:1;
    color:#000
  }
}

.social{
  position:fixed;
  z-index:999;
  right:0;
  top:50%;
  transform:translate(0,-50%);
  transition:.5s ease-out;
  opacity:1;
  background:rgba(255,255,255,.9)
}

.social>p{
  font-size:18px;
  color:#121212;
  margin:18px auto;
  text-align:center
}

.social--hide{
  opacity:0;
  pointer-events:none
}

.social--fold{
  transform:translate(100%,-50%);
  transform:unset!important
}

.social__list{
  position:relative;
  width:178px;
  padding:10px 2px;
  flex-direction:column
}

.social__list .me-media-icon-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:44px;
  color:#333;
  padding:0 21px 0 10px;
  font-size:16px
}

.social__list .me-media-icon-box:hover{
  background:#333;
  color:#ffd49f;
  cursor:pointer
}

.social__list .me-media-icon-box span{
  font-size:30px
}

.social__list__wx>a{
  flex-direction:column;
  pointer-events:none
}

.social__list__wx>a:hover{
  background:0 0;
  color:#333
}

.social__list__wx>a img{
  width:147px;
  height:147px
}

.social__list__wx>a p:first-child{
  font-size:18px;
  color:#121212;
  margin:18px auto 27px
}

.social__list__wx>a p:last-child{
  opacity:.8;
  margin:10px auto 20px
}

.social__btn{
  position:absolute;
  left:-30px;
  top:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:52px;
  background:#333;
  border-bottom-left-radius:4px;
  border:none;
  border-top-left-radius:4px
}

.social__btn::before{
  content:'';
  display:block;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAASCAYAAABvqT8MAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADIWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGQkNGNzQyQTBBQTExRUFCOTNCOURDRTQ4OUM0OEE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGQkNGNzQzQTBBQTExRUFCOTNCOURDRTQ4OUM0OEE0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUZCQ0Y3NDBBMEFBMTFFQUI5M0I5RENFNDg5QzQ4QTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUZCQ0Y3NDFBMEFBMTFFQUI5M0I5RENFNDg5QzQ4QTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hALoJAAAAlklEQVR42mL8f2U+AxQ0APF/IG5kwANYkBTXI4nj1MQExFpAXIkkhq4ZQ8M1II4C4l/EaGKC0muJ1cSExCZKExOaAQQ1MWFxJl5NLDgCA6ZpGRCzIWnCagMM/McixohLQxAQL0cyHRaZDUykKMbmJLyK0TUQVIysgSjFsGDVwqK4AVeKhSW+DmIUI0ccLOr/EcpAAAEGAJGGKlHFAvzFAAAAAElFTkSuQmCC) center/cover no-repeat;
  width:12px;
  height:18px;
  transition:transform .5s
}

.noidung_thongbao a{
  color:#00f!important
}

.text-custom-a a{
  color:#ff0!important;
  font-weight:700
}

.text-custom-a a:hover{
  color:#deb887!important
}

.social--fold .social__btn::before{
  transform:rotate(-180deg)
}

.form-multi-select-dropdown{
  max-height:300px;
  overflow-y:auto
}

.menu-right-button{
  height:52px;
  background:#cda45e;
  color:#fff;
  width:31px;
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
  border:none;
  outline:0
}

.menu-right-card{
  padding:20px;
  height:100%;
  background-color:#fff;
  width:220px;
  position:relative;
  font-size:13px;
  box-shadow:8px 1px 17px #cfc8c8;
  min-height:400px
}

.me-media-icon img{
  width:100%;
  height:100%;
  display:block;
  max-width:40px;
  max-height:40px
}

.jscroll-to-top{
  bottom:100px
}

.fcta-telegram-ben-trong-nut svg path{
  fill:#fff
}

.fcta-telegram-vi-tri-nut{
  position:fixed;
  bottom:72px;
  right:20px;
  z-index:49
}

.fcta-telegram-nen-nut,.fcta-telegram-mess{
  box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)
}

.fcta-telegram-nen-nut{
  width:65px;
  height:65px;
  text-align:center;
  color:#fff;
  background:#df3826;
  border-radius:50%;
  position:relative;
  cursor:pointer
}

.fcta-telegram-nen-nut::after,.fcta-telegram-nen-nut::before{
  content:"";
  position:absolute;
  border:1px solid #df3826;
  background:#df382680;
  z-index:-1;
  left:-20px;
  right:-20px;
  top:-20px;
  bottom:-20px;
  border-radius:50%;
  animation:zoom 1.9s linear infinite
}

.fcta-telegram-nen-nut::after{
  animation-delay:.4s
}

.fcta-telegram-ben-trong-nut,.fcta-telegram-ben-trong-nut i{
  transition:all 1s
}

.fcta-telegram-ben-trong-nut{
  position:absolute;
  text-align:center;
  width:30%;
  height:42%;
  left:13px;
  bottom:25px;
  line-height:50px;
  font-size:20px;
  opacity:1
}

.fcta-telegram-ben-trong-nut i{
  animation:lucidgentelegram 1s linear infinite
}

.fcta-telegram-nen-nut:hover .fcta-telegram-ben-trong-nut,.fcta-telegram-text{
  opacity:0
}

.fcta-telegram-nen-nut:hover i{
  transform:scale(.5);
  transition:all .5s ease-in
}

.fcta-telegram-text a{
  text-decoration:none;
  color:#fff
}

.fcta-telegram-text{
  position:absolute;
  top:20px;
  text-transform:uppercase;
  font-size:12px;
  font-weight:700;
  transform:scaleX(-1);
  transition:all .5s;
  line-height:1.5
}

.fcta-telegram-nen-nut:hover .fcta-telegram-text{
  transform:scaleX(1);
  opacity:1
}

.fcta-telegram-mess{
  position:fixed;
  bottom:80px;
  right:58px;
  z-index:49;
  background:#fff;
  padding:10px 45px 10px 25px;
  color:#df3826;
  border-radius:50px 0 0 50px;
  font-weight:700;
  font-size:15px
}

.fcta-telegram-mess span{
  color:#df3826!important
}

.contact-options{
  display:none;
  flex-direction:column;
  gap:10px;
  position:fixed;
  bottom:80px;
  right:20px;
  z-index:999;
  margin-bottom:10px
}

.contact-option{
  display:flex;
  align-items:center;
  background:#fff;
  color:#df3826;
  padding:5px 15px;
  border-radius:50px;
  box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);
  text-decoration:none;
  font-weight:bold;
  transition:all 0.3s
}

.contact-option:hover{
  background:#f0f0f0
}

.contact-option i{
  margin-right:10px
}

@keyframes go2264125279{
  from{
    transform:scale(0) rotate(45deg);
    opacity:0
  }

  to{
    transform:scale(1) rotate(45deg);
    opacity:1
  }
}

@keyframes go3020080000{
  from{
    transform:scale(0);
    opacity:0
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

@keyframes go463499852{
  from{
    transform:scale(0) rotate(90deg);
    opacity:0
  }

  to{
    transform:scale(1) rotate(90deg);
    opacity:1
  }
}

@keyframes go1268368563{
  from{
    transform:rotate(0deg)
  }

  to{
    transform:rotate(360deg)
  }
}

@keyframes go1310225428{
  from{
    transform:scale(0) rotate(45deg);
    opacity:0
  }

  to{
    transform:scale(1) rotate(45deg);
    opacity:1
  }
}

@keyframes go651618207{
  0%{
    height:0;
    width:0;
    opacity:0
  }

  40%{
    height:0;
    width:6px;
    opacity:1
  }

  100%{
    opacity:1;
    height:10px
  }
}

@keyframes go901347462{
  from{
    transform:scale(0.6);
    opacity:0.4
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

.go4109123758{
  z-index:9999
}

.go4109123758 > *{
  pointer-events:auto
}

._button_18j0n_1:hover{
  border:1px solid var(--main-color)!important;
  color:var(--main-color)!important;
  background-position:left bottom
}

._button_18j0n_1{
  border:1px solid transparent;
  transform:translate(0) skew(-10deg);
  background:linear-gradient(to left,var(--main-color) 50%,#0f1923 50%);
  background-size:200% 100%;
  background-position:right bottom;
  transition:all .3s ease
}

._top-left_13tl5_1::-webkit-scrollbar{
  width:5px
}

._top-left_13tl5_1::-webkit-scrollbar-track{
  background:#f1f1f1
}

._top-left_13tl5_1::-webkit-scrollbar-thumb{
  background:#888
}

._top-left_13tl5_1::-webkit-scrollbar-thumb:hover{
  background:#555
}

.bg-yellow-300{
  --tw-bg-opacity:1;
  background-color:rgb(253 224 71/var(--tw-bg-opacity,1))
}

.text-blue-600{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity,1))
}

.text-yellow-300{
  --tw-text-opacity:1;
  color:rgba(253,224,71,var(--tw-text-opacity))
}

.box-game {
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: none;
  padding: 0;
  box-shadow: 0px 9px 16px rgba(159, 162, 191, .18), 0px 2px 2px rgba(159, 162, 191, 0.32);
  overflow: hidden;
  padding: 15px;
  border-radius: 5px;
  transition: all 0.5s;
}

:is(.dark .select2-container--default .select2-selection--multiple) {
  --tw-border-opacity: 1;
  border-color: rgb(23 38 60 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(18 30 50 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168 / var(--tw-text-opacity));
}

:is(.dark .select2-container--default .select2-results>.select2-results__options) {
  --tw-bg-opacity: 1;
  background-color: rgb(27 46 75 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(136 142 168 / var(--tw-text-opacity));
}

.clos{
  position:fixed;
  height:80vh;
  width:100%;
  background:hsla(0,0%,18%,0.641);
  top:0;
  left:0;
  z-index:-100
}

.desa ul{
  position:fixed;
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem;
  left:0;
  bottom:3.9rem;
  background:#fff;
  width:100%;
  display:flex;
  z-index:49;
  flex-wrap:wrap;
  justify-content:center
}

.contact i{
  animation:lucidgentelegram 1slinear infinite
}

.fa-rotate-by{
  transform:rotate(var(--fa-rotate-angle,0))
}

@media (min-width:992px){
  .dxl-sm-none{
    display:none
  }
}

.category-box-mobile > a > img{
  border-radius:4px;
  float:left
}

.category-box-mobile{
  margin-bottom:15px
}

.category-box-mobile .content-cl{
  width:calc(100%);
  padding-left:0
}

.category-box-mobile .content-cl h4{
  font-size:15px;
  margin-top:0
}

.news-post h3{
  font-size:22px;
  font-weight:500;
  margin-bottom:20px;
  color:#424242
}

.news-post{
  margin-top:30px
}

.category-box-mobile.one-post > a > img{
  width:100%;
  float:inherit
}

.category-box-mobile.one-post .content-cl{
  padding-left:0;
  width:100%
}

.category-box-mobile.one-post .content-cl h4{
  font-size:18px
}

.category-box-mobile.one-post{
  margin-bottom:25px
}

.play-video img{
  height:auto
}

.item-video img{
  height:auto;
  width:100px;
  height:80px;
  border-radius:4px
}

.detail-video{
  padding:7px;
  padding-left:15px;
  width:calc(100% - 100px)
}

.content-search-form{
  max-width:90%;
  padding:30px
}

.video-list .detail-video h4{
  font-size:15px;
  line-height:24px
}

.video-home{
  margin-top:0
}

.box-list h3{
  font-size:13px
}

.box-list{
  margin:0;
  padding:0 5px;
  width:auto
}

.footer-content-link{
  margin:20px -10px;
  display:block;
  margin-bottom:0
}

.box-list ul li:last-child{
  margin-bottom:0
}

.box-list ul li a{
  font-size:13px
}

.copyright{
  font-size:12px;
  background:#fff
}

p#breadcrumbs{
  line-height:23px
}

.single-content-post > .meta{
  line-height:25px;
  background:#f7f8fb;
  padding:10px;
  border-radius:4px
}

.single-content-post .meta span a{
  padding:0;
  background:none;
  color:#08a581
}

.category-post{
  margin-top:15px
}

.menu-mobile{
  display:inline-block;
  margin-left:15px;
  height:40px;
  cursor:pointer
}

.account{
  width:calc(100% - 180px)
}

.menu-mobile img{
  transform:rotate(180deg);
  position:relative;
  top:4px
}

.logo{
  width:180px;
  margin-top:2px
}

.account{
  padding-top:3px
}

.main-header{
  padding-bottom:3px
}

header{
  border-bottom:1px solid #ed98b236
}

.bar-footer{
  position:fixed;
  width:100%;
  height:64px;
  bottom:0;
  left:0;
  z-index:50
}

.icon-left{
  float:left;
  width:calc(50% - 40px);
  height:64px;
  background:#fff;
  border-top-right-radius:20px;
  box-shadow:0 -4px 8px 0 #99a7b03b
}

.icon-right{
  float:right;
  width:calc(50% - 40px);
  background:#fff;
  border-top-left-radius:20px;
  box-shadow:0 -4px 8px 0 #99a7b03b;
  height:64px
}

.icon-right ul li,.icon-left ul li{
  width:50%;
  float:left;
  text-align:center;
  padding-top:12px
}

.icon-left ul li i,.icon-right ul li i{
  font-size:20px;
  height:20px;
  display:block;
  margin:0 auto 5px
}

.icon-left ul li span,.icon-right ul li span{
  display:block;
  height:15px;
  line-height:15px;
  margin-top:4px
}

.icon-left ul li img,.icon-right ul li img,.icon-right ul li svg{
  display:block;
  margin:0 auto;
  width:20px;
  margin-bottom:5px
}

.icon-left ul li a,.icon-right ul li a{
  color:#333;
  font-weight:400;
  font-size:13px
}

.home-icon-bar{
  float:left;
  width:80px;
  height:80px;
  background:#fff0;
  border-radius:50%;
  box-shadow:0 33px 0 10px #fff;
  position:relative;
  top:-26px;
  box-sizing:border-box;
  padding:5px;
  z-index:60
}

.icon-home{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  background:#29a581;
  border-radius:50%;
  box-sizing:border-box;
  padding-top:4px;
  text-align:center;
  cursor:pointer
}

.icon-home img{
  display:block;
  margin:0 auto;
  margin-bottom:5px;
  width:20px
}

.icon-home a{
  color:#fff;
  font-size:13px;
  line-height:1;
  display:inline-block
}

.home-icon-bar:after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:block;
  border-radius:50%;
  box-shadow:inset 0 -10px 5px 0 #051a2814;
  z-index:-1
}

.content-menu-mobile,.content-menu-user{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  background:#fff;
  z-index:999999;
  transition:all 0.3s
}

.top-bar{
  height:58px;
  box-shadow:0 2px 14px 0 #0000000d;
  padding:5px 15px;
  box-sizing:border-box;
  margin-bottom:15px
}

.top-bar img{
  width:200px;
  float:left
}

span.close-menu svg{
  width:35px
}

span.close-menu{
  position:relative;
  top:6px;
  display:block;
  float:right
}

.form-seach-menu{
  padding:0 15px
}

.form-seach-menu form{
  display:block;
  position:relative
}

.form-seach-menu form input{
  width:100%;
  height:40px;
  padding:10px;
  border:1px solid #ededed;
  border-radius:3px;
  background:#f7f8fb
}

.form-seach-menu form input:focus{
  outline:none
}

.form-seach-menu form button{
  position:absolute;
  border:none;
  background:none;
  top:8px;
  right:10px
}

.content-menu{
  padding:15px
}

ul#main-nav-mobile li{
  margin-bottom:15px;
  padding-bottom:15px;
  border-bottom:1px solid #ededed
}

ul#main-nav-mobile li a{
  color:#333;
  font-size:16px
}

ul#main-nav-mobile li.current-menu-item a,ul#main-nav-mobile li:hover a{
  color:#08a581
}

ul.menu-mobile-bar li{
  float:left;
  width:50%;
  padding:0 5px;
  margin-bottom:10px
}

ul.menu-mobile-bar{
  padding:15px;
  margin:0 -5px
}

ul.menu-mobile-bar li a{
  padding:6px 20px;
  background:#fcfcfc;
  border:1px solid #cfcfcf;
  border-radius:5px;
  color:#333;
  display:block;
  font-size:14px;
  font-weight:300;
  box-sizing:border-box;
  box-shadow:inset -1px 0 3px 0 #ededed
}

ul.menu-mobile-bar li a svg{
  width:18px;
  color:#333;
  float:left;
  display:inline-flex;
  margin-right:5px;
  position:relative;
  top:-1px
}

.danhmuc{
  padding:15px
}

.danhmuc h4 svg{
  float:left;
  width:20px;
  position:relative;
  top:-2px;
  margin-right:5px
}

.danhmuc h4{
  font-size:15px;
  font-weight:500;
  color:#333
}

.content-category-menu > ul{
  margin:0 -5px
}

.content-category-menu > ul > li{
  width:50%;
  float:left;
  margin-bottom:12px;
  padding:0 5px;
  box-sizing:border-box
}

.content-category-menu > ul > li > a{
  color:#333;
  font-size:13px;
  display:block;
  padding-bottom:10px;
  border-bottom:1px solid #ededed
}

.content-category-menu > ul > li > ul{
  padding-left:10px;
  box-sizing:border-box
}

.content-category-menu > ul > li > ul > li > a{
  font-size:12px;
  color:#666
}

.content-category-menu{
  margin-top:12px
}

.content-category-menu > ul > li > ul > li{
  margin-top:7px
}

.content-category-menu > ul > li > ul > li svg{
  width:10px;
  height:9px
}

div#wallpaper{
  overflow:hidden;
  width:100%
}

.content-menu-mobile.active,.content-menu-user.active{
  transition:all 0.3s;
  right:0
}

.icon-right ul li.active a,.icon-left ul li.active a{
  color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))
}

ul.menu-mobile-bar li.w-100{
  width:100%
}

ul.menu-mobile-bar li.w-100 a{
  border-color:#ec5808;
  color:#ec5808
}

ul.menu-mobile-bar li.w-100 a svg{
  color:#ec5808
}

.link-account{
  width:80%;
  margin:0 auto
}

.link-account a{
  display:block;
  height:42px;
  line-height:43px;
  background:#ec5808;
  padding:0 12px;
  border-radius:3px;
  color:#fff;
  transition:all 0.3s;
  text-align:center;
  margin-bottom:10px
}

.link-account a:last-child{
  background:#08a581
}

.content-category-footer > ul > li{
  width:50%
}

.content-category-footer > ul > li > ul > li:last-child{
  margin-bottom:0
}

.info-contact,.form-contact{
  width:100%
}

.single-content-post img{
  height:auto
}

.calltoactionfooter{
  display:none
}

.logo-ipv6{
  transform:none!important
}

.newfooter{
  padding-bottom:80px!important
}

ul,li{
  padding:0;
  margin:0;
  list-style:none
}

.show-menu i{
  font-size:20px
}

.show-menu{
  display:flex;
  flex-direction:column;
  align-items:center
}

.clear{
  clear:both
}

@keyframes pulseIcon{
  0%{
    transform:scale(1) rotate(var(--fa-rotate-angle,0))
  }

  50%{
    transform:scale(1.1) rotate(var(--fa-rotate-angle,0))
  }

  100%{
    transform:scale(1) rotate(var(--fa-rotate-angle,0))
  }
}

@keyframes glowIcon{
  0%{
    filter:drop-shadow(0 0 2px rgba(255,255,255,0.7))
  }

  50%{
    filter:drop-shadow(0 0 8px rgba(255,255,255,0.9))
  }

  100%{
    filter:drop-shadow(0 0 2px rgba(255,255,255,0.7))
  }
}

.icon-home i{
  animation:pulseIcon 1.5s ease-in-out infinite,glowIcon 1.5s ease-in-out infinite;
  display:inline-block
}

.home-icon-bar:hover .icon-home{
  background:#1f8b6d;
  transition:background 0.3s ease
}

.home-icon-bar{
  transition:transform 0.3s ease
}

.home-icon-bar:hover{
  transform:translateY(-3px)
}

.game-menu-popup{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:white;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
  box-shadow:0 -4px 15px rgba(0,0,0,0.1);
  z-index:55;
  transform:translateY(100%);
  transition:transform 0.3s ease-in-out;
  max-height:90vh;
  overflow-y:auto
}

.game-menu-popup.active{
  transform:translateY(0)
}

.game-menu-container{
  padding:15px;
  padding-bottom:80px
}

.game-menu-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:15px;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:15px
}

.game-menu-header h3{
  margin:0;
  font-size:18px;
  font-weight:500;
  color:#333
}

.close-game-menu{
  background:none;
  border:none;
  font-size:24px;
  color:#999;
  cursor:pointer
}

.game-join-button{
  margin-bottom:20px
}

.join-button{
  display:block;
  background:#1a73e8;
  color:white;
  text-align:center;
  padding:12px 16px;
  border-radius:8px;
  font-weight:500;
  text-decoration:none
}

.game-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:15px
}

.game-item{
  text-align:center
}

.game-item a{
  display:flex;
  flex-direction:column;
  align-items:center;
  color:#333;
  text-decoration:none
}

.game-item img{
  width:60px;
  height:60px;
  border-radius:12px;
  margin-bottom:8px;
  -o-object-fit:cover;
     object-fit:cover
}

.game-item span{
  font-size:12px;
  line-height:1.3;
  display:block
}

@media (max-width:480px){
  .game-grid{
    grid-template-columns:repeat(3,1fr)
  }
}

@media (min-width:768px){
  .md\:min-h-\[350px\]{
    min-height:350px
  }
}

/* Tailwind CSS Reset & Base Styles */

*,:after,:before{
  box-sizing:border-box;
  border:0 solid #e5e7eb
}

:after,:before{
  --tw-content:""
}

:host,html{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}

body{
  margin:0;
  line-height:inherit
}

hr{
  height:0;
  color:inherit;
  border-top-width:1px
}

abbr:where([title]){
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit
}

a{
  color:inherit;
  text-decoration:inherit
}

b,strong{
  font-weight:bolder
}

code,kbd,pre,samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:initial
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  color:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

[type=button],[type=reset],[type=submit],button{
  -webkit-appearance:button;
  background-color:initial;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

:-moz-ui-invalid{
  box-shadow:none
}

progress{
  vertical-align:initial
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
  margin:0
}

fieldset{
  margin:0
}

fieldset,legend{
  padding:0
}

menu,ol,ul{
  list-style:none;
  margin:0;
  padding:0
}

dialog{
  padding:0
}

textarea{
  resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::placeholder,textarea::placeholder{
  opacity:1;
  color:#9ca3af
}

[role=button],button{
  cursor:pointer
}

:disabled{
  cursor:default
}

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

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

[hidden]{
  display:none
}

/* Tailwind CSS Variables & Backdrop */

*,::backdrop,:after,:before{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#3b82f680;
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:
}

/* Container & Layout */

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto
}

@media (min-width:640px){
  .container{
    max-width:640px
  }
}

@media (min-width:768px){
  .container{
    max-width:768px
  }
}

@media (min-width:1024px){
  .container{
    max-width:1024px
  }
}

@media (min-width:1280px){
  .container{
    max-width:1280px
  }
}

@media (min-width:1352px){
  .container{
    max-width:1352px
  }
}

/* Form Components */

.form-input,.form-multiselect,.form-select,.form-textarea{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  border-radius:0;
  padding:.5rem .75rem;
  font-size:1rem;
  line-height:1.5rem;
  --tw-shadow:0 0 #0000
}

.form-input:focus,.form-multiselect:focus,.form-select:focus,.form-textarea:focus{
  outline:2px solid #0000;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,);
  --tw-ring-offset-width:0;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
  border-color:#2563eb
}

.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{
  color:#6b7280;
  opacity:1
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{
  color:#6b7280;
  opacity:1
}

.form-input::placeholder,.form-textarea::placeholder{
  color:#6b7280;
  opacity:1
}

.form-input::-webkit-datetime-edit-fields-wrapper{
  padding:0
}

.form-input::-webkit-date-and-time-value{
  min-height:1.5em
}

.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-meridiem-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-year-field{
  padding-top:0;
  padding-bottom:0
}

.form-select{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position:right .5rem center;
  background-repeat:no-repeat;
  background-size:1.5em 1.5em;
  padding-right:2.5rem
}

.form-checkbox,.form-radio,.form-select{
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact
}

.form-checkbox,.form-radio{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding:0;
  display:inline-block;
  vertical-align:middle;
  background-origin:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  flex-shrink:0;
  height:1rem;
  width:1rem;
  color:#2563eb;
  background-color:#fff;
  border-color:#6b7280;
  border-width:1px;
  --tw-shadow:0 0 #0000
}

.form-checkbox{
  border-radius:0
}

.form-radio{
  border-radius:100%
}

.form-checkbox:focus,.form-radio:focus{
  outline:2px solid #0000;
  outline-offset:2px;
  --tw-ring-inset:var(--tw-empty,);
  --tw-ring-offset-width:2px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:#2563eb;
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}

.form-checkbox:checked,.form-radio:checked{
  border-color:#0000;
  background-color:currentColor;
  background-size:100% 100%;
  background-position:50%;
  background-repeat:no-repeat
}

.form-checkbox:checked{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

.form-radio:checked{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

.form-checkbox:checked:focus,.form-checkbox:checked:hover,.form-checkbox:indeterminate,.form-radio:checked:focus,.form-radio:checked:hover{
  border-color:#0000;
  background-color:currentColor
}

.form-checkbox:indeterminate{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
  background-size:100% 100%;
  background-position:50%;
  background-repeat:no-repeat
}

.form-checkbox:indeterminate:focus,.form-checkbox:indeterminate:hover{
  border-color:#0000;
  background-color:currentColor
}

/* Prose Typography Plugin */

.prose{
  color:var(--tw-prose-body);
  max-width:65ch
}

.prose:where(p):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:1.25em;
  margin-bottom:.5rem
}

.prose:where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-lead);
  font-size:1.25em;
  line-height:1.6;
  margin-top:1.2em;
  margin-bottom:1.2em
}

.prose:where(a):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-links);
  text-decoration:underline;
  font-weight:500
}

.prose:where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-bold);
  font-weight:600
}

.prose:where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:decimal;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em
}

.prose:where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:upper-alpha
}

.prose:where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:lower-alpha
}

.prose:where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:upper-alpha
}

.prose:where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:lower-alpha
}

.prose:where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:upper-roman
}

.prose:where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:lower-roman
}

.prose:where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:upper-roman
}

.prose:where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:lower-roman
}

.prose:where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:decimal
}

.prose:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){
  list-style-type:disc;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-left:1.625em
}

.prose:where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{
  font-weight:400;
  color:var(--tw-prose-counters)
}

.prose:where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{
  color:var(--tw-prose-bullets)
}

.prose:where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.25em
}

.prose:where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-color:var(--tw-prose-hr);
  border-top-width:1px;
  margin-top:3em;
  margin-bottom:3em
}

.prose:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:500;
  font-style:italic;
  color:var(--tw-prose-quotes);
  border-left-width:.25rem;
  border-left-color:var(--tw-prose-quote-borders);
  quotes:"\201C""\201D""\2018""\2019";
  margin-top:1.6em;
  margin-bottom:1.6em;
  padding-left:1em
}

.prose:where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{
  content:open-quote
}

.prose:where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{
  content:close-quote
}

.prose:where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:800;
  font-size:40px;
  margin-top:0;
  margin-bottom:.5rem;
  line-height:1.1111111
}

.prose:where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:900;
  color:inherit
}

.prose:where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:700;
  font-size:32px;
  margin-top:0;
  margin-bottom:.5rem;
  line-height:1.3333333
}

.prose:where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:800;
  color:inherit
}

.prose:where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  font-size:28px;
  margin-top:0;
  margin-bottom:.5rem;
  line-height:1.6
}

.prose:where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:700;
  color:inherit
}

.prose:where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:0;
  margin-bottom:.5rem;
  line-height:1.5;
  font-size:24px
}

.prose:where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:700;
  color:inherit
}

.prose:where(img):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin:0
}

.prose:where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){
  display:block;
  margin-top:2em;
  margin-bottom:2em
}

.prose:where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-weight:500;
  font-family:inherit;
  color:var(--tw-prose-kbd);
  box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
  font-size:.875em;
  border-radius:.3125rem;
  padding:.1875em .375em
}

.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-code);
  font-weight:600;
  font-size:.875em
}

.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{
  content:"`"
}

.prose:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{
  content:"`"
}

.prose:where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit;
  font-size:.875em
}

.prose:where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit;
  font-size:.9em
}

.prose:where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

.prose:where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:inherit
}

/* Prose Extended Styles */

.prose:where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-pre-code);
  background-color:var(--tw-prose-pre-bg);
  overflow-x:auto;
  font-weight:400;
  font-size:.875em;
  line-height:1.7142857;
  margin-top:1.7142857em;
  margin-bottom:1.7142857em;
  border-radius:.375rem;
  padding:.8571429em 1.1428571em
}

.prose:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){
  background-color:initial;
  border-width:0;
  border-radius:0;
  padding:0;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit
}

.prose:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{
  content:none
}

.prose:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{
  content:none
}

.prose:where(table):not(:where([class~=not-prose],[class~=not-prose] *)){
  width:100%;
  table-layout:auto;
  text-align:left;
  margin-top:2em;
  margin-bottom:2em;
  font-size:.875em;
  line-height:1.7142857
}

.prose:where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-th-borders)
}

.prose:where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-right:.5714286em;
  padding-bottom:.5714286em;
  padding-left:.5714286em
}

.prose:where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-td-borders)
}

.prose:where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-bottom-width:0
}

.prose:where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){
  vertical-align:initial
}

.prose:where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){
  border-top-width:1px;
  border-top-color:var(--tw-prose-th-borders)
}

.prose:where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){
  vertical-align:top
}

.prose:where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0;
  margin-bottom:0
}

.prose:where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){
  color:var(--tw-prose-captions);
  font-size:.875em;
  line-height:1.4285714;
  margin-top:.8571429em
}

/* Prose Color Variables */

.prose{
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-kbd:#111827;
  --tw-prose-kbd-shadows:17 24 39;
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#888ea8;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#888ea8;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:#4b5563;
  --tw-prose-invert-hr:#374151;
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:#374151;
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:255 255 255;
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:#00000080;
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151;
  font-size:1rem;
  line-height:1.75
}

.prose:where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0;
  margin-bottom:0
}

.prose:where(video):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:2em;
  margin-bottom:2em
}

.prose:where(li):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin:0
}

.prose:where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-left:.375em
}

.prose:where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-left:.375em
}

.prose:where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:.75em;
  margin-bottom:.75em
}

.prose:where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:1.25em
}

.prose:where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-bottom:1.25em
}

.prose:where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:1.25em
}

.prose:where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-bottom:1.25em
}

.prose:where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:.75em;
  margin-bottom:.75em
}

.prose:where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.prose:where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:.5em;
  padding-left:1.625em
}

.prose:where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-left:0
}

.prose:where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-right:0
}

.prose:where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding:.5714286em
}

.prose:where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-left:0
}

.prose:where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  padding-right:0
}

.prose:where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:2em;
  margin-bottom:2em
}

.prose:where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-top:0
}

.prose:where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
  margin-bottom:0
}

.prose:where(h5):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-size:20px;
  margin-bottom:.5rem;
  margin-top:0
}

.prose:where(h6):not(:where([class~=not-prose],[class~=not-prose] *)){
  font-size:16px;
  margin-bottom:.5rem;
  margin-top:0
}

/* Global Styles & Utilities */

html{
  scroll-behavior:smooth
}

[x-cloak]{
  display:none!important
}

body{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250/var(--tw-bg-opacity));
  font-family:'Signika',sans-serif
}

body.dark{
  --tw-bg-opacity:1;
  background-color:rgb(6 8 24/var(--tw-bg-opacity))
}

.panel{
  position:relative;
  border-radius:.375rem;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity));
  padding:1.25rem;
  --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

:is(.dark .panel){
  --tw-bg-opacity:1;
  background-color:rgb(14 23 38/var(--tw-bg-opacity))
}

/* Custom Background Color Utilities */

*,:after,:before{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246/0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246/0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

*,:after,:before{
  box-sizing:border-box;
  border:0 solid #e5e7eb
}

:after,:before{
  --tw-content:""
}

:host,html{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}

body{
  margin:0;
  line-height:inherit
}

hr{
  height:0;
  color:inherit;
  border-top-width:1px
}

abbr:where([title]){
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}

h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit
}

a{
  color:inherit;
  text-decoration:inherit
}

b,strong{
  font-weight:bolder
}

code,kbd,pre,samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}

small{
  font-size:80%
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

:-moz-ui-invalid{
  box-shadow:none
}

progress{
  vertical-align:baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}

::-webkit-search-decoration{
  -webkit-appearance:none
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
  margin:0
}

fieldset{
  margin:0
}

fieldset,legend{
  padding:0
}

menu,ol,ul{
  list-style:none;
  margin:0;
  padding:0
}

dialog{
  padding:0
}

textarea{
  resize:vertical
}

input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}

input::placeholder,textarea::placeholder{
  opacity:1;
  color:#9ca3af
}

[role=button],button{
  cursor:pointer
}

:disabled{
  cursor:default
}

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

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

[hidden]:where(:not([hidden=until-found])){
  display:none
}

.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:16px;
  padding-left:16px
}

@media (min-width:1352px){
  .container{
    max-width:1352px
  }
}

.pointer-events-none{
  pointer-events:none
}

.pointer-events-auto{
  pointer-events:auto
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.inset-0{
  inset:0
}

.-bottom-\[5px\]{
  bottom:-5px
}

.-top-\[70px\]{
  top:-70px
}

.bottom-0{
  bottom:0
}

.bottom-10{
  bottom:2.5rem
}

.bottom-\[12px\]{
  bottom:12px
}

.bottom-\[24px\]{
  bottom:24px
}

.bottom-\[8px\]{
  bottom:8px
}

.bottom-full{
  bottom:100%
}

.end-0{
  inset-inline-end:0
}

.end-\[100\%\]{
  inset-inline-end:100%
}

.left-0{
  left:0
}

.left-0\.5{
  left:.125rem
}

.left-1\/2{
  left:50%
}

.left-\[10px\]{
  left:10px
}

.left-\[12px\]{
  left:12px
}

.left-\[16px\]{
  left:16px
}

.left-\[24px\]{
  left:24px
}

.left-\[2px\]{
  left:2px
}

.left-\[50\%\]{
  left:50%
}

.left-\[8px\]{
  left:8px
}

.left-\[calc\(\(100\%-1320px\)\/2-240px\)\]{
  left:calc((100% - 1320px) / 2 - 240px)
}

.right-0{
  right:0
}

.right-3{
  right:.75rem
}

.right-4{
  right:1rem
}

.right-6{
  right:1.5rem
}

.right-\[12px\]{
  right:12px
}

.right-\[16px\]{
  right:16px
}

.right-\[24px\]{
  right:24px
}

.right-\[6px\]{
  right:6px
}

.right-\[8px\]{
  right:8px
}

.right-\[calc\(\(100\%-1320px\)\/2-240px\)\]{
  right:calc((100% - 1320px) / 2 - 240px)
}

.top-0{
  top:0
}

.top-1\/2{
  top:50%
}

.top-\[100\%\]{
  top:100%
}

.top-\[10px\]{
  top:10px
}

.top-\[12px\]{
  top:12px
}

.top-\[14px\]{
  top:14px
}

.top-\[16px\]{
  top:16px
}

.top-\[50\%\]{
  top:50%
}

.top-\[6px\]{
  top:6px
}

.top-\[8px\]{
  top:8px
}

.top-full{
  top:100%
}

.-z-10{
  z-index:-10
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.z-\[10000\]{
  z-index:10000
}

.z-\[9999\]{
  z-index:9999
}

.order-last{
  order:9999
}

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

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

.m-\[60px\]{
  margin:60px
}

.m-auto{
  margin:auto
}

.\!my-\[24px\]{
  margin-top:24px!important;
  margin-bottom:24px!important
}

.-mx-\[12px\]{
  margin-left:-12px;
  margin-right:-12px
}

.-mx-\[16px\]{
  margin-left:-16px;
  margin-right:-16px
}

.-mx-dynamic-1{
  margin-left:-1px;
  margin-right:-1px
}

.-mx-dynamic-10{
  margin-left:-10px;
  margin-right:-10px
}

.-mx-dynamic-100{
  margin-left:-100px;
  margin-right:-100px
}

.-mx-dynamic-11{
  margin-left:-11px;
  margin-right:-11px
}

.-mx-dynamic-12{
  margin-left:-12px;
  margin-right:-12px
}

.-mx-dynamic-13{
  margin-left:-13px;
  margin-right:-13px
}

.-mx-dynamic-14{
  margin-left:-14px;
  margin-right:-14px
}

.-mx-dynamic-15{
  margin-left:-15px;
  margin-right:-15px
}

.-mx-dynamic-16{
  margin-left:-16px;
  margin-right:-16px
}

.-mx-dynamic-17{
  margin-left:-17px;
  margin-right:-17px
}

.-mx-dynamic-18{
  margin-left:-18px;
  margin-right:-18px
}

.-mx-dynamic-19{
  margin-left:-19px;
  margin-right:-19px
}

.-mx-dynamic-2{
  margin-left:-2px;
  margin-right:-2px
}

.-mx-dynamic-20{
  margin-left:-20px;
  margin-right:-20px
}

.-mx-dynamic-21{
  margin-left:-21px;
  margin-right:-21px
}

.-mx-dynamic-22{
  margin-left:-22px;
  margin-right:-22px
}

.-mx-dynamic-23{
  margin-left:-23px;
  margin-right:-23px
}

.-mx-dynamic-24{
  margin-left:-24px;
  margin-right:-24px
}

.-mx-dynamic-25{
  margin-left:-25px;
  margin-right:-25px
}

.-mx-dynamic-26{
  margin-left:-26px;
  margin-right:-26px
}

.-mx-dynamic-27{
  margin-left:-27px;
  margin-right:-27px
}

.-mx-dynamic-28{
  margin-left:-28px;
  margin-right:-28px
}

.-mx-dynamic-29{
  margin-left:-29px;
  margin-right:-29px
}

.-mx-dynamic-3{
  margin-left:-3px;
  margin-right:-3px
}

.-mx-dynamic-30{
  margin-left:-30px;
  margin-right:-30px
}

.-mx-dynamic-31{
  margin-left:-31px;
  margin-right:-31px
}

.-mx-dynamic-32{
  margin-left:-32px;
  margin-right:-32px
}

.-mx-dynamic-33{
  margin-left:-33px;
  margin-right:-33px
}

.-mx-dynamic-34{
  margin-left:-34px;
  margin-right:-34px
}

.-mx-dynamic-35{
  margin-left:-35px;
  margin-right:-35px
}

.-mx-dynamic-36{
  margin-left:-36px;
  margin-right:-36px
}

.-mx-dynamic-37{
  margin-left:-37px;
  margin-right:-37px
}

.-mx-dynamic-38{
  margin-left:-38px;
  margin-right:-38px
}

.-mx-dynamic-39{
  margin-left:-39px;
  margin-right:-39px
}

.-mx-dynamic-4{
  margin-left:-4px;
  margin-right:-4px
}

.-mx-dynamic-40{
  margin-left:-40px;
  margin-right:-40px
}

.-mx-dynamic-41{
  margin-left:-41px;
  margin-right:-41px
}

.-mx-dynamic-42{
  margin-left:-42px;
  margin-right:-42px
}

.-mx-dynamic-43{
  margin-left:-43px;
  margin-right:-43px
}

.-mx-dynamic-44{
  margin-left:-44px;
  margin-right:-44px
}

.-mx-dynamic-45{
  margin-left:-45px;
  margin-right:-45px
}

.-mx-dynamic-46{
  margin-left:-46px;
  margin-right:-46px
}

.-mx-dynamic-47{
  margin-left:-47px;
  margin-right:-47px
}

.-mx-dynamic-48{
  margin-left:-48px;
  margin-right:-48px
}

.-mx-dynamic-49{
  margin-left:-49px;
  margin-right:-49px
}

.-mx-dynamic-5{
  margin-left:-5px;
  margin-right:-5px
}

.-mx-dynamic-50{
  margin-left:-50px;
  margin-right:-50px
}

.-mx-dynamic-51{
  margin-left:-51px;
  margin-right:-51px
}

.-mx-dynamic-52{
  margin-left:-52px;
  margin-right:-52px
}

.-mx-dynamic-53{
  margin-left:-53px;
  margin-right:-53px
}

.-mx-dynamic-54{
  margin-left:-54px;
  margin-right:-54px
}

.-mx-dynamic-55{
  margin-left:-55px;
  margin-right:-55px
}

.-mx-dynamic-56{
  margin-left:-56px;
  margin-right:-56px
}

.-mx-dynamic-57{
  margin-left:-57px;
  margin-right:-57px
}

.-mx-dynamic-58{
  margin-left:-58px;
  margin-right:-58px
}

.-mx-dynamic-59{
  margin-left:-59px;
  margin-right:-59px
}

.-mx-dynamic-6{
  margin-left:-6px;
  margin-right:-6px
}

.-mx-dynamic-60{
  margin-left:-60px;
  margin-right:-60px
}

.-mx-dynamic-61{
  margin-left:-61px;
  margin-right:-61px
}

.-mx-dynamic-62{
  margin-left:-62px;
  margin-right:-62px
}

.-mx-dynamic-63{
  margin-left:-63px;
  margin-right:-63px
}

.-mx-dynamic-64{
  margin-left:-64px;
  margin-right:-64px
}

.-mx-dynamic-65{
  margin-left:-65px;
  margin-right:-65px
}

.-mx-dynamic-66{
  margin-left:-66px;
  margin-right:-66px
}

.-mx-dynamic-67{
  margin-left:-67px;
  margin-right:-67px
}

.-mx-dynamic-68{
  margin-left:-68px;
  margin-right:-68px
}

.-mx-dynamic-69{
  margin-left:-69px;
  margin-right:-69px
}

.-mx-dynamic-7{
  margin-left:-7px;
  margin-right:-7px
}

.-mx-dynamic-70{
  margin-left:-70px;
  margin-right:-70px
}

.-mx-dynamic-71{
  margin-left:-71px;
  margin-right:-71px
}

.-mx-dynamic-72{
  margin-left:-72px;
  margin-right:-72px
}

.-mx-dynamic-73{
  margin-left:-73px;
  margin-right:-73px
}

.-mx-dynamic-74{
  margin-left:-74px;
  margin-right:-74px
}

.-mx-dynamic-75{
  margin-left:-75px;
  margin-right:-75px
}

.-mx-dynamic-76{
  margin-left:-76px;
  margin-right:-76px
}

.-mx-dynamic-77{
  margin-left:-77px;
  margin-right:-77px
}

.-mx-dynamic-78{
  margin-left:-78px;
  margin-right:-78px
}

.-mx-dynamic-79{
  margin-left:-79px;
  margin-right:-79px
}

.-mx-dynamic-8{
  margin-left:-8px;
  margin-right:-8px
}

.-mx-dynamic-80{
  margin-left:-80px;
  margin-right:-80px
}

.-mx-dynamic-81{
  margin-left:-81px;
  margin-right:-81px
}

.-mx-dynamic-82{
  margin-left:-82px;
  margin-right:-82px
}

.-mx-dynamic-83{
  margin-left:-83px;
  margin-right:-83px
}

.-mx-dynamic-84{
  margin-left:-84px;
  margin-right:-84px
}

.-mx-dynamic-85{
  margin-left:-85px;
  margin-right:-85px
}

.-mx-dynamic-86{
  margin-left:-86px;
  margin-right:-86px
}

.-mx-dynamic-87{
  margin-left:-87px;
  margin-right:-87px
}

.-mx-dynamic-88{
  margin-left:-88px;
  margin-right:-88px
}

.-mx-dynamic-89{
  margin-left:-89px;
  margin-right:-89px
}

.-mx-dynamic-9{
  margin-left:-9px;
  margin-right:-9px
}

.-mx-dynamic-90{
  margin-left:-90px;
  margin-right:-90px
}

.-mx-dynamic-91{
  margin-left:-91px;
  margin-right:-91px
}

.-mx-dynamic-92{
  margin-left:-92px;
  margin-right:-92px
}

.-mx-dynamic-93{
  margin-left:-93px;
  margin-right:-93px
}

.-mx-dynamic-94{
  margin-left:-94px;
  margin-right:-94px
}

.-mx-dynamic-95{
  margin-left:-95px;
  margin-right:-95px
}

.-mx-dynamic-96{
  margin-left:-96px;
  margin-right:-96px
}

.-mx-dynamic-97{
  margin-left:-97px;
  margin-right:-97px
}

.-mx-dynamic-98{
  margin-left:-98px;
  margin-right:-98px
}

.-mx-dynamic-99{
  margin-left:-99px;
  margin-right:-99px
}

.-my-\[1px\]{
  margin-top:-1px;
  margin-bottom:-1px
}

.-my-\[36px\]{
  margin-top:-36px;
  margin-bottom:-36px
}

.mx-\[12px\]{
  margin-left:12px;
  margin-right:12px
}

.mx-\[24px\]{
  margin-left:24px;
  margin-right:24px
}

.mx-\[5px\]{
  margin-left:5px;
  margin-right:5px
}

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

.my-3{
  margin-top:.75rem;
  margin-bottom:.75rem
}

.my-\[-1px\]{
  margin-top:-1px;
  margin-bottom:-1px
}

.my-\[-4px\]{
  margin-top:-4px;
  margin-bottom:-4px
}

.my-\[12px\]{
  margin-top:12px;
  margin-bottom:12px
}

.my-\[16px\]{
  margin-top:16px;
  margin-bottom:16px
}

.my-\[24px\]{
  margin-top:24px;
  margin-bottom:24px
}

.my-\[36px\]{
  margin-top:36px;
  margin-bottom:36px
}

.my-\[90px\]{
  margin-top:90px;
  margin-bottom:90px
}

.\!mb-0{
  margin-bottom:0!important
}

.\!mb-3{
  margin-bottom:.75rem!important
}

.\!mb-\[12px\]{
  margin-bottom:12px!important
}

.\!mb-\[16px\]{
  margin-bottom:16px!important
}

.\!mb-\[24px\]{
  margin-bottom:24px!important
}

.-mb-\[0\.2em\]{
  margin-bottom:-.2em
}

.-mb-\[0\.35em\]{
  margin-bottom:-.35em
}

.-mb-\[0\.3em\]{
  margin-bottom:-.3em
}

.-mb-\[12px\]{
  margin-bottom:-12px
}

.-mb-\[20px\]{
  margin-bottom:-20px
}

.-ml-\[0\.05em\]{
  margin-left:-.05em
}

.-ml-\[16px\]{
  margin-left:-16px
}

.-mr-\[0\.05em\]{
  margin-right:-.05em
}

.-mr-\[10px\]{
  margin-right:-10px
}

.-mr-\[16px\]{
  margin-right:-16px
}

.-mt-3{
  margin-top:-.75rem
}

.-mt-\[78px\]{
  margin-top:-78px
}

.mb-1{
  margin-bottom:.25rem
}

.mb-3{
  margin-bottom:.75rem
}

.mb-4{
  margin-bottom:1rem
}

.mb-6{
  margin-bottom:1.5rem
}

.mb-\[12px\]{
  margin-bottom:12px
}

.mb-\[16px\]{
  margin-bottom:16px
}

.mb-\[24px\]{
  margin-bottom:24px
}

.mb-\[36px\]{
  margin-bottom:36px
}

.mb-\[4px\]{
  margin-bottom:4px
}

.mb-\[8px\]{
  margin-bottom:8px
}

.ml-1{
  margin-left:.25rem
}

.ml-2{
  margin-left:.5rem
}

.ml-5{
  margin-left:1.25rem
}

.ml-\[-10px\]{
  margin-left:-10px
}

.ml-\[12px\]{
  margin-left:12px
}

.ml-\[16px\]{
  margin-left:16px
}

.ml-\[20px\]{
  margin-left:20px
}

.ml-\[24px\]{
  margin-left:24px
}

.ml-\[2px\]{
  margin-left:2px
}

.ml-\[32px\]{
  margin-left:32px
}

.ml-\[4px\]{
  margin-left:4px
}

.ml-\[53px\]{
  margin-left:53px
}

.ml-\[8px\]{
  margin-left:8px
}

.ml-auto{
  margin-left:auto
}

.mr-0\.5{
  margin-right:.125rem
}

.mr-1{
  margin-right:.25rem
}

.mr-1\.5{
  margin-right:.375rem
}

.mr-\[-10px\]{
  margin-right:-10px
}

.mr-\[16px\]{
  margin-right:16px
}

.mr-\[2px\]{
  margin-right:2px
}

.mr-\[4px\]{
  margin-right:4px
}

.ms-1-24{
  margin-inline-start:4.166666666666666%
}

.ms-10-24{
  margin-inline-start:41.66666666666667%
}

.ms-11-24{
  margin-inline-start:45.83333333333333%
}

.ms-12-24{
  margin-inline-start:50%
}

.ms-13-24{
  margin-inline-start:54.166666666666664%
}

.ms-14-24{
  margin-inline-start:58.333333333333336%
}

.ms-15-24{
  margin-inline-start:62.5%
}

.ms-16-24{
  margin-inline-start:66.66666666666666%
}

.ms-17-24{
  margin-inline-start:70.83333333333334%
}

.ms-18-24{
  margin-inline-start:75%
}

.ms-19-24{
  margin-inline-start:79.16666666666666%
}

.ms-2-24{
  margin-inline-start:8.333333333333332%
}

.ms-20-24{
  margin-inline-start:83.33333333333334%
}

.ms-21-24{
  margin-inline-start:87.5%
}

.ms-22-24{
  margin-inline-start:91.66666666666666%
}

.ms-23-24{
  margin-inline-start:95.83333333333334%
}

.ms-24-24{
  margin-inline-start:100%
}

.ms-3-24{
  margin-inline-start:12.5%
}

.ms-4-24{
  margin-inline-start:16.666666666666664%
}

.ms-5-24{
  margin-inline-start:20.833333333333336%
}

.ms-6-24{
  margin-inline-start:25%
}

.ms-7-24{
  margin-inline-start:29.166666666666668%
}

.ms-8-24{
  margin-inline-start:33.33333333333333%
}

.ms-9-24{
  margin-inline-start:37.5%
}

.mt-1{
  margin-top:.25rem
}

.mt-2{
  margin-top:.5rem
}

.mt-3{
  margin-top:.75rem
}

.mt-4{
  margin-top:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mt-6{
  margin-top:1.5rem
}

.mt-8{
  margin-top:2rem
}

.mt-\[0\.175em\]{
  margin-top:.175em
}

.mt-\[0\.2em\]{
  margin-top:.2em
}

.mt-\[0\.335em\]{
  margin-top:.335em
}

.mt-\[0\.3em\]{
  margin-top:.3em
}

.mt-\[11px\]{
  margin-top:11px
}

.mt-\[12px\]{
  margin-top:12px
}

.mt-\[16px\]{
  margin-top:16px
}

.mt-\[17px\]{
  margin-top:17px
}

.mt-\[20px\]{
  margin-top:20px
}

.mt-\[24px\]{
  margin-top:24px
}

.mt-\[2px\]{
  margin-top:2px
}

.mt-\[32px\]{
  margin-top:32px
}

.mt-\[34px\]{
  margin-top:34px
}

.mt-\[36px\]{
  margin-top:36px
}

.mt-\[48px\]{
  margin-top:48px
}

.mt-\[4px\]{
  margin-top:4px
}

.mt-\[60px\]{
  margin-top:60px
}

.mt-\[8px\]{
  margin-top:8px
}

.mt-auto{
  margin-top:auto
}

.box-border{
  box-sizing:border-box
}

.line-clamp-1{
  -webkit-line-clamp:1
}

.line-clamp-1,.line-clamp-2{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical
}

.line-clamp-2{
  -webkit-line-clamp:2
}

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

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.\!grid{
  display:grid!important
}

.grid{
  display:grid
}

.\!hidden{
  display:none!important
}

.hidden{
  display:none
}

.aspect-\[106\/66\]{
  aspect-ratio:106/66
}

.aspect-\[1250\/2894\]{
  aspect-ratio:1250/2894
}

.aspect-\[126\/78\]{
  aspect-ratio:126/78
}

.aspect-\[1320\/275\]{
  aspect-ratio:1320/275
}

.aspect-\[149\/307\]{
  aspect-ratio:149/307
}

.aspect-\[16\/16\]{
  aspect-ratio:16/16
}

.aspect-\[168\/88\]{
  aspect-ratio:168/88
}

.aspect-\[24\/24\]{
  aspect-ratio:24/24
}

.aspect-\[318\/132\]{
  aspect-ratio:318/132
}

.aspect-\[375\/156\]{
  aspect-ratio:375/156
}

.aspect-\[388\/259\]{
  aspect-ratio:388/259
}

.aspect-\[48\/48\]{
  aspect-ratio:48/48
}

.aspect-\[86\/132\]{
  aspect-ratio:86/132
}

.aspect-\[98\/131\]{
  aspect-ratio:98/131
}

.aspect-square{
  aspect-ratio:1/1
}

.\!size-\[20px\]{
  width:20px!important;
  height:20px!important
}

.size-12{
  width:3rem;
  height:3rem
}

.size-4{
  width:1rem;
  height:1rem
}

.size-5{
  width:1.25rem;
  height:1.25rem
}

.size-8{
  width:2rem;
  height:2rem
}

.size-9{
  width:2.25rem;
  height:2.25rem
}

.size-\[17px\]{
  width:17px;
  height:17px
}

.size-\[40px\]{
  width:40px;
  height:40px
}

.size-\[48px\]{
  width:48px;
  height:48px
}

.size-\[64px\]{
  width:64px;
  height:64px
}

.size-full{
  width:100%;
  height:100%
}

.\!h-3{
  height:.75rem!important
}

.\!h-6{
  height:1.5rem!important
}

.\!h-9{
  height:2.25rem!important
}

.\!h-\[12px\]{
  height:12px!important
}

.\!h-\[13px\]{
  height:13px!important
}

.\!h-\[14px\]{
  height:14px!important
}

.\!h-\[16px\]{
  height:16px!important
}

.\!h-\[17px\]{
  height:17px!important
}

.\!h-\[24px\]{
  height:24px!important
}

.\!h-\[40px\]{
  height:40px!important
}

.\!h-\[4px\]{
  height:4px!important
}

.h-0{
  height:0
}

.h-1{
  height:.25rem
}

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-16{
  height:4rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-8{
  height:2rem
}

.h-9{
  height:2.25rem
}

.h-\[0\.9em\]{
  height:.9em
}

.h-\[100px\]{
  height:100px
}

.h-\[11px\]{
  height:11px
}

.h-\[12px\]{
  height:12px
}

.h-\[131px\]{
  height:131px
}

.h-\[132px\]{
  height:132px
}

.h-\[13px\]{
  height:13px
}

.h-\[14px\]{
  height:14px
}

.h-\[15px\]{
  height:15px
}

.h-\[164px\]{
  height:164px
}

.h-\[16px\]{
  height:16px
}

.h-\[17px\]{
  height:17px
}

.h-\[180px\]{
  height:180px
}

.h-\[200px\]{
  height:200px
}

.h-\[20px\]{
  height:20px
}

.h-\[242px\]{
  height:242px
}

.h-\[24px\]{
  height:24px
}

.h-\[266px\]{
  height:266px
}

.h-\[28px\]{
  height:28px
}

.h-\[300px\]{
  height:300px
}

.h-\[32px\]{
  height:32px
}

.h-\[33px\]{
  height:33px
}

.h-\[36px\]{
  height:36px
}

.h-\[378px\]{
  height:378px
}

.h-\[39px\]{
  height:39px
}

.h-\[40px\]{
  height:40px
}

.h-\[42px\]{
  height:42px
}

.h-\[44px\]{
  height:44px
}

.h-\[48px\]{
  height:48px
}

.h-\[4px\]{
  height:4px
}

.h-\[50px\]{
  height:50px
}

.h-\[56px\]{
  height:56px
}

.h-\[60px\]{
  height:60px
}

.h-\[64px\]{
  height:64px
}

.h-\[65px\]{
  height:65px
}

.h-\[85px\]{
  height:85px
}

.h-\[95px\]{
  height:95px
}

.h-\[96px\]{
  height:96px
}

.h-\[calc\(100\%-32px\)\]{
  height:calc(100% - 32px)
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.h-screen{
  height:100vh
}

.max-h-6{
  max-height:1.5rem
}

.max-h-\[26px\]{
  max-height:26px
}

.max-h-\[314px\]{
  max-height:314px
}

.max-h-\[33px\]{
  max-height:33px
}

.max-h-\[36px\]{
  max-height:36px
}

.max-h-\[40px\]{
  max-height:40px
}

.max-h-\[44px\]{
  max-height:44px
}

.max-h-\[70vh\]{
  max-height:70vh
}

.min-h-12{
  min-height:3rem
}

.min-h-16{
  min-height:4rem
}

.min-h-6{
  min-height:1.5rem
}

.min-h-9{
  min-height:2.25rem
}

.min-h-\[131px\]{
  min-height:131px
}

.min-h-\[14px\]{
  min-height:14px
}

.min-h-\[16px\]{
  min-height:16px
}

.min-h-\[40px\]{
  min-height:40px
}

.min-h-\[9px\]{
  min-height:9px
}

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

.min-h-screen{
  min-height:100vh
}

.\!w-\[24px\]{
  width:24px!important
}

.w-0{
  width:0
}

.w-1-24{
  width:4.166666666666666%
}

.w-10-24{
  width:41.66666666666667%
}

.w-11{
  width:2.75rem
}

.w-11-24{
  width:45.83333333333333%
}

.w-12-24{
  width:50%
}

.w-13-24{
  width:54.166666666666664%
}

.w-14-24{
  width:58.333333333333336%
}

.w-15-24{
  width:62.5%
}

.w-16-24{
  width:66.66666666666666%
}

.w-17-24{
  width:70.83333333333334%
}

.w-18-24{
  width:75%
}

.w-19-24{
  width:79.16666666666666%
}

.w-2-24{
  width:8.333333333333332%
}

.w-20-24{
  width:83.33333333333334%
}

.w-21-24{
  width:87.5%
}

.w-22-24{
  width:91.66666666666666%
}

.w-23-24{
  width:95.83333333333334%
}

.w-24-24{
  width:100%
}

.w-3-24{
  width:12.5%
}

.w-3\/4{
  width:75%
}

.w-4-24{
  width:16.666666666666664%
}

.w-5{
  width:1.25rem
}

.w-5-24{
  width:20.833333333333336%
}

.w-6-24{
  width:25%
}

.w-7-24{
  width:29.166666666666668%
}

.w-8{
  width:2rem
}

.w-8-24{
  width:33.33333333333333%
}

.w-9{
  width:2.25rem
}

.w-9-24{
  width:37.5%
}

.w-\[100px\]{
  width:100px
}

.w-\[106px\]{
  width:106px
}

.w-\[120px\]{
  width:120px
}

.w-\[122px\]{
  width:122px
}

.w-\[12px\]{
  width:12px
}

.w-\[130px\]{
  width:130px
}

.w-\[1320px\]{
  width:1320px
}

.w-\[142px\]{
  width:142px
}

.w-\[150px\]{
  width:150px
}

.w-\[162\.8\%\]{
  width:162.8%
}

.w-\[16px\]{
  width:16px
}

.w-\[180px\]{
  width:180px
}

.w-\[18px\]{
  width:18px
}

.w-\[1px\]{
  width:1px
}

.w-\[200px\]{
  width:200px
}

.w-\[20px\]{
  width:20px
}

.w-\[228px\]{
  width:228px
}

.w-\[22px\]{
  width:22px
}

.w-\[24px\]{
  width:24px
}

.w-\[250px\]{
  width:250px
}

.w-\[276px\]{
  width:276px
}

.w-\[28\.6px\]{
  width:28.6px
}

.w-\[28px\]{
  width:28px
}

.w-\[300px\]{
  width:300px
}

.w-\[312px\]{
  width:312px
}

.w-\[32px\]{
  width:32px
}

.w-\[34px\]{
  width:34px
}

.w-\[36px\]{
  width:36px
}

.w-\[371px\]{
  width:371px
}

.w-\[375px\]{
  width:375px
}

.w-\[388px\]{
  width:388px
}

.w-\[38px\]{
  width:38px
}

.w-\[40px\]{
  width:40px
}

.w-\[423px\]{
  width:423px
}

.w-\[424px\]{
  width:424px
}

.w-\[436px\]{
  width:436px
}

.w-\[440px\]{
  width:440px
}

.w-\[44px\]{
  width:44px
}

.w-\[46px\]{
  width:46px
}

.w-\[480px\]{
  width:480px
}

.w-\[486px\]{
  width:486px
}

.w-\[48px\]{
  width:48px
}

.w-\[500px\]{
  width:500px
}

.w-\[50px\]{
  width:50px
}

.w-\[536px\]{
  width:536px
}

.w-\[600px\]{
  width:600px
}

.w-\[60px\]{
  width:60px
}

.w-\[64px\]{
  width:64px
}

.w-\[72px\]{
  width:72px
}

.w-\[800px\]{
  width:800px
}

.w-\[82px\]{
  width:82px
}

.w-\[86px\]{
  width:86px
}

.w-\[89px\]{
  width:89px
}

.w-\[95px\]{
  width:95px
}

.w-\[984px\]{
  width:984px
}

.w-\[98px\]{
  width:98px
}

.w-\[calc\(100\%-28px\)\]{
  width:calc(100% - 28px)
}

.w-\[calc\(100\%-40px\)\]{
  width:calc(100% - 40px)
}

.w-\[calc\(100\%-72px\)\]{
  width:calc(100% - 72px)
}

.w-auto{
  width:auto
}

.w-col-1{
  width:100%
}

.w-col-10{
  width:10%
}

.w-col-11{
  width:9.090909090909092%
}

.w-col-12{
  width:8.333333333333334%
}

.w-col-13{
  width:7.6923076923076925%
}

.w-col-14{
  width:7.142857142857143%
}

.w-col-15{
  width:6.666666666666667%
}

.w-col-16{
  width:6.25%
}

.w-col-17{
  width:5.882352941176471%
}

.w-col-18{
  width:5.555555555555555%
}

.w-col-19{
  width:5.2631578947368425%
}

.w-col-2{
  width:50%
}

.w-col-20{
  width:5%
}

.w-col-21{
  width:4.761904761904762%
}

.w-col-22{
  width:4.545454545454546%
}

.w-col-23{
  width:4.3478260869565215%
}

.w-col-24{
  width:4.166666666666667%
}

.w-col-3{
  width:33.333333333333336%
}

.w-col-4{
  width:25%
}

.w-col-5{
  width:20%
}

.w-col-6{
  width:16.666666666666668%
}

.w-col-7{
  width:14.285714285714286%
}

.w-col-8{
  width:12.5%
}

.w-col-9{
  width:11.11111111111111%
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.w-full{
  width:100%
}

.w-max{
  width:-moz-max-content;
  width:max-content
}

.w-screen{
  width:100vw
}

.min-w-\[14px\]{
  min-width:14px
}

.min-w-\[150px\]{
  min-width:150px
}

.min-w-\[16px\]{
  min-width:16px
}

.min-w-\[200px\]{
  min-width:200px
}

.min-w-\[228px\]{
  min-width:228px
}

.min-w-\[250px\]{
  min-width:250px
}

.min-w-\[40px\]{
  min-width:40px
}

.min-w-\[80px\]{
  min-width:80px
}

.min-w-\[84px\]{
  min-width:84px
}

.min-w-\[9px\]{
  min-width:9px
}

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

.min-w-max{
  min-width:-moz-max-content;
  min-width:max-content
}

.max-w-\[110px\]{
  max-width:110px
}

.max-w-\[16px\]{
  max-width:16px
}

.max-w-\[347px\]{
  max-width:347px
}

.max-w-\[352px\]{
  max-width:352px
}

.max-w-\[468px\]{
  max-width:468px
}

.max-w-\[536px\]{
  max-width:536px
}

.max-w-\[84px\]{
  max-width:84px
}

.max-w-\[944px\]{
  max-width:944px
}

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

.flex-1{
  flex:1 1 0%
}

.flex-shrink-0,.shrink-0{
  flex-shrink:0
}

.flex-grow{
  flex-grow:1
}

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

.table-auto{
  table-layout:auto
}

.table-fixed{
  table-layout:fixed
}

.border-collapse{
  border-collapse:collapse
}

.origin-\[0\]{
  transform-origin:0
}

.origin-bottom-right{
  transform-origin:bottom right
}

.origin-center{
  transform-origin:center
}

.origin-top-right{
  transform-origin:top right
}

.-translate-x-1\/2{
  --tw-translate-x:-50%
}

.-translate-x-1\/2,.-translate-x-\[100\%\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-\[100\%\]{
  --tw-translate-x:-100%
}

.-translate-x-\[50\%\]{
  --tw-translate-x:-50%
}

.-translate-x-\[50\%\],.-translate-y-1\/2{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1\/2{
  --tw-translate-y:-50%
}

.-translate-y-2{
  --tw-translate-y:-0.5rem
}

.-translate-y-2,.-translate-y-\[100\%\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-\[100\%\]{
  --tw-translate-y:-100%
}

.-translate-y-\[50\%\]{
  --tw-translate-y:-50%
}

.-translate-y-\[50\%\],.translate-x-0{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0{
  --tw-translate-x:0px
}

.translate-x-\[100\%\]{
  --tw-translate-x:100%
}

.translate-x-\[100\%\],.translate-x-\[50\%\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-\[50\%\]{
  --tw-translate-x:50%
}

.translate-y-0{
  --tw-translate-y:0px
}

.translate-y-0,.translate-y-\[-50\%\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-50\%\]{
  --tw-translate-y:-50%
}

.translate-y-\[100\%\]{
  --tw-translate-y:100%
}

.translate-y-\[100\%\],.translate-y-\[266px\]{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[266px\]{
  --tw-translate-y:266px
}

.rotate-0{
  --tw-rotate:0deg
}

.rotate-0,.rotate-180{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180{
  --tw-rotate:180deg
}

.scale-0{
  --tw-scale-x:0;
  --tw-scale-y:0
}

.scale-0,.scale-100{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100{
  --tw-scale-x:1;
  --tw-scale-y:1
}

.scale-90{
  --tw-scale-x:.9;
  --tw-scale-y:.9
}

.scale-90,.scale-95{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95{
  --tw-scale-x:.95;
  --tw-scale-y:.95
}

.transform{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bounce-y{
  0%,to{
    transform:translateY(-5%)
  }

  50%{
    transform:translateY(5%)
  }
}

.animate-bounce-y{
  animation:bounce-y 1s infinite
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

@keyframes spin{
  to{
    transform:rotate(1turn)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.\!cursor-not-allowed{
  cursor:not-allowed!important
}

.cursor-auto{
  cursor:auto
}

.cursor-default{
  cursor:default
}

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

.cursor-pointer{
  cursor:pointer
}

.cursor-text{
  cursor:text
}

.resize-none{
  resize:none
}

.resize{
  resize:both
}

.snap-x{
  scroll-snap-type:x var(--tw-scroll-snap-strictness)
}

.snap-mandatory{
  --tw-scroll-snap-strictness:mandatory
}

.snap-start{
  scroll-snap-align:start
}

.snap-center{
  scroll-snap-align:center
}

.scroll-mt-\[100px\]{
  scroll-margin-top:100px
}

.list-decimal{
  list-style-type:decimal
}

.list-disc{
  list-style-type:disc
}

.appearance-none{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

.appearance-auto{
  -webkit-appearance:auto;
  -moz-appearance:auto;
  appearance:auto
}

.grid-flow-row{
  grid-auto-flow:row
}

.grid-cols-2{
  grid-template-columns:repeat(2,minmax(0,1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3,minmax(0,1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4,minmax(0,1fr))
}

.grid-cols-6{
  grid-template-columns:repeat(6,minmax(0,1fr))
}

.grid-cols-7{
  grid-template-columns:repeat(7,minmax(0,1fr))
}

.grid-rows-4{
  grid-template-rows:repeat(4,minmax(0,1fr))
}

.grid-rows-6{
  grid-template-rows:repeat(6,minmax(0,1fr))
}

.flex-row{
  flex-direction:row
}

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

.flex-col{
  flex-direction:column
}

.flex-col-reverse{
  flex-direction:column-reverse
}

.flex-wrap{
  flex-wrap:wrap
}

.\!flex-nowrap{
  flex-wrap:nowrap!important
}

.flex-nowrap{
  flex-wrap:nowrap
}

.content-center{
  align-content:center
}

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

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

.items-center{
  align-items:center
}

.items-stretch{
  align-items:stretch
}

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

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

.justify-center{
  justify-content:center
}

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

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

.justify-evenly{
  justify-content:space-evenly
}

.gap-1{
  gap:.25rem
}

.gap-12{
  gap:3rem
}

.gap-2{
  gap:.5rem
}

.gap-3{
  gap:.75rem
}

.gap-4{
  gap:1rem
}

.gap-6{
  gap:1.5rem
}

.gap-8{
  gap:2rem
}

.gap-\[12px\]{
  gap:12px
}

.gap-\[16px\]{
  gap:16px
}

.gap-\[20px\]{
  gap:20px
}

.gap-\[24px\]{
  gap:24px
}

.gap-\[2px\]{
  gap:2px
}

.gap-\[32px\]{
  gap:32px
}

.gap-\[4px\]{
  gap:4px
}

.gap-\[50px\]{
  gap:50px
}

.gap-\[60px\]{
  gap:60px
}

.gap-\[6px\]{
  gap:6px
}

.gap-\[8px\]{
  gap:8px
}

.gap-x-2{
  -moz-column-gap:.5rem;
  column-gap:.5rem
}

.gap-x-3{
  -moz-column-gap:.75rem;
  column-gap:.75rem
}

.gap-x-6{
  -moz-column-gap:1.5rem;
  column-gap:1.5rem
}

.gap-x-\[24px\]{
  -moz-column-gap:24px;
  column-gap:24px
}

.gap-x-\[4px\]{
  -moz-column-gap:4px;
  column-gap:4px
}

.gap-y-3{
  row-gap:.75rem
}

.gap-y-4{
  row-gap:1rem
}

.gap-y-\[4px\]{
  row-gap:4px
}

.gap-y-dynamic-1{
  row-gap:1px
}

.gap-y-dynamic-10{
  row-gap:10px
}

.gap-y-dynamic-100{
  row-gap:100px
}

.gap-y-dynamic-11{
  row-gap:11px
}

.gap-y-dynamic-12{
  row-gap:12px
}

.gap-y-dynamic-13{
  row-gap:13px
}

.gap-y-dynamic-14{
  row-gap:14px
}

.gap-y-dynamic-15{
  row-gap:15px
}

.gap-y-dynamic-16{
  row-gap:16px
}

.gap-y-dynamic-17{
  row-gap:17px
}

.gap-y-dynamic-18{
  row-gap:18px
}

.gap-y-dynamic-19{
  row-gap:19px
}

.gap-y-dynamic-2{
  row-gap:2px
}

.gap-y-dynamic-20{
  row-gap:20px
}

.gap-y-dynamic-21{
  row-gap:21px
}

.gap-y-dynamic-22{
  row-gap:22px
}

.gap-y-dynamic-23{
  row-gap:23px
}

.gap-y-dynamic-24{
  row-gap:24px
}

.gap-y-dynamic-25{
  row-gap:25px
}

.gap-y-dynamic-26{
  row-gap:26px
}

.gap-y-dynamic-27{
  row-gap:27px
}

.gap-y-dynamic-28{
  row-gap:28px
}

.gap-y-dynamic-29{
  row-gap:29px
}

.gap-y-dynamic-3{
  row-gap:3px
}

.gap-y-dynamic-30{
  row-gap:30px
}

.gap-y-dynamic-31{
  row-gap:31px
}

.gap-y-dynamic-32{
  row-gap:32px
}

.gap-y-dynamic-33{
  row-gap:33px
}

.gap-y-dynamic-34{
  row-gap:34px
}

.gap-y-dynamic-35{
  row-gap:35px
}

.gap-y-dynamic-36{
  row-gap:36px
}

.gap-y-dynamic-37{
  row-gap:37px
}

.gap-y-dynamic-38{
  row-gap:38px
}

.gap-y-dynamic-39{
  row-gap:39px
}

.gap-y-dynamic-4{
  row-gap:4px
}

.gap-y-dynamic-40{
  row-gap:40px
}

.gap-y-dynamic-41{
  row-gap:41px
}

.gap-y-dynamic-42{
  row-gap:42px
}

.gap-y-dynamic-43{
  row-gap:43px
}

.gap-y-dynamic-44{
  row-gap:44px
}

.gap-y-dynamic-45{
  row-gap:45px
}

.gap-y-dynamic-46{
  row-gap:46px
}

.gap-y-dynamic-47{
  row-gap:47px
}

.gap-y-dynamic-48{
  row-gap:48px
}

.gap-y-dynamic-49{
  row-gap:49px
}

.gap-y-dynamic-5{
  row-gap:5px
}

.gap-y-dynamic-50{
  row-gap:50px
}

.gap-y-dynamic-51{
  row-gap:51px
}

.gap-y-dynamic-52{
  row-gap:52px
}

.gap-y-dynamic-53{
  row-gap:53px
}

.gap-y-dynamic-54{
  row-gap:54px
}

.gap-y-dynamic-55{
  row-gap:55px
}

.gap-y-dynamic-56{
  row-gap:56px
}

.gap-y-dynamic-57{
  row-gap:57px
}

.gap-y-dynamic-58{
  row-gap:58px
}

.gap-y-dynamic-59{
  row-gap:59px
}

.gap-y-dynamic-6{
  row-gap:6px
}

.gap-y-dynamic-60{
  row-gap:60px
}

.gap-y-dynamic-61{
  row-gap:61px
}

.gap-y-dynamic-62{
  row-gap:62px
}

.gap-y-dynamic-63{
  row-gap:63px
}

.gap-y-dynamic-64{
  row-gap:64px
}

.gap-y-dynamic-65{
  row-gap:65px
}

.gap-y-dynamic-66{
  row-gap:66px
}

.gap-y-dynamic-67{
  row-gap:67px
}

.gap-y-dynamic-68{
  row-gap:68px
}

.gap-y-dynamic-69{
  row-gap:69px
}

.gap-y-dynamic-7{
  row-gap:7px
}

.gap-y-dynamic-70{
  row-gap:70px
}

.gap-y-dynamic-71{
  row-gap:71px
}

.gap-y-dynamic-72{
  row-gap:72px
}

.gap-y-dynamic-73{
  row-gap:73px
}

.gap-y-dynamic-74{
  row-gap:74px
}

.gap-y-dynamic-75{
  row-gap:75px
}

.gap-y-dynamic-76{
  row-gap:76px
}

.gap-y-dynamic-77{
  row-gap:77px
}

.gap-y-dynamic-78{
  row-gap:78px
}

.gap-y-dynamic-79{
  row-gap:79px
}

.gap-y-dynamic-8{
  row-gap:8px
}

.gap-y-dynamic-80{
  row-gap:80px
}

.gap-y-dynamic-81{
  row-gap:81px
}

.gap-y-dynamic-82{
  row-gap:82px
}

.gap-y-dynamic-83{
  row-gap:83px
}

.gap-y-dynamic-84{
  row-gap:84px
}

.gap-y-dynamic-85{
  row-gap:85px
}

.gap-y-dynamic-86{
  row-gap:86px
}

.gap-y-dynamic-87{
  row-gap:87px
}

.gap-y-dynamic-88{
  row-gap:88px
}

.gap-y-dynamic-89{
  row-gap:89px
}

.gap-y-dynamic-9{
  row-gap:9px
}

.gap-y-dynamic-90{
  row-gap:90px
}

.gap-y-dynamic-91{
  row-gap:91px
}

.gap-y-dynamic-92{
  row-gap:92px
}

.gap-y-dynamic-93{
  row-gap:93px
}

.gap-y-dynamic-94{
  row-gap:94px
}

.gap-y-dynamic-95{
  row-gap:95px
}

.gap-y-dynamic-96{
  row-gap:96px
}

.gap-y-dynamic-97{
  row-gap:97px
}

.gap-y-dynamic-98{
  row-gap:98px
}

.gap-y-dynamic-99{
  row-gap:99px
}

.space-x-1>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(.25rem * var(--tw-space-x-reverse));
  margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[12px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(12px * var(--tw-space-x-reverse));
  margin-left:calc(12px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[25px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(25px * var(--tw-space-x-reverse));
  margin-left:calc(25px * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[4px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-right:calc(4px * var(--tw-space-x-reverse));
  margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-\[12px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(12px * var(--tw-space-y-reverse))
}

.space-y-\[16px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(16px * var(--tw-space-y-reverse))
}

.space-y-\[20px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(20px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(20px * var(--tw-space-y-reverse))
}

.space-y-\[24px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(24px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(24px * var(--tw-space-y-reverse))
}

.space-y-\[4px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(4px * var(--tw-space-y-reverse))
}

.divide-y-\[1px\]>:not([hidden])~:not([hidden]),.divide-y>:not([hidden])~:not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.divide-\[\#FFFFFF1F\]>:not([hidden])~:not([hidden]){
  border-color:#FFFFFF1F
}

.divide-\[\#ffffff1f\]>:not([hidden])~:not([hidden]){
  border-color:#ffffff1f
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-scroll{
  overflow:scroll
}

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

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

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

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

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

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

.truncate{
  overflow:hidden;
  text-overflow:ellipsis
}

.truncate,.whitespace-nowrap{
  white-space:nowrap
}

.text-wrap{
  text-wrap:wrap
}

.text-nowrap{
  text-wrap:nowrap
}

.\!rounded-\[16px\]{
  border-radius:16px!important
}

.\!rounded-\[24px\]{
  border-radius:24px!important
}

.rounded{
  border-radius:.25rem
}

.rounded-2xl{
  border-radius:1rem
}

.rounded-3xl{
  border-radius:1.5rem
}

.rounded-\[100px\]{
  border-radius:100px
}

.rounded-\[10px\]{
  border-radius:10px
}

.rounded-\[12px\]{
  border-radius:12px
}

.rounded-\[16px\]{
  border-radius:16px
}

.rounded-\[18px\]{
  border-radius:18px
}

.rounded-\[20px\]{
  border-radius:20px
}

.rounded-\[24px\]{
  border-radius:24px
}

.rounded-\[48px\]{
  border-radius:48px
}

.rounded-\[4px\]{
  border-radius:4px
}

.rounded-\[5px\]{
  border-radius:5px
}

.rounded-\[8px\]{
  border-radius:8px
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:.5rem
}

.rounded-md{
  border-radius:.375rem
}

.rounded-none{
  border-radius:0
}

.rounded-sm{
  border-radius:.125rem
}

.rounded-xl{
  border-radius:.75rem
}

.rounded-b-3xl{
  border-bottom-right-radius:1.5rem;
  border-bottom-left-radius:1.5rem
}

.rounded-b-\[16px\]{
  border-bottom-right-radius:16px;
  border-bottom-left-radius:16px
}

.rounded-b-\[8px\]{
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px
}

.rounded-e-3xl{
  border-start-end-radius:1.5rem;
  border-end-end-radius:1.5rem
}

.rounded-l-\[16px\]{
  border-top-left-radius:16px;
  border-bottom-left-radius:16px
}

.rounded-r-\[16px\]{
  border-top-right-radius:16px;
  border-bottom-right-radius:16px
}

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

.rounded-s-3xl{
  border-start-start-radius:1.5rem;
  border-end-start-radius:1.5rem
}

.rounded-t-3xl{
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem
}

.rounded-t-\[16px\]{
  border-top-left-radius:16px;
  border-top-right-radius:16px
}

.rounded-t-\[24px\]{
  border-top-left-radius:24px;
  border-top-right-radius:24px
}

.rounded-t-\[8px\]{
  border-top-left-radius:8px;
  border-top-right-radius:8px
}

.rounded-bl-\[8px\]{
  border-bottom-left-radius:8px
}

.rounded-tl-\[8px\]{
  border-top-left-radius:8px
}

.\!border{
  border-width:1px!important
}

.border{
  border-width:1px
}

.border-0{
  border-width:0
}

.border-\[1px\]{
  border-width:1px
}

.border-\[2px\]{
  border-width:2px
}

.border-\[4px\]{
  border-width:4px
}

.border-x-4{
  border-left-width:4px;
  border-right-width:4px
}

.border-y{
  border-top-width:1px;
  border-bottom-width:1px
}

.\!border-t-0{
  border-top-width:0!important
}

.border-b{
  border-bottom-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-b-4{
  border-bottom-width:4px
}

.border-b-\[1px\]{
  border-bottom-width:1px
}

.border-l{
  border-left-width:1px
}

.border-t{
  border-top-width:1px
}

.border-t-4{
  border-top-width:4px
}

.\!border-none{
  border-style:none!important
}

.\!border-\[\#4B7DFF\]{
  --tw-border-opacity:1!important;
  border-color:rgb(75 125 255/var(--tw-border-opacity,1))!important
}

.\!border-\[\#5081FF33\]{
  border-color:#5081FF33!important
}

.\!border-\[\#FF5252\]{
  --tw-border-opacity:1!important;
  border-color:rgb(255 82 82/var(--tw-border-opacity,1))!important
}

.\!border-\[\#FFFFFF1F\]{
  border-color:#FFFFFF1F!important
}

.border-\[\#12CBAB\]{
  --tw-border-opacity:1;
  border-color:rgb(18 203 171/var(--tw-border-opacity,1))
}

.border-\[\#272450\]{
  --tw-border-opacity:1;
  border-color:rgb(39 36 80/var(--tw-border-opacity,1))
}

.border-\[\#2A2D4F\]{
  --tw-border-opacity:1;
  border-color:rgb(42 45 79/var(--tw-border-opacity,1))
}

.border-\[\#3463DB\]{
  --tw-border-opacity:1;
  border-color:rgb(52 99 219/var(--tw-border-opacity,1))
}

.border-\[\#3C8630\]{
  --tw-border-opacity:1;
  border-color:rgb(60 134 48/var(--tw-border-opacity,1))
}

.border-\[\#4B7DFF\]{
  --tw-border-opacity:1;
  border-color:rgb(75 125 255/var(--tw-border-opacity,1))
}

.border-\[\#4C4E52\]{
  --tw-border-opacity:1;
  border-color:rgb(76 78 82/var(--tw-border-opacity,1))
}

.border-\[\#5081FF33\]{
  border-color:#5081FF33
}

.border-\[\#5081FF8F\]{
  border-color:#5081FF8F
}

.border-\[\#5081FF\]{
  --tw-border-opacity:1;
  border-color:rgb(80 129 255/var(--tw-border-opacity,1))
}

.border-\[\#5081ff33\]{
  border-color:#5081ff33
}

.border-\[\#69B1FF3D\]{
  border-color:#69B1FF3D
}

.border-\[\#69B1FF\]{
  --tw-border-opacity:1;
  border-color:rgb(105 177 255/var(--tw-border-opacity,1))
}

.border-\[\#C15755\]{
  --tw-border-opacity:1;
  border-color:rgb(193 87 85/var(--tw-border-opacity,1))
}

.border-\[\#DC7439\]{
  --tw-border-opacity:1;
  border-color:rgb(220 116 57/var(--tw-border-opacity,1))
}

.border-\[\#FE5252\]{
  --tw-border-opacity:1;
  border-color:rgb(254 82 82/var(--tw-border-opacity,1))
}

.border-\[\#FF5252\]{
  --tw-border-opacity:1;
  border-color:rgb(255 82 82/var(--tw-border-opacity,1))
}

.border-\[\#FFD25F\]{
  --tw-border-opacity:1;
  border-color:rgb(255 210 95/var(--tw-border-opacity,1))
}

.border-\[\#FFFFFF1F\]{
  border-color:#FFFFFF1F
}

.border-\[\#FFFFFF33\]{
  border-color:#FFFFFF33
}

.border-\[\#fff9\]{
  border-color:#fff9
}

.border-\[\#ffffff1f\]{
  border-color:#ffffff1f
}

.border-\[\#ffffff99\]{
  border-color:#ffffff99
}

.border-transparent{
  border-color:transparent
}

.border-y-\[\#5081ff33\]{
  border-top-color:#5081ff33;
  border-bottom-color:#5081ff33
}

.border-y-\[\#FFFFFF1F\]{
  border-top-color:#FFFFFF1F;
  border-bottom-color:#FFFFFF1F
}

.border-b-\[\#12CBAB\]{
  --tw-border-opacity:1;
  border-bottom-color:rgb(18 203 171/var(--tw-border-opacity,1))
}

.border-b-\[\#5081FF33\]{
  border-bottom-color:#5081FF33
}

.border-b-\[\#FF5252\]{
  --tw-border-opacity:1;
  border-bottom-color:rgb(255 82 82/var(--tw-border-opacity,1))
}

.border-b-\[\#FFD25F\]{
  --tw-border-opacity:1;
  border-bottom-color:rgb(255 210 95/var(--tw-border-opacity,1))
}

.border-l-\[\#FFFFFF1F\]{
  border-left-color:#FFFFFF1F
}

.border-t-\[\#5081FF33\]{
  border-top-color:#5081FF33
}

.border-t-\[\#5081ff33\]{
  border-top-color:#5081ff33
}

.border-t-\[\#FFFFFF1F\]{
  border-top-color:#FFFFFF1F
}

.border-t-\[\#FFFFFF99\]{
  border-top-color:#FFFFFF99
}

.border-t-transparent{
  border-top-color:transparent
}

.\!bg-\[\#0000005C\]{
  background-color:#0000005C!important
}

.\!bg-\[\#0E0A2F\]{
  --tw-bg-opacity:1!important;
  background-color:rgb(14 10 47/var(--tw-bg-opacity,1))!important
}

.\!bg-\[\#3A3E64\]{
  --tw-bg-opacity:1!important;
  background-color:rgb(58 62 100/var(--tw-bg-opacity,1))!important
}

.\!bg-\[\#FF52525C\]{
  background-color:#FF52525C!important
}

.\!bg-\[\#FFFFFF0F\]{
  background-color:#FFFFFF0F!important
}

.\!bg-\[\#FFFFFF1F\]{
  background-color:#FFFFFF1F!important
}

.\!bg-transparent{
  background-color:transparent!important
}

.bg-\[\#00000011\]{
  background-color:#00000011
}

.bg-\[\#0000005A\]{
  background-color:#0000005A
}

.bg-\[\#0000005C\]{
  background-color:#0000005C
}

.bg-\[\#0000005D\]{
  background-color:#0000005D
}

.bg-\[\#00000099\]{
  background-color:#00000099
}

.bg-\[\#0E0A2F\]{
  --tw-bg-opacity:1;
  background-color:rgb(14 10 47/var(--tw-bg-opacity,1))
}

.bg-\[\#112242\]{
  --tw-bg-opacity:1;
  background-color:rgb(17 34 66/var(--tw-bg-opacity,1))
}

.bg-\[\#12CBAB42\]{
  background-color:#12CBAB42
}

.bg-\[\#13112E\],.bg-\[\#13112e\]{
  --tw-bg-opacity:1;
  background-color:rgb(19 17 46/var(--tw-bg-opacity,1))
}

.bg-\[\#1677ff\]{
  --tw-bg-opacity:1;
  background-color:rgb(22 119 255/var(--tw-bg-opacity,1))
}

.bg-\[\#1677ffbf\]{
  background-color:#1677ffbf
}

.bg-\[\#171A21\]{
  --tw-bg-opacity:1;
  background-color:rgb(23 26 33/var(--tw-bg-opacity,1))
}

.bg-\[\#181A21\]{
  --tw-bg-opacity:1;
  background-color:rgb(24 26 33/var(--tw-bg-opacity,1))
}

.bg-\[\#272450\]{
  --tw-bg-opacity:1;
  background-color:rgb(39 36 80/var(--tw-bg-opacity,1))
}

.bg-\[\#2B2E33\]{
  --tw-bg-opacity:1;
  background-color:rgb(43 46 51/var(--tw-bg-opacity,1))
}

.bg-\[\#2c2e41\]{
  --tw-bg-opacity:1;
  background-color:rgb(44 46 65/var(--tw-bg-opacity,1))
}

.bg-\[\#302f5a\]{
  --tw-bg-opacity:1;
  background-color:rgb(48 47 90/var(--tw-bg-opacity,1))
}

.bg-\[\#32353C\]{
  --tw-bg-opacity:1;
  background-color:rgb(50 53 60/var(--tw-bg-opacity,1))
}

.bg-\[\#364d79\]{
  --tw-bg-opacity:1;
  background-color:rgb(54 77 121/var(--tw-bg-opacity,1))
}

.bg-\[\#3A3E64\]{
  --tw-bg-opacity:1;
  background-color:rgb(58 62 100/var(--tw-bg-opacity,1))
}

.bg-\[\#3C4746\]{
  --tw-bg-opacity:1;
  background-color:rgb(60 71 70/var(--tw-bg-opacity,1))
}

.bg-\[\#3C8630\]{
  --tw-bg-opacity:1;
  background-color:rgb(60 134 48/var(--tw-bg-opacity,1))
}

.bg-\[\#473C3C\]{
  --tw-bg-opacity:1;
  background-color:rgb(71 60 60/var(--tw-bg-opacity,1))
}

.bg-\[\#47443C\]{
  --tw-bg-opacity:1;
  background-color:rgb(71 68 60/var(--tw-bg-opacity,1))
}

.bg-\[\#4B7DFF\]{
  --tw-bg-opacity:1;
  background-color:rgb(75 125 255/var(--tw-bg-opacity,1))
}

.bg-\[\#5081FF33\]{
  background-color:#5081FF33
}

.bg-\[\#5081FF\]{
  --tw-bg-opacity:1;
  background-color:rgb(80 129 255/var(--tw-bg-opacity,1))
}

.bg-\[\#555\]{
  --tw-bg-opacity:1;
  background-color:rgb(85 85 85/var(--tw-bg-opacity,1))
}

.bg-\[\#5765F2\]{
  --tw-bg-opacity:1;
  background-color:rgb(87 101 242/var(--tw-bg-opacity,1))
}

.bg-\[\#69B1FF\]{
  --tw-bg-opacity:1;
  background-color:rgb(105 177 255/var(--tw-bg-opacity,1))
}

.bg-\[\#69b1ff42\]{
  background-color:#69b1ff42
}

.bg-\[\#876800\]{
  --tw-bg-opacity:1;
  background-color:rgb(135 104 0/var(--tw-bg-opacity,1))
}

.bg-\[\#DC7439\]{
  --tw-bg-opacity:1;
  background-color:rgb(220 116 57/var(--tw-bg-opacity,1))
}

.bg-\[\#FE5252\]{
  --tw-bg-opacity:1;
  background-color:rgb(254 82 82/var(--tw-bg-opacity,1))
}

.bg-\[\#FF52525C\]{
  background-color:#FF52525C
}

.bg-\[\#FF52525c\]{
  background-color:#FF52525c
}

.bg-\[\#FFD25F42\]{
  background-color:#FFD25F42
}

.bg-\[\#FFFFFF0F\]{
  background-color:#FFFFFF0F
}

.bg-\[\#FFFFFF1E\]{
  background-color:#FFFFFF1E
}

.bg-\[\#FFFFFF1F\]{
  background-color:#FFFFFF1F
}

.bg-\[\#FFFFFF33\]{
  background-color:#FFFFFF33
}

.bg-\[\#FFFFFF4D\]{
  background-color:#FFFFFF4D
}

.bg-\[\#FFFFFF7A\]{
  background-color:#FFFFFF7A
}

.bg-\[\#ff4d4f\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 77 79/var(--tw-bg-opacity,1))
}

.bg-\[\#ff525242\]{
  background-color:#ff525242
}

.bg-\[\#fff9\]{
  background-color:#fff9
}

.bg-\[\#fff\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-\[\#ffffff1f\]{
  background-color:#ffffff1f
}

.bg-\[\#ffffff33\]{
  background-color:#ffffff33
}

.bg-\[\#ffffff3d\]{
  background-color:#ffffff3d
}

.bg-\[\#fffffff5\]{
  background-color:#fffffff5
}

.bg-\[blue\]{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 255/var(--tw-bg-opacity,1))
}

.bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0/var(--tw-bg-opacity,1))
}

.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235/var(--tw-bg-opacity,1))
}

.bg-blue-700{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216/var(--tw-bg-opacity,1))
}

.bg-blue-800{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175/var(--tw-bg-opacity,1))
}

.bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235/var(--tw-bg-opacity,1))
}

.bg-green-700{
  --tw-bg-opacity:1;
  background-color:rgb(21 128 61/var(--tw-bg-opacity,1))
}

.bg-transparent{
  background-color:transparent
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity,1))
}

.bg-white\/50{
  background-color:rgb(255 255 255/.5)
}

.bg-gradient-to-b{
  background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}

.from-\[\#06BFFF\]{
  --tw-gradient-from:#06BFFF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(6 191 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#0C3E6A\]{
  --tw-gradient-from:#0C3E6A var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(12 62 106/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#3C8CE5\]{
  --tw-gradient-from:#3C8CE5 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(60 140 229/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#4C5FFD\]{
  --tw-gradient-from:#4C5FFD var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(76 95 253/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#A975FF\]{
  --tw-gradient-from:#A975FF var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(169 117 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#FFFFFF00\]{
  --tw-gradient-from:#FFFFFF00 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-\[\#096394\]{
  --tw-gradient-to:#096394 var(--tw-gradient-to-position)
}

.to-\[\#1841D3\]{
  --tw-gradient-to:#1841D3 var(--tw-gradient-to-position)
}

.to-\[\#2D73FF\]{
  --tw-gradient-to:#2D73FF var(--tw-gradient-to-position)
}

.to-\[\#423BA4\]{
  --tw-gradient-to:#423BA4 var(--tw-gradient-to-position)
}

.to-\[\#489CFF\]{
  --tw-gradient-to:#489CFF var(--tw-gradient-to-position)
}

.to-\[\#FFFFFF3D\]{
  --tw-gradient-to:#FFFFFF3D var(--tw-gradient-to-position)
}

.bg-cover{
  background-size:cover
}

.bg-center{
  background-position:50%
}

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

.bg-origin-border{
  background-origin:border-box
}

.object-contain{
  -o-object-fit:contain;
  object-fit:contain
}

.object-cover{
  -o-object-fit:cover;
  object-fit:cover
}

.\!p-0{
  padding:0!important
}

.\!p-6{
  padding:1.5rem!important
}

.\!p-\[12px\]{
  padding:12px!important
}

.p-0{
  padding:0
}

.p-2{
  padding:.5rem
}

.p-2\.5{
  padding:.625rem
}

.p-3{
  padding:.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.p-\[0\]{
  padding:0
}

.p-\[12px\]{
  padding:12px
}

.p-\[16px\]{
  padding:16px
}

.p-\[24px\]{
  padding:24px
}

.p-\[2px\]{
  padding:2px
}

.p-\[32px\]{
  padding:32px
}

.p-\[4px\]{
  padding:4px
}

.p-\[60px\]{
  padding:60px
}

.p-\[8px\]{
  padding:8px
}

.\!px-\[16px\]{
  padding-left:16px!important;
  padding-right:16px!important
}

.\!px-\[20px\]{
  padding-left:20px!important;
  padding-right:20px!important
}

.\!py-\[16px\]{
  padding-top:16px!important;
  padding-bottom:16px!important
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.px-3{
  padding-left:.75rem;
  padding-right:.75rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.px-9{
  padding-left:2.25rem;
  padding-right:2.25rem
}

.px-\[10px\]{
  padding-left:10px;
  padding-right:10px
}

.px-\[12px\]{
  padding-left:12px;
  padding-right:12px
}

.px-\[16px\]{
  padding-left:16px;
  padding-right:16px
}

.px-\[18px\]{
  padding-left:18px;
  padding-right:18px
}

.px-\[20px\]{
  padding-left:20px;
  padding-right:20px
}

.px-\[23px\]{
  padding-left:23px;
  padding-right:23px
}

.px-\[24px\]{
  padding-left:24px;
  padding-right:24px
}

.px-\[2px\]{
  padding-left:2px;
  padding-right:2px
}

.px-\[32px\]{
  padding-left:32px;
  padding-right:32px
}

.px-\[36px\]{
  padding-left:36px;
  padding-right:36px
}

.px-\[4px\]{
  padding-left:4px;
  padding-right:4px
}

.px-\[6px\]{
  padding-left:6px;
  padding-right:6px
}

.px-\[8px\]{
  padding-left:8px;
  padding-right:8px
}

.px-dynamic-1{
  padding-left:1px;
  padding-right:1px
}

.px-dynamic-10{
  padding-left:10px;
  padding-right:10px
}

.px-dynamic-100{
  padding-left:100px;
  padding-right:100px
}

.px-dynamic-11{
  padding-left:11px;
  padding-right:11px
}

.px-dynamic-12{
  padding-left:12px;
  padding-right:12px
}

.px-dynamic-13{
  padding-left:13px;
  padding-right:13px
}

.px-dynamic-14{
  padding-left:14px;
  padding-right:14px
}

.px-dynamic-15{
  padding-left:15px;
  padding-right:15px
}

.px-dynamic-16{
  padding-left:16px;
  padding-right:16px
}

.px-dynamic-17{
  padding-left:17px;
  padding-right:17px
}

.px-dynamic-18{
  padding-left:18px;
  padding-right:18px
}

.px-dynamic-19{
  padding-left:19px;
  padding-right:19px
}

.px-dynamic-2{
  padding-left:2px;
  padding-right:2px
}

.px-dynamic-20{
  padding-left:20px;
  padding-right:20px
}

.px-dynamic-21{
  padding-left:21px;
  padding-right:21px
}

.px-dynamic-22{
  padding-left:22px;
  padding-right:22px
}

.px-dynamic-23{
  padding-left:23px;
  padding-right:23px
}

.px-dynamic-24{
  padding-left:24px;
  padding-right:24px
}

.px-dynamic-25{
  padding-left:25px;
  padding-right:25px
}

.px-dynamic-26{
  padding-left:26px;
  padding-right:26px
}

.px-dynamic-27{
  padding-left:27px;
  padding-right:27px
}

.px-dynamic-28{
  padding-left:28px;
  padding-right:28px
}

.px-dynamic-29{
  padding-left:29px;
  padding-right:29px
}

.px-dynamic-3{
  padding-left:3px;
  padding-right:3px
}

.px-dynamic-30{
  padding-left:30px;
  padding-right:30px
}

.px-dynamic-31{
  padding-left:31px;
  padding-right:31px
}

.px-dynamic-32{
  padding-left:32px;
  padding-right:32px
}

.px-dynamic-33{
  padding-left:33px;
  padding-right:33px
}

.px-dynamic-34{
  padding-left:34px;
  padding-right:34px
}

.px-dynamic-35{
  padding-left:35px;
  padding-right:35px
}

.px-dynamic-36{
  padding-left:36px;
  padding-right:36px
}

.px-dynamic-37{
  padding-left:37px;
  padding-right:37px
}

.px-dynamic-38{
  padding-left:38px;
  padding-right:38px
}

.px-dynamic-39{
  padding-left:39px;
  padding-right:39px
}

.px-dynamic-4{
  padding-left:4px;
  padding-right:4px
}

.px-dynamic-40{
  padding-left:40px;
  padding-right:40px
}

.px-dynamic-41{
  padding-left:41px;
  padding-right:41px
}

.px-dynamic-42{
  padding-left:42px;
  padding-right:42px
}

.px-dynamic-43{
  padding-left:43px;
  padding-right:43px
}

.px-dynamic-44{
  padding-left:44px;
  padding-right:44px
}

.px-dynamic-45{
  padding-left:45px;
  padding-right:45px
}

.px-dynamic-46{
  padding-left:46px;
  padding-right:46px
}

.px-dynamic-47{
  padding-left:47px;
  padding-right:47px
}

.px-dynamic-48{
  padding-left:48px;
  padding-right:48px
}

.px-dynamic-49{
  padding-left:49px;
  padding-right:49px
}

.px-dynamic-5{
  padding-left:5px;
  padding-right:5px
}

.px-dynamic-50{
  padding-left:50px;
  padding-right:50px
}

.px-dynamic-51{
  padding-left:51px;
  padding-right:51px
}

.px-dynamic-52{
  padding-left:52px;
  padding-right:52px
}

.px-dynamic-53{
  padding-left:53px;
  padding-right:53px
}

.px-dynamic-54{
  padding-left:54px;
  padding-right:54px
}

.px-dynamic-55{
  padding-left:55px;
  padding-right:55px
}

.px-dynamic-56{
  padding-left:56px;
  padding-right:56px
}

.px-dynamic-57{
  padding-left:57px;
  padding-right:57px
}

.px-dynamic-58{
  padding-left:58px;
  padding-right:58px
}

.px-dynamic-59{
  padding-left:59px;
  padding-right:59px
}

.px-dynamic-6{
  padding-left:6px;
  padding-right:6px
}

.px-dynamic-60{
  padding-left:60px;
  padding-right:60px
}

.px-dynamic-61{
  padding-left:61px;
  padding-right:61px
}

.px-dynamic-62{
  padding-left:62px;
  padding-right:62px
}

.px-dynamic-63{
  padding-left:63px;
  padding-right:63px
}

.px-dynamic-64{
  padding-left:64px;
  padding-right:64px
}

.px-dynamic-65{
  padding-left:65px;
  padding-right:65px
}

.px-dynamic-66{
  padding-left:66px;
  padding-right:66px
}

.px-dynamic-67{
  padding-left:67px;
  padding-right:67px
}

.px-dynamic-68{
  padding-left:68px;
  padding-right:68px
}

.px-dynamic-69{
  padding-left:69px;
  padding-right:69px
}

.px-dynamic-7{
  padding-left:7px;
  padding-right:7px
}

.px-dynamic-70{
  padding-left:70px;
  padding-right:70px
}

.px-dynamic-71{
  padding-left:71px;
  padding-right:71px
}

.px-dynamic-72{
  padding-left:72px;
  padding-right:72px
}

.px-dynamic-73{
  padding-left:73px;
  padding-right:73px
}

.px-dynamic-74{
  padding-left:74px;
  padding-right:74px
}

.px-dynamic-75{
  padding-left:75px;
  padding-right:75px
}

.px-dynamic-76{
  padding-left:76px;
  padding-right:76px
}

.px-dynamic-77{
  padding-left:77px;
  padding-right:77px
}

.px-dynamic-78{
  padding-left:78px;
  padding-right:78px
}

.px-dynamic-79{
  padding-left:79px;
  padding-right:79px
}

.px-dynamic-8{
  padding-left:8px;
  padding-right:8px
}

.px-dynamic-80{
  padding-left:80px;
  padding-right:80px
}

.px-dynamic-81{
  padding-left:81px;
  padding-right:81px
}

.px-dynamic-82{
  padding-left:82px;
  padding-right:82px
}

.px-dynamic-83{
  padding-left:83px;
  padding-right:83px
}

.px-dynamic-84{
  padding-left:84px;
  padding-right:84px
}

.px-dynamic-85{
  padding-left:85px;
  padding-right:85px
}

.px-dynamic-86{
  padding-left:86px;
  padding-right:86px
}

.px-dynamic-87{
  padding-left:87px;
  padding-right:87px
}

.px-dynamic-88{
  padding-left:88px;
  padding-right:88px
}

.px-dynamic-89{
  padding-left:89px;
  padding-right:89px
}

.px-dynamic-9{
  padding-left:9px;
  padding-right:9px
}

.px-dynamic-90{
  padding-left:90px;
  padding-right:90px
}

.px-dynamic-91{
  padding-left:91px;
  padding-right:91px
}

.px-dynamic-92{
  padding-left:92px;
  padding-right:92px
}

.px-dynamic-93{
  padding-left:93px;
  padding-right:93px
}

.px-dynamic-94{
  padding-left:94px;
  padding-right:94px
}

.px-dynamic-95{
  padding-left:95px;
  padding-right:95px
}

.px-dynamic-96{
  padding-left:96px;
  padding-right:96px
}

.px-dynamic-97{
  padding-left:97px;
  padding-right:97px
}

.px-dynamic-98{
  padding-left:98px;
  padding-right:98px
}

.px-dynamic-99{
  padding-left:99px;
  padding-right:99px
}

.py-0{
  padding-top:0;
  padding-bottom:0
}

.py-0\.5{
  padding-top:.125rem;
  padding-bottom:.125rem
}

.py-2{
  padding-top:.5rem;
  padding-bottom:.5rem
}

.py-2\.5{
  padding-top:.625rem;
  padding-bottom:.625rem
}

.py-3{
  padding-top:.75rem;
  padding-bottom:.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.py-\[10px\]{
  padding-top:10px;
  padding-bottom:10px
}

.py-\[11px\]{
  padding-top:11px;
  padding-bottom:11px
}

.py-\[12px\]{
  padding-top:12px;
  padding-bottom:12px
}

.py-\[14px\]{
  padding-top:14px;
  padding-bottom:14px
}

.py-\[15px\]{
  padding-top:15px;
  padding-bottom:15px
}

.py-\[16px\]{
  padding-top:16px;
  padding-bottom:16px
}

.py-\[1px\]{
  padding-top:1px;
  padding-bottom:1px
}

.py-\[20px\]{
  padding-top:20px;
  padding-bottom:20px
}

.py-\[24px\]{
  padding-top:24px;
  padding-bottom:24px
}

.py-\[48px\]{
  padding-top:48px;
  padding-bottom:48px
}

.py-\[4px\]{
  padding-top:4px;
  padding-bottom:4px
}

.py-\[60px\]{
  padding-top:60px;
  padding-bottom:60px
}

.py-\[8px\]{
  padding-top:8px;
  padding-bottom:8px
}

.py-\[9px\]{
  padding-top:9px;
  padding-bottom:9px
}

.py-px{
  padding-top:1px;
  padding-bottom:1px
}

.pb-0{
  padding-bottom:0
}

.pb-2{
  padding-bottom:.5rem
}

.pb-4{
  padding-bottom:1rem
}

.pb-8{
  padding-bottom:2rem
}

.pb-\[0\.3em\]{
  padding-bottom:.3em
}

.pb-\[12px\]{
  padding-bottom:12px
}

.pb-\[16px\]{
  padding-bottom:16px
}

.pb-\[20px\]{
  padding-bottom:20px
}

.pb-\[3px\]{
  padding-bottom:3px
}

.pb-\[48px\]{
  padding-bottom:48px
}

.pb-\[4px\]{
  padding-bottom:4px
}

.pb-\[5px\]{
  padding-bottom:5px
}

.pb-\[6px\]{
  padding-bottom:6px
}

.pb-\[7px\]{
  padding-bottom:7px
}

.pb-\[8px\]{
  padding-bottom:8px
}

.pl-2{
  padding-left:.5rem
}

.pl-4{
  padding-left:1rem
}

.pl-\[16px\]{
  padding-left:16px
}

.pl-\[24px\]{
  padding-left:24px
}

.pr-3{
  padding-right:.75rem
}

.pr-4{
  padding-right:1rem
}

.pr-9{
  padding-right:2.25rem
}

.pr-\[10px\]{
  padding-right:10px
}

.pr-\[24px\]{
  padding-right:24px
}

.pt-1{
  padding-top:.25rem
}

.pt-4{
  padding-top:1rem
}

.pt-6{
  padding-top:1.5rem
}

.pt-\[10px\]{
  padding-top:10px
}

.pt-\[12px\]{
  padding-top:12px
}

.pt-\[13px\]{
  padding-top:13px
}

.pt-\[16px\]{
  padding-top:16px
}

.pt-\[18px\]{
  padding-top:18px
}

.pt-\[21px\]{
  padding-top:21px
}

.pt-\[22px\]{
  padding-top:22px
}

.pt-\[24px\]{
  padding-top:24px
}

.pt-\[26px\]{
  padding-top:26px
}

.pt-\[30px\]{
  padding-top:30px
}

.pt-\[5px\]{
  padding-top:5px
}

.pt-\[8px\]{
  padding-top:8px
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-justify{
  text-align:justify
}

.align-middle{
  vertical-align:middle
}

.align-\[-\.125em\]{
  vertical-align:-.125em
}

.\!text-\[12px\]{
  font-size:12px!important
}

.\!text-\[14px\]{
  font-size:14px!important
}

.\!text-\[16px\]{
  font-size:16px!important
}

.\!text-\[20px\]{
  font-size:20px!important
}

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

.text-\[10px\]{
  font-size:10px
}

.text-\[11px\]{
  font-size:11px
}

.text-\[12px\]{
  font-size:12px
}

.text-\[13px\]{
  font-size:13px
}

.text-\[14px\]{
  font-size:14px
}

.text-\[16px\]{
  font-size:16px
}

.text-\[18px\]{
  font-size:18px
}

.text-\[20px\]{
  font-size:20px
}

.text-\[22px\]{
  font-size:22px
}

.text-\[24px\]{
  font-size:24px
}

.text-\[26px\]{
  font-size:26px
}

.text-\[28px\]{
  font-size:28px
}

.text-\[30px\]{
  font-size:30px
}

.text-\[32px\]{
  font-size:32px
}

.text-\[36px\]{
  font-size:36px
}

.text-\[40px\]{
  font-size:40px
}

.text-\[4px\]{
  font-size:4px
}

.text-\[50px\]{
  font-size:50px
}

.text-\[60px\]{
  font-size:60px
}

.text-\[64px\]{
  font-size:64px
}

.text-\[90px\]{
  font-size:90px
}

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

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.text-xs{
  font-size:.75rem;
  line-height:1rem
}

.\!font-\[300\]{
  font-weight:300!important
}

.\!font-\[400\]{
  font-weight:400!important
}

.font-\[300\]{
  font-weight:300
}

.font-\[400\]{
  font-weight:400
}

.font-\[500\]{
  font-weight:500
}

.font-\[600\]{
  font-weight:600
}

.font-extrabold{
  font-weight:800
}

.font-medium{
  font-weight:500
}

.font-normal{
  font-weight:400
}

.uppercase{
  text-transform:uppercase
}

.\!italic{
  font-style:italic!important
}

.italic{
  font-style:italic
}

.\!leading-\[17px\]{
  line-height:17px!important
}

.leading-3{
  line-height:.75rem
}

.leading-4{
  line-height:1rem
}

.leading-6{
  line-height:1.5rem
}

.leading-\[1\.2\]{
  line-height:1.2
}

.leading-\[120\%\]{
  line-height:120%
}

.leading-\[12px\]{
  line-height:12px
}

.leading-\[13px\]{
  line-height:13px
}

.leading-\[140\%\]{
  line-height:140%
}

.leading-\[14px\]{
  line-height:14px
}

.leading-\[15px\]{
  line-height:15px
}

.leading-\[16px\]{
  line-height:16px
}

.leading-\[17px\]{
  line-height:17px
}

.leading-\[18px\]{
  line-height:18px
}

.leading-\[19px\]{
  line-height:19px
}

.leading-\[20px\]{
  line-height:20px
}

.leading-\[22px\]{
  line-height:22px
}

.leading-\[24px\]{
  line-height:24px
}

.leading-\[25px\]{
  line-height:25px
}

.leading-\[28px\]{
  line-height:28px
}

.leading-\[34px\]{
  line-height:34px
}

.leading-\[59px\]{
  line-height:59px
}

.leading-none{
  line-height:1
}

.\!text-\[\#69B1FF\]{
  --tw-text-opacity:1!important;
  color:rgb(105 177 255/var(--tw-text-opacity,1))!important
}

.\!text-\[\#FFFFFFCC\]{
  color:#FFFFFFCC!important
}

.text-\[\#0E0A2F\]{
  --tw-text-opacity:1;
  color:rgb(14 10 47/var(--tw-text-opacity,1))
}

.text-\[\#12CBAB\]{
  --tw-text-opacity:1;
  color:rgb(18 203 171/var(--tw-text-opacity,1))
}

.text-\[\#18191A\]{
  --tw-text-opacity:1;
  color:rgb(24 25 26/var(--tw-text-opacity,1))
}

.text-\[\#1999FF\]{
  --tw-text-opacity:1;
  color:rgb(25 153 255/var(--tw-text-opacity,1))
}

.text-\[\#3A3E64\]{
  --tw-text-opacity:1;
  color:rgb(58 62 100/var(--tw-text-opacity,1))
}

.text-\[\#3C8630\]{
  --tw-text-opacity:1;
  color:rgb(60 134 48/var(--tw-text-opacity,1))
}

.text-\[\#4B7DFF\]{
  --tw-text-opacity:1;
  color:rgb(75 125 255/var(--tw-text-opacity,1))
}

.text-\[\#5081FF\]{
  --tw-text-opacity:1;
  color:rgb(80 129 255/var(--tw-text-opacity,1))
}

.text-\[\#69B1FF\]{
  --tw-text-opacity:1;
  color:rgb(105 177 255/var(--tw-text-opacity,1))
}

.text-\[\#9F9BAB\]{
  --tw-text-opacity:1;
  color:rgb(159 155 171/var(--tw-text-opacity,1))
}

.text-\[\#AFAFAF\]{
  --tw-text-opacity:1;
  color:rgb(175 175 175/var(--tw-text-opacity,1))
}

.text-\[\#C15755\]{
  --tw-text-opacity:1;
  color:rgb(193 87 85/var(--tw-text-opacity,1))
}

.text-\[\#DC7439\]{
  --tw-text-opacity:1;
  color:rgb(220 116 57/var(--tw-text-opacity,1))
}

.text-\[\#F8F8F8\]{
  --tw-text-opacity:1;
  color:rgb(248 248 248/var(--tw-text-opacity,1))
}

.text-\[\#FE5252\]{
  --tw-text-opacity:1;
  color:rgb(254 82 82/var(--tw-text-opacity,1))
}

.text-\[\#FF5252\]{
  --tw-text-opacity:1;
  color:rgb(255 82 82/var(--tw-text-opacity,1))
}

.text-\[\#FFCA06\]{
  --tw-text-opacity:1;
  color:rgb(255 202 6/var(--tw-text-opacity,1))
}

.text-\[\#FFD25F\]{
  --tw-text-opacity:1;
  color:rgb(255 210 95/var(--tw-text-opacity,1))
}

.text-\[\#FFFFFF33\]{
  color:#FFFFFF33
}

.text-\[\#FFFFFF66\]{
  color:#FFFFFF66
}

.text-\[\#FFFFFF99\]{
  color:#FFFFFF99
}

.text-\[\#FFFFFFCC\]{
  color:#FFFFFFCC
}

.text-\[\#FFFFFF\]{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1))
}

.text-\[\#f8f8f8\]{
  --tw-text-opacity:1;
  color:rgb(248 248 248/var(--tw-text-opacity,1))
}

.text-\[\#fe5252\]{
  --tw-text-opacity:1;
  color:rgb(254 82 82/var(--tw-text-opacity,1))
}

.text-\[\#fff9\]{
  color:#fff9
}

.text-\[\#fff\]{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1))
}

.text-\[\#ffffff1f\]{
  color:#ffffff1f
}

.text-\[\#ffffff3f\]{
  color:#ffffff3f
}

.text-\[rgba\(159\2c 155\2c 171\2c \.8\)\]{
  color:rgba(159,155,171,.8)
}

.text-\[white\],.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1))
}

.underline{
  text-decoration-line:underline
}

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

.opacity-0{
  opacity:0
}

.opacity-100{
  opacity:1
}

.opacity-30{
  opacity:.3
}

.opacity-50{
  opacity:.5
}

.opacity-65{
  opacity:.65
}

.opacity-\[0\.36\]{
  opacity:.36
}

.opacity-\[0\.6\]{
  opacity:.6
}

.mix-blend-luminosity{
  mix-blend-mode:luminosity
}

.\!shadow-none{
  --tw-shadow:0 0 #0000!important;
  --tw-shadow-colored:0 0 #0000!important;
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.shadow{
  --tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,.shadow-\[0_4px_32px_0_rgba\(0\2c 0\2c 0\2c 0\.24\)\]{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[0_4px_32px_0_rgba\(0\2c 0\2c 0\2c 0\.24\)\]{
  --tw-shadow:0 4px 32px 0 rgba(0,0,0,0.24);
  --tw-shadow-colored:0 4px 32px 0 var(--tw-shadow-color)
}

.shadow-\[32px_0_60px_0_rgba\(80\2c 129\2c 255\2c 0\.08\)\]{
  --tw-shadow:32px 0 60px 0 rgba(80,129,255,0.08);
  --tw-shadow-colored:32px 0 60px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.outline{
  outline-style:solid
}

.blur{
  --tw-blur:blur(8px)
}

.blur,.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-\[10px\]{
  --tw-backdrop-blur:blur(10px)
}

.backdrop-blur-\[10px\],.backdrop-blur-\[2px\]{
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-\[2px\]{
  --tw-backdrop-blur:blur(2px)
}

.transition{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.transition-opacity{
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.duration-200{
  transition-duration:.2s
}

.duration-300{
  transition-duration:.3s
}

.ease-in-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

input[type=password]::-ms-clear,input[type=password]::-ms-reveal{
  display:none
}

.no-scroll::-webkit-scrollbar{
  display:none;
  scrollbar-width:none
}

.scrollbar-customize::-webkit-scrollbar{
  width:4px;
  height:10px
}

.scrollbar-customize::-webkit-scrollbar-track{
  border-radius:10px;
  background:transparent
}

.scrollbar-customize::-webkit-scrollbar-thumb{
  background:#ffffff1f;
  border-radius:10px
}

.scrollbar-customize::-webkit-scrollbar-thumb:hover{
  background:transparent
}

.no-spin::-webkit-inner-spin-button,.no-spin::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0
}

input[type=number].no-spin{
  -moz-appearance:textfield
}

*{
  font-weight:300
}

input[type=text]{
  font-size:inherit
}

.EmojiPickerReact.epr-dark-theme{
  --epr-bg-color:#272450;
  --epr-category-label-bg-color:#272450
}

.before\:absolute:before{
  content:var(--tw-content);
  position:absolute
}

.before\:bottom-0:before{
  content:var(--tw-content);
  bottom:0
}

.before\:left-0:before{
  content:var(--tw-content);
  left:0
}

.before\:left-1\/2:before{
  content:var(--tw-content);
  left:50%
}

.before\:right-0:before{
  content:var(--tw-content);
  right:0
}

.before\:top-0:before{
  content:var(--tw-content);
  top:0
}

.before\:z-10:before{
  content:var(--tw-content);
  z-index:10
}

.before\:block:before{
  content:var(--tw-content);
  display:block
}

.before\:hidden:before{
  content:var(--tw-content);
  display:none
}

.before\:h-\[10px\]:before{
  content:var(--tw-content);
  height:10px
}

.before\:h-\[16px\]:before{
  content:var(--tw-content);
  height:16px
}

.before\:h-full:before{
  content:var(--tw-content);
  height:100%
}

.before\:w-0:before{
  content:var(--tw-content);
  width:0
}

.before\:w-\[10px\]:before{
  content:var(--tw-content);
  width:10px
}

.before\:w-\[4px\]:before{
  content:var(--tw-content);
  width:4px
}

.before\:w-full:before{
  content:var(--tw-content);
  width:100%
}

.before\:-translate-x-1\/2:before{
  --tw-translate-x:-50%
}

.before\:-translate-x-1\/2:before,.before\:transform:before{
  content:var(--tw-content);
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes slide-wave{
  0%{
    content:var(--tw-content);
    transform:translateX(400%)
  }

  to{
    content:var(--tw-content);
    transform:translateX(-100%)
  }
}

.before\:animate-slide-wave:before{
  content:var(--tw-content);
  animation:slide-wave .8s linear infinite
}

.before\:rounded-full:before{
  content:var(--tw-content);
  border-radius:9999px
}

.before\:border-\[4px\]:before{
  content:var(--tw-content);
  border-width:4px
}

.before\:border-\[\#F0F5FF\]:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(240 245 255/var(--tw-border-opacity,1))
}

.before\:bg-\[\#4B7DFF\]:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(75 125 255/var(--tw-bg-opacity,1))
}

.before\:bg-\[\#fff\]:before{
  content:var(--tw-content);
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255/var(--tw-bg-opacity,1))
}

.before\:bg-gradient-to-r:before{
  content:var(--tw-content);
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}

.before\:from-transparent:before{
  content:var(--tw-content);
  --tw-gradient-from:transparent var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(0 0 0/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.before\:via-\[\#fff\]:before{
  content:var(--tw-content);
  --tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)
}

.before\:p-\[3px\]:before{
  content:var(--tw-content);
  padding:3px
}

.before\:transition-all:before{
  content:var(--tw-content);
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.before\:duration-\[4500ms\]:before{
  content:var(--tw-content);
  transition-duration:4.5s
}

.before\:content-\[\"\"\]:before,.before\:content-\[\'\'\]:before{
  --tw-content:"";
  content:var(--tw-content)
}

.first\:mt-0:first-child{
  margin-top:0
}

.last\:border-none:last-child{
  border-style:none
}

.last\:pr-0:last-child{
  padding-right:0
}

.checked\:border-\[\#4B7DFF\]:checked{
  --tw-border-opacity:1;
  border-color:rgb(75 125 255/var(--tw-border-opacity,1))
}

.checked\:bg-\[\#4B7DFF\]:checked{
  --tw-bg-opacity:1;
  background-color:rgb(75 125 255/var(--tw-bg-opacity,1))
}

.checked\:before\:block:checked:before{
  content:var(--tw-content);
  display:block
}

.checked\:before\:border-\[\#D6E4FF\]:checked:before{
  content:var(--tw-content);
  --tw-border-opacity:1;
  border-color:rgb(214 228 255/var(--tw-border-opacity,1))
}

.focus-within\:border:focus-within{
  border-width:1px
}

.focus-within\:border-\[\#69B1FF\]:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(105 177 255/var(--tw-border-opacity,1))
}

.focus-within\:border-\[\#FF5252\]:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(255 82 82/var(--tw-border-opacity,1))
}

.hover\:scale-110:hover{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:rounded-full:hover{
  border-radius:9999px
}

.hover\:border:hover{
  border-width:1px
}

.hover\:border-\[\#2A2D4F\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(42 45 79/var(--tw-border-opacity,1))
}

.hover\:border-\[\#3463DB\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(52 99 219/var(--tw-border-opacity,1))
}

.hover\:border-\[\#4B7DFF\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(75 125 255/var(--tw-border-opacity,1))
}

.hover\:border-\[\#69B1FF\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(105 177 255/var(--tw-border-opacity,1))
}

.hover\:\!bg-\[\#3463DB\]:hover{
  --tw-bg-opacity:1!important;
  background-color:rgb(52 99 219/var(--tw-bg-opacity,1))!important
}

.hover\:\!bg-\[\#5765F2\]:hover{
  --tw-bg-opacity:1!important;
  background-color:rgb(87 101 242/var(--tw-bg-opacity,1))!important
}

.hover\:bg-\[\#2A2D4F\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(42 45 79/var(--tw-bg-opacity,1))
}

.hover\:bg-\[\#3463DB\]:hover,.hover\:bg-\[\#3463db\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(52 99 219/var(--tw-bg-opacity,1))
}

.hover\:bg-\[\#4B7DFF\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(75 125 255/var(--tw-bg-opacity,1))
}

.hover\:bg-\[\#5081FF33\]:hover{
  background-color:#5081FF33
}

.hover\:bg-\[\#5081FF\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(80 129 255/var(--tw-bg-opacity,1))
}

.hover\:bg-\[\#5081ff33\]:hover{
  background-color:#5081ff33
}

.hover\:bg-\[\#FFFFFF1F\]:hover{
  background-color:#FFFFFF1F
}

.hover\:bg-gradient-to-r:hover{
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}

.hover\:from-\[\#FFFFFF00\]:hover{
  --tw-gradient-from:#FFFFFF00 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.hover\:to-\[\#FFFFFF3D\]:hover{
  --tw-gradient-to:#FFFFFF3D var(--tw-gradient-to-position)
}

.hover\:text-\[\#2A2D4F\]:hover{
  --tw-text-opacity:1;
  color:rgb(42 45 79/var(--tw-text-opacity,1))
}

.hover\:text-\[\#3463DB\]:hover{
  --tw-text-opacity:1;
  color:rgb(52 99 219/var(--tw-text-opacity,1))
}

.hover\:text-\[\#4B7DFF\]:hover{
  --tw-text-opacity:1;
  color:rgb(75 125 255/var(--tw-text-opacity,1))
}

.hover\:text-\[\#69B1FF\]:hover{
  --tw-text-opacity:1;
  color:rgb(105 177 255/var(--tw-text-opacity,1))
}

.hover\:text-\[\#FFFFFFCC\]:hover{
  color:#FFFFFFCC
}

.hover\:text-\[\#fff\]:hover,.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1))
}

.hover\:underline:hover{
  text-decoration-line:underline
}

.hover\:opacity-\[0\.7\]:hover{
  opacity:.7
}

.hover\:brightness-125:hover{
  --tw-brightness:brightness(1.25);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.checked\:hover\:bg-\[\#4B7DFF\]:hover:checked{
  --tw-bg-opacity:1;
  background-color:rgb(75 125 255/var(--tw-bg-opacity,1))
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.focus-visible\:border-\[\#4B7DFF\]:focus-visible{
  --tw-border-opacity:1;
  border-color:rgb(75 125 255/var(--tw-border-opacity,1))
}

.focus-visible\:bg-\[\#112242\]:focus-visible{
  --tw-bg-opacity:1;
  background-color:rgb(17 34 66/var(--tw-bg-opacity,1))
}

.focus-visible\:bg-\[\#162041\]:focus-visible{
  --tw-bg-opacity:1;
  background-color:rgb(22 32 65/var(--tw-bg-opacity,1))
}

.focus-visible\:outline-0:focus-visible{
  outline-width:0
}

.enabled\:checked\:border-\[\#4B7DFF\]:checked:enabled{
  --tw-border-opacity:1;
  border-color:rgb(75 125 255/var(--tw-border-opacity,1))
}

.enabled\:checked\:bg-\[\#4B7DFF\]:checked:enabled{
  --tw-bg-opacity:1;
  background-color:rgb(75 125 255/var(--tw-bg-opacity,1))
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed
}

.disabled\:border-\[rgba\(159\2c 155\2c 171\2c \.8\)\]:disabled{
  border-color:rgba(159,155,171,.8)
}

.disabled\:bg-\[rgba\(159\2c 155\2c 171\2c \.2\)\]:disabled{
  background-color:rgba(159,155,171,.2)
}

.disabled\:text-\[\#ffffff3f\]:disabled{
  color:#ffffff3f
}

.disabled\:opacity-50:disabled{
  opacity:.5
}

.group:last-child .group-last\:pb-0{
  padding-bottom:0
}

.group:hover .group-hover\:block{
  display:block
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes circle-wave{
  0%{
    opacity:0;
    transform:scale(0)
  }

  50%{
    opacity:1
  }

  to{
    opacity:0;
    transform:scale(1.2)
  }
}

.group:hover .group-hover\:animate-circle-wave{
  animation:circle-wave 1s ease-out 1 forwards
}

.group:hover .group-hover\:text-\[\#69B1FF\]{
  --tw-text-opacity:1;
  color:rgb(105 177 255/var(--tw-text-opacity,1))
}

.group:hover .group-hover\:opacity-\[1\]{
  opacity:1
}

.group:hover .enabled\:group-hover\:border-\[\#4B7DFF\]:enabled{
  --tw-border-opacity:1;
  border-color:rgb(75 125 255/var(--tw-border-opacity,1))
}

.group:hover .enabled\:group-hover\:bg-\[\#5081FF33\]:enabled{
  background-color:#5081FF33
}

.group:hover .enabled\:checked\:group-hover\:bg-\[\#4B7DFF\]:checked:enabled{
  --tw-bg-opacity:1;
  background-color:rgb(75 125 255/var(--tw-bg-opacity,1))
}

.peer:checked~.peer-checked\:translate-x-full{
  --tw-translate-x:100%;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:checked~.peer-checked\:bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgb(59 130 246/var(--tw-bg-opacity,1))
}

.peer:checked~.peer-checked\:opacity-100{
  opacity:1
}

.peer:-moz-placeholder~.peer-placeholder-shown\:translate-y-0{
  --tw-translate-y:0px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0{
  --tw-translate-y:0px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:-moz-placeholder~.peer-placeholder-shown\:scale-100{
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:placeholder-shown~.peer-placeholder-shown\:scale-100{
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:-translate-y-2{
  --tw-translate-y:-0.5rem
}

.peer:focus~.peer-focus\:-translate-y-2,.peer:focus~.peer-focus\:scale-90{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:scale-90{
  --tw-scale-x:.9;
  --tw-scale-y:.9
}

.peer:focus~.peer-focus\:text-\[\#FFFFFF99\]{
  color:#FFFFFF99
}

@media (max-width:1770px){
  .max-\[1770px\]\:hidden{
    display:none
  }
}

@media not all and (min-width:1280px){
  .max-xl\:mt-12{
    margin-top:3rem
  }

  .max-xl\:mt-\[24px\]{
    margin-top:24px
  }

  .max-xl\:hidden{
    display:none
  }

  .max-xl\:space-y-\[24px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(24px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(24px * var(--tw-space-y-reverse))
  }
}

@media not all and (min-width:1024px){
  .max-lg\:fixed{
    position:fixed
  }

  .max-lg\:inset-0{
    inset:0
  }

  .max-lg\:bottom-0{
    bottom:0
  }

  .max-lg\:left-0{
    left:0
  }

  .max-lg\:right-0{
    right:0
  }

  .max-lg\:col-span-3{
    grid-column:span 3/span 3
  }

  .max-lg\:\!my-\[24px\]{
    margin-top:24px!important;
    margin-bottom:24px!important
  }

  .max-lg\:-mx-\[24px\]{
    margin-left:-24px;
    margin-right:-24px
  }

  .max-lg\:-mx-\[8px\]{
    margin-left:-8px;
    margin-right:-8px
  }

  .max-lg\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .max-lg\:my-\[24px\]{
    margin-top:24px;
    margin-bottom:24px
  }

  .max-lg\:\!mb-\[48px\]{
    margin-bottom:48px!important
  }

  .max-lg\:\!mt-\[24px\]{
    margin-top:24px!important
  }

  .max-lg\:mb-0{
    margin-bottom:0
  }

  .max-lg\:mb-\[55px\]{
    margin-bottom:55px
  }

  .max-lg\:mt-6{
    margin-top:1.5rem
  }

  .max-lg\:mt-\[12px\]{
    margin-top:12px
  }

  .max-lg\:mt-\[24px\]{
    margin-top:24px
  }

  .max-lg\:mt-\[36px\]{
    margin-top:36px
  }

  .max-lg\:hidden{
    display:none
  }

  .max-lg\:h-\[116px\]{
    height:116px
  }

  .max-lg\:h-\[48px\]{
    height:48px
  }

  .max-lg\:w-\[310px\]{
    width:310px
  }

  .max-lg\:w-full{
    width:100%
  }

  .max-lg\:max-w-\[714px\]{
    max-width:714px
  }

  .max-lg\:translate-y-0{
    --tw-translate-y:0px
  }

  .max-lg\:translate-y-0,.max-lg\:translate-y-\[266px\]{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .max-lg\:translate-y-\[266px\]{
    --tw-translate-y:266px
  }

  .max-lg\:flex-col{
    flex-direction:column
  }

  .max-lg\:items-start{
    align-items:flex-start
  }

  .max-lg\:justify-between{
    justify-content:space-between
  }

  .max-lg\:gap-2{
    gap:.5rem
  }

  .max-lg\:gap-\[16px\]{
    gap:16px
  }

  .max-lg\:gap-y-\[12px\]{
    row-gap:12px
  }

  .max-lg\:rounded-\[12px\]{
    border-radius:12px
  }

  .max-lg\:rounded-none{
    border-radius:0
  }

  .max-lg\:border-t{
    border-top-width:1px
  }

  .max-lg\:border-none{
    border-style:none
  }

  .max-lg\:border-t-\[\#FFFFFF1F\]{
    border-top-color:#FFFFFF1F
  }

  .max-lg\:bg-\[\#00000099\]{
    background-color:#00000099
  }

  .max-lg\:\!px-\[16px\]{
    padding-left:16px!important;
    padding-right:16px!important
  }

  .max-lg\:pt-6{
    padding-top:1.5rem
  }

  .max-lg\:text-\[14px\]{
    font-size:14px
  }

  .max-lg\:leading-\[17px\]{
    line-height:17px
  }

  .max-lg\:hover\:bg-\[\#5081FF\]:hover{
    --tw-bg-opacity:1;
    background-color:rgb(80 129 255/var(--tw-bg-opacity,1))
  }
}

@media not all and (min-width:768px){
  .max-md\:absolute{
    position:absolute
  }

  .max-md\:-top-\[12px\]{
    top:-12px
  }

  .max-md\:right-0{
    right:0
  }

  .max-md\:order-1{
    order:1
  }

  .max-md\:order-2{
    order:2
  }

  .max-md\:\!-mx-\[16px\]{
    margin-left:-16px!important;
    margin-right:-16px!important
  }

  .max-md\:\!my-\[24px\]{
    margin-top:24px!important;
    margin-bottom:24px!important
  }

  .max-md\:-mx-\[16px\]{
    margin-left:-16px;
    margin-right:-16px
  }

  .max-md\:\!mb-\[24px\]{
    margin-bottom:24px!important
  }

  .max-md\:mb-3{
    margin-bottom:.75rem
  }

  .max-md\:mb-\[24px\]{
    margin-bottom:24px
  }

  .max-md\:ml-auto{
    margin-left:auto
  }

  .max-md\:mt-0{
    margin-top:0
  }

  .max-md\:mt-\[12px\]{
    margin-top:12px
  }

  .max-md\:mt-\[24px\]{
    margin-top:24px
  }

  .max-md\:block{
    display:block
  }

  .max-md\:hidden{
    display:none
  }

  .max-md\:size-\[200px\]{
    width:200px;
    height:200px
  }

  .max-md\:h-\[48px\]{
    height:48px
  }

  .max-md\:h-\[88px\]{
    height:88px
  }

  .max-md\:w-full{
    width:100%
  }

  .max-md\:flex-1{
    flex:1 1 0%
  }

  .max-md\:flex-col{
    flex-direction:column
  }

  .max-md\:rounded-\[24px\]{
    border-radius:24px
  }

  .max-md\:\!bg-\[\#3A3E64\]{
    --tw-bg-opacity:1!important;
    background-color:rgb(58 62 100/var(--tw-bg-opacity,1))!important
  }

  .max-md\:bg-\[\#272450\]{
    --tw-bg-opacity:1;
    background-color:rgb(39 36 80/var(--tw-bg-opacity,1))
  }

  .max-md\:bg-transparent{
    background-color:transparent
  }

  .max-md\:\!p-\[16px\]{
    padding:16px!important
  }

  .max-md\:p-0{
    padding:0
  }

  .max-md\:p-4{
    padding:1rem
  }

  .max-md\:\!px-\[16px\]{
    padding-left:16px!important;
    padding-right:16px!important
  }
}

@media not all and (min-width:640px){
  .max-sm\:\!mb-0{
    margin-bottom:0!important
  }

  .max-sm\:\!mb-\[16px\]{
    margin-bottom:16px!important
  }

  .max-sm\:mb-\[16px\]{
    margin-bottom:16px
  }

  .max-sm\:mt-\[20px\]{
    margin-top:20px
  }

  .max-sm\:hidden{
    display:none
  }

  .max-sm\:h-\[calc\(100vh-114px\)\]{
    height:calc(100vh - 114px)
  }

  .max-sm\:h-\[calc\(100vh-150px\)\]{
    height:calc(100vh - 150px)
  }

  .max-sm\:h-\[calc\(100vh-68px\)\]{
    height:calc(100vh - 68px)
  }

  .max-sm\:h-full{
    height:100%
  }

  .max-sm\:w-full{
    width:100%
  }

  .max-sm\:flex-col{
    flex-direction:column
  }

  .max-sm\:gap-3{
    gap:.75rem
  }

  .max-sm\:text-center{
    text-align:center
  }
}

@media (max-width:400px){
  .max-\[400px\]\:hidden{
    display:none
  }
}

@media (min-width:555px){
  @media not all and (min-width:768px){
    .min-\[555px\]\:max-md\:text-\[18px\]{
      font-size:18px
    }
  }
}

@media (min-width:640px){
  .sm\:pointer-events-none{
    pointer-events:none
  }

  .sm\:absolute{
    position:absolute
  }

  .sm\:relative{
    position:relative
  }

  .sm\:inset-auto{
    inset:auto
  }

  .sm\:right-4{
    right:1rem
  }

  .sm\:z-40{
    z-index:40
  }

  .sm\:-mx-dynamic-1{
    margin-left:-1px;
    margin-right:-1px
  }

  .sm\:-mx-dynamic-10{
    margin-left:-10px;
    margin-right:-10px
  }

  .sm\:-mx-dynamic-100{
    margin-left:-100px;
    margin-right:-100px
  }

  .sm\:-mx-dynamic-11{
    margin-left:-11px;
    margin-right:-11px
  }

  .sm\:-mx-dynamic-12{
    margin-left:-12px;
    margin-right:-12px
  }

  .sm\:-mx-dynamic-13{
    margin-left:-13px;
    margin-right:-13px
  }

  .sm\:-mx-dynamic-14{
    margin-left:-14px;
    margin-right:-14px
  }

  .sm\:-mx-dynamic-15{
    margin-left:-15px;
    margin-right:-15px
  }

  .sm\:-mx-dynamic-16{
    margin-left:-16px;
    margin-right:-16px
  }

  .sm\:-mx-dynamic-17{
    margin-left:-17px;
    margin-right:-17px
  }

  .sm\:-mx-dynamic-18{
    margin-left:-18px;
    margin-right:-18px
  }

  .sm\:-mx-dynamic-19{
    margin-left:-19px;
    margin-right:-19px
  }

  .sm\:-mx-dynamic-2{
    margin-left:-2px;
    margin-right:-2px
  }

  .sm\:-mx-dynamic-20{
    margin-left:-20px;
    margin-right:-20px
  }

  .sm\:-mx-dynamic-21{
    margin-left:-21px;
    margin-right:-21px
  }

  .sm\:-mx-dynamic-22{
    margin-left:-22px;
    margin-right:-22px
  }

  .sm\:-mx-dynamic-23{
    margin-left:-23px;
    margin-right:-23px
  }

  .sm\:-mx-dynamic-24{
    margin-left:-24px;
    margin-right:-24px
  }

  .sm\:-mx-dynamic-25{
    margin-left:-25px;
    margin-right:-25px
  }

  .sm\:-mx-dynamic-26{
    margin-left:-26px;
    margin-right:-26px
  }

  .sm\:-mx-dynamic-27{
    margin-left:-27px;
    margin-right:-27px
  }

  .sm\:-mx-dynamic-28{
    margin-left:-28px;
    margin-right:-28px
  }

  .sm\:-mx-dynamic-29{
    margin-left:-29px;
    margin-right:-29px
  }

  .sm\:-mx-dynamic-3{
    margin-left:-3px;
    margin-right:-3px
  }

  .sm\:-mx-dynamic-30{
    margin-left:-30px;
    margin-right:-30px
  }

  .sm\:-mx-dynamic-31{
    margin-left:-31px;
    margin-right:-31px
  }

  .sm\:-mx-dynamic-32{
    margin-left:-32px;
    margin-right:-32px
  }

  .sm\:-mx-dynamic-33{
    margin-left:-33px;
    margin-right:-33px
  }

  .sm\:-mx-dynamic-34{
    margin-left:-34px;
    margin-right:-34px
  }

  .sm\:-mx-dynamic-35{
    margin-left:-35px;
    margin-right:-35px
  }

  .sm\:-mx-dynamic-36{
    margin-left:-36px;
    margin-right:-36px
  }

  .sm\:-mx-dynamic-37{
    margin-left:-37px;
    margin-right:-37px
  }

  .sm\:-mx-dynamic-38{
    margin-left:-38px;
    margin-right:-38px
  }

  .sm\:-mx-dynamic-39{
    margin-left:-39px;
    margin-right:-39px
  }

  .sm\:-mx-dynamic-4{
    margin-left:-4px;
    margin-right:-4px
  }

  .sm\:-mx-dynamic-40{
    margin-left:-40px;
    margin-right:-40px
  }

  .sm\:-mx-dynamic-41{
    margin-left:-41px;
    margin-right:-41px
  }

  .sm\:-mx-dynamic-42{
    margin-left:-42px;
    margin-right:-42px
  }

  .sm\:-mx-dynamic-43{
    margin-left:-43px;
    margin-right:-43px
  }

  .sm\:-mx-dynamic-44{
    margin-left:-44px;
    margin-right:-44px
  }

  .sm\:-mx-dynamic-45{
    margin-left:-45px;
    margin-right:-45px
  }

  .sm\:-mx-dynamic-46{
    margin-left:-46px;
    margin-right:-46px
  }

  .sm\:-mx-dynamic-47{
    margin-left:-47px;
    margin-right:-47px
  }

  .sm\:-mx-dynamic-48{
    margin-left:-48px;
    margin-right:-48px
  }

  .sm\:-mx-dynamic-49{
    margin-left:-49px;
    margin-right:-49px
  }

  .sm\:-mx-dynamic-5{
    margin-left:-5px;
    margin-right:-5px
  }

  .sm\:-mx-dynamic-50{
    margin-left:-50px;
    margin-right:-50px
  }

  .sm\:-mx-dynamic-51{
    margin-left:-51px;
    margin-right:-51px
  }

  .sm\:-mx-dynamic-52{
    margin-left:-52px;
    margin-right:-52px
  }

  .sm\:-mx-dynamic-53{
    margin-left:-53px;
    margin-right:-53px
  }

  .sm\:-mx-dynamic-54{
    margin-left:-54px;
    margin-right:-54px
  }

  .sm\:-mx-dynamic-55{
    margin-left:-55px;
    margin-right:-55px
  }

  .sm\:-mx-dynamic-56{
    margin-left:-56px;
    margin-right:-56px
  }

  .sm\:-mx-dynamic-57{
    margin-left:-57px;
    margin-right:-57px
  }

  .sm\:-mx-dynamic-58{
    margin-left:-58px;
    margin-right:-58px
  }

  .sm\:-mx-dynamic-59{
    margin-left:-59px;
    margin-right:-59px
  }

  .sm\:-mx-dynamic-6{
    margin-left:-6px;
    margin-right:-6px
  }

  .sm\:-mx-dynamic-60{
    margin-left:-60px;
    margin-right:-60px
  }

  .sm\:-mx-dynamic-61{
    margin-left:-61px;
    margin-right:-61px
  }

  .sm\:-mx-dynamic-62{
    margin-left:-62px;
    margin-right:-62px
  }

  .sm\:-mx-dynamic-63{
    margin-left:-63px;
    margin-right:-63px
  }

  .sm\:-mx-dynamic-64{
    margin-left:-64px;
    margin-right:-64px
  }

  .sm\:-mx-dynamic-65{
    margin-left:-65px;
    margin-right:-65px
  }

  .sm\:-mx-dynamic-66{
    margin-left:-66px;
    margin-right:-66px
  }

  .sm\:-mx-dynamic-67{
    margin-left:-67px;
    margin-right:-67px
  }

  .sm\:-mx-dynamic-68{
    margin-left:-68px;
    margin-right:-68px
  }

  .sm\:-mx-dynamic-69{
    margin-left:-69px;
    margin-right:-69px
  }

  .sm\:-mx-dynamic-7{
    margin-left:-7px;
    margin-right:-7px
  }

  .sm\:-mx-dynamic-70{
    margin-left:-70px;
    margin-right:-70px
  }

  .sm\:-mx-dynamic-71{
    margin-left:-71px;
    margin-right:-71px
  }

  .sm\:-mx-dynamic-72{
    margin-left:-72px;
    margin-right:-72px
  }

  .sm\:-mx-dynamic-73{
    margin-left:-73px;
    margin-right:-73px
  }

  .sm\:-mx-dynamic-74{
    margin-left:-74px;
    margin-right:-74px
  }

  .sm\:-mx-dynamic-75{
    margin-left:-75px;
    margin-right:-75px
  }

  .sm\:-mx-dynamic-76{
    margin-left:-76px;
    margin-right:-76px
  }

  .sm\:-mx-dynamic-77{
    margin-left:-77px;
    margin-right:-77px
  }

  .sm\:-mx-dynamic-78{
    margin-left:-78px;
    margin-right:-78px
  }

  .sm\:-mx-dynamic-79{
    margin-left:-79px;
    margin-right:-79px
  }

  .sm\:-mx-dynamic-8{
    margin-left:-8px;
    margin-right:-8px
  }

  .sm\:-mx-dynamic-80{
    margin-left:-80px;
    margin-right:-80px
  }

  .sm\:-mx-dynamic-81{
    margin-left:-81px;
    margin-right:-81px
  }

  .sm\:-mx-dynamic-82{
    margin-left:-82px;
    margin-right:-82px
  }

  .sm\:-mx-dynamic-83{
    margin-left:-83px;
    margin-right:-83px
  }

  .sm\:-mx-dynamic-84{
    margin-left:-84px;
    margin-right:-84px
  }

  .sm\:-mx-dynamic-85{
    margin-left:-85px;
    margin-right:-85px
  }

  .sm\:-mx-dynamic-86{
    margin-left:-86px;
    margin-right:-86px
  }

  .sm\:-mx-dynamic-87{
    margin-left:-87px;
    margin-right:-87px
  }

  .sm\:-mx-dynamic-88{
    margin-left:-88px;
    margin-right:-88px
  }

  .sm\:-mx-dynamic-89{
    margin-left:-89px;
    margin-right:-89px
  }

  .sm\:-mx-dynamic-9{
    margin-left:-9px;
    margin-right:-9px
  }

  .sm\:-mx-dynamic-90{
    margin-left:-90px;
    margin-right:-90px
  }

  .sm\:-mx-dynamic-91{
    margin-left:-91px;
    margin-right:-91px
  }

  .sm\:-mx-dynamic-92{
    margin-left:-92px;
    margin-right:-92px
  }

  .sm\:-mx-dynamic-93{
    margin-left:-93px;
    margin-right:-93px
  }

  .sm\:-mx-dynamic-94{
    margin-left:-94px;
    margin-right:-94px
  }

  .sm\:-mx-dynamic-95{
    margin-left:-95px;
    margin-right:-95px
  }

  .sm\:-mx-dynamic-96{
    margin-left:-96px;
    margin-right:-96px
  }

  .sm\:-mx-dynamic-97{
    margin-left:-97px;
    margin-right:-97px
  }

  .sm\:-mx-dynamic-98{
    margin-left:-98px;
    margin-right:-98px
  }

  .sm\:-mx-dynamic-99{
    margin-left:-99px;
    margin-right:-99px
  }

  .sm\:\!mb-\[16px\]{
    margin-bottom:16px!important
  }

  .sm\:ms-1-24{
    margin-inline-start:4.166666666666666%
  }

  .sm\:ms-10-24{
    margin-inline-start:41.66666666666667%
  }

  .sm\:ms-11-24{
    margin-inline-start:45.83333333333333%
  }

  .sm\:ms-12-24{
    margin-inline-start:50%
  }

  .sm\:ms-13-24{
    margin-inline-start:54.166666666666664%
  }

  .sm\:ms-14-24{
    margin-inline-start:58.333333333333336%
  }

  .sm\:ms-15-24{
    margin-inline-start:62.5%
  }

  .sm\:ms-16-24{
    margin-inline-start:66.66666666666666%
  }

  .sm\:ms-17-24{
    margin-inline-start:70.83333333333334%
  }

  .sm\:ms-18-24{
    margin-inline-start:75%
  }

  .sm\:ms-19-24{
    margin-inline-start:79.16666666666666%
  }

  .sm\:ms-2-24{
    margin-inline-start:8.333333333333332%
  }

  .sm\:ms-20-24{
    margin-inline-start:83.33333333333334%
  }

  .sm\:ms-21-24{
    margin-inline-start:87.5%
  }

  .sm\:ms-22-24{
    margin-inline-start:91.66666666666666%
  }

  .sm\:ms-23-24{
    margin-inline-start:95.83333333333334%
  }

  .sm\:ms-24-24{
    margin-inline-start:100%
  }

  .sm\:ms-3-24{
    margin-inline-start:12.5%
  }

  .sm\:ms-4-24{
    margin-inline-start:16.666666666666664%
  }

  .sm\:ms-5-24{
    margin-inline-start:20.833333333333336%
  }

  .sm\:ms-6-24{
    margin-inline-start:25%
  }

  .sm\:ms-7-24{
    margin-inline-start:29.166666666666668%
  }

  .sm\:ms-8-24{
    margin-inline-start:33.33333333333333%
  }

  .sm\:ms-9-24{
    margin-inline-start:37.5%
  }

  .sm\:mt-10{
    margin-top:2.5rem
  }

  .sm\:mt-\[16px\]{
    margin-top:16px
  }

  .sm\:block{
    display:block
  }

  .sm\:flex{
    display:flex
  }

  .sm\:hidden{
    display:none
  }

  .sm\:h-\[calc\(80vh-90px\)\]{
    height:calc(80vh - 90px)
  }

  .sm\:h-max{
    height:-moz-max-content;
    height:max-content
  }

  .sm\:max-h-\[80vh\]{
    max-height:80vh
  }

  .sm\:max-h-\[calc\(80vh-48px\)\]{
    max-height:calc(80vh - 48px)
  }

  .sm\:w-1-24{
    width:4.166666666666666%
  }

  .sm\:w-10-24{
    width:41.66666666666667%
  }

  .sm\:w-11-24{
    width:45.83333333333333%
  }

  .sm\:w-12-24{
    width:50%
  }

  .sm\:w-13-24{
    width:54.166666666666664%
  }

  .sm\:w-14-24{
    width:58.333333333333336%
  }

  .sm\:w-15-24{
    width:62.5%
  }

  .sm\:w-16-24{
    width:66.66666666666666%
  }

  .sm\:w-17-24{
    width:70.83333333333334%
  }

  .sm\:w-18-24{
    width:75%
  }

  .sm\:w-19-24{
    width:79.16666666666666%
  }

  .sm\:w-2-24{
    width:8.333333333333332%
  }

  .sm\:w-20-24{
    width:83.33333333333334%
  }

  .sm\:w-21-24{
    width:87.5%
  }

  .sm\:w-22-24{
    width:91.66666666666666%
  }

  .sm\:w-23-24{
    width:95.83333333333334%
  }

  .sm\:w-24-24{
    width:100%
  }

  .sm\:w-3-24{
    width:12.5%
  }

  .sm\:w-4-24{
    width:16.666666666666664%
  }

  .sm\:w-5-24{
    width:20.833333333333336%
  }

  .sm\:w-6-24{
    width:25%
  }

  .sm\:w-7-24{
    width:29.166666666666668%
  }

  .sm\:w-8-24{
    width:33.33333333333333%
  }

  .sm\:w-9{
    width:2.25rem
  }

  .sm\:w-9-24{
    width:37.5%
  }

  .sm\:w-\[180px\]{
    width:180px
  }

  .sm\:w-\[200px\]{
    width:200px
  }

  .sm\:w-\[263px\]{
    width:263px
  }

  .sm\:w-\[270px\]{
    width:270px
  }

  .sm\:w-\[352px\]{
    width:352px
  }

  .sm\:w-\[600px\]{
    width:600px
  }

  .sm\:w-\[calc\(100\%-102px\)\]{
    width:calc(100% - 102px)
  }

  .sm\:w-col-1{
    width:100%
  }

  .sm\:w-col-10{
    width:10%
  }

  .sm\:w-col-11{
    width:9.090909090909092%
  }

  .sm\:w-col-12{
    width:8.333333333333334%
  }

  .sm\:w-col-13{
    width:7.6923076923076925%
  }

  .sm\:w-col-14{
    width:7.142857142857143%
  }

  .sm\:w-col-15{
    width:6.666666666666667%
  }

  .sm\:w-col-16{
    width:6.25%
  }

  .sm\:w-col-17{
    width:5.882352941176471%
  }

  .sm\:w-col-18{
    width:5.555555555555555%
  }

  .sm\:w-col-19{
    width:5.2631578947368425%
  }

  .sm\:w-col-2{
    width:50%
  }

  .sm\:w-col-20{
    width:5%
  }

  .sm\:w-col-21{
    width:4.761904761904762%
  }

  .sm\:w-col-22{
    width:4.545454545454546%
  }

  .sm\:w-col-23{
    width:4.3478260869565215%
  }

  .sm\:w-col-24{
    width:4.166666666666667%
  }

  .sm\:w-col-3{
    width:33.333333333333336%
  }

  .sm\:w-col-4{
    width:25%
  }

  .sm\:w-col-5{
    width:20%
  }

  .sm\:w-col-6{
    width:16.666666666666668%
  }

  .sm\:w-col-7{
    width:14.285714285714286%
  }

  .sm\:w-col-8{
    width:12.5%
  }

  .sm\:w-col-9{
    width:11.11111111111111%
  }

  .sm\:flex-1{
    flex:1 1 0%
  }

  .sm\:cursor-auto{
    cursor:auto
  }

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

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

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

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

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

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

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

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

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

  .sm\:justify-evenly{
    justify-content:space-evenly
  }

  .sm\:gap-\[24px\]{
    gap:24px
  }

  .sm\:gap-x-4{
    -moz-column-gap:1rem;
    column-gap:1rem
  }

  .sm\:gap-y-dynamic-1{
    row-gap:1px
  }

  .sm\:gap-y-dynamic-10{
    row-gap:10px
  }

  .sm\:gap-y-dynamic-100{
    row-gap:100px
  }

  .sm\:gap-y-dynamic-11{
    row-gap:11px
  }

  .sm\:gap-y-dynamic-12{
    row-gap:12px
  }

  .sm\:gap-y-dynamic-13{
    row-gap:13px
  }

  .sm\:gap-y-dynamic-14{
    row-gap:14px
  }

  .sm\:gap-y-dynamic-15{
    row-gap:15px
  }

  .sm\:gap-y-dynamic-16{
    row-gap:16px
  }

  .sm\:gap-y-dynamic-17{
    row-gap:17px
  }

  .sm\:gap-y-dynamic-18{
    row-gap:18px
  }

  .sm\:gap-y-dynamic-19{
    row-gap:19px
  }

  .sm\:gap-y-dynamic-2{
    row-gap:2px
  }

  .sm\:gap-y-dynamic-20{
    row-gap:20px
  }

  .sm\:gap-y-dynamic-21{
    row-gap:21px
  }

  .sm\:gap-y-dynamic-22{
    row-gap:22px
  }

  .sm\:gap-y-dynamic-23{
    row-gap:23px
  }

  .sm\:gap-y-dynamic-24{
    row-gap:24px
  }

  .sm\:gap-y-dynamic-25{
    row-gap:25px
  }

  .sm\:gap-y-dynamic-26{
    row-gap:26px
  }

  .sm\:gap-y-dynamic-27{
    row-gap:27px
  }

  .sm\:gap-y-dynamic-28{
    row-gap:28px
  }

  .sm\:gap-y-dynamic-29{
    row-gap:29px
  }

  .sm\:gap-y-dynamic-3{
    row-gap:3px
  }

  .sm\:gap-y-dynamic-30{
    row-gap:30px
  }

  .sm\:gap-y-dynamic-31{
    row-gap:31px
  }

  .sm\:gap-y-dynamic-32{
    row-gap:32px
  }

  .sm\:gap-y-dynamic-33{
    row-gap:33px
  }

  .sm\:gap-y-dynamic-34{
    row-gap:34px
  }

  .sm\:gap-y-dynamic-35{
    row-gap:35px
  }

  .sm\:gap-y-dynamic-36{
    row-gap:36px
  }

  .sm\:gap-y-dynamic-37{
    row-gap:37px
  }

  .sm\:gap-y-dynamic-38{
    row-gap:38px
  }

  .sm\:gap-y-dynamic-39{
    row-gap:39px
  }

  .sm\:gap-y-dynamic-4{
    row-gap:4px
  }

  .sm\:gap-y-dynamic-40{
    row-gap:40px
  }

  .sm\:gap-y-dynamic-41{
    row-gap:41px
  }

  .sm\:gap-y-dynamic-42{
    row-gap:42px
  }

  .sm\:gap-y-dynamic-43{
    row-gap:43px
  }

  .sm\:gap-y-dynamic-44{
    row-gap:44px
  }

  .sm\:gap-y-dynamic-45{
    row-gap:45px
  }

  .sm\:gap-y-dynamic-46{
    row-gap:46px
  }

  .sm\:gap-y-dynamic-47{
    row-gap:47px
  }

  .sm\:gap-y-dynamic-48{
    row-gap:48px
  }

  .sm\:gap-y-dynamic-49{
    row-gap:49px
  }

  .sm\:gap-y-dynamic-5{
    row-gap:5px
  }

  .sm\:gap-y-dynamic-50{
    row-gap:50px
  }

  .sm\:gap-y-dynamic-51{
    row-gap:51px
  }

  .sm\:gap-y-dynamic-52{
    row-gap:52px
  }

  .sm\:gap-y-dynamic-53{
    row-gap:53px
  }

  .sm\:gap-y-dynamic-54{
    row-gap:54px
  }

  .sm\:gap-y-dynamic-55{
    row-gap:55px
  }

  .sm\:gap-y-dynamic-56{
    row-gap:56px
  }

  .sm\:gap-y-dynamic-57{
    row-gap:57px
  }

  .sm\:gap-y-dynamic-58{
    row-gap:58px
  }

  .sm\:gap-y-dynamic-59{
    row-gap:59px
  }

  .sm\:gap-y-dynamic-6{
    row-gap:6px
  }

  .sm\:gap-y-dynamic-60{
    row-gap:60px
  }

  .sm\:gap-y-dynamic-61{
    row-gap:61px
  }

  .sm\:gap-y-dynamic-62{
    row-gap:62px
  }

  .sm\:gap-y-dynamic-63{
    row-gap:63px
  }

  .sm\:gap-y-dynamic-64{
    row-gap:64px
  }

  .sm\:gap-y-dynamic-65{
    row-gap:65px
  }

  .sm\:gap-y-dynamic-66{
    row-gap:66px
  }

  .sm\:gap-y-dynamic-67{
    row-gap:67px
  }

  .sm\:gap-y-dynamic-68{
    row-gap:68px
  }

  .sm\:gap-y-dynamic-69{
    row-gap:69px
  }

  .sm\:gap-y-dynamic-7{
    row-gap:7px
  }

  .sm\:gap-y-dynamic-70{
    row-gap:70px
  }

  .sm\:gap-y-dynamic-71{
    row-gap:71px
  }

  .sm\:gap-y-dynamic-72{
    row-gap:72px
  }

  .sm\:gap-y-dynamic-73{
    row-gap:73px
  }

  .sm\:gap-y-dynamic-74{
    row-gap:74px
  }

  .sm\:gap-y-dynamic-75{
    row-gap:75px
  }

  .sm\:gap-y-dynamic-76{
    row-gap:76px
  }

  .sm\:gap-y-dynamic-77{
    row-gap:77px
  }

  .sm\:gap-y-dynamic-78{
    row-gap:78px
  }

  .sm\:gap-y-dynamic-79{
    row-gap:79px
  }

  .sm\:gap-y-dynamic-8{
    row-gap:8px
  }

  .sm\:gap-y-dynamic-80{
    row-gap:80px
  }

  .sm\:gap-y-dynamic-81{
    row-gap:81px
  }

  .sm\:gap-y-dynamic-82{
    row-gap:82px
  }

  .sm\:gap-y-dynamic-83{
    row-gap:83px
  }

  .sm\:gap-y-dynamic-84{
    row-gap:84px
  }

  .sm\:gap-y-dynamic-85{
    row-gap:85px
  }

  .sm\:gap-y-dynamic-86{
    row-gap:86px
  }

  .sm\:gap-y-dynamic-87{
    row-gap:87px
  }

  .sm\:gap-y-dynamic-88{
    row-gap:88px
  }

  .sm\:gap-y-dynamic-89{
    row-gap:89px
  }

  .sm\:gap-y-dynamic-9{
    row-gap:9px
  }

  .sm\:gap-y-dynamic-90{
    row-gap:90px
  }

  .sm\:gap-y-dynamic-91{
    row-gap:91px
  }

  .sm\:gap-y-dynamic-92{
    row-gap:92px
  }

  .sm\:gap-y-dynamic-93{
    row-gap:93px
  }

  .sm\:gap-y-dynamic-94{
    row-gap:94px
  }

  .sm\:gap-y-dynamic-95{
    row-gap:95px
  }

  .sm\:gap-y-dynamic-96{
    row-gap:96px
  }

  .sm\:gap-y-dynamic-97{
    row-gap:97px
  }

  .sm\:gap-y-dynamic-98{
    row-gap:98px
  }

  .sm\:gap-y-dynamic-99{
    row-gap:99px
  }

  .sm\:rounded-3xl{
    border-radius:1.5rem
  }

  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .sm\:px-9{
    padding-left:2.25rem;
    padding-right:2.25rem
  }

  .sm\:px-\[48\.5px\]{
    padding-left:48.5px;
    padding-right:48.5px
  }

  .sm\:px-\[60px\]{
    padding-left:60px;
    padding-right:60px
  }

  .sm\:px-dynamic-1{
    padding-left:1px;
    padding-right:1px
  }

  .sm\:px-dynamic-10{
    padding-left:10px;
    padding-right:10px
  }

  .sm\:px-dynamic-100{
    padding-left:100px;
    padding-right:100px
  }

  .sm\:px-dynamic-11{
    padding-left:11px;
    padding-right:11px
  }

  .sm\:px-dynamic-12{
    padding-left:12px;
    padding-right:12px
  }

  .sm\:px-dynamic-13{
    padding-left:13px;
    padding-right:13px
  }

  .sm\:px-dynamic-14{
    padding-left:14px;
    padding-right:14px
  }

  .sm\:px-dynamic-15{
    padding-left:15px;
    padding-right:15px
  }

  .sm\:px-dynamic-16{
    padding-left:16px;
    padding-right:16px
  }

  .sm\:px-dynamic-17{
    padding-left:17px;
    padding-right:17px
  }

  .sm\:px-dynamic-18{
    padding-left:18px;
    padding-right:18px
  }

  .sm\:px-dynamic-19{
    padding-left:19px;
    padding-right:19px
  }

  .sm\:px-dynamic-2{
    padding-left:2px;
    padding-right:2px
  }

  .sm\:px-dynamic-20{
    padding-left:20px;
    padding-right:20px
  }

  .sm\:px-dynamic-21{
    padding-left:21px;
    padding-right:21px
  }

  .sm\:px-dynamic-22{
    padding-left:22px;
    padding-right:22px
  }

  .sm\:px-dynamic-23{
    padding-left:23px;
    padding-right:23px
  }

  .sm\:px-dynamic-24{
    padding-left:24px;
    padding-right:24px
  }

  .sm\:px-dynamic-25{
    padding-left:25px;
    padding-right:25px
  }

  .sm\:px-dynamic-26{
    padding-left:26px;
    padding-right:26px
  }

  .sm\:px-dynamic-27{
    padding-left:27px;
    padding-right:27px
  }

  .sm\:px-dynamic-28{
    padding-left:28px;
    padding-right:28px
  }

  .sm\:px-dynamic-29{
    padding-left:29px;
    padding-right:29px
  }

  .sm\:px-dynamic-3{
    padding-left:3px;
    padding-right:3px
  }

  .sm\:px-dynamic-30{
    padding-left:30px;
    padding-right:30px
  }

  .sm\:px-dynamic-31{
    padding-left:31px;
    padding-right:31px
  }

  .sm\:px-dynamic-32{
    padding-left:32px;
    padding-right:32px
  }

  .sm\:px-dynamic-33{
    padding-left:33px;
    padding-right:33px
  }

  .sm\:px-dynamic-34{
    padding-left:34px;
    padding-right:34px
  }

  .sm\:px-dynamic-35{
    padding-left:35px;
    padding-right:35px
  }

  .sm\:px-dynamic-36{
    padding-left:36px;
    padding-right:36px
  }

  .sm\:px-dynamic-37{
    padding-left:37px;
    padding-right:37px
  }

  .sm\:px-dynamic-38{
    padding-left:38px;
    padding-right:38px
  }

  .sm\:px-dynamic-39{
    padding-left:39px;
    padding-right:39px
  }

  .sm\:px-dynamic-4{
    padding-left:4px;
    padding-right:4px
  }

  .sm\:px-dynamic-40{
    padding-left:40px;
    padding-right:40px
  }

  .sm\:px-dynamic-41{
    padding-left:41px;
    padding-right:41px
  }

  .sm\:px-dynamic-42{
    padding-left:42px;
    padding-right:42px
  }

  .sm\:px-dynamic-43{
    padding-left:43px;
    padding-right:43px
  }

  .sm\:px-dynamic-44{
    padding-left:44px;
    padding-right:44px
  }

  .sm\:px-dynamic-45{
    padding-left:45px;
    padding-right:45px
  }

  .sm\:px-dynamic-46{
    padding-left:46px;
    padding-right:46px
  }

  .sm\:px-dynamic-47{
    padding-left:47px;
    padding-right:47px
  }

  .sm\:px-dynamic-48{
    padding-left:48px;
    padding-right:48px
  }

  .sm\:px-dynamic-49{
    padding-left:49px;
    padding-right:49px
  }

  .sm\:px-dynamic-5{
    padding-left:5px;
    padding-right:5px
  }

  .sm\:px-dynamic-50{
    padding-left:50px;
    padding-right:50px
  }

  .sm\:px-dynamic-51{
    padding-left:51px;
    padding-right:51px
  }

  .sm\:px-dynamic-52{
    padding-left:52px;
    padding-right:52px
  }

  .sm\:px-dynamic-53{
    padding-left:53px;
    padding-right:53px
  }

  .sm\:px-dynamic-54{
    padding-left:54px;
    padding-right:54px
  }

  .sm\:px-dynamic-55{
    padding-left:55px;
    padding-right:55px
  }

  .sm\:px-dynamic-56{
    padding-left:56px;
    padding-right:56px
  }

  .sm\:px-dynamic-57{
    padding-left:57px;
    padding-right:57px
  }

  .sm\:px-dynamic-58{
    padding-left:58px;
    padding-right:58px
  }

  .sm\:px-dynamic-59{
    padding-left:59px;
    padding-right:59px
  }

  .sm\:px-dynamic-6{
    padding-left:6px;
    padding-right:6px
  }

  .sm\:px-dynamic-60{
    padding-left:60px;
    padding-right:60px
  }

  .sm\:px-dynamic-61{
    padding-left:61px;
    padding-right:61px
  }

  .sm\:px-dynamic-62{
    padding-left:62px;
    padding-right:62px
  }

  .sm\:px-dynamic-63{
    padding-left:63px;
    padding-right:63px
  }

  .sm\:px-dynamic-64{
    padding-left:64px;
    padding-right:64px
  }

  .sm\:px-dynamic-65{
    padding-left:65px;
    padding-right:65px
  }

  .sm\:px-dynamic-66{
    padding-left:66px;
    padding-right:66px
  }

  .sm\:px-dynamic-67{
    padding-left:67px;
    padding-right:67px
  }

  .sm\:px-dynamic-68{
    padding-left:68px;
    padding-right:68px
  }

  .sm\:px-dynamic-69{
    padding-left:69px;
    padding-right:69px
  }

  .sm\:px-dynamic-7{
    padding-left:7px;
    padding-right:7px
  }

  .sm\:px-dynamic-70{
    padding-left:70px;
    padding-right:70px
  }

  .sm\:px-dynamic-71{
    padding-left:71px;
    padding-right:71px
  }

  .sm\:px-dynamic-72{
    padding-left:72px;
    padding-right:72px
  }

  .sm\:px-dynamic-73{
    padding-left:73px;
    padding-right:73px
  }

  .sm\:px-dynamic-74{
    padding-left:74px;
    padding-right:74px
  }

  .sm\:px-dynamic-75{
    padding-left:75px;
    padding-right:75px
  }

  .sm\:px-dynamic-76{
    padding-left:76px;
    padding-right:76px
  }

  .sm\:px-dynamic-77{
    padding-left:77px;
    padding-right:77px
  }

  .sm\:px-dynamic-78{
    padding-left:78px;
    padding-right:78px
  }

  .sm\:px-dynamic-79{
    padding-left:79px;
    padding-right:79px
  }

  .sm\:px-dynamic-8{
    padding-left:8px;
    padding-right:8px
  }

  .sm\:px-dynamic-80{
    padding-left:80px;
    padding-right:80px
  }

  .sm\:px-dynamic-81{
    padding-left:81px;
    padding-right:81px
  }

  .sm\:px-dynamic-82{
    padding-left:82px;
    padding-right:82px
  }

  .sm\:px-dynamic-83{
    padding-left:83px;
    padding-right:83px
  }

  .sm\:px-dynamic-84{
    padding-left:84px;
    padding-right:84px
  }

  .sm\:px-dynamic-85{
    padding-left:85px;
    padding-right:85px
  }

  .sm\:px-dynamic-86{
    padding-left:86px;
    padding-right:86px
  }

  .sm\:px-dynamic-87{
    padding-left:87px;
    padding-right:87px
  }

  .sm\:px-dynamic-88{
    padding-left:88px;
    padding-right:88px
  }

  .sm\:px-dynamic-89{
    padding-left:89px;
    padding-right:89px
  }

  .sm\:px-dynamic-9{
    padding-left:9px;
    padding-right:9px
  }

  .sm\:px-dynamic-90{
    padding-left:90px;
    padding-right:90px
  }

  .sm\:px-dynamic-91{
    padding-left:91px;
    padding-right:91px
  }

  .sm\:px-dynamic-92{
    padding-left:92px;
    padding-right:92px
  }

  .sm\:px-dynamic-93{
    padding-left:93px;
    padding-right:93px
  }

  .sm\:px-dynamic-94{
    padding-left:94px;
    padding-right:94px
  }

  .sm\:px-dynamic-95{
    padding-left:95px;
    padding-right:95px
  }

  .sm\:px-dynamic-96{
    padding-left:96px;
    padding-right:96px
  }

  .sm\:px-dynamic-97{
    padding-left:97px;
    padding-right:97px
  }

  .sm\:px-dynamic-98{
    padding-left:98px;
    padding-right:98px
  }

  .sm\:px-dynamic-99{
    padding-left:99px;
    padding-right:99px
  }

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

  .sm\:text-\[14px\]{
    font-size:14px
  }
}

@media (min-width:768px){
  .md\:-bottom-\[24px\]{
    bottom:-24px
  }

  .md\:col-span-2{
    grid-column:span 2/span 2
  }

  .md\:col-span-4{
    grid-column:span 4/span 4
  }

  .md\:col-span-9{
    grid-column:span 9/span 9
  }

  .md\:row-span-2{
    grid-row:span 2/span 2
  }

  .md\:-mx-dynamic-1{
    margin-left:-1px;
    margin-right:-1px
  }

  .md\:-mx-dynamic-10{
    margin-left:-10px;
    margin-right:-10px
  }

  .md\:-mx-dynamic-100{
    margin-left:-100px;
    margin-right:-100px
  }

  .md\:-mx-dynamic-11{
    margin-left:-11px;
    margin-right:-11px
  }

  .md\:-mx-dynamic-12{
    margin-left:-12px;
    margin-right:-12px
  }

  .md\:-mx-dynamic-13{
    margin-left:-13px;
    margin-right:-13px
  }

  .md\:-mx-dynamic-14{
    margin-left:-14px;
    margin-right:-14px
  }

  .md\:-mx-dynamic-15{
    margin-left:-15px;
    margin-right:-15px
  }

  .md\:-mx-dynamic-16{
    margin-left:-16px;
    margin-right:-16px
  }

  .md\:-mx-dynamic-17{
    margin-left:-17px;
    margin-right:-17px
  }

  .md\:-mx-dynamic-18{
    margin-left:-18px;
    margin-right:-18px
  }

  .md\:-mx-dynamic-19{
    margin-left:-19px;
    margin-right:-19px
  }

  .md\:-mx-dynamic-2{
    margin-left:-2px;
    margin-right:-2px
  }

  .md\:-mx-dynamic-20{
    margin-left:-20px;
    margin-right:-20px
  }

  .md\:-mx-dynamic-21{
    margin-left:-21px;
    margin-right:-21px
  }

  .md\:-mx-dynamic-22{
    margin-left:-22px;
    margin-right:-22px
  }

  .md\:-mx-dynamic-23{
    margin-left:-23px;
    margin-right:-23px
  }

  .md\:-mx-dynamic-24{
    margin-left:-24px;
    margin-right:-24px
  }

  .md\:-mx-dynamic-25{
    margin-left:-25px;
    margin-right:-25px
  }

  .md\:-mx-dynamic-26{
    margin-left:-26px;
    margin-right:-26px
  }

  .md\:-mx-dynamic-27{
    margin-left:-27px;
    margin-right:-27px
  }

  .md\:-mx-dynamic-28{
    margin-left:-28px;
    margin-right:-28px
  }

  .md\:-mx-dynamic-29{
    margin-left:-29px;
    margin-right:-29px
  }

  .md\:-mx-dynamic-3{
    margin-left:-3px;
    margin-right:-3px
  }

  .md\:-mx-dynamic-30{
    margin-left:-30px;
    margin-right:-30px
  }

  .md\:-mx-dynamic-31{
    margin-left:-31px;
    margin-right:-31px
  }

  .md\:-mx-dynamic-32{
    margin-left:-32px;
    margin-right:-32px
  }

  .md\:-mx-dynamic-33{
    margin-left:-33px;
    margin-right:-33px
  }

  .md\:-mx-dynamic-34{
    margin-left:-34px;
    margin-right:-34px
  }

  .md\:-mx-dynamic-35{
    margin-left:-35px;
    margin-right:-35px
  }

  .md\:-mx-dynamic-36{
    margin-left:-36px;
    margin-right:-36px
  }

  .md\:-mx-dynamic-37{
    margin-left:-37px;
    margin-right:-37px
  }

  .md\:-mx-dynamic-38{
    margin-left:-38px;
    margin-right:-38px
  }

  .md\:-mx-dynamic-39{
    margin-left:-39px;
    margin-right:-39px
  }

  .md\:-mx-dynamic-4{
    margin-left:-4px;
    margin-right:-4px
  }

  .md\:-mx-dynamic-40{
    margin-left:-40px;
    margin-right:-40px
  }

  .md\:-mx-dynamic-41{
    margin-left:-41px;
    margin-right:-41px
  }

  .md\:-mx-dynamic-42{
    margin-left:-42px;
    margin-right:-42px
  }

  .md\:-mx-dynamic-43{
    margin-left:-43px;
    margin-right:-43px
  }

  .md\:-mx-dynamic-44{
    margin-left:-44px;
    margin-right:-44px
  }

  .md\:-mx-dynamic-45{
    margin-left:-45px;
    margin-right:-45px
  }

  .md\:-mx-dynamic-46{
    margin-left:-46px;
    margin-right:-46px
  }

  .md\:-mx-dynamic-47{
    margin-left:-47px;
    margin-right:-47px
  }

  .md\:-mx-dynamic-48{
    margin-left:-48px;
    margin-right:-48px
  }

  .md\:-mx-dynamic-49{
    margin-left:-49px;
    margin-right:-49px
  }

  .md\:-mx-dynamic-5{
    margin-left:-5px;
    margin-right:-5px
  }

  .md\:-mx-dynamic-50{
    margin-left:-50px;
    margin-right:-50px
  }

  .md\:-mx-dynamic-51{
    margin-left:-51px;
    margin-right:-51px
  }

  .md\:-mx-dynamic-52{
    margin-left:-52px;
    margin-right:-52px
  }

  .md\:-mx-dynamic-53{
    margin-left:-53px;
    margin-right:-53px
  }

  .md\:-mx-dynamic-54{
    margin-left:-54px;
    margin-right:-54px
  }

  .md\:-mx-dynamic-55{
    margin-left:-55px;
    margin-right:-55px
  }

  .md\:-mx-dynamic-56{
    margin-left:-56px;
    margin-right:-56px
  }

  .md\:-mx-dynamic-57{
    margin-left:-57px;
    margin-right:-57px
  }

  .md\:-mx-dynamic-58{
    margin-left:-58px;
    margin-right:-58px
  }

  .md\:-mx-dynamic-59{
    margin-left:-59px;
    margin-right:-59px
  }

  .md\:-mx-dynamic-6{
    margin-left:-6px;
    margin-right:-6px
  }

  .md\:-mx-dynamic-60{
    margin-left:-60px;
    margin-right:-60px
  }

  .md\:-mx-dynamic-61{
    margin-left:-61px;
    margin-right:-61px
  }

  .md\:-mx-dynamic-62{
    margin-left:-62px;
    margin-right:-62px
  }

  .md\:-mx-dynamic-63{
    margin-left:-63px;
    margin-right:-63px
  }

  .md\:-mx-dynamic-64{
    margin-left:-64px;
    margin-right:-64px
  }

  .md\:-mx-dynamic-65{
    margin-left:-65px;
    margin-right:-65px
  }

  .md\:-mx-dynamic-66{
    margin-left:-66px;
    margin-right:-66px
  }

  .md\:-mx-dynamic-67{
    margin-left:-67px;
    margin-right:-67px
  }

  .md\:-mx-dynamic-68{
    margin-left:-68px;
    margin-right:-68px
  }

  .md\:-mx-dynamic-69{
    margin-left:-69px;
    margin-right:-69px
  }

  .md\:-mx-dynamic-7{
    margin-left:-7px;
    margin-right:-7px
  }

  .md\:-mx-dynamic-70{
    margin-left:-70px;
    margin-right:-70px
  }

  .md\:-mx-dynamic-71{
    margin-left:-71px;
    margin-right:-71px
  }

  .md\:-mx-dynamic-72{
    margin-left:-72px;
    margin-right:-72px
  }

  .md\:-mx-dynamic-73{
    margin-left:-73px;
    margin-right:-73px
  }

  .md\:-mx-dynamic-74{
    margin-left:-74px;
    margin-right:-74px
  }

  .md\:-mx-dynamic-75{
    margin-left:-75px;
    margin-right:-75px
  }

  .md\:-mx-dynamic-76{
    margin-left:-76px;
    margin-right:-76px
  }

  .md\:-mx-dynamic-77{
    margin-left:-77px;
    margin-right:-77px
  }

  .md\:-mx-dynamic-78{
    margin-left:-78px;
    margin-right:-78px
  }

  .md\:-mx-dynamic-79{
    margin-left:-79px;
    margin-right:-79px
  }

  .md\:-mx-dynamic-8{
    margin-left:-8px;
    margin-right:-8px
  }

  .md\:-mx-dynamic-80{
    margin-left:-80px;
    margin-right:-80px
  }

  .md\:-mx-dynamic-81{
    margin-left:-81px;
    margin-right:-81px
  }

  .md\:-mx-dynamic-82{
    margin-left:-82px;
    margin-right:-82px
  }

  .md\:-mx-dynamic-83{
    margin-left:-83px;
    margin-right:-83px
  }

  .md\:-mx-dynamic-84{
    margin-left:-84px;
    margin-right:-84px
  }

  .md\:-mx-dynamic-85{
    margin-left:-85px;
    margin-right:-85px
  }

  .md\:-mx-dynamic-86{
    margin-left:-86px;
    margin-right:-86px
  }

  .md\:-mx-dynamic-87{
    margin-left:-87px;
    margin-right:-87px
  }

  .md\:-mx-dynamic-88{
    margin-left:-88px;
    margin-right:-88px
  }

  .md\:-mx-dynamic-89{
    margin-left:-89px;
    margin-right:-89px
  }

  .md\:-mx-dynamic-9{
    margin-left:-9px;
    margin-right:-9px
  }

  .md\:-mx-dynamic-90{
    margin-left:-90px;
    margin-right:-90px
  }

  .md\:-mx-dynamic-91{
    margin-left:-91px;
    margin-right:-91px
  }

  .md\:-mx-dynamic-92{
    margin-left:-92px;
    margin-right:-92px
  }

  .md\:-mx-dynamic-93{
    margin-left:-93px;
    margin-right:-93px
  }

  .md\:-mx-dynamic-94{
    margin-left:-94px;
    margin-right:-94px
  }

  .md\:-mx-dynamic-95{
    margin-left:-95px;
    margin-right:-95px
  }

  .md\:-mx-dynamic-96{
    margin-left:-96px;
    margin-right:-96px
  }

  .md\:-mx-dynamic-97{
    margin-left:-97px;
    margin-right:-97px
  }

  .md\:-mx-dynamic-98{
    margin-left:-98px;
    margin-right:-98px
  }

  .md\:-mx-dynamic-99{
    margin-left:-99px;
    margin-right:-99px
  }

  .md\:my-\[24px\]{
    margin-top:24px;
    margin-bottom:24px
  }

  .md\:-mr-\[16px\]{
    margin-right:-16px
  }

  .md\:mb-\[16px\]{
    margin-bottom:16px
  }

  .md\:ml-\[24px\]{
    margin-left:24px
  }

  .md\:ml-\[53px\]{
    margin-left:53px
  }

  .md\:mr-\[24px\]{
    margin-right:24px
  }

  .md\:ms-1-24{
    margin-inline-start:4.166666666666666%
  }

  .md\:ms-10-24{
    margin-inline-start:41.66666666666667%
  }

  .md\:ms-11-24{
    margin-inline-start:45.83333333333333%
  }

  .md\:ms-12-24{
    margin-inline-start:50%
  }

  .md\:ms-13-24{
    margin-inline-start:54.166666666666664%
  }

  .md\:ms-14-24{
    margin-inline-start:58.333333333333336%
  }

  .md\:ms-15-24{
    margin-inline-start:62.5%
  }

  .md\:ms-16-24{
    margin-inline-start:66.66666666666666%
  }

  .md\:ms-17-24{
    margin-inline-start:70.83333333333334%
  }

  .md\:ms-18-24{
    margin-inline-start:75%
  }

  .md\:ms-19-24{
    margin-inline-start:79.16666666666666%
  }

  .md\:ms-2-24{
    margin-inline-start:8.333333333333332%
  }

  .md\:ms-20-24{
    margin-inline-start:83.33333333333334%
  }

  .md\:ms-21-24{
    margin-inline-start:87.5%
  }

  .md\:ms-22-24{
    margin-inline-start:91.66666666666666%
  }

  .md\:ms-23-24{
    margin-inline-start:95.83333333333334%
  }

  .md\:ms-24-24{
    margin-inline-start:100%
  }

  .md\:ms-3-24{
    margin-inline-start:12.5%
  }

  .md\:ms-4-24{
    margin-inline-start:16.666666666666664%
  }

  .md\:ms-5-24{
    margin-inline-start:20.833333333333336%
  }

  .md\:ms-6-24{
    margin-inline-start:25%
  }

  .md\:ms-7-24{
    margin-inline-start:29.166666666666668%
  }

  .md\:ms-8-24{
    margin-inline-start:33.33333333333333%
  }

  .md\:ms-9-24{
    margin-inline-start:37.5%
  }

  .md\:mt-\[0\.3em\]{
    margin-top:.3em
  }

  .md\:mt-\[16px\]{
    margin-top:16px
  }

  .md\:mt-\[20px\]{
    margin-top:20px
  }

  .md\:mt-\[24px\]{
    margin-top:24px
  }

  .md\:mt-\[36px\]{
    margin-top:36px
  }

  .md\:mt-\[48px\]{
    margin-top:48px
  }

  .md\:block{
    display:block
  }

  .md\:flex{
    display:flex
  }

  .md\:hidden{
    display:none
  }

  .md\:aspect-\[134\/180\]{
    aspect-ratio:134/180
  }

  .md\:aspect-\[222\/116\]{
    aspect-ratio:222/116
  }

  .md\:aspect-\[228\/94\]{
    aspect-ratio:228/94
  }

  .md\:aspect-\[716\/203\]{
    aspect-ratio:716/203
  }

  .md\:h-\[320px\]{
    height:320px
  }

  .md\:h-\[44px\]{
    height:44px
  }

  .md\:h-full{
    height:100%
  }

  .md\:w-1-24{
    width:4.166666666666666%
  }

  .md\:w-10-24{
    width:41.66666666666667%
  }

  .md\:w-11-24{
    width:45.83333333333333%
  }

  .md\:w-12-24{
    width:50%
  }

  .md\:w-13-24{
    width:54.166666666666664%
  }

  .md\:w-14-24{
    width:58.333333333333336%
  }

  .md\:w-15-24{
    width:62.5%
  }

  .md\:w-16-24{
    width:66.66666666666666%
  }

  .md\:w-17-24{
    width:70.83333333333334%
  }

  .md\:w-18-24{
    width:75%
  }

  .md\:w-19-24{
    width:79.16666666666666%
  }

  .md\:w-2-24{
    width:8.333333333333332%
  }

  .md\:w-20-24{
    width:83.33333333333334%
  }

  .md\:w-21-24{
    width:87.5%
  }

  .md\:w-22-24{
    width:91.66666666666666%
  }

  .md\:w-23-24{
    width:95.83333333333334%
  }

  .md\:w-24-24{
    width:100%
  }

  .md\:w-3-24{
    width:12.5%
  }

  .md\:w-4-24{
    width:16.666666666666664%
  }

  .md\:w-5-24{
    width:20.833333333333336%
  }

  .md\:w-6-24{
    width:25%
  }

  .md\:w-7-24{
    width:29.166666666666668%
  }

  .md\:w-8-24{
    width:33.33333333333333%
  }

  .md\:w-9-24{
    width:37.5%
  }

  .md\:w-\[242px\]{
    width:242px
  }

  .md\:w-\[304px\]{
    width:304px
  }

  .md\:w-\[312px\]{
    width:312px
  }

  .md\:w-\[44px\]{
    width:44px
  }

  .md\:w-auto{
    width:auto
  }

  .md\:w-col-1{
    width:100%
  }

  .md\:w-col-10{
    width:10%
  }

  .md\:w-col-11{
    width:9.090909090909092%
  }

  .md\:w-col-12{
    width:8.333333333333334%
  }

  .md\:w-col-13{
    width:7.6923076923076925%
  }

  .md\:w-col-14{
    width:7.142857142857143%
  }

  .md\:w-col-15{
    width:6.666666666666667%
  }

  .md\:w-col-16{
    width:6.25%
  }

  .md\:w-col-17{
    width:5.882352941176471%
  }

  .md\:w-col-18{
    width:5.555555555555555%
  }

  .md\:w-col-19{
    width:5.2631578947368425%
  }

  .md\:w-col-2{
    width:50%
  }

  .md\:w-col-20{
    width:5%
  }

  .md\:w-col-21{
    width:4.761904761904762%
  }

  .md\:w-col-22{
    width:4.545454545454546%
  }

  .md\:w-col-23{
    width:4.3478260869565215%
  }

  .md\:w-col-24{
    width:4.166666666666667%
  }

  .md\:w-col-3{
    width:33.333333333333336%
  }

  .md\:w-col-4{
    width:25%
  }

  .md\:w-col-5{
    width:20%
  }

  .md\:w-col-6{
    width:16.666666666666668%
  }

  .md\:w-col-7{
    width:14.285714285714286%
  }

  .md\:w-col-8{
    width:12.5%
  }

  .md\:w-col-9{
    width:11.11111111111111%
  }

  .md\:w-full{
    width:100%
  }

  .md\:max-w-\[262px\]{
    max-width:262px
  }

  .md\:max-w-\[304px\]{
    max-width:304px
  }

  .md\:max-w-\[312px\]{
    max-width:312px
  }

  .md\:max-w-\[566px\]{
    max-width:566px
  }

  .md\:flex-1{
    flex:1 1 0%
  }

  .md\:grid-cols-12{
    grid-template-columns:repeat(12,minmax(0,1fr))
  }

  .md\:grid-cols-7{
    grid-template-columns:repeat(7,minmax(0,1fr))
  }

  .md\:flex-col{
    flex-direction:column
  }

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

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

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

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

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

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

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

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

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

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

  .md\:justify-evenly{
    justify-content:space-evenly
  }

  .md\:gap-\[16px\]{
    gap:16px
  }

  .md\:gap-x-\[24px\]{
    -moz-column-gap:24px;
    column-gap:24px
  }

  .md\:gap-y-dynamic-1{
    row-gap:1px
  }

  .md\:gap-y-dynamic-10{
    row-gap:10px
  }

  .md\:gap-y-dynamic-100{
    row-gap:100px
  }

  .md\:gap-y-dynamic-11{
    row-gap:11px
  }

  .md\:gap-y-dynamic-12{
    row-gap:12px
  }

  .md\:gap-y-dynamic-13{
    row-gap:13px
  }

  .md\:gap-y-dynamic-14{
    row-gap:14px
  }

  .md\:gap-y-dynamic-15{
    row-gap:15px
  }

  .md\:gap-y-dynamic-16{
    row-gap:16px
  }

  .md\:gap-y-dynamic-17{
    row-gap:17px
  }

  .md\:gap-y-dynamic-18{
    row-gap:18px
  }

  .md\:gap-y-dynamic-19{
    row-gap:19px
  }

  .md\:gap-y-dynamic-2{
    row-gap:2px
  }

  .md\:gap-y-dynamic-20{
    row-gap:20px
  }

  .md\:gap-y-dynamic-21{
    row-gap:21px
  }

  .md\:gap-y-dynamic-22{
    row-gap:22px
  }

  .md\:gap-y-dynamic-23{
    row-gap:23px
  }

  .md\:gap-y-dynamic-24{
    row-gap:24px
  }

  .md\:gap-y-dynamic-25{
    row-gap:25px
  }

  .md\:gap-y-dynamic-26{
    row-gap:26px
  }

  .md\:gap-y-dynamic-27{
    row-gap:27px
  }

  .md\:gap-y-dynamic-28{
    row-gap:28px
  }

  .md\:gap-y-dynamic-29{
    row-gap:29px
  }

  .md\:gap-y-dynamic-3{
    row-gap:3px
  }

  .md\:gap-y-dynamic-30{
    row-gap:30px
  }

  .md\:gap-y-dynamic-31{
    row-gap:31px
  }

  .md\:gap-y-dynamic-32{
    row-gap:32px
  }

  .md\:gap-y-dynamic-33{
    row-gap:33px
  }

  .md\:gap-y-dynamic-34{
    row-gap:34px
  }

  .md\:gap-y-dynamic-35{
    row-gap:35px
  }

  .md\:gap-y-dynamic-36{
    row-gap:36px
  }

  .md\:gap-y-dynamic-37{
    row-gap:37px
  }

  .md\:gap-y-dynamic-38{
    row-gap:38px
  }

  .md\:gap-y-dynamic-39{
    row-gap:39px
  }

  .md\:gap-y-dynamic-4{
    row-gap:4px
  }

  .md\:gap-y-dynamic-40{
    row-gap:40px
  }

  .md\:gap-y-dynamic-41{
    row-gap:41px
  }

  .md\:gap-y-dynamic-42{
    row-gap:42px
  }

  .md\:gap-y-dynamic-43{
    row-gap:43px
  }

  .md\:gap-y-dynamic-44{
    row-gap:44px
  }

  .md\:gap-y-dynamic-45{
    row-gap:45px
  }

  .md\:gap-y-dynamic-46{
    row-gap:46px
  }

  .md\:gap-y-dynamic-47{
    row-gap:47px
  }

  .md\:gap-y-dynamic-48{
    row-gap:48px
  }

  .md\:gap-y-dynamic-49{
    row-gap:49px
  }

  .md\:gap-y-dynamic-5{
    row-gap:5px
  }

  .md\:gap-y-dynamic-50{
    row-gap:50px
  }

  .md\:gap-y-dynamic-51{
    row-gap:51px
  }

  .md\:gap-y-dynamic-52{
    row-gap:52px
  }

  .md\:gap-y-dynamic-53{
    row-gap:53px
  }

  .md\:gap-y-dynamic-54{
    row-gap:54px
  }

  .md\:gap-y-dynamic-55{
    row-gap:55px
  }

  .md\:gap-y-dynamic-56{
    row-gap:56px
  }

  .md\:gap-y-dynamic-57{
    row-gap:57px
  }

  .md\:gap-y-dynamic-58{
    row-gap:58px
  }

  .md\:gap-y-dynamic-59{
    row-gap:59px
  }

  .md\:gap-y-dynamic-6{
    row-gap:6px
  }

  .md\:gap-y-dynamic-60{
    row-gap:60px
  }

  .md\:gap-y-dynamic-61{
    row-gap:61px
  }

  .md\:gap-y-dynamic-62{
    row-gap:62px
  }

  .md\:gap-y-dynamic-63{
    row-gap:63px
  }

  .md\:gap-y-dynamic-64{
    row-gap:64px
  }

  .md\:gap-y-dynamic-65{
    row-gap:65px
  }

  .md\:gap-y-dynamic-66{
    row-gap:66px
  }

  .md\:gap-y-dynamic-67{
    row-gap:67px
  }

  .md\:gap-y-dynamic-68{
    row-gap:68px
  }

  .md\:gap-y-dynamic-69{
    row-gap:69px
  }

  .md\:gap-y-dynamic-7{
    row-gap:7px
  }

  .md\:gap-y-dynamic-70{
    row-gap:70px
  }

  .md\:gap-y-dynamic-71{
    row-gap:71px
  }

  .md\:gap-y-dynamic-72{
    row-gap:72px
  }

  .md\:gap-y-dynamic-73{
    row-gap:73px
  }

  .md\:gap-y-dynamic-74{
    row-gap:74px
  }

  .md\:gap-y-dynamic-75{
    row-gap:75px
  }

  .md\:gap-y-dynamic-76{
    row-gap:76px
  }

  .md\:gap-y-dynamic-77{
    row-gap:77px
  }

  .md\:gap-y-dynamic-78{
    row-gap:78px
  }

  .md\:gap-y-dynamic-79{
    row-gap:79px
  }

  .md\:gap-y-dynamic-8{
    row-gap:8px
  }

  .md\:gap-y-dynamic-80{
    row-gap:80px
  }

  .md\:gap-y-dynamic-81{
    row-gap:81px
  }

  .md\:gap-y-dynamic-82{
    row-gap:82px
  }

  .md\:gap-y-dynamic-83{
    row-gap:83px
  }

  .md\:gap-y-dynamic-84{
    row-gap:84px
  }

  .md\:gap-y-dynamic-85{
    row-gap:85px
  }

  .md\:gap-y-dynamic-86{
    row-gap:86px
  }

  .md\:gap-y-dynamic-87{
    row-gap:87px
  }

  .md\:gap-y-dynamic-88{
    row-gap:88px
  }

  .md\:gap-y-dynamic-89{
    row-gap:89px
  }

  .md\:gap-y-dynamic-9{
    row-gap:9px
  }

  .md\:gap-y-dynamic-90{
    row-gap:90px
  }

  .md\:gap-y-dynamic-91{
    row-gap:91px
  }

  .md\:gap-y-dynamic-92{
    row-gap:92px
  }

  .md\:gap-y-dynamic-93{
    row-gap:93px
  }

  .md\:gap-y-dynamic-94{
    row-gap:94px
  }

  .md\:gap-y-dynamic-95{
    row-gap:95px
  }

  .md\:gap-y-dynamic-96{
    row-gap:96px
  }

  .md\:gap-y-dynamic-97{
    row-gap:97px
  }

  .md\:gap-y-dynamic-98{
    row-gap:98px
  }

  .md\:gap-y-dynamic-99{
    row-gap:99px
  }

  .md\:space-y-\[16px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(16px * var(--tw-space-y-reverse))
  }

  .md\:\!rounded-\[24px\]{
    border-radius:24px!important
  }

  .md\:rounded-\[16px\]{
    border-radius:16px
  }

  .md\:rounded-\[24px\]{
    border-radius:24px
  }

  .md\:border-none{
    border-style:none
  }

  .md\:bg-\[\#0000005C\]{
    background-color:#0000005C
  }

  .md\:bg-\[\#ffffff14\]{
    background-color:#ffffff14
  }

  .md\:bg-transparent{
    background-color:transparent
  }

  .md\:\!p-0{
    padding:0!important
  }

  .md\:p-0{
    padding:0
  }

  .md\:px-\[24px\]{
    padding-left:24px;
    padding-right:24px
  }

  .md\:px-\[32px\]{
    padding-left:32px;
    padding-right:32px
  }

  .md\:px-dynamic-1{
    padding-left:1px;
    padding-right:1px
  }

  .md\:px-dynamic-10{
    padding-left:10px;
    padding-right:10px
  }

  .md\:px-dynamic-100{
    padding-left:100px;
    padding-right:100px
  }

  .md\:px-dynamic-11{
    padding-left:11px;
    padding-right:11px
  }

  .md\:px-dynamic-12{
    padding-left:12px;
    padding-right:12px
  }

  .md\:px-dynamic-13{
    padding-left:13px;
    padding-right:13px
  }

  .md\:px-dynamic-14{
    padding-left:14px;
    padding-right:14px
  }

  .md\:px-dynamic-15{
    padding-left:15px;
    padding-right:15px
  }

  .md\:px-dynamic-16{
    padding-left:16px;
    padding-right:16px
  }

  .md\:px-dynamic-17{
    padding-left:17px;
    padding-right:17px
  }

  .md\:px-dynamic-18{
    padding-left:18px;
    padding-right:18px
  }

  .md\:px-dynamic-19{
    padding-left:19px;
    padding-right:19px
  }

  .md\:px-dynamic-2{
    padding-left:2px;
    padding-right:2px
  }

  .md\:px-dynamic-20{
    padding-left:20px;
    padding-right:20px
  }

  .md\:px-dynamic-21{
    padding-left:21px;
    padding-right:21px
  }

  .md\:px-dynamic-22{
    padding-left:22px;
    padding-right:22px
  }

  .md\:px-dynamic-23{
    padding-left:23px;
    padding-right:23px
  }

  .md\:px-dynamic-24{
    padding-left:24px;
    padding-right:24px
  }

  .md\:px-dynamic-25{
    padding-left:25px;
    padding-right:25px
  }

  .md\:px-dynamic-26{
    padding-left:26px;
    padding-right:26px
  }

  .md\:px-dynamic-27{
    padding-left:27px;
    padding-right:27px
  }

  .md\:px-dynamic-28{
    padding-left:28px;
    padding-right:28px
  }

  .md\:px-dynamic-29{
    padding-left:29px;
    padding-right:29px
  }

  .md\:px-dynamic-3{
    padding-left:3px;
    padding-right:3px
  }

  .md\:px-dynamic-30{
    padding-left:30px;
    padding-right:30px
  }

  .md\:px-dynamic-31{
    padding-left:31px;
    padding-right:31px
  }

  .md\:px-dynamic-32{
    padding-left:32px;
    padding-right:32px
  }

  .md\:px-dynamic-33{
    padding-left:33px;
    padding-right:33px
  }

  .md\:px-dynamic-34{
    padding-left:34px;
    padding-right:34px
  }

  .md\:px-dynamic-35{
    padding-left:35px;
    padding-right:35px
  }

  .md\:px-dynamic-36{
    padding-left:36px;
    padding-right:36px
  }

  .md\:px-dynamic-37{
    padding-left:37px;
    padding-right:37px
  }

  .md\:px-dynamic-38{
    padding-left:38px;
    padding-right:38px
  }

  .md\:px-dynamic-39{
    padding-left:39px;
    padding-right:39px
  }

  .md\:px-dynamic-4{
    padding-left:4px;
    padding-right:4px
  }

  .md\:px-dynamic-40{
    padding-left:40px;
    padding-right:40px
  }

  .md\:px-dynamic-41{
    padding-left:41px;
    padding-right:41px
  }

  .md\:px-dynamic-42{
    padding-left:42px;
    padding-right:42px
  }

  .md\:px-dynamic-43{
    padding-left:43px;
    padding-right:43px
  }

  .md\:px-dynamic-44{
    padding-left:44px;
    padding-right:44px
  }

  .md\:px-dynamic-45{
    padding-left:45px;
    padding-right:45px
  }

  .md\:px-dynamic-46{
    padding-left:46px;
    padding-right:46px
  }

  .md\:px-dynamic-47{
    padding-left:47px;
    padding-right:47px
  }

  .md\:px-dynamic-48{
    padding-left:48px;
    padding-right:48px
  }

  .md\:px-dynamic-49{
    padding-left:49px;
    padding-right:49px
  }

  .md\:px-dynamic-5{
    padding-left:5px;
    padding-right:5px
  }

  .md\:px-dynamic-50{
    padding-left:50px;
    padding-right:50px
  }

  .md\:px-dynamic-51{
    padding-left:51px;
    padding-right:51px
  }

  .md\:px-dynamic-52{
    padding-left:52px;
    padding-right:52px
  }

  .md\:px-dynamic-53{
    padding-left:53px;
    padding-right:53px
  }

  .md\:px-dynamic-54{
    padding-left:54px;
    padding-right:54px
  }

  .md\:px-dynamic-55{
    padding-left:55px;
    padding-right:55px
  }

  .md\:px-dynamic-56{
    padding-left:56px;
    padding-right:56px
  }

  .md\:px-dynamic-57{
    padding-left:57px;
    padding-right:57px
  }

  .md\:px-dynamic-58{
    padding-left:58px;
    padding-right:58px
  }

  .md\:px-dynamic-59{
    padding-left:59px;
    padding-right:59px
  }

  .md\:px-dynamic-6{
    padding-left:6px;
    padding-right:6px
  }

  .md\:px-dynamic-60{
    padding-left:60px;
    padding-right:60px
  }

  .md\:px-dynamic-61{
    padding-left:61px;
    padding-right:61px
  }

  .md\:px-dynamic-62{
    padding-left:62px;
    padding-right:62px
  }

  .md\:px-dynamic-63{
    padding-left:63px;
    padding-right:63px
  }

  .md\:px-dynamic-64{
    padding-left:64px;
    padding-right:64px
  }

  .md\:px-dynamic-65{
    padding-left:65px;
    padding-right:65px
  }

  .md\:px-dynamic-66{
    padding-left:66px;
    padding-right:66px
  }

  .md\:px-dynamic-67{
    padding-left:67px;
    padding-right:67px
  }

  .md\:px-dynamic-68{
    padding-left:68px;
    padding-right:68px
  }

  .md\:px-dynamic-69{
    padding-left:69px;
    padding-right:69px
  }

  .md\:px-dynamic-7{
    padding-left:7px;
    padding-right:7px
  }

  .md\:px-dynamic-70{
    padding-left:70px;
    padding-right:70px
  }

  .md\:px-dynamic-71{
    padding-left:71px;
    padding-right:71px
  }

  .md\:px-dynamic-72{
    padding-left:72px;
    padding-right:72px
  }

  .md\:px-dynamic-73{
    padding-left:73px;
    padding-right:73px
  }

  .md\:px-dynamic-74{
    padding-left:74px;
    padding-right:74px
  }

  .md\:px-dynamic-75{
    padding-left:75px;
    padding-right:75px
  }

  .md\:px-dynamic-76{
    padding-left:76px;
    padding-right:76px
  }

  .md\:px-dynamic-77{
    padding-left:77px;
    padding-right:77px
  }

  .md\:px-dynamic-78{
    padding-left:78px;
    padding-right:78px
  }

  .md\:px-dynamic-79{
    padding-left:79px;
    padding-right:79px
  }

  .md\:px-dynamic-8{
    padding-left:8px;
    padding-right:8px
  }

  .md\:px-dynamic-80{
    padding-left:80px;
    padding-right:80px
  }

  .md\:px-dynamic-81{
    padding-left:81px;
    padding-right:81px
  }

  .md\:px-dynamic-82{
    padding-left:82px;
    padding-right:82px
  }

  .md\:px-dynamic-83{
    padding-left:83px;
    padding-right:83px
  }

  .md\:px-dynamic-84{
    padding-left:84px;
    padding-right:84px
  }

  .md\:px-dynamic-85{
    padding-left:85px;
    padding-right:85px
  }

  .md\:px-dynamic-86{
    padding-left:86px;
    padding-right:86px
  }

  .md\:px-dynamic-87{
    padding-left:87px;
    padding-right:87px
  }

  .md\:px-dynamic-88{
    padding-left:88px;
    padding-right:88px
  }

  .md\:px-dynamic-89{
    padding-left:89px;
    padding-right:89px
  }

  .md\:px-dynamic-9{
    padding-left:9px;
    padding-right:9px
  }

  .md\:px-dynamic-90{
    padding-left:90px;
    padding-right:90px
  }

  .md\:px-dynamic-91{
    padding-left:91px;
    padding-right:91px
  }

  .md\:px-dynamic-92{
    padding-left:92px;
    padding-right:92px
  }

  .md\:px-dynamic-93{
    padding-left:93px;
    padding-right:93px
  }

  .md\:px-dynamic-94{
    padding-left:94px;
    padding-right:94px
  }

  .md\:px-dynamic-95{
    padding-left:95px;
    padding-right:95px
  }

  .md\:px-dynamic-96{
    padding-left:96px;
    padding-right:96px
  }

  .md\:px-dynamic-97{
    padding-left:97px;
    padding-right:97px
  }

  .md\:px-dynamic-98{
    padding-left:98px;
    padding-right:98px
  }

  .md\:px-dynamic-99{
    padding-left:99px;
    padding-right:99px
  }

  .md\:py-\[16px\]{
    padding-top:16px;
    padding-bottom:16px
  }

  .md\:pb-\[48px\]{
    padding-bottom:48px
  }

  .md\:pr-\[16px\]{
    padding-right:16px
  }

  .md\:text-\[16px\]{
    font-size:16px
  }

  .md\:text-\[17px\]{
    font-size:17px
  }

  .md\:text-\[18px\]{
    font-size:18px
  }

  .md\:text-\[20px\]{
    font-size:20px
  }

  .md\:text-\[24px\]{
    font-size:24px
  }

  .md\:text-\[32px\]{
    font-size:32px
  }

  .md\:leading-\[1\.4\]{
    line-height:1.4
  }

  .md\:leading-\[15px\]{
    line-height:15px
  }

  .md\:leading-\[20px\]{
    line-height:20px
  }

  .md\:leading-\[45px\]{
    line-height:45px
  }

  .md\:text-\[\#fff9\]{
    color:#fff9
  }

  .md\:transition-all{
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
  }

  .md\:duration-300{
    transition-duration:.3s
  }

  .md\:hover\:scale-110:hover{
    --tw-scale-x:1.1;
    --tw-scale-y:1.1
  }

  .group:hover .md\:group-hover\:scale-\[1\.25\],.md\:hover\:scale-110:hover{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .group:hover .md\:group-hover\:scale-\[1\.25\]{
    --tw-scale-x:1.25;
    --tw-scale-y:1.25
  }

  .group:hover .md\:group-hover\:text-\[\#fff\]{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity,1))
  }

  @media not all and (min-width:1024px){
    .md\:max-lg\:text-\[16px\]{
      font-size:16px
    }

    .md\:max-lg\:leading-\[22px\]{
      line-height:22px
    }
  }

  @media (max-width:939px){
    .md\:max-\[939px\]\:min-w-\[304px\]{
      min-width:304px
    }
  }

  @media (max-width:894px){
    .md\:max-\[894px\]\:min-w-\[48px\]{
      min-width:48px
    }

    .md\:max-\[894px\]\:gap-\[16px\]{
      gap:16px
    }

    .md\:max-\[894px\]\:text-\[40px\]{
      font-size:40px
    }
  }
}

@media (min-width:1024px){
  .lg\:absolute{
    position:absolute
  }

  .lg\:col-span-3{
    grid-column:span 3/span 3
  }

  .lg\:row-span-2{
    grid-row:span 2/span 2
  }

  .lg\:-mx-dynamic-1{
    margin-left:-1px;
    margin-right:-1px
  }

  .lg\:-mx-dynamic-10{
    margin-left:-10px;
    margin-right:-10px
  }

  .lg\:-mx-dynamic-100{
    margin-left:-100px;
    margin-right:-100px
  }

  .lg\:-mx-dynamic-11{
    margin-left:-11px;
    margin-right:-11px
  }

  .lg\:-mx-dynamic-12{
    margin-left:-12px;
    margin-right:-12px
  }

  .lg\:-mx-dynamic-13{
    margin-left:-13px;
    margin-right:-13px
  }

  .lg\:-mx-dynamic-14{
    margin-left:-14px;
    margin-right:-14px
  }

  .lg\:-mx-dynamic-15{
    margin-left:-15px;
    margin-right:-15px
  }

  .lg\:-mx-dynamic-16{
    margin-left:-16px;
    margin-right:-16px
  }

  .lg\:-mx-dynamic-17{
    margin-left:-17px;
    margin-right:-17px
  }

  .lg\:-mx-dynamic-18{
    margin-left:-18px;
    margin-right:-18px
  }

  .lg\:-mx-dynamic-19{
    margin-left:-19px;
    margin-right:-19px
  }

  .lg\:-mx-dynamic-2{
    margin-left:-2px;
    margin-right:-2px
  }

  .lg\:-mx-dynamic-20{
    margin-left:-20px;
    margin-right:-20px
  }

  .lg\:-mx-dynamic-21{
    margin-left:-21px;
    margin-right:-21px
  }

  .lg\:-mx-dynamic-22{
    margin-left:-22px;
    margin-right:-22px
  }

  .lg\:-mx-dynamic-23{
    margin-left:-23px;
    margin-right:-23px
  }

  .lg\:-mx-dynamic-24{
    margin-left:-24px;
    margin-right:-24px
  }

  .lg\:-mx-dynamic-25{
    margin-left:-25px;
    margin-right:-25px
  }

  .lg\:-mx-dynamic-26{
    margin-left:-26px;
    margin-right:-26px
  }

  .lg\:-mx-dynamic-27{
    margin-left:-27px;
    margin-right:-27px
  }

  .lg\:-mx-dynamic-28{
    margin-left:-28px;
    margin-right:-28px
  }

  .lg\:-mx-dynamic-29{
    margin-left:-29px;
    margin-right:-29px
  }

  .lg\:-mx-dynamic-3{
    margin-left:-3px;
    margin-right:-3px
  }

  .lg\:-mx-dynamic-30{
    margin-left:-30px;
    margin-right:-30px
  }

  .lg\:-mx-dynamic-31{
    margin-left:-31px;
    margin-right:-31px
  }

  .lg\:-mx-dynamic-32{
    margin-left:-32px;
    margin-right:-32px
  }

  .lg\:-mx-dynamic-33{
    margin-left:-33px;
    margin-right:-33px
  }

  .lg\:-mx-dynamic-34{
    margin-left:-34px;
    margin-right:-34px
  }

  .lg\:-mx-dynamic-35{
    margin-left:-35px;
    margin-right:-35px
  }

  .lg\:-mx-dynamic-36{
    margin-left:-36px;
    margin-right:-36px
  }

  .lg\:-mx-dynamic-37{
    margin-left:-37px;
    margin-right:-37px
  }

  .lg\:-mx-dynamic-38{
    margin-left:-38px;
    margin-right:-38px
  }

  .lg\:-mx-dynamic-39{
    margin-left:-39px;
    margin-right:-39px
  }

  .lg\:-mx-dynamic-4{
    margin-left:-4px;
    margin-right:-4px
  }

  .lg\:-mx-dynamic-40{
    margin-left:-40px;
    margin-right:-40px
  }

  .lg\:-mx-dynamic-41{
    margin-left:-41px;
    margin-right:-41px
  }

  .lg\:-mx-dynamic-42{
    margin-left:-42px;
    margin-right:-42px
  }

  .lg\:-mx-dynamic-43{
    margin-left:-43px;
    margin-right:-43px
  }

  .lg\:-mx-dynamic-44{
    margin-left:-44px;
    margin-right:-44px
  }

  .lg\:-mx-dynamic-45{
    margin-left:-45px;
    margin-right:-45px
  }

  .lg\:-mx-dynamic-46{
    margin-left:-46px;
    margin-right:-46px
  }

  .lg\:-mx-dynamic-47{
    margin-left:-47px;
    margin-right:-47px
  }

  .lg\:-mx-dynamic-48{
    margin-left:-48px;
    margin-right:-48px
  }

  .lg\:-mx-dynamic-49{
    margin-left:-49px;
    margin-right:-49px
  }

  .lg\:-mx-dynamic-5{
    margin-left:-5px;
    margin-right:-5px
  }

  .lg\:-mx-dynamic-50{
    margin-left:-50px;
    margin-right:-50px
  }

  .lg\:-mx-dynamic-51{
    margin-left:-51px;
    margin-right:-51px
  }

  .lg\:-mx-dynamic-52{
    margin-left:-52px;
    margin-right:-52px
  }

  .lg\:-mx-dynamic-53{
    margin-left:-53px;
    margin-right:-53px
  }

  .lg\:-mx-dynamic-54{
    margin-left:-54px;
    margin-right:-54px
  }

  .lg\:-mx-dynamic-55{
    margin-left:-55px;
    margin-right:-55px
  }

  .lg\:-mx-dynamic-56{
    margin-left:-56px;
    margin-right:-56px
  }

  .lg\:-mx-dynamic-57{
    margin-left:-57px;
    margin-right:-57px
  }

  .lg\:-mx-dynamic-58{
    margin-left:-58px;
    margin-right:-58px
  }

  .lg\:-mx-dynamic-59{
    margin-left:-59px;
    margin-right:-59px
  }

  .lg\:-mx-dynamic-6{
    margin-left:-6px;
    margin-right:-6px
  }

  .lg\:-mx-dynamic-60{
    margin-left:-60px;
    margin-right:-60px
  }

  .lg\:-mx-dynamic-61{
    margin-left:-61px;
    margin-right:-61px
  }

  .lg\:-mx-dynamic-62{
    margin-left:-62px;
    margin-right:-62px
  }

  .lg\:-mx-dynamic-63{
    margin-left:-63px;
    margin-right:-63px
  }

  .lg\:-mx-dynamic-64{
    margin-left:-64px;
    margin-right:-64px
  }

  .lg\:-mx-dynamic-65{
    margin-left:-65px;
    margin-right:-65px
  }

  .lg\:-mx-dynamic-66{
    margin-left:-66px;
    margin-right:-66px
  }

  .lg\:-mx-dynamic-67{
    margin-left:-67px;
    margin-right:-67px
  }

  .lg\:-mx-dynamic-68{
    margin-left:-68px;
    margin-right:-68px
  }

  .lg\:-mx-dynamic-69{
    margin-left:-69px;
    margin-right:-69px
  }

  .lg\:-mx-dynamic-7{
    margin-left:-7px;
    margin-right:-7px
  }

  .lg\:-mx-dynamic-70{
    margin-left:-70px;
    margin-right:-70px
  }

  .lg\:-mx-dynamic-71{
    margin-left:-71px;
    margin-right:-71px
  }

  .lg\:-mx-dynamic-72{
    margin-left:-72px;
    margin-right:-72px
  }

  .lg\:-mx-dynamic-73{
    margin-left:-73px;
    margin-right:-73px
  }

  .lg\:-mx-dynamic-74{
    margin-left:-74px;
    margin-right:-74px
  }

  .lg\:-mx-dynamic-75{
    margin-left:-75px;
    margin-right:-75px
  }

  .lg\:-mx-dynamic-76{
    margin-left:-76px;
    margin-right:-76px
  }

  .lg\:-mx-dynamic-77{
    margin-left:-77px;
    margin-right:-77px
  }

  .lg\:-mx-dynamic-78{
    margin-left:-78px;
    margin-right:-78px
  }

  .lg\:-mx-dynamic-79{
    margin-left:-79px;
    margin-right:-79px
  }

  .lg\:-mx-dynamic-8{
    margin-left:-8px;
    margin-right:-8px
  }

  .lg\:-mx-dynamic-80{
    margin-left:-80px;
    margin-right:-80px
  }

  .lg\:-mx-dynamic-81{
    margin-left:-81px;
    margin-right:-81px
  }

  .lg\:-mx-dynamic-82{
    margin-left:-82px;
    margin-right:-82px
  }

  .lg\:-mx-dynamic-83{
    margin-left:-83px;
    margin-right:-83px
  }

  .lg\:-mx-dynamic-84{
    margin-left:-84px;
    margin-right:-84px
  }

  .lg\:-mx-dynamic-85{
    margin-left:-85px;
    margin-right:-85px
  }

  .lg\:-mx-dynamic-86{
    margin-left:-86px;
    margin-right:-86px
  }

  .lg\:-mx-dynamic-87{
    margin-left:-87px;
    margin-right:-87px
  }

  .lg\:-mx-dynamic-88{
    margin-left:-88px;
    margin-right:-88px
  }

  .lg\:-mx-dynamic-89{
    margin-left:-89px;
    margin-right:-89px
  }

  .lg\:-mx-dynamic-9{
    margin-left:-9px;
    margin-right:-9px
  }

  .lg\:-mx-dynamic-90{
    margin-left:-90px;
    margin-right:-90px
  }

  .lg\:-mx-dynamic-91{
    margin-left:-91px;
    margin-right:-91px
  }

  .lg\:-mx-dynamic-92{
    margin-left:-92px;
    margin-right:-92px
  }

  .lg\:-mx-dynamic-93{
    margin-left:-93px;
    margin-right:-93px
  }

  .lg\:-mx-dynamic-94{
    margin-left:-94px;
    margin-right:-94px
  }

  .lg\:-mx-dynamic-95{
    margin-left:-95px;
    margin-right:-95px
  }

  .lg\:-mx-dynamic-96{
    margin-left:-96px;
    margin-right:-96px
  }

  .lg\:-mx-dynamic-97{
    margin-left:-97px;
    margin-right:-97px
  }

  .lg\:-mx-dynamic-98{
    margin-left:-98px;
    margin-right:-98px
  }

  .lg\:-mx-dynamic-99{
    margin-left:-99px;
    margin-right:-99px
  }

  .lg\:my-\[36px\]{
    margin-top:36px;
    margin-bottom:36px
  }

  .lg\:-mr-\[16px\]{
    margin-right:-16px
  }

  .lg\:mb-\[24px\]{
    margin-bottom:24px
  }

  .lg\:mb-\[48px\]{
    margin-bottom:48px
  }

  .lg\:ms-1-24{
    margin-inline-start:4.166666666666666%
  }

  .lg\:ms-10-24{
    margin-inline-start:41.66666666666667%
  }

  .lg\:ms-11-24{
    margin-inline-start:45.83333333333333%
  }

  .lg\:ms-12-24{
    margin-inline-start:50%
  }

  .lg\:ms-13-24{
    margin-inline-start:54.166666666666664%
  }

  .lg\:ms-14-24{
    margin-inline-start:58.333333333333336%
  }

  .lg\:ms-15-24{
    margin-inline-start:62.5%
  }

  .lg\:ms-16-24{
    margin-inline-start:66.66666666666666%
  }

  .lg\:ms-17-24{
    margin-inline-start:70.83333333333334%
  }

  .lg\:ms-18-24{
    margin-inline-start:75%
  }

  .lg\:ms-19-24{
    margin-inline-start:79.16666666666666%
  }

  .lg\:ms-2-24{
    margin-inline-start:8.333333333333332%
  }

  .lg\:ms-20-24{
    margin-inline-start:83.33333333333334%
  }

  .lg\:ms-21-24{
    margin-inline-start:87.5%
  }

  .lg\:ms-22-24{
    margin-inline-start:91.66666666666666%
  }

  .lg\:ms-23-24{
    margin-inline-start:95.83333333333334%
  }

  .lg\:ms-24-24{
    margin-inline-start:100%
  }

  .lg\:ms-3-24{
    margin-inline-start:12.5%
  }

  .lg\:ms-4-24{
    margin-inline-start:16.666666666666664%
  }

  .lg\:ms-5-24{
    margin-inline-start:20.833333333333336%
  }

  .lg\:ms-6-24{
    margin-inline-start:25%
  }

  .lg\:ms-7-24{
    margin-inline-start:29.166666666666668%
  }

  .lg\:ms-8-24{
    margin-inline-start:33.33333333333333%
  }

  .lg\:ms-9-24{
    margin-inline-start:37.5%
  }

  .lg\:mt-6{
    margin-top:1.5rem
  }

  .lg\:mt-\[12px\]{
    margin-top:12px
  }

  .lg\:mt-\[16px\]{
    margin-top:16px
  }

  .lg\:mt-\[24px\]{
    margin-top:24px
  }

  .lg\:mt-\[32px\]{
    margin-top:32px
  }

  .lg\:mt-\[36px\]{
    margin-top:36px
  }

  .lg\:line-clamp-4{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4
  }

  .lg\:block{
    display:block
  }

  .lg\:inline{
    display:inline
  }

  .lg\:flex{
    display:flex
  }

  .lg\:hidden{
    display:none
  }

  .lg\:aspect-\[134\/180\]{
    aspect-ratio:134/180
  }

  .lg\:aspect-\[191\/345\]{
    aspect-ratio:191/345
  }

  .lg\:aspect-\[312\/164\]{
    aspect-ratio:312/164
  }

  .lg\:aspect-\[318\/132\]{
    aspect-ratio:318/132
  }

  .lg\:aspect-\[986\/280\]{
    aspect-ratio:986/280
  }

  .lg\:size-\[44px\]{
    width:44px;
    height:44px
  }

  .lg\:h-\[15px\]{
    height:15px
  }

  .lg\:h-\[345px\]{
    height:345px
  }

  .lg\:h-\[420px\]{
    height:420px
  }

  .lg\:h-\[44px\]{
    height:44px
  }

  .lg\:h-\[95px\]{
    height:95px
  }

  .lg\:w-1-24{
    width:4.166666666666666%
  }

  .lg\:w-10-24{
    width:41.66666666666667%
  }

  .lg\:w-11-24{
    width:45.83333333333333%
  }

  .lg\:w-12-24{
    width:50%
  }

  .lg\:w-13-24{
    width:54.166666666666664%
  }

  .lg\:w-14-24{
    width:58.333333333333336%
  }

  .lg\:w-15-24{
    width:62.5%
  }

  .lg\:w-16-24{
    width:66.66666666666666%
  }

  .lg\:w-17-24{
    width:70.83333333333334%
  }

  .lg\:w-18-24{
    width:75%
  }

  .lg\:w-19-24{
    width:79.16666666666666%
  }

  .lg\:w-2-24{
    width:8.333333333333332%
  }

  .lg\:w-20-24{
    width:83.33333333333334%
  }

  .lg\:w-21-24{
    width:87.5%
  }

  .lg\:w-22-24{
    width:91.66666666666666%
  }

  .lg\:w-23-24{
    width:95.83333333333334%
  }

  .lg\:w-24-24{
    width:100%
  }

  .lg\:w-3-24{
    width:12.5%
  }

  .lg\:w-4-24{
    width:16.666666666666664%
  }

  .lg\:w-5-24{
    width:20.833333333333336%
  }

  .lg\:w-6-24{
    width:25%
  }

  .lg\:w-7-24{
    width:29.166666666666668%
  }

  .lg\:w-8-24{
    width:33.33333333333333%
  }

  .lg\:w-9-24{
    width:37.5%
  }

  .lg\:w-\[110px\]{
    width:110px
  }

  .lg\:w-\[191px\]{
    width:191px
  }

  .lg\:w-\[276px\]{
    width:276px
  }

  .lg\:w-\[312px\]{
    width:312px
  }

  .lg\:w-\[360px\]{
    width:360px
  }

  .lg\:w-\[388px\]{
    width:388px
  }

  .lg\:w-\[44px\]{
    width:44px
  }

  .lg\:w-\[734px\]{
    width:734px
  }

  .lg\:w-\[800px\]{
    width:800px
  }

  .lg\:w-\[872px\]{
    width:872px
  }

  .lg\:w-col-1{
    width:100%
  }

  .lg\:w-col-10{
    width:10%
  }

  .lg\:w-col-11{
    width:9.090909090909092%
  }

  .lg\:w-col-12{
    width:8.333333333333334%
  }

  .lg\:w-col-13{
    width:7.6923076923076925%
  }

  .lg\:w-col-14{
    width:7.142857142857143%
  }

  .lg\:w-col-15{
    width:6.666666666666667%
  }

  .lg\:w-col-16{
    width:6.25%
  }

  .lg\:w-col-17{
    width:5.882352941176471%
  }

  .lg\:w-col-18{
    width:5.555555555555555%
  }

  .lg\:w-col-19{
    width:5.2631578947368425%
  }

  .lg\:w-col-2{
    width:50%
  }

  .lg\:w-col-20{
    width:5%
  }

  .lg\:w-col-21{
    width:4.761904761904762%
  }

  .lg\:w-col-22{
    width:4.545454545454546%
  }

  .lg\:w-col-23{
    width:4.3478260869565215%
  }

  .lg\:w-col-24{
    width:4.166666666666667%
  }

  .lg\:w-col-3{
    width:33.333333333333336%
  }

  .lg\:w-col-4{
    width:25%
  }

  .lg\:w-col-5{
    width:20%
  }

  .lg\:w-col-6{
    width:16.666666666666668%
  }

  .lg\:w-col-7{
    width:14.285714285714286%
  }

  .lg\:w-col-8{
    width:12.5%
  }

  .lg\:w-col-9{
    width:11.11111111111111%
  }

  .lg\:w-full{
    width:100%
  }

  .lg\:w-max{
    width:-moz-max-content;
    width:max-content
  }

  .lg\:max-w-\[1030px\]{
    max-width:1030px
  }

  .lg\:max-w-\[110px\]{
    max-width:110px
  }

  .lg\:max-w-\[116px\]{
    max-width:116px
  }

  .lg\:max-w-\[312px\]{
    max-width:312px
  }

  .lg\:max-w-\[424px\]{
    max-width:424px
  }

  .lg\:max-w-\[536px\]{
    max-width:536px
  }

  .lg\:flex-1{
    flex:1 1 0%
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .lg\:grid-cols-7{
    grid-template-columns:repeat(7,minmax(0,1fr))
  }

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

  .lg\:flex-col{
    flex-direction:column
  }

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

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

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

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

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

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

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

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

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

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

  .lg\:justify-evenly{
    justify-content:space-evenly
  }

  .lg\:gap-4{
    gap:1rem
  }

  .lg\:gap-\[16px\]{
    gap:16px
  }

  .lg\:gap-\[24px\]{
    gap:24px
  }

  .lg\:gap-\[60px\]{
    gap:60px
  }

  .lg\:gap-x-\[24px\]{
    -moz-column-gap:24px;
    column-gap:24px
  }

  .lg\:gap-y-dynamic-1{
    row-gap:1px
  }

  .lg\:gap-y-dynamic-10{
    row-gap:10px
  }

  .lg\:gap-y-dynamic-100{
    row-gap:100px
  }

  .lg\:gap-y-dynamic-11{
    row-gap:11px
  }

  .lg\:gap-y-dynamic-12{
    row-gap:12px
  }

  .lg\:gap-y-dynamic-13{
    row-gap:13px
  }

  .lg\:gap-y-dynamic-14{
    row-gap:14px
  }

  .lg\:gap-y-dynamic-15{
    row-gap:15px
  }

  .lg\:gap-y-dynamic-16{
    row-gap:16px
  }

  .lg\:gap-y-dynamic-17{
    row-gap:17px
  }

  .lg\:gap-y-dynamic-18{
    row-gap:18px
  }

  .lg\:gap-y-dynamic-19{
    row-gap:19px
  }

  .lg\:gap-y-dynamic-2{
    row-gap:2px
  }

  .lg\:gap-y-dynamic-20{
    row-gap:20px
  }

  .lg\:gap-y-dynamic-21{
    row-gap:21px
  }

  .lg\:gap-y-dynamic-22{
    row-gap:22px
  }

  .lg\:gap-y-dynamic-23{
    row-gap:23px
  }

  .lg\:gap-y-dynamic-24{
    row-gap:24px
  }

  .lg\:gap-y-dynamic-25{
    row-gap:25px
  }

  .lg\:gap-y-dynamic-26{
    row-gap:26px
  }

  .lg\:gap-y-dynamic-27{
    row-gap:27px
  }

  .lg\:gap-y-dynamic-28{
    row-gap:28px
  }

  .lg\:gap-y-dynamic-29{
    row-gap:29px
  }

  .lg\:gap-y-dynamic-3{
    row-gap:3px
  }

  .lg\:gap-y-dynamic-30{
    row-gap:30px
  }

  .lg\:gap-y-dynamic-31{
    row-gap:31px
  }

  .lg\:gap-y-dynamic-32{
    row-gap:32px
  }

  .lg\:gap-y-dynamic-33{
    row-gap:33px
  }

  .lg\:gap-y-dynamic-34{
    row-gap:34px
  }

  .lg\:gap-y-dynamic-35{
    row-gap:35px
  }

  .lg\:gap-y-dynamic-36{
    row-gap:36px
  }

  .lg\:gap-y-dynamic-37{
    row-gap:37px
  }

  .lg\:gap-y-dynamic-38{
    row-gap:38px
  }

  .lg\:gap-y-dynamic-39{
    row-gap:39px
  }

  .lg\:gap-y-dynamic-4{
    row-gap:4px
  }

  .lg\:gap-y-dynamic-40{
    row-gap:40px
  }

  .lg\:gap-y-dynamic-41{
    row-gap:41px
  }

  .lg\:gap-y-dynamic-42{
    row-gap:42px
  }

  .lg\:gap-y-dynamic-43{
    row-gap:43px
  }

  .lg\:gap-y-dynamic-44{
    row-gap:44px
  }

  .lg\:gap-y-dynamic-45{
    row-gap:45px
  }

  .lg\:gap-y-dynamic-46{
    row-gap:46px
  }

  .lg\:gap-y-dynamic-47{
    row-gap:47px
  }

  .lg\:gap-y-dynamic-48{
    row-gap:48px
  }

  .lg\:gap-y-dynamic-49{
    row-gap:49px
  }

  .lg\:gap-y-dynamic-5{
    row-gap:5px
  }

  .lg\:gap-y-dynamic-50{
    row-gap:50px
  }

  .lg\:gap-y-dynamic-51{
    row-gap:51px
  }

  .lg\:gap-y-dynamic-52{
    row-gap:52px
  }

  .lg\:gap-y-dynamic-53{
    row-gap:53px
  }

  .lg\:gap-y-dynamic-54{
    row-gap:54px
  }

  .lg\:gap-y-dynamic-55{
    row-gap:55px
  }

  .lg\:gap-y-dynamic-56{
    row-gap:56px
  }

  .lg\:gap-y-dynamic-57{
    row-gap:57px
  }

  .lg\:gap-y-dynamic-58{
    row-gap:58px
  }

  .lg\:gap-y-dynamic-59{
    row-gap:59px
  }

  .lg\:gap-y-dynamic-6{
    row-gap:6px
  }

  .lg\:gap-y-dynamic-60{
    row-gap:60px
  }

  .lg\:gap-y-dynamic-61{
    row-gap:61px
  }

  .lg\:gap-y-dynamic-62{
    row-gap:62px
  }

  .lg\:gap-y-dynamic-63{
    row-gap:63px
  }

  .lg\:gap-y-dynamic-64{
    row-gap:64px
  }

  .lg\:gap-y-dynamic-65{
    row-gap:65px
  }

  .lg\:gap-y-dynamic-66{
    row-gap:66px
  }

  .lg\:gap-y-dynamic-67{
    row-gap:67px
  }

  .lg\:gap-y-dynamic-68{
    row-gap:68px
  }

  .lg\:gap-y-dynamic-69{
    row-gap:69px
  }

  .lg\:gap-y-dynamic-7{
    row-gap:7px
  }

  .lg\:gap-y-dynamic-70{
    row-gap:70px
  }

  .lg\:gap-y-dynamic-71{
    row-gap:71px
  }

  .lg\:gap-y-dynamic-72{
    row-gap:72px
  }

  .lg\:gap-y-dynamic-73{
    row-gap:73px
  }

  .lg\:gap-y-dynamic-74{
    row-gap:74px
  }

  .lg\:gap-y-dynamic-75{
    row-gap:75px
  }

  .lg\:gap-y-dynamic-76{
    row-gap:76px
  }

  .lg\:gap-y-dynamic-77{
    row-gap:77px
  }

  .lg\:gap-y-dynamic-78{
    row-gap:78px
  }

  .lg\:gap-y-dynamic-79{
    row-gap:79px
  }

  .lg\:gap-y-dynamic-8{
    row-gap:8px
  }

  .lg\:gap-y-dynamic-80{
    row-gap:80px
  }

  .lg\:gap-y-dynamic-81{
    row-gap:81px
  }

  .lg\:gap-y-dynamic-82{
    row-gap:82px
  }

  .lg\:gap-y-dynamic-83{
    row-gap:83px
  }

  .lg\:gap-y-dynamic-84{
    row-gap:84px
  }

  .lg\:gap-y-dynamic-85{
    row-gap:85px
  }

  .lg\:gap-y-dynamic-86{
    row-gap:86px
  }

  .lg\:gap-y-dynamic-87{
    row-gap:87px
  }

  .lg\:gap-y-dynamic-88{
    row-gap:88px
  }

  .lg\:gap-y-dynamic-89{
    row-gap:89px
  }

  .lg\:gap-y-dynamic-9{
    row-gap:9px
  }

  .lg\:gap-y-dynamic-90{
    row-gap:90px
  }

  .lg\:gap-y-dynamic-91{
    row-gap:91px
  }

  .lg\:gap-y-dynamic-92{
    row-gap:92px
  }

  .lg\:gap-y-dynamic-93{
    row-gap:93px
  }

  .lg\:gap-y-dynamic-94{
    row-gap:94px
  }

  .lg\:gap-y-dynamic-95{
    row-gap:95px
  }

  .lg\:gap-y-dynamic-96{
    row-gap:96px
  }

  .lg\:gap-y-dynamic-97{
    row-gap:97px
  }

  .lg\:gap-y-dynamic-98{
    row-gap:98px
  }

  .lg\:gap-y-dynamic-99{
    row-gap:99px
  }

  .lg\:rounded-\[16px\]{
    border-radius:16px
  }

  .lg\:rounded-\[24px\]{
    border-radius:24px
  }

  .lg\:border-x-4{
    border-left-width:4px;
    border-right-width:4px
  }

  .lg\:border-t-4{
    border-top-width:4px
  }

  .lg\:border-\[\#69B1FF3D\]{
    border-color:#69B1FF3D
  }

  .lg\:bg-\[\#ffffff14\]{
    background-color:#ffffff14
  }

  .lg\:bg-gradient-to-b{
    background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
  }

  .lg\:from-\[\#272450\]{
    --tw-gradient-from:#272450 var(--tw-gradient-from-position);
    --tw-gradient-to:rgb(39 36 80/0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
  }

  .lg\:to-\[\#27245000\]{
    --tw-gradient-to:#27245000 var(--tw-gradient-to-position)
  }

  .lg\:p-4{
    padding:1rem
  }

  .lg\:p-\[24px\]{
    padding:24px
  }

  .lg\:p-\[60px\]{
    padding:60px
  }

  .lg\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }

  .lg\:px-\[16px\]{
    padding-left:16px;
    padding-right:16px
  }

  .lg\:px-\[24px\]{
    padding-left:24px;
    padding-right:24px
  }

  .lg\:px-dynamic-1{
    padding-left:1px;
    padding-right:1px
  }

  .lg\:px-dynamic-10{
    padding-left:10px;
    padding-right:10px
  }

  .lg\:px-dynamic-100{
    padding-left:100px;
    padding-right:100px
  }

  .lg\:px-dynamic-11{
    padding-left:11px;
    padding-right:11px
  }

  .lg\:px-dynamic-12{
    padding-left:12px;
    padding-right:12px
  }

  .lg\:px-dynamic-13{
    padding-left:13px;
    padding-right:13px
  }

  .lg\:px-dynamic-14{
    padding-left:14px;
    padding-right:14px
  }

  .lg\:px-dynamic-15{
    padding-left:15px;
    padding-right:15px
  }

  .lg\:px-dynamic-16{
    padding-left:16px;
    padding-right:16px
  }

  .lg\:px-dynamic-17{
    padding-left:17px;
    padding-right:17px
  }

  .lg\:px-dynamic-18{
    padding-left:18px;
    padding-right:18px
  }

  .lg\:px-dynamic-19{
    padding-left:19px;
    padding-right:19px
  }

  .lg\:px-dynamic-2{
    padding-left:2px;
    padding-right:2px
  }

  .lg\:px-dynamic-20{
    padding-left:20px;
    padding-right:20px
  }

  .lg\:px-dynamic-21{
    padding-left:21px;
    padding-right:21px
  }

  .lg\:px-dynamic-22{
    padding-left:22px;
    padding-right:22px
  }

  .lg\:px-dynamic-23{
    padding-left:23px;
    padding-right:23px
  }

  .lg\:px-dynamic-24{
    padding-left:24px;
    padding-right:24px
  }

  .lg\:px-dynamic-25{
    padding-left:25px;
    padding-right:25px
  }

  .lg\:px-dynamic-26{
    padding-left:26px;
    padding-right:26px
  }

  .lg\:px-dynamic-27{
    padding-left:27px;
    padding-right:27px
  }

  .lg\:px-dynamic-28{
    padding-left:28px;
    padding-right:28px
  }

  .lg\:px-dynamic-29{
    padding-left:29px;
    padding-right:29px
  }

  .lg\:px-dynamic-3{
    padding-left:3px;
    padding-right:3px
  }

  .lg\:px-dynamic-30{
    padding-left:30px;
    padding-right:30px
  }

  .lg\:px-dynamic-31{
    padding-left:31px;
    padding-right:31px
  }

  .lg\:px-dynamic-32{
    padding-left:32px;
    padding-right:32px
  }

  .lg\:px-dynamic-33{
    padding-left:33px;
    padding-right:33px
  }

  .lg\:px-dynamic-34{
    padding-left:34px;
    padding-right:34px
  }

  .lg\:px-dynamic-35{
    padding-left:35px;
    padding-right:35px
  }

  .lg\:px-dynamic-36{
    padding-left:36px;
    padding-right:36px
  }

  .lg\:px-dynamic-37{
    padding-left:37px;
    padding-right:37px
  }

  .lg\:px-dynamic-38{
    padding-left:38px;
    padding-right:38px
  }

  .lg\:px-dynamic-39{
    padding-left:39px;
    padding-right:39px
  }

  .lg\:px-dynamic-4{
    padding-left:4px;
    padding-right:4px
  }

  .lg\:px-dynamic-40{
    padding-left:40px;
    padding-right:40px
  }

  .lg\:px-dynamic-41{
    padding-left:41px;
    padding-right:41px
  }

  .lg\:px-dynamic-42{
    padding-left:42px;
    padding-right:42px
  }

  .lg\:px-dynamic-43{
    padding-left:43px;
    padding-right:43px
  }

  .lg\:px-dynamic-44{
    padding-left:44px;
    padding-right:44px
  }

  .lg\:px-dynamic-45{
    padding-left:45px;
    padding-right:45px
  }

  .lg\:px-dynamic-46{
    padding-left:46px;
    padding-right:46px
  }

  .lg\:px-dynamic-47{
    padding-left:47px;
    padding-right:47px
  }

  .lg\:px-dynamic-48{
    padding-left:48px;
    padding-right:48px
  }

  .lg\:px-dynamic-49{
    padding-left:49px;
    padding-right:49px
  }

  .lg\:px-dynamic-5{
    padding-left:5px;
    padding-right:5px
  }

  .lg\:px-dynamic-50{
    padding-left:50px;
    padding-right:50px
  }

  .lg\:px-dynamic-51{
    padding-left:51px;
    padding-right:51px
  }

  .lg\:px-dynamic-52{
    padding-left:52px;
    padding-right:52px
  }

  .lg\:px-dynamic-53{
    padding-left:53px;
    padding-right:53px
  }

  .lg\:px-dynamic-54{
    padding-left:54px;
    padding-right:54px
  }

  .lg\:px-dynamic-55{
    padding-left:55px;
    padding-right:55px
  }

  .lg\:px-dynamic-56{
    padding-left:56px;
    padding-right:56px
  }

  .lg\:px-dynamic-57{
    padding-left:57px;
    padding-right:57px
  }

  .lg\:px-dynamic-58{
    padding-left:58px;
    padding-right:58px
  }

  .lg\:px-dynamic-59{
    padding-left:59px;
    padding-right:59px
  }

  .lg\:px-dynamic-6{
    padding-left:6px;
    padding-right:6px
  }

  .lg\:px-dynamic-60{
    padding-left:60px;
    padding-right:60px
  }

  .lg\:px-dynamic-61{
    padding-left:61px;
    padding-right:61px
  }

  .lg\:px-dynamic-62{
    padding-left:62px;
    padding-right:62px
  }

  .lg\:px-dynamic-63{
    padding-left:63px;
    padding-right:63px
  }

  .lg\:px-dynamic-64{
    padding-left:64px;
    padding-right:64px
  }

  .lg\:px-dynamic-65{
    padding-left:65px;
    padding-right:65px
  }

  .lg\:px-dynamic-66{
    padding-left:66px;
    padding-right:66px
  }

  .lg\:px-dynamic-67{
    padding-left:67px;
    padding-right:67px
  }

  .lg\:px-dynamic-68{
    padding-left:68px;
    padding-right:68px
  }

  .lg\:px-dynamic-69{
    padding-left:69px;
    padding-right:69px
  }

  .lg\:px-dynamic-7{
    padding-left:7px;
    padding-right:7px
  }

  .lg\:px-dynamic-70{
    padding-left:70px;
    padding-right:70px
  }

  .lg\:px-dynamic-71{
    padding-left:71px;
    padding-right:71px
  }

  .lg\:px-dynamic-72{
    padding-left:72px;
    padding-right:72px
  }

  .lg\:px-dynamic-73{
    padding-left:73px;
    padding-right:73px
  }

  .lg\:px-dynamic-74{
    padding-left:74px;
    padding-right:74px
  }

  .lg\:px-dynamic-75{
    padding-left:75px;
    padding-right:75px
  }

  .lg\:px-dynamic-76{
    padding-left:76px;
    padding-right:76px
  }

  .lg\:px-dynamic-77{
    padding-left:77px;
    padding-right:77px
  }

  .lg\:px-dynamic-78{
    padding-left:78px;
    padding-right:78px
  }

  .lg\:px-dynamic-79{
    padding-left:79px;
    padding-right:79px
  }

  .lg\:px-dynamic-8{
    padding-left:8px;
    padding-right:8px
  }

  .lg\:px-dynamic-80{
    padding-left:80px;
    padding-right:80px
  }

  .lg\:px-dynamic-81{
    padding-left:81px;
    padding-right:81px
  }

  .lg\:px-dynamic-82{
    padding-left:82px;
    padding-right:82px
  }

  .lg\:px-dynamic-83{
    padding-left:83px;
    padding-right:83px
  }

  .lg\:px-dynamic-84{
    padding-left:84px;
    padding-right:84px
  }

  .lg\:px-dynamic-85{
    padding-left:85px;
    padding-right:85px
  }

  .lg\:px-dynamic-86{
    padding-left:86px;
    padding-right:86px
  }

  .lg\:px-dynamic-87{
    padding-left:87px;
    padding-right:87px
  }

  .lg\:px-dynamic-88{
    padding-left:88px;
    padding-right:88px
  }

  .lg\:px-dynamic-89{
    padding-left:89px;
    padding-right:89px
  }

  .lg\:px-dynamic-9{
    padding-left:9px;
    padding-right:9px
  }

  .lg\:px-dynamic-90{
    padding-left:90px;
    padding-right:90px
  }

  .lg\:px-dynamic-91{
    padding-left:91px;
    padding-right:91px
  }

  .lg\:px-dynamic-92{
    padding-left:92px;
    padding-right:92px
  }

  .lg\:px-dynamic-93{
    padding-left:93px;
    padding-right:93px
  }

  .lg\:px-dynamic-94{
    padding-left:94px;
    padding-right:94px
  }

  .lg\:px-dynamic-95{
    padding-left:95px;
    padding-right:95px
  }

  .lg\:px-dynamic-96{
    padding-left:96px;
    padding-right:96px
  }

  .lg\:px-dynamic-97{
    padding-left:97px;
    padding-right:97px
  }

  .lg\:px-dynamic-98{
    padding-left:98px;
    padding-right:98px
  }

  .lg\:px-dynamic-99{
    padding-left:99px;
    padding-right:99px
  }

  .lg\:py-5{
    padding-top:1.25rem;
    padding-bottom:1.25rem
  }

  .lg\:py-\[20px\]{
    padding-top:20px;
    padding-bottom:20px
  }

  .lg\:pr-\[16px\]{
    padding-right:16px
  }

  .lg\:pr-\[40px\]{
    padding-right:40px
  }

  .lg\:pt-\[16px\]{
    padding-top:16px
  }

  .lg\:text-\[14px\]{
    font-size:14px
  }

  .lg\:text-\[16px\]{
    font-size:16px
  }

  .lg\:text-\[20px\]{
    font-size:20px
  }

  .lg\:text-\[24px\]{
    font-size:24px
  }

  .lg\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem
  }

  .lg\:leading-\[15px\]{
    line-height:15px
  }

  .lg\:leading-\[22px\]{
    line-height:22px
  }

  .lg\:leading-\[28px\]{
    line-height:28px
  }

  .lg\:leading-\[34px\]{
    line-height:34px
  }

  .lg\:leading-\[none\]{
    line-height:none
  }

  .lg\:text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255/var(--tw-text-opacity,1))
  }

  .lg\:opacity-0{
    opacity:0
  }

  .lg\:hover\:bg-\[\#3463DB\]:hover{
    --tw-bg-opacity:1;
    background-color:rgb(52 99 219/var(--tw-bg-opacity,1))
  }
}

@media (min-width:1280px){
  .xl\:-mx-dynamic-1{
    margin-left:-1px;
    margin-right:-1px
  }

  .xl\:-mx-dynamic-10{
    margin-left:-10px;
    margin-right:-10px
  }

  .xl\:-mx-dynamic-100{
    margin-left:-100px;
    margin-right:-100px
  }

  .xl\:-mx-dynamic-11{
    margin-left:-11px;
    margin-right:-11px
  }

  .xl\:-mx-dynamic-12{
    margin-left:-12px;
    margin-right:-12px
  }

  .xl\:-mx-dynamic-13{
    margin-left:-13px;
    margin-right:-13px
  }

  .xl\:-mx-dynamic-14{
    margin-left:-14px;
    margin-right:-14px
  }

  .xl\:-mx-dynamic-15{
    margin-left:-15px;
    margin-right:-15px
  }

  .xl\:-mx-dynamic-16{
    margin-left:-16px;
    margin-right:-16px
  }

  .xl\:-mx-dynamic-17{
    margin-left:-17px;
    margin-right:-17px
  }

  .xl\:-mx-dynamic-18{
    margin-left:-18px;
    margin-right:-18px
  }

  .xl\:-mx-dynamic-19{
    margin-left:-19px;
    margin-right:-19px
  }

  .xl\:-mx-dynamic-2{
    margin-left:-2px;
    margin-right:-2px
  }

  .xl\:-mx-dynamic-20{
    margin-left:-20px;
    margin-right:-20px
  }

  .xl\:-mx-dynamic-21{
    margin-left:-21px;
    margin-right:-21px
  }

  .xl\:-mx-dynamic-22{
    margin-left:-22px;
    margin-right:-22px
  }

  .xl\:-mx-dynamic-23{
    margin-left:-23px;
    margin-right:-23px
  }

  .xl\:-mx-dynamic-24{
    margin-left:-24px;
    margin-right:-24px
  }

  .xl\:-mx-dynamic-25{
    margin-left:-25px;
    margin-right:-25px
  }

  .xl\:-mx-dynamic-26{
    margin-left:-26px;
    margin-right:-26px
  }

  .xl\:-mx-dynamic-27{
    margin-left:-27px;
    margin-right:-27px
  }

  .xl\:-mx-dynamic-28{
    margin-left:-28px;
    margin-right:-28px
  }

  .xl\:-mx-dynamic-29{
    margin-left:-29px;
    margin-right:-29px
  }

  .xl\:-mx-dynamic-3{
    margin-left:-3px;
    margin-right:-3px
  }

  .xl\:-mx-dynamic-30{
    margin-left:-30px;
    margin-right:-30px
  }

  .xl\:-mx-dynamic-31{
    margin-left:-31px;
    margin-right:-31px
  }

  .xl\:-mx-dynamic-32{
    margin-left:-32px;
    margin-right:-32px
  }

  .xl\:-mx-dynamic-33{
    margin-left:-33px;
    margin-right:-33px
  }

  .xl\:-mx-dynamic-34{
    margin-left:-34px;
    margin-right:-34px
  }

  .xl\:-mx-dynamic-35{
    margin-left:-35px;
    margin-right:-35px
  }

  .xl\:-mx-dynamic-36{
    margin-left:-36px;
    margin-right:-36px
  }

  .xl\:-mx-dynamic-37{
    margin-left:-37px;
    margin-right:-37px
  }

  .xl\:-mx-dynamic-38{
    margin-left:-38px;
    margin-right:-38px
  }

  .xl\:-mx-dynamic-39{
    margin-left:-39px;
    margin-right:-39px
  }

  .xl\:-mx-dynamic-4{
    margin-left:-4px;
    margin-right:-4px
  }

  .xl\:-mx-dynamic-40{
    margin-left:-40px;
    margin-right:-40px
  }

  .xl\:-mx-dynamic-41{
    margin-left:-41px;
    margin-right:-41px
  }

  .xl\:-mx-dynamic-42{
    margin-left:-42px;
    margin-right:-42px
  }

  .xl\:-mx-dynamic-43{
    margin-left:-43px;
    margin-right:-43px
  }

  .xl\:-mx-dynamic-44{
    margin-left:-44px;
    margin-right:-44px
  }

  .xl\:-mx-dynamic-45{
    margin-left:-45px;
    margin-right:-45px
  }

  .xl\:-mx-dynamic-46{
    margin-left:-46px;
    margin-right:-46px
  }

  .xl\:-mx-dynamic-47{
    margin-left:-47px;
    margin-right:-47px
  }

  .xl\:-mx-dynamic-48{
    margin-left:-48px;
    margin-right:-48px
  }

  .xl\:-mx-dynamic-49{
    margin-left:-49px;
    margin-right:-49px
  }

  .xl\:-mx-dynamic-5{
    margin-left:-5px;
    margin-right:-5px
  }

  .xl\:-mx-dynamic-50{
    margin-left:-50px;
    margin-right:-50px
  }

  .xl\:-mx-dynamic-51{
    margin-left:-51px;
    margin-right:-51px
  }

  .xl\:-mx-dynamic-52{
    margin-left:-52px;
    margin-right:-52px
  }

  .xl\:-mx-dynamic-53{
    margin-left:-53px;
    margin-right:-53px
  }

  .xl\:-mx-dynamic-54{
    margin-left:-54px;
    margin-right:-54px
  }

  .xl\:-mx-dynamic-55{
    margin-left:-55px;
    margin-right:-55px
  }

  .xl\:-mx-dynamic-56{
    margin-left:-56px;
    margin-right:-56px
  }

  .xl\:-mx-dynamic-57{
    margin-left:-57px;
    margin-right:-57px
  }

  .xl\:-mx-dynamic-58{
    margin-left:-58px;
    margin-right:-58px
  }

  .xl\:-mx-dynamic-59{
    margin-left:-59px;
    margin-right:-59px
  }

  .xl\:-mx-dynamic-6{
    margin-left:-6px;
    margin-right:-6px
  }

  .xl\:-mx-dynamic-60{
    margin-left:-60px;
    margin-right:-60px
  }

  .xl\:-mx-dynamic-61{
    margin-left:-61px;
    margin-right:-61px
  }

  .xl\:-mx-dynamic-62{
    margin-left:-62px;
    margin-right:-62px
  }

  .xl\:-mx-dynamic-63{
    margin-left:-63px;
    margin-right:-63px
  }

  .xl\:-mx-dynamic-64{
    margin-left:-64px;
    margin-right:-64px
  }

  .xl\:-mx-dynamic-65{
    margin-left:-65px;
    margin-right:-65px
  }

  .xl\:-mx-dynamic-66{
    margin-left:-66px;
    margin-right:-66px
  }

  .xl\:-mx-dynamic-67{
    margin-left:-67px;
    margin-right:-67px
  }

  .xl\:-mx-dynamic-68{
    margin-left:-68px;
    margin-right:-68px
  }

  .xl\:-mx-dynamic-69{
    margin-left:-69px;
    margin-right:-69px
  }

  .xl\:-mx-dynamic-7{
    margin-left:-7px;
    margin-right:-7px
  }

  .xl\:-mx-dynamic-70{
    margin-left:-70px;
    margin-right:-70px
  }

  .xl\:-mx-dynamic-71{
    margin-left:-71px;
    margin-right:-71px
  }

  .xl\:-mx-dynamic-72{
    margin-left:-72px;
    margin-right:-72px
  }

  .xl\:-mx-dynamic-73{
    margin-left:-73px;
    margin-right:-73px
  }

  .xl\:-mx-dynamic-74{
    margin-left:-74px;
    margin-right:-74px
  }

  .xl\:-mx-dynamic-75{
    margin-left:-75px;
    margin-right:-75px
  }

  .xl\:-mx-dynamic-76{
    margin-left:-76px;
    margin-right:-76px
  }

  .xl\:-mx-dynamic-77{
    margin-left:-77px;
    margin-right:-77px
  }

  .xl\:-mx-dynamic-78{
    margin-left:-78px;
    margin-right:-78px
  }

  .xl\:-mx-dynamic-79{
    margin-left:-79px;
    margin-right:-79px
  }

  .xl\:-mx-dynamic-8{
    margin-left:-8px;
    margin-right:-8px
  }

  .xl\:-mx-dynamic-80{
    margin-left:-80px;
    margin-right:-80px
  }

  .xl\:-mx-dynamic-81{
    margin-left:-81px;
    margin-right:-81px
  }

  .xl\:-mx-dynamic-82{
    margin-left:-82px;
    margin-right:-82px
  }

  .xl\:-mx-dynamic-83{
    margin-left:-83px;
    margin-right:-83px
  }

  .xl\:-mx-dynamic-84{
    margin-left:-84px;
    margin-right:-84px
  }

  .xl\:-mx-dynamic-85{
    margin-left:-85px;
    margin-right:-85px
  }

  .xl\:-mx-dynamic-86{
    margin-left:-86px;
    margin-right:-86px
  }

  .xl\:-mx-dynamic-87{
    margin-left:-87px;
    margin-right:-87px
  }

  .xl\:-mx-dynamic-88{
    margin-left:-88px;
    margin-right:-88px
  }

  .xl\:-mx-dynamic-89{
    margin-left:-89px;
    margin-right:-89px
  }

  .xl\:-mx-dynamic-9{
    margin-left:-9px;
    margin-right:-9px
  }

  .xl\:-mx-dynamic-90{
    margin-left:-90px;
    margin-right:-90px
  }

  .xl\:-mx-dynamic-91{
    margin-left:-91px;
    margin-right:-91px
  }

  .xl\:-mx-dynamic-92{
    margin-left:-92px;
    margin-right:-92px
  }

  .xl\:-mx-dynamic-93{
    margin-left:-93px;
    margin-right:-93px
  }

  .xl\:-mx-dynamic-94{
    margin-left:-94px;
    margin-right:-94px
  }

  .xl\:-mx-dynamic-95{
    margin-left:-95px;
    margin-right:-95px
  }

  .xl\:-mx-dynamic-96{
    margin-left:-96px;
    margin-right:-96px
  }

  .xl\:-mx-dynamic-97{
    margin-left:-97px;
    margin-right:-97px
  }

  .xl\:-mx-dynamic-98{
    margin-left:-98px;
    margin-right:-98px
  }

  .xl\:-mx-dynamic-99{
    margin-left:-99px;
    margin-right:-99px
  }

  .xl\:ms-1-24{
    margin-inline-start:4.166666666666666%
  }

  .xl\:ms-10-24{
    margin-inline-start:41.66666666666667%
  }

  .xl\:ms-11-24{
    margin-inline-start:45.83333333333333%
  }

  .xl\:ms-12-24{
    margin-inline-start:50%
  }

  .xl\:ms-13-24{
    margin-inline-start:54.166666666666664%
  }

  .xl\:ms-14-24{
    margin-inline-start:58.333333333333336%
  }

  .xl\:ms-15-24{
    margin-inline-start:62.5%
  }

  .xl\:ms-16-24{
    margin-inline-start:66.66666666666666%
  }

  .xl\:ms-17-24{
    margin-inline-start:70.83333333333334%
  }

  .xl\:ms-18-24{
    margin-inline-start:75%
  }

  .xl\:ms-19-24{
    margin-inline-start:79.16666666666666%
  }

  .xl\:ms-2-24{
    margin-inline-start:8.333333333333332%
  }

  .xl\:ms-20-24{
    margin-inline-start:83.33333333333334%
  }

  .xl\:ms-21-24{
    margin-inline-start:87.5%
  }

  .xl\:ms-22-24{
    margin-inline-start:91.66666666666666%
  }

  .xl\:ms-23-24{
    margin-inline-start:95.83333333333334%
  }

  .xl\:ms-24-24{
    margin-inline-start:100%
  }

  .xl\:ms-3-24{
    margin-inline-start:12.5%
  }

  .xl\:ms-4-24{
    margin-inline-start:16.666666666666664%
  }

  .xl\:ms-5-24{
    margin-inline-start:20.833333333333336%
  }

  .xl\:ms-6-24{
    margin-inline-start:25%
  }

  .xl\:ms-7-24{
    margin-inline-start:29.166666666666668%
  }

  .xl\:ms-8-24{
    margin-inline-start:33.33333333333333%
  }

  .xl\:ms-9-24{
    margin-inline-start:37.5%
  }

  .xl\:flex{
    display:flex
  }

  .xl\:\!hidden{
    display:none!important
  }

  .xl\:hidden{
    display:none
  }

  .xl\:w-1-24{
    width:4.166666666666666%
  }

  .xl\:w-10-24{
    width:41.66666666666667%
  }

  .xl\:w-11-24{
    width:45.83333333333333%
  }

  .xl\:w-12-24{
    width:50%
  }

  .xl\:w-13-24{
    width:54.166666666666664%
  }

  .xl\:w-14-24{
    width:58.333333333333336%
  }

  .xl\:w-15-24{
    width:62.5%
  }

  .xl\:w-16-24{
    width:66.66666666666666%
  }

  .xl\:w-17-24{
    width:70.83333333333334%
  }

  .xl\:w-18-24{
    width:75%
  }

  .xl\:w-19-24{
    width:79.16666666666666%
  }

  .xl\:w-2-24{
    width:8.333333333333332%
  }

  .xl\:w-20-24{
    width:83.33333333333334%
  }

  .xl\:w-21-24{
    width:87.5%
  }

  .xl\:w-22-24{
    width:91.66666666666666%
  }

  .xl\:w-23-24{
    width:95.83333333333334%
  }

  .xl\:w-24-24{
    width:100%
  }

  .xl\:w-3-24{
    width:12.5%
  }

  .xl\:w-4-24{
    width:16.666666666666664%
  }

  .xl\:w-5-24{
    width:20.833333333333336%
  }

  .xl\:w-6-24{
    width:25%
  }

  .xl\:w-7-24{
    width:29.166666666666668%
  }

  .xl\:w-8-24{
    width:33.33333333333333%
  }

  .xl\:w-9-24{
    width:37.5%
  }

  .xl\:w-\[276px\]{
    width:276px
  }

  .xl\:w-col-1{
    width:100%
  }

  .xl\:w-col-10{
    width:10%
  }

  .xl\:w-col-11{
    width:9.090909090909092%
  }

  .xl\:w-col-12{
    width:8.333333333333334%
  }

  .xl\:w-col-13{
    width:7.6923076923076925%
  }

  .xl\:w-col-14{
    width:7.142857142857143%
  }

  .xl\:w-col-15{
    width:6.666666666666667%
  }

  .xl\:w-col-16{
    width:6.25%
  }

  .xl\:w-col-17{
    width:5.882352941176471%
  }

  .xl\:w-col-18{
    width:5.555555555555555%
  }

  .xl\:w-col-19{
    width:5.2631578947368425%
  }

  .xl\:w-col-2{
    width:50%
  }

  .xl\:w-col-20{
    width:5%
  }

  .xl\:w-col-21{
    width:4.761904761904762%
  }

  .xl\:w-col-22{
    width:4.545454545454546%
  }

  .xl\:w-col-23{
    width:4.3478260869565215%
  }

  .xl\:w-col-24{
    width:4.166666666666667%
  }

  .xl\:w-col-3{
    width:33.333333333333336%
  }

  .xl\:w-col-4{
    width:25%
  }

  .xl\:w-col-5{
    width:20%
  }

  .xl\:w-col-6{
    width:16.666666666666668%
  }

  .xl\:w-col-7{
    width:14.285714285714286%
  }

  .xl\:w-col-8{
    width:12.5%
  }

  .xl\:w-col-9{
    width:11.11111111111111%
  }

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

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

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

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

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

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

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

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

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

  .xl\:justify-evenly{
    justify-content:space-evenly
  }

  .xl\:gap-y-dynamic-1{
    row-gap:1px
  }

  .xl\:gap-y-dynamic-10{
    row-gap:10px
  }

  .xl\:gap-y-dynamic-100{
    row-gap:100px
  }

  .xl\:gap-y-dynamic-11{
    row-gap:11px
  }

  .xl\:gap-y-dynamic-12{
    row-gap:12px
  }

  .xl\:gap-y-dynamic-13{
    row-gap:13px
  }

  .xl\:gap-y-dynamic-14{
    row-gap:14px
  }

  .xl\:gap-y-dynamic-15{
    row-gap:15px
  }

  .xl\:gap-y-dynamic-16{
    row-gap:16px
  }

  .xl\:gap-y-dynamic-17{
    row-gap:17px
  }

  .xl\:gap-y-dynamic-18{
    row-gap:18px
  }

  .xl\:gap-y-dynamic-19{
    row-gap:19px
  }

  .xl\:gap-y-dynamic-2{
    row-gap:2px
  }

  .xl\:gap-y-dynamic-20{
    row-gap:20px
  }

  .xl\:gap-y-dynamic-21{
    row-gap:21px
  }

  .xl\:gap-y-dynamic-22{
    row-gap:22px
  }

  .xl\:gap-y-dynamic-23{
    row-gap:23px
  }

  .xl\:gap-y-dynamic-24{
    row-gap:24px
  }

  .xl\:gap-y-dynamic-25{
    row-gap:25px
  }

  .xl\:gap-y-dynamic-26{
    row-gap:26px
  }

  .xl\:gap-y-dynamic-27{
    row-gap:27px
  }

  .xl\:gap-y-dynamic-28{
    row-gap:28px
  }

  .xl\:gap-y-dynamic-29{
    row-gap:29px
  }

  .xl\:gap-y-dynamic-3{
    row-gap:3px
  }

  .xl\:gap-y-dynamic-30{
    row-gap:30px
  }

  .xl\:gap-y-dynamic-31{
    row-gap:31px
  }

  .xl\:gap-y-dynamic-32{
    row-gap:32px
  }

  .xl\:gap-y-dynamic-33{
    row-gap:33px
  }

  .xl\:gap-y-dynamic-34{
    row-gap:34px
  }

  .xl\:gap-y-dynamic-35{
    row-gap:35px
  }

  .xl\:gap-y-dynamic-36{
    row-gap:36px
  }

  .xl\:gap-y-dynamic-37{
    row-gap:37px
  }

  .xl\:gap-y-dynamic-38{
    row-gap:38px
  }

  .xl\:gap-y-dynamic-39{
    row-gap:39px
  }

  .xl\:gap-y-dynamic-4{
    row-gap:4px
  }

  .xl\:gap-y-dynamic-40{
    row-gap:40px
  }

  .xl\:gap-y-dynamic-41{
    row-gap:41px
  }

  .xl\:gap-y-dynamic-42{
    row-gap:42px
  }

  .xl\:gap-y-dynamic-43{
    row-gap:43px
  }

  .xl\:gap-y-dynamic-44{
    row-gap:44px
  }

  .xl\:gap-y-dynamic-45{
    row-gap:45px
  }

  .xl\:gap-y-dynamic-46{
    row-gap:46px
  }

  .xl\:gap-y-dynamic-47{
    row-gap:47px
  }

  .xl\:gap-y-dynamic-48{
    row-gap:48px
  }

  .xl\:gap-y-dynamic-49{
    row-gap:49px
  }

  .xl\:gap-y-dynamic-5{
    row-gap:5px
  }

  .xl\:gap-y-dynamic-50{
    row-gap:50px
  }

  .xl\:gap-y-dynamic-51{
    row-gap:51px
  }

  .xl\:gap-y-dynamic-52{
    row-gap:52px
  }

  .xl\:gap-y-dynamic-53{
    row-gap:53px
  }

  .xl\:gap-y-dynamic-54{
    row-gap:54px
  }

  .xl\:gap-y-dynamic-55{
    row-gap:55px
  }

  .xl\:gap-y-dynamic-56{
    row-gap:56px
  }

  .xl\:gap-y-dynamic-57{
    row-gap:57px
  }

  .xl\:gap-y-dynamic-58{
    row-gap:58px
  }

  .xl\:gap-y-dynamic-59{
    row-gap:59px
  }

  .xl\:gap-y-dynamic-6{
    row-gap:6px
  }

  .xl\:gap-y-dynamic-60{
    row-gap:60px
  }

  .xl\:gap-y-dynamic-61{
    row-gap:61px
  }

  .xl\:gap-y-dynamic-62{
    row-gap:62px
  }

  .xl\:gap-y-dynamic-63{
    row-gap:63px
  }

  .xl\:gap-y-dynamic-64{
    row-gap:64px
  }

  .xl\:gap-y-dynamic-65{
    row-gap:65px
  }

  .xl\:gap-y-dynamic-66{
    row-gap:66px
  }

  .xl\:gap-y-dynamic-67{
    row-gap:67px
  }

  .xl\:gap-y-dynamic-68{
    row-gap:68px
  }

  .xl\:gap-y-dynamic-69{
    row-gap:69px
  }

  .xl\:gap-y-dynamic-7{
    row-gap:7px
  }

  .xl\:gap-y-dynamic-70{
    row-gap:70px
  }

  .xl\:gap-y-dynamic-71{
    row-gap:71px
  }

  .xl\:gap-y-dynamic-72{
    row-gap:72px
  }

  .xl\:gap-y-dynamic-73{
    row-gap:73px
  }

  .xl\:gap-y-dynamic-74{
    row-gap:74px
  }

  .xl\:gap-y-dynamic-75{
    row-gap:75px
  }

  .xl\:gap-y-dynamic-76{
    row-gap:76px
  }

  .xl\:gap-y-dynamic-77{
    row-gap:77px
  }

  .xl\:gap-y-dynamic-78{
    row-gap:78px
  }

  .xl\:gap-y-dynamic-79{
    row-gap:79px
  }

  .xl\:gap-y-dynamic-8{
    row-gap:8px
  }

  .xl\:gap-y-dynamic-80{
    row-gap:80px
  }

  .xl\:gap-y-dynamic-81{
    row-gap:81px
  }

  .xl\:gap-y-dynamic-82{
    row-gap:82px
  }

  .xl\:gap-y-dynamic-83{
    row-gap:83px
  }

  .xl\:gap-y-dynamic-84{
    row-gap:84px
  }

  .xl\:gap-y-dynamic-85{
    row-gap:85px
  }

  .xl\:gap-y-dynamic-86{
    row-gap:86px
  }

  .xl\:gap-y-dynamic-87{
    row-gap:87px
  }

  .xl\:gap-y-dynamic-88{
    row-gap:88px
  }

  .xl\:gap-y-dynamic-89{
    row-gap:89px
  }

  .xl\:gap-y-dynamic-9{
    row-gap:9px
  }

  .xl\:gap-y-dynamic-90{
    row-gap:90px
  }

  .xl\:gap-y-dynamic-91{
    row-gap:91px
  }

  .xl\:gap-y-dynamic-92{
    row-gap:92px
  }

  .xl\:gap-y-dynamic-93{
    row-gap:93px
  }

  .xl\:gap-y-dynamic-94{
    row-gap:94px
  }

  .xl\:gap-y-dynamic-95{
    row-gap:95px
  }

  .xl\:gap-y-dynamic-96{
    row-gap:96px
  }

  .xl\:gap-y-dynamic-97{
    row-gap:97px
  }

  .xl\:gap-y-dynamic-98{
    row-gap:98px
  }

  .xl\:gap-y-dynamic-99{
    row-gap:99px
  }

  .xl\:px-dynamic-1{
    padding-left:1px;
    padding-right:1px
  }

  .xl\:px-dynamic-10{
    padding-left:10px;
    padding-right:10px
  }

  .xl\:px-dynamic-100{
    padding-left:100px;
    padding-right:100px
  }

  .xl\:px-dynamic-11{
    padding-left:11px;
    padding-right:11px
  }

  .xl\:px-dynamic-12{
    padding-left:12px;
    padding-right:12px
  }

  .xl\:px-dynamic-13{
    padding-left:13px;
    padding-right:13px
  }

  .xl\:px-dynamic-14{
    padding-left:14px;
    padding-right:14px
  }

  .xl\:px-dynamic-15{
    padding-left:15px;
    padding-right:15px
  }

  .xl\:px-dynamic-16{
    padding-left:16px;
    padding-right:16px
  }

  .xl\:px-dynamic-17{
    padding-left:17px;
    padding-right:17px
  }

  .xl\:px-dynamic-18{
    padding-left:18px;
    padding-right:18px
  }

  .xl\:px-dynamic-19{
    padding-left:19px;
    padding-right:19px
  }

  .xl\:px-dynamic-2{
    padding-left:2px;
    padding-right:2px
  }

  .xl\:px-dynamic-20{
    padding-left:20px;
    padding-right:20px
  }

  .xl\:px-dynamic-21{
    padding-left:21px;
    padding-right:21px
  }

  .xl\:px-dynamic-22{
    padding-left:22px;
    padding-right:22px
  }

  .xl\:px-dynamic-23{
    padding-left:23px;
    padding-right:23px
  }

  .xl\:px-dynamic-24{
    padding-left:24px;
    padding-right:24px
  }

  .xl\:px-dynamic-25{
    padding-left:25px;
    padding-right:25px
  }

  .xl\:px-dynamic-26{
    padding-left:26px;
    padding-right:26px
  }

  .xl\:px-dynamic-27{
    padding-left:27px;
    padding-right:27px
  }

  .xl\:px-dynamic-28{
    padding-left:28px;
    padding-right:28px
  }

  .xl\:px-dynamic-29{
    padding-left:29px;
    padding-right:29px
  }

  .xl\:px-dynamic-3{
    padding-left:3px;
    padding-right:3px
  }

  .xl\:px-dynamic-30{
    padding-left:30px;
    padding-right:30px
  }

  .xl\:px-dynamic-31{
    padding-left:31px;
    padding-right:31px
  }

  .xl\:px-dynamic-32{
    padding-left:32px;
    padding-right:32px
  }

  .xl\:px-dynamic-33{
    padding-left:33px;
    padding-right:33px
  }

  .xl\:px-dynamic-34{
    padding-left:34px;
    padding-right:34px
  }

  .xl\:px-dynamic-35{
    padding-left:35px;
    padding-right:35px
  }

  .xl\:px-dynamic-36{
    padding-left:36px;
    padding-right:36px
  }

  .xl\:px-dynamic-37{
    padding-left:37px;
    padding-right:37px
  }

  .xl\:px-dynamic-38{
    padding-left:38px;
    padding-right:38px
  }

  .xl\:px-dynamic-39{
    padding-left:39px;
    padding-right:39px
  }

  .xl\:px-dynamic-4{
    padding-left:4px;
    padding-right:4px
  }

  .xl\:px-dynamic-40{
    padding-left:40px;
    padding-right:40px
  }

  .xl\:px-dynamic-41{
    padding-left:41px;
    padding-right:41px
  }

  .xl\:px-dynamic-42{
    padding-left:42px;
    padding-right:42px
  }

  .xl\:px-dynamic-43{
    padding-left:43px;
    padding-right:43px
  }

  .xl\:px-dynamic-44{
    padding-left:44px;
    padding-right:44px
  }

  .xl\:px-dynamic-45{
    padding-left:45px;
    padding-right:45px
  }

  .xl\:px-dynamic-46{
    padding-left:46px;
    padding-right:46px
  }

  .xl\:px-dynamic-47{
    padding-left:47px;
    padding-right:47px
  }

  .xl\:px-dynamic-48{
    padding-left:48px;
    padding-right:48px
  }

  .xl\:px-dynamic-49{
    padding-left:49px;
    padding-right:49px
  }

  .xl\:px-dynamic-5{
    padding-left:5px;
    padding-right:5px
  }

  .xl\:px-dynamic-50{
    padding-left:50px;
    padding-right:50px
  }

  .xl\:px-dynamic-51{
    padding-left:51px;
    padding-right:51px
  }

  .xl\:px-dynamic-52{
    padding-left:52px;
    padding-right:52px
  }

  .xl\:px-dynamic-53{
    padding-left:53px;
    padding-right:53px
  }

  .xl\:px-dynamic-54{
    padding-left:54px;
    padding-right:54px
  }

  .xl\:px-dynamic-55{
    padding-left:55px;
    padding-right:55px
  }

  .xl\:px-dynamic-56{
    padding-left:56px;
    padding-right:56px
  }

  .xl\:px-dynamic-57{
    padding-left:57px;
    padding-right:57px
  }

  .xl\:px-dynamic-58{
    padding-left:58px;
    padding-right:58px
  }

  .xl\:px-dynamic-59{
    padding-left:59px;
    padding-right:59px
  }

  .xl\:px-dynamic-6{
    padding-left:6px;
    padding-right:6px
  }

  .xl\:px-dynamic-60{
    padding-left:60px;
    padding-right:60px
  }

  .xl\:px-dynamic-61{
    padding-left:61px;
    padding-right:61px
  }

  .xl\:px-dynamic-62{
    padding-left:62px;
    padding-right:62px
  }

  .xl\:px-dynamic-63{
    padding-left:63px;
    padding-right:63px
  }

  .xl\:px-dynamic-64{
    padding-left:64px;
    padding-right:64px
  }

  .xl\:px-dynamic-65{
    padding-left:65px;
    padding-right:65px
  }

  .xl\:px-dynamic-66{
    padding-left:66px;
    padding-right:66px
  }

  .xl\:px-dynamic-67{
    padding-left:67px;
    padding-right:67px
  }

  .xl\:px-dynamic-68{
    padding-left:68px;
    padding-right:68px
  }

  .xl\:px-dynamic-69{
    padding-left:69px;
    padding-right:69px
  }

  .xl\:px-dynamic-7{
    padding-left:7px;
    padding-right:7px
  }

  .xl\:px-dynamic-70{
    padding-left:70px;
    padding-right:70px
  }

  .xl\:px-dynamic-71{
    padding-left:71px;
    padding-right:71px
  }

  .xl\:px-dynamic-72{
    padding-left:72px;
    padding-right:72px
  }

  .xl\:px-dynamic-73{
    padding-left:73px;
    padding-right:73px
  }

  .xl\:px-dynamic-74{
    padding-left:74px;
    padding-right:74px
  }

  .xl\:px-dynamic-75{
    padding-left:75px;
    padding-right:75px
  }

  .xl\:px-dynamic-76{
    padding-left:76px;
    padding-right:76px
  }

  .xl\:px-dynamic-77{
    padding-left:77px;
    padding-right:77px
  }

  .xl\:px-dynamic-78{
    padding-left:78px;
    padding-right:78px
  }

  .xl\:px-dynamic-79{
    padding-left:79px;
    padding-right:79px
  }

  .xl\:px-dynamic-8{
    padding-left:8px;
    padding-right:8px
  }

  .xl\:px-dynamic-80{
    padding-left:80px;
    padding-right:80px
  }

  .xl\:px-dynamic-81{
    padding-left:81px;
    padding-right:81px
  }

  .xl\:px-dynamic-82{
    padding-left:82px;
    padding-right:82px
  }

  .xl\:px-dynamic-83{
    padding-left:83px;
    padding-right:83px
  }

  .xl\:px-dynamic-84{
    padding-left:84px;
    padding-right:84px
  }

  .xl\:px-dynamic-85{
    padding-left:85px;
    padding-right:85px
  }

  .xl\:px-dynamic-86{
    padding-left:86px;
    padding-right:86px
  }

  .xl\:px-dynamic-87{
    padding-left:87px;
    padding-right:87px
  }

  .xl\:px-dynamic-88{
    padding-left:88px;
    padding-right:88px
  }

  .xl\:px-dynamic-89{
    padding-left:89px;
    padding-right:89px
  }

  .xl\:px-dynamic-9{
    padding-left:9px;
    padding-right:9px
  }

  .xl\:px-dynamic-90{
    padding-left:90px;
    padding-right:90px
  }

  .xl\:px-dynamic-91{
    padding-left:91px;
    padding-right:91px
  }

  .xl\:px-dynamic-92{
    padding-left:92px;
    padding-right:92px
  }

  .xl\:px-dynamic-93{
    padding-left:93px;
    padding-right:93px
  }

  .xl\:px-dynamic-94{
    padding-left:94px;
    padding-right:94px
  }

  .xl\:px-dynamic-95{
    padding-left:95px;
    padding-right:95px
  }

  .xl\:px-dynamic-96{
    padding-left:96px;
    padding-right:96px
  }

  .xl\:px-dynamic-97{
    padding-left:97px;
    padding-right:97px
  }

  .xl\:px-dynamic-98{
    padding-left:98px;
    padding-right:98px
  }

  .xl\:px-dynamic-99{
    padding-left:99px;
    padding-right:99px
  }
}

@media (min-width:1536px){
  .\32xl\:-mx-dynamic-1{
    margin-left:-1px;
    margin-right:-1px
  }

  .\32xl\:-mx-dynamic-10{
    margin-left:-10px;
    margin-right:-10px
  }

  .\32xl\:-mx-dynamic-100{
    margin-left:-100px;
    margin-right:-100px
  }

  .\32xl\:-mx-dynamic-11{
    margin-left:-11px;
    margin-right:-11px
  }

  .\32xl\:-mx-dynamic-12{
    margin-left:-12px;
    margin-right:-12px
  }

  .\32xl\:-mx-dynamic-13{
    margin-left:-13px;
    margin-right:-13px
  }

  .\32xl\:-mx-dynamic-14{
    margin-left:-14px;
    margin-right:-14px
  }

  .\32xl\:-mx-dynamic-15{
    margin-left:-15px;
    margin-right:-15px
  }

  .\32xl\:-mx-dynamic-16{
    margin-left:-16px;
    margin-right:-16px
  }

  .\32xl\:-mx-dynamic-17{
    margin-left:-17px;
    margin-right:-17px
  }

  .\32xl\:-mx-dynamic-18{
    margin-left:-18px;
    margin-right:-18px
  }

  .\32xl\:-mx-dynamic-19{
    margin-left:-19px;
    margin-right:-19px
  }

  .\32xl\:-mx-dynamic-2{
    margin-left:-2px;
    margin-right:-2px
  }

  .\32xl\:-mx-dynamic-20{
    margin-left:-20px;
    margin-right:-20px
  }

  .\32xl\:-mx-dynamic-21{
    margin-left:-21px;
    margin-right:-21px
  }

  .\32xl\:-mx-dynamic-22{
    margin-left:-22px;
    margin-right:-22px
  }

  .\32xl\:-mx-dynamic-23{
    margin-left:-23px;
    margin-right:-23px
  }

  .\32xl\:-mx-dynamic-24{
    margin-left:-24px;
    margin-right:-24px
  }

  .\32xl\:-mx-dynamic-25{
    margin-left:-25px;
    margin-right:-25px
  }

  .\32xl\:-mx-dynamic-26{
    margin-left:-26px;
    margin-right:-26px
  }

  .\32xl\:-mx-dynamic-27{
    margin-left:-27px;
    margin-right:-27px
  }

  .\32xl\:-mx-dynamic-28{
    margin-left:-28px;
    margin-right:-28px
  }

  .\32xl\:-mx-dynamic-29{
    margin-left:-29px;
    margin-right:-29px
  }

  .\32xl\:-mx-dynamic-3{
    margin-left:-3px;
    margin-right:-3px
  }

  .\32xl\:-mx-dynamic-30{
    margin-left:-30px;
    margin-right:-30px
  }

  .\32xl\:-mx-dynamic-31{
    margin-left:-31px;
    margin-right:-31px
  }

  .\32xl\:-mx-dynamic-32{
    margin-left:-32px;
    margin-right:-32px
  }

  .\32xl\:-mx-dynamic-33{
    margin-left:-33px;
    margin-right:-33px
  }

  .\32xl\:-mx-dynamic-34{
    margin-left:-34px;
    margin-right:-34px
  }

  .\32xl\:-mx-dynamic-35{
    margin-left:-35px;
    margin-right:-35px
  }

  .\32xl\:-mx-dynamic-36{
    margin-left:-36px;
    margin-right:-36px
  }

  .\32xl\:-mx-dynamic-37{
    margin-left:-37px;
    margin-right:-37px
  }

  .\32xl\:-mx-dynamic-38{
    margin-left:-38px;
    margin-right:-38px
  }

  .\32xl\:-mx-dynamic-39{
    margin-left:-39px;
    margin-right:-39px
  }

  .\32xl\:-mx-dynamic-4{
    margin-left:-4px;
    margin-right:-4px
  }

  .\32xl\:-mx-dynamic-40{
    margin-left:-40px;
    margin-right:-40px
  }

  .\32xl\:-mx-dynamic-41{
    margin-left:-41px;
    margin-right:-41px
  }

  .\32xl\:-mx-dynamic-42{
    margin-left:-42px;
    margin-right:-42px
  }

  .\32xl\:-mx-dynamic-43{
    margin-left:-43px;
    margin-right:-43px
  }

  .\32xl\:-mx-dynamic-44{
    margin-left:-44px;
    margin-right:-44px
  }

  .\32xl\:-mx-dynamic-45{
    margin-left:-45px;
    margin-right:-45px
  }

  .\32xl\:-mx-dynamic-46{
    margin-left:-46px;
    margin-right:-46px
  }

  .\32xl\:-mx-dynamic-47{
    margin-left:-47px;
    margin-right:-47px
  }

  .\32xl\:-mx-dynamic-48{
    margin-left:-48px;
    margin-right:-48px
  }

  .\32xl\:-mx-dynamic-49{
    margin-left:-49px;
    margin-right:-49px
  }

  .\32xl\:-mx-dynamic-5{
    margin-left:-5px;
    margin-right:-5px
  }

  .\32xl\:-mx-dynamic-50{
    margin-left:-50px;
    margin-right:-50px
  }

  .\32xl\:-mx-dynamic-51{
    margin-left:-51px;
    margin-right:-51px
  }

  .\32xl\:-mx-dynamic-52{
    margin-left:-52px;
    margin-right:-52px
  }

  .\32xl\:-mx-dynamic-53{
    margin-left:-53px;
    margin-right:-53px
  }

  .\32xl\:-mx-dynamic-54{
    margin-left:-54px;
    margin-right:-54px
  }

  .\32xl\:-mx-dynamic-55{
    margin-left:-55px;
    margin-right:-55px
  }

  .\32xl\:-mx-dynamic-56{
    margin-left:-56px;
    margin-right:-56px
  }

  .\32xl\:-mx-dynamic-57{
    margin-left:-57px;
    margin-right:-57px
  }

  .\32xl\:-mx-dynamic-58{
    margin-left:-58px;
    margin-right:-58px
  }

  .\32xl\:-mx-dynamic-59{
    margin-left:-59px;
    margin-right:-59px
  }

  .\32xl\:-mx-dynamic-6{
    margin-left:-6px;
    margin-right:-6px
  }

  .\32xl\:-mx-dynamic-60{
    margin-left:-60px;
    margin-right:-60px
  }

  .\32xl\:-mx-dynamic-61{
    margin-left:-61px;
    margin-right:-61px
  }

  .\32xl\:-mx-dynamic-62{
    margin-left:-62px;
    margin-right:-62px
  }

  .\32xl\:-mx-dynamic-63{
    margin-left:-63px;
    margin-right:-63px
  }

  .\32xl\:-mx-dynamic-64{
    margin-left:-64px;
    margin-right:-64px
  }

  .\32xl\:-mx-dynamic-65{
    margin-left:-65px;
    margin-right:-65px
  }

  .\32xl\:-mx-dynamic-66{
    margin-left:-66px;
    margin-right:-66px
  }

  .\32xl\:-mx-dynamic-67{
    margin-left:-67px;
    margin-right:-67px
  }

  .\32xl\:-mx-dynamic-68{
    margin-left:-68px;
    margin-right:-68px
  }

  .\32xl\:-mx-dynamic-69{
    margin-left:-69px;
    margin-right:-69px
  }

  .\32xl\:-mx-dynamic-7{
    margin-left:-7px;
    margin-right:-7px
  }

  .\32xl\:-mx-dynamic-70{
    margin-left:-70px;
    margin-right:-70px
  }

  .\32xl\:-mx-dynamic-71{
    margin-left:-71px;
    margin-right:-71px
  }

  .\32xl\:-mx-dynamic-72{
    margin-left:-72px;
    margin-right:-72px
  }

  .\32xl\:-mx-dynamic-73{
    margin-left:-73px;
    margin-right:-73px
  }

  .\32xl\:-mx-dynamic-74{
    margin-left:-74px;
    margin-right:-74px
  }

  .\32xl\:-mx-dynamic-75{
    margin-left:-75px;
    margin-right:-75px
  }

  .\32xl\:-mx-dynamic-76{
    margin-left:-76px;
    margin-right:-76px
  }

  .\32xl\:-mx-dynamic-77{
    margin-left:-77px;
    margin-right:-77px
  }

  .\32xl\:-mx-dynamic-78{
    margin-left:-78px;
    margin-right:-78px
  }

  .\32xl\:-mx-dynamic-79{
    margin-left:-79px;
    margin-right:-79px
  }

  .\32xl\:-mx-dynamic-8{
    margin-left:-8px;
    margin-right:-8px
  }

  .\32xl\:-mx-dynamic-80{
    margin-left:-80px;
    margin-right:-80px
  }

  .\32xl\:-mx-dynamic-81{
    margin-left:-81px;
    margin-right:-81px
  }

  .\32xl\:-mx-dynamic-82{
    margin-left:-82px;
    margin-right:-82px
  }

  .\32xl\:-mx-dynamic-83{
    margin-left:-83px;
    margin-right:-83px
  }

  .\32xl\:-mx-dynamic-84{
    margin-left:-84px;
    margin-right:-84px
  }

  .\32xl\:-mx-dynamic-85{
    margin-left:-85px;
    margin-right:-85px
  }

  .\32xl\:-mx-dynamic-86{
    margin-left:-86px;
    margin-right:-86px
  }

  .\32xl\:-mx-dynamic-87{
    margin-left:-87px;
    margin-right:-87px
  }

  .\32xl\:-mx-dynamic-88{
    margin-left:-88px;
    margin-right:-88px
  }

  .\32xl\:-mx-dynamic-89{
    margin-left:-89px;
    margin-right:-89px
  }

  .\32xl\:-mx-dynamic-9{
    margin-left:-9px;
    margin-right:-9px
  }

  .\32xl\:-mx-dynamic-90{
    margin-left:-90px;
    margin-right:-90px
  }

  .\32xl\:-mx-dynamic-91{
    margin-left:-91px;
    margin-right:-91px
  }

  .\32xl\:-mx-dynamic-92{
    margin-left:-92px;
    margin-right:-92px
  }

  .\32xl\:-mx-dynamic-93{
    margin-left:-93px;
    margin-right:-93px
  }

  .\32xl\:-mx-dynamic-94{
    margin-left:-94px;
    margin-right:-94px
  }

  .\32xl\:-mx-dynamic-95{
    margin-left:-95px;
    margin-right:-95px
  }

  .\32xl\:-mx-dynamic-96{
    margin-left:-96px;
    margin-right:-96px
  }

  .\32xl\:-mx-dynamic-97{
    margin-left:-97px;
    margin-right:-97px
  }

  .\32xl\:-mx-dynamic-98{
    margin-left:-98px;
    margin-right:-98px
  }

  .\32xl\:-mx-dynamic-99{
    margin-left:-99px;
    margin-right:-99px
  }

  .\32xl\:ms-1-24{
    margin-inline-start:4.166666666666666%
  }

  .\32xl\:ms-10-24{
    margin-inline-start:41.66666666666667%
  }

  .\32xl\:ms-11-24{
    margin-inline-start:45.83333333333333%
  }

  .\32xl\:ms-12-24{
    margin-inline-start:50%
  }

  .\32xl\:ms-13-24{
    margin-inline-start:54.166666666666664%
  }

  .\32xl\:ms-14-24{
    margin-inline-start:58.333333333333336%
  }

  .\32xl\:ms-15-24{
    margin-inline-start:62.5%
  }

  .\32xl\:ms-16-24{
    margin-inline-start:66.66666666666666%
  }

  .\32xl\:ms-17-24{
    margin-inline-start:70.83333333333334%
  }

  .\32xl\:ms-18-24{
    margin-inline-start:75%
  }

  .\32xl\:ms-19-24{
    margin-inline-start:79.16666666666666%
  }

  .\32xl\:ms-2-24{
    margin-inline-start:8.333333333333332%
  }

  .\32xl\:ms-20-24{
    margin-inline-start:83.33333333333334%
  }

  .\32xl\:ms-21-24{
    margin-inline-start:87.5%
  }

  .\32xl\:ms-22-24{
    margin-inline-start:91.66666666666666%
  }

  .\32xl\:ms-23-24{
    margin-inline-start:95.83333333333334%
  }

  .\32xl\:ms-24-24{
    margin-inline-start:100%
  }

  .\32xl\:ms-3-24{
    margin-inline-start:12.5%
  }

  .\32xl\:ms-4-24{
    margin-inline-start:16.666666666666664%
  }

  .\32xl\:ms-5-24{
    margin-inline-start:20.833333333333336%
  }

  .\32xl\:ms-6-24{
    margin-inline-start:25%
  }

  .\32xl\:ms-7-24{
    margin-inline-start:29.166666666666668%
  }

  .\32xl\:ms-8-24{
    margin-inline-start:33.33333333333333%
  }

  .\32xl\:ms-9-24{
    margin-inline-start:37.5%
  }

  .\32xl\:w-1-24{
    width:4.166666666666666%
  }

  .\32xl\:w-10-24{
    width:41.66666666666667%
  }

  .\32xl\:w-11-24{
    width:45.83333333333333%
  }

  .\32xl\:w-12-24{
    width:50%
  }

  .\32xl\:w-13-24{
    width:54.166666666666664%
  }

  .\32xl\:w-14-24{
    width:58.333333333333336%
  }

  .\32xl\:w-15-24{
    width:62.5%
  }

  .\32xl\:w-16-24{
    width:66.66666666666666%
  }

  .\32xl\:w-17-24{
    width:70.83333333333334%
  }

  .\32xl\:w-18-24{
    width:75%
  }

  .\32xl\:w-19-24{
    width:79.16666666666666%
  }

  .\32xl\:w-2-24{
    width:8.333333333333332%
  }

  .\32xl\:w-20-24{
    width:83.33333333333334%
  }

  .\32xl\:w-21-24{
    width:87.5%
  }

  .\32xl\:w-22-24{
    width:91.66666666666666%
  }

  .\32xl\:w-23-24{
    width:95.83333333333334%
  }

  .\32xl\:w-24-24{
    width:100%
  }

  .\32xl\:w-3-24{
    width:12.5%
  }

  .\32xl\:w-4-24{
    width:16.666666666666664%
  }

  .\32xl\:w-5-24{
    width:20.833333333333336%
  }

  .\32xl\:w-6-24{
    width:25%
  }

  .\32xl\:w-7-24{
    width:29.166666666666668%
  }

  .\32xl\:w-8-24{
    width:33.33333333333333%
  }

  .\32xl\:w-9-24{
    width:37.5%
  }

  .\32xl\:w-col-1{
    width:100%
  }

  .\32xl\:w-col-10{
    width:10%
  }

  .\32xl\:w-col-11{
    width:9.090909090909092%
  }

  .\32xl\:w-col-12{
    width:8.333333333333334%
  }

  .\32xl\:w-col-13{
    width:7.6923076923076925%
  }

  .\32xl\:w-col-14{
    width:7.142857142857143%
  }

  .\32xl\:w-col-15{
    width:6.666666666666667%
  }

  .\32xl\:w-col-16{
    width:6.25%
  }

  .\32xl\:w-col-17{
    width:5.882352941176471%
  }

  .\32xl\:w-col-18{
    width:5.555555555555555%
  }

  .\32xl\:w-col-19{
    width:5.2631578947368425%
  }

  .\32xl\:w-col-2{
    width:50%
  }

  .\32xl\:w-col-20{
    width:5%
  }

  .\32xl\:w-col-21{
    width:4.761904761904762%
  }

  .\32xl\:w-col-22{
    width:4.545454545454546%
  }

  .\32xl\:w-col-23{
    width:4.3478260869565215%
  }

  .\32xl\:w-col-24{
    width:4.166666666666667%
  }

  .\32xl\:w-col-3{
    width:33.333333333333336%
  }

  .\32xl\:w-col-4{
    width:25%
  }

  .\32xl\:w-col-5{
    width:20%
  }

  .\32xl\:w-col-6{
    width:16.666666666666668%
  }

  .\32xl\:w-col-7{
    width:14.285714285714286%
  }

  .\32xl\:w-col-8{
    width:12.5%
  }

  .\32xl\:w-col-9{
    width:11.11111111111111%
  }

  .\32xl\:items-start{
    align-items:flex-start
  }

  .\32xl\:items-end{
    align-items:flex-end
  }

  .\32xl\:items-center{
    align-items:center
  }

  .\32xl\:items-stretch{
    align-items:stretch
  }

  .\32xl\:justify-start{
    justify-content:flex-start
  }

  .\32xl\:justify-end{
    justify-content:flex-end
  }

  .\32xl\:justify-center{
    justify-content:center
  }

  .\32xl\:justify-between{
    justify-content:space-between
  }

  .\32xl\:justify-around{
    justify-content:space-around
  }

  .\32xl\:justify-evenly{
    justify-content:space-evenly
  }

  .\32xl\:gap-y-dynamic-1{
    row-gap:1px
  }

  .\32xl\:gap-y-dynamic-10{
    row-gap:10px
  }

  .\32xl\:gap-y-dynamic-100{
    row-gap:100px
  }

  .\32xl\:gap-y-dynamic-11{
    row-gap:11px
  }

  .\32xl\:gap-y-dynamic-12{
    row-gap:12px
  }

  .\32xl\:gap-y-dynamic-13{
    row-gap:13px
  }

  .\32xl\:gap-y-dynamic-14{
    row-gap:14px
  }

  .\32xl\:gap-y-dynamic-15{
    row-gap:15px
  }

  .\32xl\:gap-y-dynamic-16{
    row-gap:16px
  }

  .\32xl\:gap-y-dynamic-17{
    row-gap:17px
  }

  .\32xl\:gap-y-dynamic-18{
    row-gap:18px
  }

  .\32xl\:gap-y-dynamic-19{
    row-gap:19px
  }

  .\32xl\:gap-y-dynamic-2{
    row-gap:2px
  }

  .\32xl\:gap-y-dynamic-20{
    row-gap:20px
  }

  .\32xl\:gap-y-dynamic-21{
    row-gap:21px
  }

  .\32xl\:gap-y-dynamic-22{
    row-gap:22px
  }

  .\32xl\:gap-y-dynamic-23{
    row-gap:23px
  }

  .\32xl\:gap-y-dynamic-24{
    row-gap:24px
  }

  .\32xl\:gap-y-dynamic-25{
    row-gap:25px
  }

  .\32xl\:gap-y-dynamic-26{
    row-gap:26px
  }

  .\32xl\:gap-y-dynamic-27{
    row-gap:27px
  }

  .\32xl\:gap-y-dynamic-28{
    row-gap:28px
  }

  .\32xl\:gap-y-dynamic-29{
    row-gap:29px
  }

  .\32xl\:gap-y-dynamic-3{
    row-gap:3px
  }

  .\32xl\:gap-y-dynamic-30{
    row-gap:30px
  }

  .\32xl\:gap-y-dynamic-31{
    row-gap:31px
  }

  .\32xl\:gap-y-dynamic-32{
    row-gap:32px
  }

  .\32xl\:gap-y-dynamic-33{
    row-gap:33px
  }

  .\32xl\:gap-y-dynamic-34{
    row-gap:34px
  }

  .\32xl\:gap-y-dynamic-35{
    row-gap:35px
  }

  .\32xl\:gap-y-dynamic-36{
    row-gap:36px
  }

  .\32xl\:gap-y-dynamic-37{
    row-gap:37px
  }

  .\32xl\:gap-y-dynamic-38{
    row-gap:38px
  }

  .\32xl\:gap-y-dynamic-39{
    row-gap:39px
  }

  .\32xl\:gap-y-dynamic-4{
    row-gap:4px
  }

  .\32xl\:gap-y-dynamic-40{
    row-gap:40px
  }

  .\32xl\:gap-y-dynamic-41{
    row-gap:41px
  }

  .\32xl\:gap-y-dynamic-42{
    row-gap:42px
  }

  .\32xl\:gap-y-dynamic-43{
    row-gap:43px
  }

  .\32xl\:gap-y-dynamic-44{
    row-gap:44px
  }

  .\32xl\:gap-y-dynamic-45{
    row-gap:45px
  }

  .\32xl\:gap-y-dynamic-46{
    row-gap:46px
  }

  .\32xl\:gap-y-dynamic-47{
    row-gap:47px
  }

  .\32xl\:gap-y-dynamic-48{
    row-gap:48px
  }

  .\32xl\:gap-y-dynamic-49{
    row-gap:49px
  }

  .\32xl\:gap-y-dynamic-5{
    row-gap:5px
  }

  .\32xl\:gap-y-dynamic-50{
    row-gap:50px
  }

  .\32xl\:gap-y-dynamic-51{
    row-gap:51px
  }

  .\32xl\:gap-y-dynamic-52{
    row-gap:52px
  }

  .\32xl\:gap-y-dynamic-53{
    row-gap:53px
  }

  .\32xl\:gap-y-dynamic-54{
    row-gap:54px
  }

  .\32xl\:gap-y-dynamic-55{
    row-gap:55px
  }

  .\32xl\:gap-y-dynamic-56{
    row-gap:56px
  }

  .\32xl\:gap-y-dynamic-57{
    row-gap:57px
  }

  .\32xl\:gap-y-dynamic-58{
    row-gap:58px
  }

  .\32xl\:gap-y-dynamic-59{
    row-gap:59px
  }

  .\32xl\:gap-y-dynamic-6{
    row-gap:6px
  }

  .\32xl\:gap-y-dynamic-60{
    row-gap:60px
  }

  .\32xl\:gap-y-dynamic-61{
    row-gap:61px
  }

  .\32xl\:gap-y-dynamic-62{
    row-gap:62px
  }

  .\32xl\:gap-y-dynamic-63{
    row-gap:63px
  }

  .\32xl\:gap-y-dynamic-64{
    row-gap:64px
  }

  .\32xl\:gap-y-dynamic-65{
    row-gap:65px
  }

  .\32xl\:gap-y-dynamic-66{
    row-gap:66px
  }

  .\32xl\:gap-y-dynamic-67{
    row-gap:67px
  }

  .\32xl\:gap-y-dynamic-68{
    row-gap:68px
  }

  .\32xl\:gap-y-dynamic-69{
    row-gap:69px
  }

  .\32xl\:gap-y-dynamic-7{
    row-gap:7px
  }

  .\32xl\:gap-y-dynamic-70{
    row-gap:70px
  }

  .\32xl\:gap-y-dynamic-71{
    row-gap:71px
  }

  .\32xl\:gap-y-dynamic-72{
    row-gap:72px
  }

  .\32xl\:gap-y-dynamic-73{
    row-gap:73px
  }

  .\32xl\:gap-y-dynamic-74{
    row-gap:74px
  }

  .\32xl\:gap-y-dynamic-75{
    row-gap:75px
  }

  .\32xl\:gap-y-dynamic-76{
    row-gap:76px
  }

  .\32xl\:gap-y-dynamic-77{
    row-gap:77px
  }

  .\32xl\:gap-y-dynamic-78{
    row-gap:78px
  }

  .\32xl\:gap-y-dynamic-79{
    row-gap:79px
  }

  .\32xl\:gap-y-dynamic-8{
    row-gap:8px
  }

  .\32xl\:gap-y-dynamic-80{
    row-gap:80px
  }

  .\32xl\:gap-y-dynamic-81{
    row-gap:81px
  }

  .\32xl\:gap-y-dynamic-82{
    row-gap:82px
  }

  .\32xl\:gap-y-dynamic-83{
    row-gap:83px
  }

  .\32xl\:gap-y-dynamic-84{
    row-gap:84px
  }

  .\32xl\:gap-y-dynamic-85{
    row-gap:85px
  }

  .\32xl\:gap-y-dynamic-86{
    row-gap:86px
  }

  .\32xl\:gap-y-dynamic-87{
    row-gap:87px
  }

  .\32xl\:gap-y-dynamic-88{
    row-gap:88px
  }

  .\32xl\:gap-y-dynamic-89{
    row-gap:89px
  }

  .\32xl\:gap-y-dynamic-9{
    row-gap:9px
  }

  .\32xl\:gap-y-dynamic-90{
    row-gap:90px
  }

  .\32xl\:gap-y-dynamic-91{
    row-gap:91px
  }

  .\32xl\:gap-y-dynamic-92{
    row-gap:92px
  }

  .\32xl\:gap-y-dynamic-93{
    row-gap:93px
  }

  .\32xl\:gap-y-dynamic-94{
    row-gap:94px
  }

  .\32xl\:gap-y-dynamic-95{
    row-gap:95px
  }

  .\32xl\:gap-y-dynamic-96{
    row-gap:96px
  }

  .\32xl\:gap-y-dynamic-97{
    row-gap:97px
  }

  .\32xl\:gap-y-dynamic-98{
    row-gap:98px
  }

  .\32xl\:gap-y-dynamic-99{
    row-gap:99px
  }

  .\32xl\:px-dynamic-1{
    padding-left:1px;
    padding-right:1px
  }

  .\32xl\:px-dynamic-10{
    padding-left:10px;
    padding-right:10px
  }

  .\32xl\:px-dynamic-100{
    padding-left:100px;
    padding-right:100px
  }

  .\32xl\:px-dynamic-11{
    padding-left:11px;
    padding-right:11px
  }

  .\32xl\:px-dynamic-12{
    padding-left:12px;
    padding-right:12px
  }

  .\32xl\:px-dynamic-13{
    padding-left:13px;
    padding-right:13px
  }

  .\32xl\:px-dynamic-14{
    padding-left:14px;
    padding-right:14px
  }

  .\32xl\:px-dynamic-15{
    padding-left:15px;
    padding-right:15px
  }

  .\32xl\:px-dynamic-16{
    padding-left:16px;
    padding-right:16px
  }

  .\32xl\:px-dynamic-17{
    padding-left:17px;
    padding-right:17px
  }

  .\32xl\:px-dynamic-18{
    padding-left:18px;
    padding-right:18px
  }

  .\32xl\:px-dynamic-19{
    padding-left:19px;
    padding-right:19px
  }

  .\32xl\:px-dynamic-2{
    padding-left:2px;
    padding-right:2px
  }

  .\32xl\:px-dynamic-20{
    padding-left:20px;
    padding-right:20px
  }

  .\32xl\:px-dynamic-21{
    padding-left:21px;
    padding-right:21px
  }

  .\32xl\:px-dynamic-22{
    padding-left:22px;
    padding-right:22px
  }

  .\32xl\:px-dynamic-23{
    padding-left:23px;
    padding-right:23px
  }

  .\32xl\:px-dynamic-24{
    padding-left:24px;
    padding-right:24px
  }

  .\32xl\:px-dynamic-25{
    padding-left:25px;
    padding-right:25px
  }

  .\32xl\:px-dynamic-26{
    padding-left:26px;
    padding-right:26px
  }

  .\32xl\:px-dynamic-27{
    padding-left:27px;
    padding-right:27px
  }

  .\32xl\:px-dynamic-28{
    padding-left:28px;
    padding-right:28px
  }

  .\32xl\:px-dynamic-29{
    padding-left:29px;
    padding-right:29px
  }

  .\32xl\:px-dynamic-3{
    padding-left:3px;
    padding-right:3px
  }

  .\32xl\:px-dynamic-30{
    padding-left:30px;
    padding-right:30px
  }

  .\32xl\:px-dynamic-31{
    padding-left:31px;
    padding-right:31px
  }

  .\32xl\:px-dynamic-32{
    padding-left:32px;
    padding-right:32px
  }

  .\32xl\:px-dynamic-33{
    padding-left:33px;
    padding-right:33px
  }

  .\32xl\:px-dynamic-34{
    padding-left:34px;
    padding-right:34px
  }

  .\32xl\:px-dynamic-35{
    padding-left:35px;
    padding-right:35px
  }

  .\32xl\:px-dynamic-36{
    padding-left:36px;
    padding-right:36px
  }

  .\32xl\:px-dynamic-37{
    padding-left:37px;
    padding-right:37px
  }

  .\32xl\:px-dynamic-38{
    padding-left:38px;
    padding-right:38px
  }

  .\32xl\:px-dynamic-39{
    padding-left:39px;
    padding-right:39px
  }

  .\32xl\:px-dynamic-4{
    padding-left:4px;
    padding-right:4px
  }

  .\32xl\:px-dynamic-40{
    padding-left:40px;
    padding-right:40px
  }

  .\32xl\:px-dynamic-41{
    padding-left:41px;
    padding-right:41px
  }

  .\32xl\:px-dynamic-42{
    padding-left:42px;
    padding-right:42px
  }

  .\32xl\:px-dynamic-43{
    padding-left:43px;
    padding-right:43px
  }

  .\32xl\:px-dynamic-44{
    padding-left:44px;
    padding-right:44px
  }

  .\32xl\:px-dynamic-45{
    padding-left:45px;
    padding-right:45px
  }

  .\32xl\:px-dynamic-46{
    padding-left:46px;
    padding-right:46px
  }

  .\32xl\:px-dynamic-47{
    padding-left:47px;
    padding-right:47px
  }

  .\32xl\:px-dynamic-48{
    padding-left:48px;
    padding-right:48px
  }

  .\32xl\:px-dynamic-49{
    padding-left:49px;
    padding-right:49px
  }

  .\32xl\:px-dynamic-5{
    padding-left:5px;
    padding-right:5px
  }

  .\32xl\:px-dynamic-50{
    padding-left:50px;
    padding-right:50px
  }

  .\32xl\:px-dynamic-51{
    padding-left:51px;
    padding-right:51px
  }

  .\32xl\:px-dynamic-52{
    padding-left:52px;
    padding-right:52px
  }

  .\32xl\:px-dynamic-53{
    padding-left:53px;
    padding-right:53px
  }

  .\32xl\:px-dynamic-54{
    padding-left:54px;
    padding-right:54px
  }

  .\32xl\:px-dynamic-55{
    padding-left:55px;
    padding-right:55px
  }

  .\32xl\:px-dynamic-56{
    padding-left:56px;
    padding-right:56px
  }

  .\32xl\:px-dynamic-57{
    padding-left:57px;
    padding-right:57px
  }

  .\32xl\:px-dynamic-58{
    padding-left:58px;
    padding-right:58px
  }

  .\32xl\:px-dynamic-59{
    padding-left:59px;
    padding-right:59px
  }

  .\32xl\:px-dynamic-6{
    padding-left:6px;
    padding-right:6px
  }

  .\32xl\:px-dynamic-60{
    padding-left:60px;
    padding-right:60px
  }

  .\32xl\:px-dynamic-61{
    padding-left:61px;
    padding-right:61px
  }

  .\32xl\:px-dynamic-62{
    padding-left:62px;
    padding-right:62px
  }

  .\32xl\:px-dynamic-63{
    padding-left:63px;
    padding-right:63px
  }

  .\32xl\:px-dynamic-64{
    padding-left:64px;
    padding-right:64px
  }

  .\32xl\:px-dynamic-65{
    padding-left:65px;
    padding-right:65px
  }

  .\32xl\:px-dynamic-66{
    padding-left:66px;
    padding-right:66px
  }

  .\32xl\:px-dynamic-67{
    padding-left:67px;
    padding-right:67px
  }

  .\32xl\:px-dynamic-68{
    padding-left:68px;
    padding-right:68px
  }

  .\32xl\:px-dynamic-69{
    padding-left:69px;
    padding-right:69px
  }

  .\32xl\:px-dynamic-7{
    padding-left:7px;
    padding-right:7px
  }

  .\32xl\:px-dynamic-70{
    padding-left:70px;
    padding-right:70px
  }

  .\32xl\:px-dynamic-71{
    padding-left:71px;
    padding-right:71px
  }

  .\32xl\:px-dynamic-72{
    padding-left:72px;
    padding-right:72px
  }

  .\32xl\:px-dynamic-73{
    padding-left:73px;
    padding-right:73px
  }

  .\32xl\:px-dynamic-74{
    padding-left:74px;
    padding-right:74px
  }

  .\32xl\:px-dynamic-75{
    padding-left:75px;
    padding-right:75px
  }

  .\32xl\:px-dynamic-76{
    padding-left:76px;
    padding-right:76px
  }

  .\32xl\:px-dynamic-77{
    padding-left:77px;
    padding-right:77px
  }

  .\32xl\:px-dynamic-78{
    padding-left:78px;
    padding-right:78px
  }

  .\32xl\:px-dynamic-79{
    padding-left:79px;
    padding-right:79px
  }

  .\32xl\:px-dynamic-8{
    padding-left:8px;
    padding-right:8px
  }

  .\32xl\:px-dynamic-80{
    padding-left:80px;
    padding-right:80px
  }

  .\32xl\:px-dynamic-81{
    padding-left:81px;
    padding-right:81px
  }

  .\32xl\:px-dynamic-82{
    padding-left:82px;
    padding-right:82px
  }

  .\32xl\:px-dynamic-83{
    padding-left:83px;
    padding-right:83px
  }

  .\32xl\:px-dynamic-84{
    padding-left:84px;
    padding-right:84px
  }

  .\32xl\:px-dynamic-85{
    padding-left:85px;
    padding-right:85px
  }

  .\32xl\:px-dynamic-86{
    padding-left:86px;
    padding-right:86px
  }

  .\32xl\:px-dynamic-87{
    padding-left:87px;
    padding-right:87px
  }

  .\32xl\:px-dynamic-88{
    padding-left:88px;
    padding-right:88px
  }

  .\32xl\:px-dynamic-89{
    padding-left:89px;
    padding-right:89px
  }

  .\32xl\:px-dynamic-9{
    padding-left:9px;
    padding-right:9px
  }

  .\32xl\:px-dynamic-90{
    padding-left:90px;
    padding-right:90px
  }

  .\32xl\:px-dynamic-91{
    padding-left:91px;
    padding-right:91px
  }

  .\32xl\:px-dynamic-92{
    padding-left:92px;
    padding-right:92px
  }

  .\32xl\:px-dynamic-93{
    padding-left:93px;
    padding-right:93px
  }

  .\32xl\:px-dynamic-94{
    padding-left:94px;
    padding-right:94px
  }

  .\32xl\:px-dynamic-95{
    padding-left:95px;
    padding-right:95px
  }

  .\32xl\:px-dynamic-96{
    padding-left:96px;
    padding-right:96px
  }

  .\32xl\:px-dynamic-97{
    padding-left:97px;
    padding-right:97px
  }

  .\32xl\:px-dynamic-98{
    padding-left:98px;
    padding-right:98px
  }

  .\32xl\:px-dynamic-99{
    padding-left:99px;
    padding-right:99px
  }
}

.\[\&_a\:hover\]\:underline a:hover{
  text-decoration-line:underline
}

.\[\&_a\]\:text-\[\#69B1FF\] a{
  --tw-text-opacity:1;
  color:rgb(105 177 255/var(--tw-text-opacity,1))
}

/* Custom Background Color Utilities */

/* Primary Background Colors */

.bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 38 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-light {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(67 97 238 / var(--tw-bg-opacity));
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(128 93 202 / var(--tw-bg-opacity));
}

.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(0 171 85 / var(--tw-bg-opacity));
}

.bg-info {
  --tw-bg-opacity: 1;
  background-color: rgb(33 150 243 / var(--tw-bg-opacity));
}

.bg-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(226 160 63 / var(--tw-bg-opacity));
}

.bg-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(231 81 90 / var(--tw-bg-opacity));
}

/* Gray Scale Background Colors */

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

/* Dark Mode Variants */

.dark .bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(6 8 24 / var(--tw-bg-opacity));
}

.dark .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(14 23 38 / var(--tw-bg-opacity));
}

.dark .bg-light {
  --tw-bg-opacity: 1;
  background-color: rgb(26 41 65 / var(--tw-bg-opacity));
}

.dark .bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(26 41 65 / var(--tw-bg-opacity));
}

.dark .bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(25 30 58 / var(--tw-bg-opacity));
}

.dark .bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 63 92 / var(--tw-bg-opacity));
}

.dark .bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(136 142 168 / var(--tw-bg-opacity));
}

/* Transparent & Opacity Variants */

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

.bg-black\/10 {
  background-color: rgb(0 0 0 / 0.1);
}

.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}

.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}

.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}

.bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}

/* Gradient Background Utilities */

.bg-gradient-primary {
  background: linear-gradient(135deg, rgb(67 97 238) 0%, rgb(128 93 202) 100%);
}

.bg-gradient-success {
  background: linear-gradient(135deg, rgb(0 171 85) 0%, rgb(33 150 243) 100%);
}

.bg-gradient-warning {
  background: linear-gradient(135deg, rgb(226 160 63) 0%, rgb(231 81 90) 100%);
}

.bg-gradient-dark {
  background: linear-gradient(135deg, rgb(14 23 38) 0%, rgb(26 41 65) 100%);
}

/* ===== CORE STYLES ===== */

.gaming-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: scale(0);
  animation: gaming-ripple-animation 0.6s linear;
  pointer-events: none;
}

@keyframes gaming-ripple-animation {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/* ===== PAGINATION SYSTEM ===== */

.gaming-pagination-bullet {
  width: 16px;
  height: 16px;
  background: rgba(80, 129, 255, 0.4);
  border: 3px solid rgba(80, 129, 255, 0.6);
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 4px 15px rgba(0, 0, 0, 0.2),
    0 0 10px rgba(80, 129, 255, 0.3);
  display: inline-block;
  visibility: visible;
  z-index: 10;
}

.gaming-pagination-bullet:hover {
  background: rgba(80, 129, 255, 0.7);
  border-color: rgba(80, 129, 255, 0.8);
  transform: scale(1.2);
  box-shadow: 
    0 6px 20px rgba(0, 0, 0, 0.3),
    0 0 15px rgba(80, 129, 255, 0.5);
}

.gaming-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(135deg, #5081FF 0%, #3463DB 100%);
  border-color: #5081FF;
  box-shadow: 
    0 8px 25px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(80, 129, 255, 0.7);
  transform: scale(1.3);
}

/* ===== TOOLTIP THEME ===== */

.tippy-box[data-theme~='gaming'] {
  background: linear-gradient(135deg, 
    rgba(30, 41, 59, 0.95) 0%, 
    rgba(15, 23, 42, 0.98) 100%);
  border: 1px solid rgba(80, 129, 255, 0.3);
  border-radius: 0.5rem;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.tippy-box[data-theme~='gaming'] .tippy-content {
  color: #ffffff;
  font-weight: 500;
  padding: 0.5rem 0.75rem;
}

/* ===== GAMING ACCOUNT PAGE THEME ===== */

.gaming-account-container {
  /* background: linear-gradient(135deg,
      rgba(15, 23, 42, 0.95) 0%,
      rgba(30, 41, 59, 0.9) 50%,
      rgba(15, 23, 42, 0.95) 100%); */
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.gaming-account-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background:
      radial-gradient(circle at 20% 80%, rgba(80, 129, 255, 0.1) 0%, transparent 50%),
      radial-gradient(circle at 80% 20%, rgba(52, 99, 219, 0.1) 0%, transparent 50%),
      radial-gradient(circle at 40% 40%, rgba(139, 92, 246, 0.05) 0%, transparent 50%); */
  pointer-events: none;
  z-index: 1;
}

/* Gaming Card Styles */

.gaming-account-card {
  background: linear-gradient(145deg,
      rgba(30, 41, 59, 0.8) 0%,
      rgba(15, 23, 42, 0.9) 50%,
      rgba(30, 41, 59, 0.8) 100%);
  border: 2px solid rgba(80, 129, 255, 0.3);
  border-radius: 1rem;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
      0 20px 25px -5px rgba(0, 0, 0, 0.3),
      0 10px 10px -5px rgba(0, 0, 0, 0.2),
      0 0 0 1px rgba(80, 129, 255, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 2;
}

.gaming-account-card:hover {
  border-color: rgba(80, 129, 255, 0.5);
  box-shadow:
      0 25px 50px rgba(80, 129, 255, 0.2),
      0 0 30px rgba(80, 129, 255, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

/* ENHANCED: Gaming Image Gallery with Improved Visibility and Layout */

.gaming-image-gallery {
  background: linear-gradient(145deg,
      rgba(20, 25, 40, 0.95) 0%,
      rgba(10, 15, 30, 0.98) 100%);
  /* ENHANCED: Increased border size for better visibility */
  border: 3px solid rgba(80, 129, 255, 0.6);
  border-radius: 1rem;
  overflow: visible;
  /* ENHANCED: Allow glow effects to show */
  position: relative;
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh;
  /* ENHANCED: Ensure full visibility */
  display: block !important;
  visibility: visible !important;
  /* FIXED: Better container layout with proper padding */
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  /* ENHANCED: Enhanced shadow for depth */
  box-shadow:
      0 8px 32px rgba(0, 0, 0, 0.3),
      0 0 0 1px rgba(80, 129, 255, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* ENHANCED: Force gallery container visibility with improved dimensions */

.gaming-image-gallery .relative {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  /* ENHANCED: Ensure proper positioning */
  position: relative !important;
  z-index: 1 !important;
}

/* ENHANCED: Ensure Swiper container is always visible with improved dimensions */

.gaming-image-gallery .swiper {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh !important;
  height: auto !important;
  display: block !important;
  visibility: visible !important;
  /* ENHANCED: Ensure proper positioning */
  position: relative !important;
  z-index: 2 !important;
  /* ENHANCED: Enhanced border for Swiper container */
  border-radius: 0.75rem;
  overflow: hidden;
}

/* ENHANCED: Ensure slides are visible with improved dimensions */

.gaming-image-gallery .swiper-slide {
  /* ENHANCED: Improved height constraints for better visibility */
  max-height: 85vh !important;
  height: auto !important;
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  /* ENHANCED: Ensure proper positioning */
  position: relative !important;
  z-index: 3 !important;
}

/* ENHANCED: Improved glow effect with better visibility */

.gaming-image-gallery::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  background: linear-gradient(45deg,
      rgba(80, 129, 255, 0.6),
      rgba(52, 99, 219, 0.4),
      rgba(139, 92, 246, 0.5));
  border-radius: 1.125rem;
  z-index: -1;
  opacity: 0.3;
  /* ENHANCED: Always visible with subtle glow */
  transition: opacity 0.3s ease;
  /* ENHANCED: Enhanced glow effect */
  filter: blur(8px);
}

.gaming-image-gallery:hover::before {
  opacity: 0.8;
  /* ENHANCED: Stronger glow on hover */
  filter: blur(12px);
}

/* Gaming Buttons */

.gaming-btn-primary {
  background: linear-gradient(135deg, #5081FF 0%, #3463DB 100%);
  border: 2px solid rgba(80, 129, 255, 0.3);
  color: white;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.gaming-btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}

.gaming-btn-primary:hover::before {
  left: 100%;
}

.gaming-btn-primary:hover {
  background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
  border-color: rgba(99, 102, 241, 0.5);
  box-shadow:
      0 10px 25px rgba(80, 129, 255, 0.3),
      0 0 20px rgba(80, 129, 255, 0.2);
  transform: translateY(-2px);
}

/* Gaming Info Cards */

.gaming-info-card {
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.1) 0%,
      rgba(52, 99, 219, 0.05) 100%);
  border: 1px solid rgba(80, 129, 255, 0.2);
  border-radius: 0.75rem;
  padding: 1rem;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.gaming-info-card:hover {
  border-color: rgba(80, 129, 255, 0.4);
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.15) 0%,
      rgba(52, 99, 219, 0.1) 100%);
}

/* Gaming Typography */

.gaming-title {
  background: linear-gradient(135deg, #FFFFFF 0%, #C7D2FE 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.gaming-accent-text {
  color: #5081FF;
  font-weight: 600;
}

/* Gaming Status Indicators */

.gaming-status-available {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 600;
  text-align: center;
}

.gaming-status-sold {
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 600;
  text-align: center;
}

/* Gaming Attribute Icons */

.gaming-attribute-icon {
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid rgba(80, 129, 255, 0.3);
  transition: all 0.3s ease;
  background: linear-gradient(145deg,
      rgba(30, 41, 59, 0.8) 0%,
      rgba(15, 23, 42, 0.9) 100%);
}

.gaming-attribute-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/assets/image/d7bb309392a99e4179abbf83cba73c3d.png');
  background-size: cover;
  background-position: center;
  opacity: 0.3;
}

.gaming-attribute-icon:hover {
  border-color: rgba(80, 129, 255, 0.6);
  transform: scale(1.05);
  box-shadow: 0 8px 25px rgba(80, 129, 255, 0.3);
}

.gaming-attribute-icon img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ===== ENHANCED GAMING ATTRIBUTES SECTION STYLES ===== */

/* Enhanced Attributes Container */

.gaming-attributes-container {
  background: linear-gradient(145deg,
      rgba(30, 41, 59, 0.95) 0%,
      rgba(15, 23, 42, 0.98) 50%,
      rgba(30, 41, 59, 0.95) 100%);
  border: 2px solid rgba(80, 129, 255, 0.4);
  border-radius: 1.25rem;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow:
      0 25px 50px rgba(0, 0, 0, 0.4),
      0 0 0 1px rgba(80, 129, 255, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

.gaming-attributes-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
      radial-gradient(circle at 20% 20%, rgba(80, 129, 255, 0.1) 0%, transparent 50%),
      radial-gradient(circle at 80% 80%, rgba(139, 92, 246, 0.1) 0%, transparent 50%),
      radial-gradient(circle at 40% 60%, rgba(52, 99, 219, 0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

/* Enhanced Section Header */

.gaming-attributes-header {
  position: relative;
  z-index: 1;
  padding: 2rem 2rem 1rem 2rem;
  border-bottom: 1px solid rgba(80, 129, 255, 0.2);
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.05) 0%,
      rgba(52, 99, 219, 0.03) 100%);
}

.gaming-attributes-title {
  background: linear-gradient(135deg, #FFFFFF 0%, #C7D2FE 50%, #5081FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
  font-size: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

.gaming-attributes-subtitle {
  color: rgba(156, 163, 175, 0.9);
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.5;
}

.gaming-attributes-icon {
  background: linear-gradient(135deg, #5081FF 0%, #8B5CF6 100%);
  border-radius: 0.75rem;
  padding: 0.75rem;
  box-shadow:
      0 8px 25px rgba(80, 129, 255, 0.3),
      0 0 20px rgba(80, 129, 255, 0.2);
  position: relative;
}

.gaming-attributes-icon::before {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(45deg, #5081FF, #8B5CF6, #3463DB);
  border-radius: 0.875rem;
  z-index: -1;
  opacity: 0.6;
  filter: blur(4px);
}

/* ===== ENHANCED GAMING SIDEBAR LAYOUT STYLES ===== */

.gaming-sidebar-thumbnails {
  background: linear-gradient(135deg,
      rgba(20, 25, 40, 0.95) 0%,
      rgba(10, 15, 30, 0.98) 100%);
  border: 2px solid rgba(80, 129, 255, 0.4);
  border-radius: 0.75rem;
  padding: 1rem;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
      0 8px 25px rgba(0, 0, 0, 0.3),
      0 0 0 1px rgba(80, 129, 255, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gaming-sidebar-thumbnails:hover {
  border-color: rgba(80, 129, 255, 0.6);
  box-shadow:
      0 12px 35px rgba(0, 0, 0, 0.4),
      0 0 0 1px rgba(80, 129, 255, 0.3),
      0 0 20px rgba(80, 129, 255, 0.15),
      inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.gaming-sidebar-thumbnail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
  gap: 0.5rem;
  margin-top: 0.75rem;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(80, 129, 255, 0.5) rgba(30, 41, 59, 0.3);
}

.gaming-sidebar-thumbnail {
  aspect-ratio: 1;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: linear-gradient(135deg,
      rgba(30, 41, 59, 0.8) 0%,
      rgba(15, 23, 42, 0.9) 100%);
  border: 2px solid rgba(80, 129, 255, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gaming-sidebar-thumbnail:hover {
  border-color: rgba(80, 129, 255, 0.6);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(80, 129, 255, 0.2);
}

.gaming-sidebar-thumbnail.active {
  border-color: rgba(80, 129, 255, 0.8);
  box-shadow: 0 0 15px rgba(80, 129, 255, 0.4);
}

.gaming-sidebar-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}

/* ===== ENHANCED GAMING MAIN GALLERY STYLES ===== */

.gaming-main-gallery {
  background: linear-gradient(135deg,
      rgba(20, 25, 40, 0.95) 0%,
      rgba(10, 15, 30, 0.98) 100%);
  border: 2px solid rgba(80, 129, 255, 0.4);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow:
      0 10px 30px rgba(0, 0, 0, 0.3),
      0 0 0 1px rgba(80, 129, 255, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.gaming-grid-header {
  padding: 1.5rem;
  border-bottom: 1px solid rgba(80, 129, 255, 0.2);
  background: linear-gradient(135deg,
      rgba(30, 41, 59, 0.8) 0%,
      rgba(15, 23, 42, 0.9) 100%);
}

.gaming-grid-stats {
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.1) 0%,
      rgba(52, 99, 219, 0.1) 100%);
  border: 1px solid rgba(80, 129, 255, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}

.gaming-grid-container {
  position: relative;
}

.gaming-featured-display {
  padding: 1.5rem;
}

/* ===== GAMING GRID DISPLAY STYLES ===== */

.gaming-grid-display {
  padding: 1.5rem;
}

.gaming-grid-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
  max-height: 600px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(80, 129, 255, 0.5) rgba(30, 41, 59, 0.3);
}

.gaming-grid-item {
  aspect-ratio: 1;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: linear-gradient(135deg,
      rgba(30, 41, 59, 0.8) 0%,
      rgba(15, 23, 42, 0.9) 100%);
  border: 2px solid rgba(80, 129, 255, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gaming-grid-item:hover {
  border-color: rgba(80, 129, 255, 0.6);
  transform: translateY(-4px);
  box-shadow: 0 12px 25px rgba(80, 129, 255, 0.2);
}

.gaming-grid-item.active {
  border-color: rgba(80, 129, 255, 0.8);
  box-shadow: 0 0 20px rgba(80, 129, 255, 0.4);
}

.gaming-grid-item-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gaming-grid-item-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}

.gaming-grid-item:hover .gaming-grid-item-image {
  transform: scale(1.05);
}

.gaming-grid-item-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.1) 0%,
      rgba(52, 99, 219, 0.2) 100%);
  opacity: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gaming-grid-item:hover .gaming-grid-item-overlay {
  opacity: 1;
}

.gaming-grid-item-hover-icon {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transform: scale(0.8);
  transition: all 0.3s ease;
}

.gaming-grid-item:hover .gaming-grid-item-hover-icon {
  transform: scale(1);
}

.gaming-grid-item-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(156, 163, 175, 0.5);
  background: linear-gradient(135deg,
      rgba(55, 65, 81, 0.5) 0%,
      rgba(31, 41, 55, 0.7) 100%);
}

.gaming-grid-item-placeholder svg {
  width: 3rem;
  height: 3rem;
}

/* ===== GAMING THUMBNAIL DISPLAY STYLES ===== */

.gaming-thumbnail-display {
  padding: 1.5rem;
}

.gaming-thumbnail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(80, 129, 255, 0.2);
}

.gaming-thumbnail-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

.gaming-thumbnail-count {
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.1) 0%,
      rgba(52, 99, 219, 0.1) 100%);
  border: 1px solid rgba(80, 129, 255, 0.3);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: rgba(80, 129, 255, 0.9);
  font-weight: 600;
}

.gaming-main-thumbnail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 1rem;
  max-height: 600px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(80, 129, 255, 0.5) rgba(30, 41, 59, 0.3);
}

.gaming-main-thumbnail {
  aspect-ratio: 1;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  background: linear-gradient(135deg,
      rgba(30, 41, 59, 0.8) 0%,
      rgba(15, 23, 42, 0.9) 100%);
  border: 2px solid rgba(80, 129, 255, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gaming-main-thumbnail:hover {
  border-color: rgba(80, 129, 255, 0.6);
  transform: translateY(-4px);
  box-shadow: 0 12px 25px rgba(80, 129, 255, 0.2);
}

.gaming-main-thumbnail.active {
  border-color: rgba(80, 129, 255, 0.8);
  box-shadow: 0 0 20px rgba(80, 129, 255, 0.4);
}

.gaming-main-thumbnail-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gaming-main-thumbnail-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}

.gaming-main-thumbnail:hover .gaming-main-thumbnail-image {
  transform: scale(1.05);
}

.gaming-main-thumbnail-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.1) 0%,
      rgba(52, 99, 219, 0.2) 100%);
  opacity: 0;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gaming-main-thumbnail:hover .gaming-main-thumbnail-overlay {
  opacity: 1;
}

.gaming-main-thumbnail-hover-icon {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  border-radius: 50%;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transform: scale(0.8);
  transition: all 0.3s ease;
}

.gaming-main-thumbnail:hover .gaming-main-thumbnail-hover-icon {
  transform: scale(1);
}

/* ===== GAMING VIEW CONTROLS ===== */

.gaming-view-controls {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  gap: 0.5rem;
  z-index: 20;
}

.gaming-view-btn {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: linear-gradient(135deg,
      rgba(30, 41, 59, 0.9) 0%,
      rgba(15, 23, 42, 0.95) 100%);
  border: 1px solid rgba(80, 129, 255, 0.3);
  color: rgba(156, 163, 175, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(8px);
}

.gaming-view-btn:hover {
  border-color: rgba(80, 129, 255, 0.6);
  color: rgba(80, 129, 255, 0.9);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(80, 129, 255, 0.2);
}

.gaming-view-btn.active {
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.2) 0%,
      rgba(52, 99, 219, 0.3) 100%);
  border-color: rgba(80, 129, 255, 0.6);
  color: rgba(80, 129, 255, 1);
  box-shadow: 0 0 15px rgba(80, 129, 255, 0.3);
}

/* ===== LEGACY THUMBNAIL GALLERY STYLES (Updated) ===== */

.gaming-thumbnail-gallery {
  /* HIDDEN: Legacy support - now handled by sidebar */
  display: none !important;
}

/* ENHANCED: Hover effect for floating thumbnail gallery */

.gaming-thumbnail-gallery:hover {
  border-color: rgba(80, 129, 255, 0.6);
  box-shadow:
      0 15px 40px rgba(0, 0, 0, 0.5),
      0 0 0 1px rgba(80, 129, 255, 0.3),
      0 0 20px rgba(80, 129, 255, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.gaming-thumbnail-container {
  display: flex !important;
  gap: 0.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.5rem 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(80, 129, 255, 0.5) rgba(30, 41, 59, 0.3);
  min-height: 60px;
  max-height: 120px;
  align-items: flex-start;
  flex-wrap: wrap;
  /* FIXED: Floating layout constraints */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  /* ENHANCED: Better scroll behavior */
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /* ENHANCED: Grid-like layout for floating panel */
  justify-content: flex-start;
}

.gaming-thumbnail-container::-webkit-scrollbar {
  height: 6px;
}

.gaming-thumbnail-container::-webkit-scrollbar-track {
  background: rgba(30, 41, 59, 0.3);
  border-radius: 3px;
}

.gaming-thumbnail-container::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #5081FF, #3463DB);
  border-radius: 3px;
}

.gaming-thumbnail-container::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(90deg, #6366F1, #4F46E5);
}

.gaming-thumbnail {
  position: relative;
  width: 60px;
  /* ENHANCED: Smaller size for floating layout */
  min-width: 60px;
  min-height: 45px;
  border-radius: 0.375rem;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(80, 129, 255, 0.3);
  background: linear-gradient(145deg,
      rgba(30, 41, 59, 0.9) 0%,
      rgba(15, 23, 42, 0.95) 100%);
  flex-shrink: 0;
  /* ENHANCED: Remove flex centering to eliminate spacing */
  display: block;
  /* ENHANCED: Ensure border wraps content properly */
  box-sizing: border-box;
  /* ENHANCED: Remove any default padding/margin */
  padding: 0;
  margin: 0;
}

.gaming-thumbnail:hover {
  border-color: rgba(80, 129, 255, 0.6);
  transform: translateY(-2px) scale(1.05);
  box-shadow:
      0 8px 25px rgba(80, 129, 255, 0.3),
      0 0 20px rgba(80, 129, 255, 0.2);
}

.gaming-thumbnail.active {
  border-color: rgba(80, 129, 255, 0.8);
  box-shadow:
      0 0 0 2px rgba(80, 129, 255, 0.4),
      0 8px 25px rgba(80, 129, 255, 0.4),
      0 0 30px rgba(80, 129, 255, 0.3);
  transform: scale(1.1);
}

.gaming-thumbnail::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg,
      rgba(80, 129, 255, 0.6),
      rgba(52, 99, 219, 0.4),
      rgba(139, 92, 246, 0.5));
  border-radius: 0.5rem;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gaming-thumbnail.active::before {
  opacity: 1;
}

.gaming-thumbnail img {
  width: 100%;
  /* ENHANCED: Fill container completely to eliminate spacing */
  height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: all 0.3s ease;
  display: block;
  /* ENHANCED: Absolute positioning for tight border fit */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* ENHANCED: Ensure proper image rendering */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  /* ENHANCED: Fill container completely */
  max-width: 100%;
  border-radius: 0.375rem;
  /* ENHANCED: Remove any default spacing */
  padding: 0;
  margin: 0;
}

.gaming-thumbnail:hover img {
  transform: scale(1.1);
  filter: brightness(1.1);
}

.gaming-thumbnail-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg,
      rgba(75, 85, 99, 0.8) 0%,
      rgba(55, 65, 81, 0.9) 100%);
  color: rgba(156, 163, 175, 0.8);
  /* ENHANCED: Absolute positioning to fill container completely */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 0.375rem;
  /* ENHANCED: Remove any default spacing */
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.gaming-thumbnail-placeholder svg {
  width: 24px;
  height: 24px;
  opacity: 0.6;
}

/* Gaming Thumbnail Gallery Header */

.gaming-thumbnail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(80, 129, 255, 0.2);
}

/* ENHANCED: Compact header for floating layout */

@media (min-width: 769px) {
  .gaming-thumbnail-header {
    margin-bottom: 0.375rem;
    padding-bottom: 0.375rem;
  }

  .gaming-thumbnail-title {
    font-size: 0.75rem !important;
  }

  .gaming-thumbnail-count {
    font-size: 0.625rem !important;
    padding: 0.125rem 0.375rem !important;
  }
}

/* ===== ENHANCED ATTRIBUTE SECTION STYLES ===== */

/* Enhanced Attribute Section Container */

.gaming-attribute-section {
  position: relative;
  z-index: 1;
  padding: 1.5rem 2rem;
  margin-bottom: 2rem;
  border-radius: 1rem;
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.03) 0%,
      rgba(52, 99, 219, 0.02) 100%);
  border: 1px solid rgba(80, 129, 255, 0.15);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.gaming-attribute-section:hover {
  border-color: rgba(80, 129, 255, 0.25);
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.05) 0%,
      rgba(52, 99, 219, 0.03) 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(80, 129, 255, 0.1);
}

/* Enhanced Section Headers */

.gaming-attribute-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(80, 129, 255, 0.1);
}

.gaming-attribute-title-group {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.gaming-attribute-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow:
      0 8px 25px rgba(0, 0, 0, 0.2),
      0 0 20px rgba(80, 129, 255, 0.1);
  transition: all 0.3s ease;
}

.gaming-attribute-icon:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow:
      0 12px 35px rgba(0, 0, 0, 0.3),
      0 0 30px rgba(80, 129, 255, 0.2);
}

.gaming-attribute-icon.character {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%);
}

.gaming-attribute-icon.weapon {
  background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
}

.gaming-attribute-icon.skin {
  background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
}

.gaming-attribute-title {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.025em;
}

.gaming-attribute-count {
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: 0.875rem;
  font-weight: 600;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

.gaming-attribute-count.character {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.1) 100%);
  color: #34D399;
  border-color: rgba(16, 185, 129, 0.3);
}

.gaming-attribute-count.weapon {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.2) 0%, rgba(217, 119, 6, 0.1) 100%);
  color: #FBBF24;
  border-color: rgba(245, 158, 11, 0.3);
}

.gaming-attribute-count.skin {
  background: linear-gradient(135deg, rgba(139, 92, 246, 0.2) 0%, rgba(124, 58, 237, 0.1) 100%);
  color: #A78BFA;
  border-color: rgba(139, 92, 246, 0.3);
}

.gaming-attribute-count:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(80, 129, 255, 0.2);
}

.gaming-thumbnail-title {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.gaming-thumbnail-count {
  background: linear-gradient(135deg, #5081FF 0%, #3463DB 100%);
  color: white;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
}

/* ===== ENHANCED ATTRIBUTE CARD STYLES ===== */

/* Enhanced Attribute Grid - Reduced Size */

.gaming-attribute-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
}

/* Enhanced Individual Attribute Cards */

.gaming-attribute-card {
  position: relative;
  aspect-ratio: 1;
  border-radius: 0.875rem;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(107, 114, 128, 0.3);
  background: linear-gradient(145deg,
      rgba(31, 41, 55, 0.9) 0%,
      rgba(17, 24, 39, 0.95) 100%);
  box-shadow:
      0 4px 15px rgba(0, 0, 0, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.gaming-attribute-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(45deg,
      transparent 0%,
      rgba(80, 129, 255, 0.1) 50%,
      transparent 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.gaming-attribute-card:hover::before {
  opacity: 1;
}

.gaming-attribute-card:hover {
  transform: translateY(-4px) scale(1.05);
  border-color: rgba(80, 129, 255, 0.6);
  box-shadow:
      0 20px 40px rgba(0, 0, 0, 0.3),
      0 0 30px rgba(80, 129, 255, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Character Cards */

.gaming-attribute-card.character:hover {
  border-color: rgba(16, 185, 129, 0.6);
  box-shadow:
      0 20px 40px rgba(0, 0, 0, 0.3),
      0 0 30px rgba(16, 185, 129, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Weapon Cards */

.gaming-attribute-card.weapon:hover {
  border-color: rgba(245, 158, 11, 0.6);
  box-shadow:
      0 20px 40px rgba(0, 0, 0, 0.3),
      0 0 30px rgba(245, 158, 11, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Skin Cards */

.gaming-attribute-card.skin:hover {
  border-color: rgba(139, 92, 246, 0.6);
  box-shadow:
      0 20px 40px rgba(0, 0, 0, 0.3),
      0 0 30px rgba(139, 92, 246, 0.2),
      inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Enhanced Background Pattern */

.gaming-attribute-background {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.15;
  transition: all 0.3s ease;
  z-index: 0;
}

.gaming-attribute-card:hover .gaming-attribute-background {
  opacity: 0.25;
  transform: scale(1.1);
}

/* Enhanced Image Styling */

.gaming-attribute-image {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  filter: brightness(1.1) contrast(1.1) saturate(1.05);
}

.gaming-attribute-card:hover .gaming-attribute-image {
  transform: scale(1.1);
  filter: brightness(1.2) contrast(1.2) saturate(1.15);
}

/* Enhanced Hover Overlays */

.gaming-attribute-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.4) 0%,
      transparent 50%,
      transparent 100%);
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 3;
}

.gaming-attribute-card:hover .gaming-attribute-overlay {
  opacity: 1;
}

.gaming-attribute-overlay.character {
  background: linear-gradient(to top,
      rgba(16, 185, 129, 0.3) 0%,
      transparent 60%);
}

.gaming-attribute-overlay.weapon {
  background: linear-gradient(to top,
      rgba(245, 158, 11, 0.3) 0%,
      transparent 60%);
}

.gaming-attribute-overlay.skin {
  background: linear-gradient(to top,
      rgba(139, 92, 246, 0.3) 0%,
      transparent 60%);
}

/* Enhanced Glow Effects */

.gaming-attribute-glow {
  position: absolute;
  inset: 0;
  border-radius: 0.875rem;
  box-shadow: inset 0 0 20px rgba(80, 129, 255, 0);
  transition: all 0.3s ease;
  z-index: 4;
}

.gaming-attribute-card:hover .gaming-attribute-glow {
  box-shadow: inset 0 0 20px rgba(80, 129, 255, 0.2);
}

.gaming-attribute-card.character:hover .gaming-attribute-glow {
  box-shadow: inset 0 0 20px rgba(16, 185, 129, 0.2);
}

.gaming-attribute-card.weapon:hover .gaming-attribute-glow {
  box-shadow: inset 0 0 20px rgba(245, 158, 11, 0.2);
}

.gaming-attribute-card.skin:hover .gaming-attribute-glow {
  box-shadow: inset 0 0 20px rgba(139, 92, 246, 0.2);
}

/* ENHANCED: Smooth Thumbnail Scrolling */

.gaming-thumbnail-container {
  scroll-behavior: smooth;
}

/* ENHANCED: Tight Border-Image Alignment */

.gaming-thumbnail {
  /* ENHANCED: Ensure borders align with content */
  box-sizing: border-box;
  /* ENHANCED: Remove any default spacing */
  padding: 0 !important;
  margin: 0 !important;
}

/* ENHANCED: Ensure images fill containers completely without spacing */

.gaming-thumbnail img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: center !important;
     object-position: center !important;
  /* ENHANCED: Fill container completely to eliminate spacing */
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  /* ENHANCED: Remove any default spacing */
  padding: 0 !important;
  margin: 0 !important;
  /* ENHANCED: Smooth image transitions */
  transition: transform 0.3s ease, filter 0.3s ease !important;
}

/* ENHANCED: Mobile touch optimization */

@media (hover: none) and (pointer: coarse) {
  .gaming-thumbnail {
    /* ENHANCED: Better touch targets on mobile */
    min-width: 64px !important;
    min-height: 48px !important;
  }

  .gaming-thumbnail img {
    /* ENHANCED: Prevent image zoom on mobile tap */
    touch-action: manipulation !important;
  }
}

/* ENHANCED: Thumbnail Focus States for Accessibility */

.gaming-thumbnail:focus {
  outline: 2px solid rgba(80, 129, 255, 0.8);
  outline-offset: 2px;
  border-color: rgba(80, 129, 255, 0.8);
}

/* ENHANCED: Thumbnail Loading Animation */

.gaming-thumbnail img {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.gaming-thumbnail img[loading="lazy"] {
  opacity: 0;
}

.gaming-thumbnail img.loaded,
  .gaming-thumbnail img:not([loading="lazy"]) {
  opacity: 1;
}

/* ENHANCED: Thumbnail Hover Animation */

@keyframes thumbnailPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(80, 129, 255, 0.4);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(80, 129, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(80, 129, 255, 0);
  }
}

.gaming-thumbnail.active {
  animation: thumbnailPulse 2s infinite;
}

/* ===== ENHANCED EMPTY STATE STYLES ===== */

.gaming-empty-state {
  text-align: center;
  padding: 3rem 2rem;
  background: linear-gradient(135deg,
      rgba(31, 41, 55, 0.6) 0%,
      rgba(17, 24, 39, 0.8) 100%);
  border: 2px dashed rgba(107, 114, 128, 0.3);
  border-radius: 1rem;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.gaming-empty-state::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
      radial-gradient(circle at 50% 50%, rgba(80, 129, 255, 0.05) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.gaming-empty-state:hover {
  border-color: rgba(80, 129, 255, 0.4);
  background: linear-gradient(135deg,
      rgba(31, 41, 55, 0.8) 0%,
      rgba(17, 24, 39, 0.9) 100%);
}

.gaming-empty-state:hover::before {
  opacity: 1;
}

.gaming-empty-state-icon {
  width: 4rem;
  height: 4rem;
  background: linear-gradient(135deg,
      rgba(107, 114, 128, 0.2) 0%,
      rgba(75, 85, 99, 0.3) 100%);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem auto;
  border: 1px solid rgba(107, 114, 128, 0.3);
  transition: all 0.3s ease;
}

.gaming-empty-state:hover .gaming-empty-state-icon {
  background: linear-gradient(135deg,
      rgba(80, 129, 255, 0.2) 0%,
      rgba(52, 99, 219, 0.3) 100%);
  border-color: rgba(80, 129, 255, 0.4);
  transform: scale(1.05);
}

.gaming-empty-state-text {
  color: rgba(156, 163, 175, 0.8);
  font-size: 0.95rem;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

.gaming-empty-state:hover .gaming-empty-state-text {
  color: rgba(156, 163, 175, 1);
}

/* ===== ENHANCED RESPONSIVE DESIGN ===== */

/* Mobile Responsive Enhancements */

@media (max-width: 640px) {
  .gaming-attributes-container {
    border-radius: 1rem;
    margin: 0 -0.5rem;
  }

  .gaming-attributes-header {
    padding: 1.5rem 1.5rem 1rem 1.5rem;
  }

  .gaming-attributes-title {
    font-size: 1.5rem;
  }

  .gaming-attribute-section {
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
  }

  .gaming-attribute-icon {
    width: 2rem;
    height: 2rem;
  }

  .gaming-attribute-title {
    font-size: 1.1rem;
  }

  .gaming-attribute-count {
    padding: 0.375rem 0.75rem;
    font-size: 0.8rem;
  }

  .gaming-attribute-grid {
    grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
    gap: 0.5rem;
  }

  .gaming-empty-state {
    padding: 2rem 1.5rem;
  }

  .gaming-empty-state-icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem;
  }

  .gaming-empty-state-text {
    font-size: 0.875rem;
  }

  .gaming-thumbnail {
    width: 64px !important;
    min-width: 64px !important;
    min-height: 48px !important;
    /* ENHANCED: Remove spacing for tight border fit */
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }
}

/* ===== TABLET RESPONSIVE DESIGN ===== */

@media (min-width: 641px) and (max-width: 1023px) {
  .gaming-attribute-grid {
    grid-template-columns: repeat(auto-fill, minmax(55px, 1fr));
    gap: 0.625rem;
  }
}

/* ===== DESKTOP RESPONSIVE DESIGN ===== */

@media (min-width: 1024px) {
  .gaming-attribute-grid {
    grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));
    gap: 0.875rem;
  }

  .gaming-thumbnail img {
    /* ENHANCED: Fill container completely without spacing */
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center !important;
       object-position: center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    /* ENHANCED: Absolute positioning for tight fit */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .gaming-thumbnail-placeholder {
    /* ENHANCED: Fill container completely */
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .gaming-thumbnail-container {
    gap: 0.5rem !important;
    padding: 0.5rem 0.25rem !important;
    /* ENHANCED: Better mobile scrolling */
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    /* ENHANCED: Align items to start for natural heights */
    align-items: flex-start !important;
    /* FIXED: Mobile container constraints */
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .gaming-thumbnail {
    /* ENHANCED: Snap scrolling on mobile */
    scroll-snap-align: start !important;
  }

  .gaming-thumbnail-gallery {
    padding: 0.5rem;
  }

  .gaming-thumbnail-title {
    font-size: 0.8rem;
  }

  .gaming-thumbnail-count {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
  }
}

@media (min-width: 641px) and (max-width: 767px) {
  .gaming-thumbnail {
    width: 72px !important;
    min-width: 72px !important;
    min-height: 54px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  .gaming-thumbnail img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center !important;
       object-position: center !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .gaming-thumbnail {
    width: 80px !important;
    min-width: 80px !important;
    min-height: 60px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  .gaming-thumbnail img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center !important;
       object-position: center !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .gaming-thumbnail {
    width: 88px !important;
    min-width: 88px !important;
    min-height: 66px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  .gaming-thumbnail img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center !important;
       object-position: center !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .gaming-thumbnail-container {
    gap: 1rem;
  }
}

@media (min-width: 1280px) {
  .gaming-thumbnail {
    width: 96px !important;
    min-width: 96px !important;
    min-height: 72px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  .gaming-thumbnail img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    -o-object-position: center !important;
       object-position: center !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .gaming-thumbnail-container {
    gap: 1.25rem;
  }
}

/* ===== ENHANCED RESPONSIVE GRID OVERRIDES FOR SMALLER ATTRIBUTE IMAGES ===== */

/* Mobile Skin Grid Override - Extra Small */

@media (max-width: 640px) {
  .gaming-attribute-grid[style*="minmax(50px"] {
    grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)) !important;
    gap: 0.375rem !important;
  }
}

/* Tablet Skin Grid Override - Small */

@media (min-width: 641px) and (max-width: 1023px) {
  .gaming-attribute-grid[style*="minmax(50px"] {
    grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)) !important;
    gap: 0.5rem !important;
  }
}

/* Desktop Skin Grid Override - Medium */

@media (min-width: 1024px) {
  .gaming-attribute-grid[style*="minmax(50px"] {
    grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)) !important;
    gap: 0.625rem !important;
  }
}

/* ===== ENHANCED VISUAL DENSITY IMPROVEMENTS ===== */

/* Compact spacing for all attribute sections on mobile */

@media (max-width: 640px) {
  .gaming-attribute-section {
    padding: 1rem 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .gaming-attribute-header {
    margin-bottom: 1rem !important;
    padding-bottom: 0.75rem !important;
  }
}

/* Medium spacing for tablets */

@media (min-width: 641px) and (max-width: 1023px) {
  .gaming-attribute-section {
    padding: 1.25rem 1.75rem !important;
    margin-bottom: 1.5rem !important;
  }
}

/* ===== CORE STYLES ===== */

.gaming-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: scale(0);
  animation: gaming-ripple-animation 0.6s linear;
  pointer-events: none;
}

@keyframes gaming-ripple-animation {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/* ===== PAGINATION SYSTEM ===== */

.gaming-pagination-bullet {
  width: 16px;
  height: 16px;
  background: rgba(80, 129, 255, 0.4);
  border: 3px solid rgba(80, 129, 255, 0.6);
  border-radius: 50%;
  margin: 0 10px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 4px 15px rgba(0, 0, 0, 0.2),
    0 0 10px rgba(80, 129, 255, 0.3);
  display: inline-block;
  visibility: visible;
  z-index: 10;
}

.gaming-pagination-bullet:hover {
  background: rgba(80, 129, 255, 0.7);
  border-color: rgba(80, 129, 255, 0.8);
  transform: scale(1.2);
  box-shadow: 
    0 6px 20px rgba(0, 0, 0, 0.3),
    0 0 15px rgba(80, 129, 255, 0.5);
}

.gaming-pagination-bullet.swiper-pagination-bullet-active {
  background: linear-gradient(135deg, #5081FF 0%, #3463DB 100%);
  border-color: #5081FF;
  box-shadow: 
    0 8px 25px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(80, 129, 255, 0.7);
  transform: scale(1.3);
}

/* ===== TOOLTIP THEME ===== */

.tippy-box[data-theme~='gaming'] {
  background: linear-gradient(135deg, 
    rgba(30, 41, 59, 0.95) 0%, 
    rgba(15, 23, 42, 0.98) 100%);
  border: 1px solid rgba(80, 129, 255, 0.3);
  border-radius: 0.5rem;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.tippy-box[data-theme~='gaming'] .tippy-content {
  color: #ffffff;
  font-weight: 500;
  padding: 0.5rem 0.75rem;
}

/* ===== ADVANCED ANIMATIONS ===== */

@keyframes glowPulse {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }

  50% {
    opacity: 0.8;
    transform: scale(1.05);
  }
}

#modalGlow {
  animation: glowPulse 3s ease-in-out infinite;
}

@keyframes fadeInImage {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* ===== DEBUGGING HELPERS ===== */

.debug-mode .swiper-slide {
  border: 2px solid red;
}

.debug-mode .swiper-slide img {
  border: 2px solid green;
}

/* Critical CSS for gaming theme - loaded inline for performance */

.gaming-account-container {
  /* background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%); */
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}

.gaming-account-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background: radial-gradient(circle at 20% 50%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(147, 51, 234, 0.1) 0%, transparent 50%); */
  pointer-events: none;
  z-index: 1;
}

.gaming-account-card {
  background: rgba(30, 41, 59, 0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 1rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.gaming-account-card:hover {
  border-color: rgba(59, 130, 246, 0.4);
  box-shadow: 0 25px 50px -12px rgba(59, 130, 246, 0.2);
}

.gaming-title {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6, #3b82f6);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: gradientShift 3s ease-in-out infinite;
}

.gaming-accent-text {
  color: #3b82f6;
  text-shadow: 0 0 10px rgba(59, 130, 246, 0.3);
}

.gaming-info-card {
  background: rgba(55, 65, 81, 0.6);
  border: 1px solid rgba(75, 85, 99, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  transition: all 0.2s ease;
}

.gaming-info-card:hover {
  background: rgba(55, 65, 81, 0.8);
  border-color: rgba(59, 130, 246, 0.3);
}

.gaming-btn-primary {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  border: none;
  border-radius: 0.75rem;
  color: white;
  font-weight: 600;
  padding: 0.875rem 1.5rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.3);
}

.gaming-btn-primary:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -10px rgba(59, 130, 246, 0.4);
}

.gaming-btn-primary:active {
  transform: translateY(0);
}

@keyframes gradientShift {
  0%, 100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

/* Gaming gallery optimizations */

.gaming-main-gallery {
  background: rgba(17, 24, 39, 0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(59, 130, 246, 0.2);
  border-radius: 1rem;
  overflow: hidden;
}

.gaming-grid-header {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));
  border-bottom: 1px solid rgba(59, 130, 246, 0.2);
  padding: 1rem 1.5rem;
}

.gaming-featured-display {
  position: relative;
  /* min-height: 400px; */
  background: rgba(0, 0, 0, 0.3);
}

/* Swiper optimizations */

.mySwiper {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.75rem;
  transition: transform 0.3s ease, filter 0.3s ease;
}

.swiper-slide:hover img {
  transform: scale(1.02);
  filter: brightness(1.1);
}

/* Gaming attribute cards */

.gaming-attribute-card {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 2px solid rgba(59, 130, 246, 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
}

.gaming-attribute-card:hover {
  border-color: rgba(59, 130, 246, 0.6);
  transform: scale(1.05);
  box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.3);
}

.gaming-attribute-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}

.gaming-attribute-card:hover .gaming-attribute-image {
  transform: scale(1.1);
}

/* Status indicators */

.gaming-status-sold {
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: white;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  text-align: center;
  font-weight: 600;
  box-shadow: 0 10px 25px -5px rgba(239, 68, 68, 0.3);
}

/* Responsive optimizations */

@media (max-width: 768px) {
  .gaming-account-container {
    padding: 1rem 0.5rem;
  }

  .gaming-title {
    /* font-size: 2rem; */
  }

  .gaming-featured-display {
    /* min-height: 300px; */
  }
}

/* Performance optimizations */

.gaming-account-card,
  .gaming-main-gallery,
  .gaming-btn-primary {
  will-change: transform;
}

/* Image optimization */

.gaming-attribute-image,
  .swiper-slide img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Lazy loading optimization */

img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.3s ease;
}

img[loading="lazy"].loaded,
  img[loading="eager"] {
  opacity: 1;
}

/* Reduce layout shifts */

.swiper-container {
  contain: layout style paint;
}

/* GPU acceleration for smooth animations */

.gaming-title,
  .gaming-btn-primary,
  .gaming-attribute-card {
  transform: translateZ(0);
}

@keyframes zoom {
  0% {
    transform: scale(.5);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: scale(1);
  }
}

@keyframes lucidgentelegram {
  0%, to {
    transform: rotate(-25deg);
  }

  50% {
    transform: rotate(25deg);
  }
}

@media (max-width: 992px) {
  .mb-footer {
    padding-bottom: 100px;
  }
}

.th-social a{
  display:inline-block;
  width:46px;
  height:46px;
  line-height:46px;
  background-color:#0f1c23;
  color:#1778f2;
  font-size:20px;
  text-align:center;
  margin-right:5px;
  border-radius:0;
  position:relative
}

.hero-carousel {
  width: 100%;
  height: 100%;
}

.hero-carousel .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.hero-carousel .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
}

/* Fix for mobile image display */

.hero-carousel .swiper-slide a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.hero-carousel .swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

/* Ensure proper aspect ratios on all devices */

@media (max-width: 767px) {
  .hero-carousel .swiper-slide {
    aspect-ratio: 375/156;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hero-carousel .swiper-slide {
    aspect-ratio: 716/203;
  }
}

@media (min-width: 1024px) {
  .hero-carousel .swiper-slide {
    aspect-ratio: 986/280;
  }
}

/* Custom Pagination Dots Styling */

.hero-carousel-pagination .pagination-dot {
  position: relative;
  height: 4px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.48);
  transition: all 0.3s ease;
  width: 18px;
}

.hero-carousel-pagination .pagination-dot.active {
  width: 36px;
}

.hero-carousel-pagination .pagination-dot::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  transition: width 4.5s linear;
}

.hero-carousel-pagination .pagination-dot.active::before {
  width: 100%;
}

/* Reset progress animation */

.hero-carousel-pagination .pagination-dot:not(.active)::before {
  width: 0;
  transition: none;
}

.header-element {
  display: flex;
  align-items: stretch;
}

/* Responsive adjustments */

@media (max-width: 768px) {
  .hero-carousel-prev,
    .hero-carousel-next {
    display: none;
  }
}

.mobile-nav-container {
  position: fixed;
  width: 100%;
  height: 64px;
  bottom: 0;
  left: 0;
  z-index: 999998;
}

.nav-section-left {
  float: left;
  width: calc(50% - 40px);
  height: 64px;
  background: #13112E;
  border-top: 1px solid #5081FF33;
  border-top-right-radius: 20px;
  box-shadow: 0 -4px 8px 0 rgba(80, 129, 255, 0.15);
  display: flex;
}

.nav-section-right {
  float: right;
  width: calc(50% - 40px);
  height: 64px;
  background: #13112E;
  border-top: 1px solid #5081FF33;
  border-top-left-radius: 20px;
  box-shadow: 0 -4px 8px 0 rgba(80, 129, 255, 0.15);
  display: flex;
}

.nav-item {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top: 8px;
  color: #9F9BAB;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.nav-item:hover {
  color: #FFFFFFCC;
  transform: translateY(-1px);
}

.nav-icon {
  font-size: 26px;
  height: 26px;
  display: block;
  margin: 0 auto 6px;
  width: 26px;
  transition: transform 0.3s ease;
}

.nav-item:hover .nav-icon {
  transform: scale(1.1);
}

.nav-label {
  display: block;
  height: 16px;
  line-height: 16px;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.floating-home-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 80px;
  background: transparent;
  border-radius: 50%;
  top: -26px;
  box-sizing: border-box;
  padding: 5px;
  z-index: 999999;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.floating-home-button:hover {
  transform: translateX(-50%) scale(1.05);
}

.floating-home-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #13112E;
  border-radius: 50%;
  box-shadow: 0 33px 0 10px #13112E;
  z-index: -1;
}

.home-button-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #4B7DFF 0%, #5081FF 100%);
  border-radius: 50%;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
  box-shadow:
        0 8px 16px rgba(75, 125, 255, 0.3),
        inset 0 -4px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.floating-home-button:hover .home-button-inner {
  background: linear-gradient(135deg, #5081FF 0%, #4B7DFF 100%);
  box-shadow:
        0 12px 24px rgba(75, 125, 255, 0.4),
        inset 0 -4px 8px rgba(0, 0, 0, 0.15);
}

.floating-home-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  border-radius: 50%;
  box-shadow: inset 0 -10px 5px 0 rgba(5, 26, 40, 0.08);
  z-index: 1;
  pointer-events: none;
}

/* Clear floats */

.mobile-nav-container::after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive adjustments */

@media (max-width: 480px) {
  .nav-section-left,
    .nav-section-right {
    width: calc(50% - 35px);
  }

  .floating-home-button {
    width: 70px;
    height: 70px;
    top: -23px;
  }

  .nav-icon {
    font-size: 24px;
    height: 24px;
    width: 24px;
    margin: 0 auto 5px;
  }

  .nav-label {
    font-size: 11px;
    height: 15px;
    line-height: 15px;
  }

  .nav-item {
    padding-top: 6px;
  }
}

/* Enhanced Gaming Account Card Styles - Matching game.php */

.clean-account-card {
  background: linear-gradient(145deg, #272450 0%, #1e293b 50%, #272450 100%);
  border: 2px solid transparent;
  border-radius: 0.75rem;
  padding: 1rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  flex-direction: column;
  min-height: 360px;
  position: relative;
  overflow: hidden;
  transform-origin: center;
  will-change: transform, box-shadow, border-color;
}

.clean-account-card:hover {
  transform: scale(1.05) translateY(-8px);
  border-color: #5081FF !important;
  box-shadow:
      0 20px 40px rgba(80, 129, 255, 0.4),
      0 0 30px rgba(80, 129, 255, 0.3),
      0 0 60px rgba(75, 125, 255, 0.2);
  animation: gaming-card-glow 2s infinite;
}

.clean-account-card--selected {
  border-color: #5081FF;
  box-shadow: 0 0 0 1px rgba(80, 129, 255, 0.3);
}

/* Compact Card Header */

.clean-card-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.75rem;
}

.status-badge {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 0.375rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #10b981;
}

.status-indicator {
  width: 4px;
  height: 4px;
  background: #10b981;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

/* Optimized Image Section for 850x500 aspect ratio */

.clean-image-section {
  position: relative;
  margin-bottom: 1rem;
}

.image-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 58.82%;
  /* 500/850 = 0.5882 for 850x500 aspect ratio */
  border-radius: 0.5rem;
  overflow: hidden;
  background: rgba(30, 41, 59, 0.5);
}

.account-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease;
}

.clean-account-card:hover .account-image {
  transform: scale(1.03);
}

.image-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  color: white;
  font-size: 1.25rem;
}

.image-skeleton {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #374151 25%, #4b5563 50%, #374151 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

.account-code-badge {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #5081FF, #3463DB);
  color: white;
  padding: 0.125rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.6875rem;
  font-weight: 600;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

/* Enhanced Mobile-First Account Title Styling */

.clean-account-title {
  margin-bottom: 0.75rem;
  text-align: center;
  padding: 0 0.5rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.clean-account-title h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
  font-family: 'Signika', sans-serif;
  line-height: 1.3;
  text-align: center;
}

/* Improved Account Title Truncation - Mobile First */

.account-title-truncated {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: help;
  transition: all 0.3s ease;
  padding: 0.25rem 0;
  border-radius: 0.375rem;
  background: rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(4px);
}

.account-title-truncated:hover {
  color: #5081FF;
  transform: scale(1.02);
  background: rgba(80, 129, 255, 0.1);
  box-shadow: 0 0 10px rgba(80, 129, 255, 0.2);
}

/* Simple Stats Grid */

.clean-stats-grid {
  margin-bottom: 1rem;
}

.stat-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-item:last-child {
  border-bottom: none;
}

.stat-label {
  font-size: 0.875rem;
  color: #9ca3af;
  font-weight: 400;
  line-height: 1.5;
}

.stat-value {
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  text-align: right;
  line-height: 1.5;
}

/* Compact Feature Sections */

.clean-feature-section {
  margin-bottom: 0.75rem;
}

.feature-header {
  margin-bottom: 0.5rem;
}

.feature-header h4 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #5081FF;
  margin: 0 0 0.375rem 0;
  text-align: center;
  line-height: 1.2;
}

.feature-dropdown {
  position: relative;
}

.feature-toggle-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  width: 100%;
  padding: 0.375rem 0.5rem;
  background: rgba(80, 129, 255, 0.1);
  border: 1px solid rgba(80, 129, 255, 0.3);
  border-radius: 0.375rem;
  color: #ffffff;
  font-size: 0.6875rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.feature-toggle-btn:hover {
  background: rgba(80, 129, 255, 0.2);
  border-color: rgba(80, 129, 255, 0.5);
}

.feature-dropdown-content {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50;
  background: #1e293b;
  border: 1px solid rgba(80, 129, 255, 0.3);
  border-radius: 0.5rem;
  margin-top: 0.25rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.count-label {
  font-size: 0.75rem;
  color: #9ca3af;
}

.close-btn {
  background: none;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: color 0.3s ease;
}

.close-btn:hover {
  color: #ffffff;
}

.feature-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  max-height: 160px;
  overflow-y: auto;
}

.feature-item {
  width: 40px;
  height: 40px;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: transform 0.3s ease;
  cursor: pointer;
}

.feature-item:hover {
  transform: scale(1.1);
}

.feature-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Marquee */

.clean-marquee-container {
  margin-top: 0.75rem;
}

.marquee-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.5rem;
}

.marquee-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.marquee-item {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 0.375rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.marquee-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Compact Purchase Section */

.clean-purchase-section {
  margin-top: auto;
  padding-top: 0.75rem;
}

.clean-purchase-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: linear-gradient(135deg, #5081FF, #3463DB);
  border: none;
  border-radius: 0.5rem;
  color: white;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px -1px rgba(80, 129, 255, 0.3);
}

.clean-purchase-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(80, 129, 255, 0.4);
  background: linear-gradient(135deg, #3463DB, #1e40af);
}

.purchase-icon {
  font-size: 0.875rem;
}

.purchase-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
}

.price-with-discount {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.0625rem;
}

.original-price {
  font-size: 0.6875rem;
  text-decoration: line-through;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1;
}

.discounted-price,
  .regular-price {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

/* Animations */

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-1 * var(--move-distance)));
  }
}

.marquee-track {
  display: flex;
  white-space: nowrap;
  animation: marquee linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused;
}

/* Responsive Design */

@media (max-width: 640px) {
  .clean-account-card {
    padding: 0.75rem;
    min-height: 320px;
  }

  .clean-card-header {
    margin-bottom: 0.5rem;
  }

  .clean-image-section {
    margin-bottom: 0.75rem;
  }

  .clean-account-title {
    margin-bottom: 0.5rem;
  }

  .clean-account-title h3 {
    font-size: 0.9375rem;
  }

  /* Mobile: Improved readability with balanced truncation */

  .clean-account-title {
    margin-bottom: 0.625rem;
    padding: 0 0.25rem;
    min-height: 3rem;
  }

  .clean-account-title h3 {
    font-size: 0.95rem;
    line-height: 1.4;
    font-weight: 600;
  }

  .account-title-truncated {
    max-width: calc(100% - 1rem);
    margin: 0 auto;
    padding: 0.375rem 0.5rem;
    font-size: 0.95rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(80, 129, 255, 0.2);
  }

  .account-title-truncated:hover {
    background: rgba(80, 129, 255, 0.15);
    border-color: rgba(80, 129, 255, 0.4);
    transform: scale(1.01);
  }

  .feature-header h4 {
    font-size: 0.75rem;
  }

  .feature-toggle-btn {
    padding: 0.25rem 0.375rem;
    font-size: 0.625rem;
  }

  .feature-grid {
    gap: 0.375rem;
    padding: 0.5rem;
    max-height: 120px;
  }

  .feature-item {
    width: 32px;
    height: 32px;
  }

  .marquee-item {
    width: 24px;
    height: 24px;
  }

  .clean-purchase-btn {
    padding: 0.5rem 0.625rem;
  }

  .purchase-icon {
    font-size: 0.75rem;
  }

  .original-price {
    font-size: 0.625rem;
  }

  .discounted-price,
    .regular-price {
    font-size: 0.75rem;
  }
}

@media (max-width: 480px) {
  .clean-account-card {
    padding: 0.625rem;
    min-height: 300px;
  }

  .clean-stats-grid {
    padding: 0.375rem;
  }

  .feature-grid {
    padding: 0.375rem;
  }

  /* Extra Small: Maintain readability while being compact */

  .clean-account-title {
    min-height: 2.75rem;
    padding: 0 0.125rem;
  }

  .clean-account-title h3 {
    font-size: 0.9rem;
    line-height: 1.35;
  }

  .account-title-truncated {
    max-width: calc(100% - 0.5rem);
    font-size: 0.9rem;
    padding: 0.3rem 0.4rem;
  }
}

/* Tablet responsive design */

@media (min-width: 641px) and (max-width: 1024px) {
  .account-title-truncated {
    max-width: 220px;
  }
}

/* Desktop responsive design */

@media (min-width: 1025px) {
  .account-title-truncated {
    max-width: 280px;
  }
}

/* Large desktop responsive design */

@media (min-width: 1440px) {
  .account-title-truncated {
    max-width: 320px;
  }
}

/* Gaming Card Animations and Effects */

@keyframes gaming-card-glow {
  0%, 100% {
    box-shadow:
        0 20px 40px rgba(80, 129, 255, 0.3),
        0 0 20px rgba(80, 129, 255, 0.2),
        0 0 40px rgba(75, 125, 255, 0.1);
  }

  50% {
    box-shadow:
        0 25px 50px rgba(80, 129, 255, 0.5),
        0 0 30px rgba(80, 129, 255, 0.4),
        0 0 60px rgba(75, 125, 255, 0.3);
  }
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.animate-shimmer {
  animation: shimmer 2s infinite;
}

/* Responsive Gaming Card Effects */

@media (max-width: 768px) {
  .clean-account-card:hover {
    transform: scale(1.02) translateY(-4px);
  }
}

@media (max-width: 640px) {
  .clean-account-card:hover {
    transform: scale(1.01) translateY(-2px);
  }
}

/* Touch Device Optimizations */

@media (hover: none) and (pointer: coarse) {
  .clean-account-card:active {
    transform: scale(1.02) translateY(-2px);
    transition: all 0.15s ease;
  }
}

/* High Performance Mode for Lower-End Devices */

@media (prefers-reduced-motion: reduce) {
  .clean-account-card {
    transition: transform 0.2s ease, border-color 0.2s ease;
  }

  .clean-account-card:hover {
    transform: scale(1.02) translateY(-2px);
    animation: none;
  }
}

/* ===== GAMING PAGINATION STYLES ===== */

.gaming-pagination-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  /* padding: 1.5rem;
    background: linear-gradient(145deg, rgba(19, 17, 46, 0.8) 0%, rgba(30, 41, 59, 0.6) 50%, rgba(19, 17, 46, 0.8) 100%);
    border: 1px solid rgba(80, 129, 255, 0.2);
    border-radius: 1rem;
    backdrop-filter: blur(10px);
    box-shadow:
      0 8px 32px rgba(0, 0, 0, 0.3),
      0 0 20px rgba(80, 129, 255, 0.1); */
}

.gaming-pagination-list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 2.5rem;
}

.gaming-pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 0.5rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.gaming-pagination-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.gaming-pagination-btn:hover::before {
  left: 100%;
}

/* Number Buttons */

.gaming-pagination-btn--number {
  background: linear-gradient(145deg, rgba(39, 36, 80, 0.8) 0%, rgba(30, 41, 59, 0.6) 100%);
  color: #FFFFFF99;
  border: 1px solid rgba(80, 129, 255, 0.3);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.gaming-pagination-btn--number:hover {
  background: linear-gradient(145deg, rgba(80, 129, 255, 0.2) 0%, rgba(75, 125, 255, 0.3) 100%);
  color: #FFFFFF;
  border-color: rgba(80, 129, 255, 0.6);
  box-shadow:
      0 8px 16px rgba(80, 129, 255, 0.3),
      0 0 20px rgba(80, 129, 255, 0.2);
}

/* Active Page Button */

.gaming-pagination-btn--active {
  background: linear-gradient(135deg, #4B7DFF 0%, #5081FF 50%, #3463DB 100%);
  color: #FFFFFF;
  border: 1px solid rgba(80, 129, 255, 0.8);
  box-shadow:
      0 4px 12px rgba(80, 129, 255, 0.4),
      0 0 20px rgba(80, 129, 255, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.2);
  animation: gaming-pagination-pulse 2s infinite;
}

.gaming-pagination-btn--active:hover {
  transform: translateY(-1px) scale(1.02);
  box-shadow:
      0 6px 16px rgba(80, 129, 255, 0.5),
      0 0 30px rgba(80, 129, 255, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Navigation Buttons (Previous/Next) */

.gaming-pagination-btn--nav {
  background: linear-gradient(145deg, rgba(75, 125, 255, 0.1) 0%, rgba(80, 129, 255, 0.2) 100%);
  color: #5081FF;
  border: 1px solid rgba(80, 129, 255, 0.4);
  min-width: 3rem;
}

.gaming-pagination-btn--nav:hover {
  background: linear-gradient(145deg, rgba(75, 125, 255, 0.3) 0%, rgba(80, 129, 255, 0.4) 100%);
  color: #FFFFFF;
  border-color: rgba(80, 129, 255, 0.8);
  box-shadow:
      0 8px 16px rgba(80, 129, 255, 0.3),
      0 0 20px rgba(80, 129, 255, 0.2);
}

/* Disabled Buttons */

.gaming-pagination-btn--disabled {
  background: linear-gradient(145deg, rgba(39, 36, 80, 0.3) 0%, rgba(30, 41, 59, 0.2) 100%);
  color: #FFFFFF33;
  border: 1px solid rgba(80, 129, 255, 0.1);
  cursor: not-allowed;
  opacity: 0.5;
}

.gaming-pagination-btn--disabled:hover {
  transform: none;
  box-shadow: none;
  background: linear-gradient(145deg, rgba(39, 36, 80, 0.3) 0%, rgba(30, 41, 59, 0.2) 100%);
}

.gaming-pagination-btn--disabled::before {
  display: none;
}

/* Ellipsis */

.gaming-pagination-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  color: #FFFFFF66;
  font-size: 1rem;
}

/* Icons */

.gaming-pagination-icon {
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.gaming-pagination-btn:hover .gaming-pagination-icon {
  transform: scale(1.1);
}

.gaming-pagination-text {
  font-size: 0.875rem;
  font-weight: 600;
}

/* Pagination Info */

.gaming-pagination-info {
  text-align: center;
  margin-top: 0.5rem;
}

.gaming-pagination-info-text {
  font-size: 0.875rem;
  color: #FFFFFF99;
  font-family: 'Montserrat', sans-serif;
}

.gaming-pagination-info-current,
  .gaming-pagination-info-total {
  font-weight: 700;
  color: #5081FF;
  text-shadow: 0 0 8px rgba(80, 129, 255, 0.5);
}

/* Gaming Pagination Animations */

@keyframes gaming-pagination-pulse {
  0%, 100% {
    box-shadow:
        0 4px 12px rgba(80, 129, 255, 0.4),
        0 0 20px rgba(80, 129, 255, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }

  50% {
    box-shadow:
        0 6px 16px rgba(80, 129, 255, 0.6),
        0 0 30px rgba(80, 129, 255, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
  }
}

@keyframes gaming-pagination-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(80, 129, 255, 0.2);
  }

  50% {
    box-shadow: 0 0 30px rgba(80, 129, 255, 0.4);
  }
}

/* Mobile Layout Utilities */

.gaming-pagination-mobile-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.gaming-pagination-mobile-scroll::-webkit-scrollbar {
  height: 2px;
}

.gaming-pagination-mobile-scroll::-webkit-scrollbar-track {
  background: rgba(80, 129, 255, 0.1);
  border-radius: 1px;
}

.gaming-pagination-mobile-scroll::-webkit-scrollbar-thumb {
  background: rgba(80, 129, 255, 0.3);
  border-radius: 1px;
}

.gaming-pagination-mobile-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(80, 129, 255, 0.5);
}

/* ===== MOBILE RESPONSIVE DESIGN FOR GAMING PAGINATION ===== */

/* Tablet (769px - 1024px) */

@media (min-width: 769px) and (max-width: 1024px) {
  .gaming-pagination-container {
    padding: 1.5rem 1.25rem;
    gap: 1.125rem;
  }

  .gaming-pagination-list {
    gap: 0.625rem;
  }

  .gaming-pagination-btn {
    min-width: 3rem;
    height: 3rem;
    padding: 0.625rem 0.875rem;
    font-size: 0.9375rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 3.5rem;
    padding: 0.625rem 1rem;
  }

  .gaming-pagination-text {
    font-size: 0.9375rem;
  }

  .gaming-pagination-info-text {
    font-size: 0.9375rem;
  }
}

/* Medium Mobile (481px - 768px) */

@media (max-width: 768px) {
  .gaming-pagination-container {
    padding: 1.25rem 1rem;
    gap: 1rem;
    margin: 0 0.5rem;
    border-radius: 0.875rem;
  }

  .gaming-pagination-list {
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 2.75rem;
  }

  .gaming-pagination-btn {
    min-width: 2.75rem;
    height: 2.75rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.75rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 3.25rem;
    padding: 0.5rem 0.875rem;
  }

  .gaming-pagination-text {
    font-size: 0.8125rem;
    font-weight: 600;
  }

  .gaming-pagination-ellipsis {
    min-width: 2.75rem;
    height: 2.75rem;
    margin: 0 0.25rem;
  }

  .gaming-pagination-info {
    margin-top: 0.75rem;
  }

  .gaming-pagination-info-text {
    font-size: 0.9375rem;
  }

  /* Better visual balance on mobile */

  .gaming-pagination-container {
    /* box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.2),
        0 0 12px rgba(80, 129, 255, 0.1); */
  }

  /* Ensure proper spacing on mobile */

  .gaming-pagination-list li {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* Small Mobile (≤640px) */

@media (max-width: 640px) {
  .gaming-pagination-container {
    padding: 1rem 0.75rem;
    gap: 0.875rem;
    margin: 0 0.25rem;
  }

  .gaming-pagination-list {
    gap: 0.375rem;
    max-width: 100%;
    overflow-x: auto;
    padding: 0.25rem 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .gaming-pagination-list::-webkit-scrollbar {
    display: none;
  }

  .gaming-pagination-btn {
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
    flex-shrink: 0;
  }

  .gaming-pagination-btn--nav {
    min-width: 2.875rem;
    padding: 0.375rem 0.75rem;
  }

  .gaming-pagination-text {
    font-size: 0.75rem;
  }

  .gaming-pagination-ellipsis {
    min-width: 2.5rem;
    height: 2.5rem;
  }

  .gaming-pagination-icon {
    width: 18px;
    height: 18px;
  }

  /* Mobile touch optimizations */

  .gaming-pagination-btn:active {
    transform: translateY(0) scale(0.98);
    transition: all 0.1s ease;
  }
}

/* Extra Small Mobile (≤480px) */

@media (max-width: 480px) {
  .gaming-pagination-container {
    padding: 0.875rem 0.5rem;
    gap: 0.75rem;
    margin: 0;
    border-radius: 0.75rem;
  }

  .gaming-pagination-list {
    gap: 0.25rem;
    justify-content: flex-start;
    padding: 0.125rem 0;
  }

  .gaming-pagination-text {
    display: none !important;
  }

  .gaming-pagination-btn {
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0.25rem;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    flex-shrink: 0;
  }

  .gaming-pagination-btn--nav {
    min-width: 2.5rem;
    padding: 0.25rem 0.375rem;
  }

  .gaming-pagination-ellipsis {
    min-width: 2.25rem;
    height: 2.25rem;
    font-size: 0.875rem;
  }

  .gaming-pagination-icon {
    width: 16px;
    height: 16px;
  }

  .gaming-pagination-info-text {
    font-size: 0.8125rem;
  }
}

/* Ultra Small Mobile (≤360px) */

@media (max-width: 360px) {
  .gaming-pagination-container {
    padding: 0.75rem 0.375rem;
    gap: 0.625rem;
  }

  .gaming-pagination-list {
    gap: 0.125rem;
    padding: 0;
  }

  .gaming-pagination-btn {
    min-width: 2rem;
    height: 2rem;
    padding: 0.125rem;
    font-size: 0.6875rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 2.25rem;
    padding: 0.125rem 0.25rem;
  }

  .gaming-pagination-ellipsis {
    min-width: 2rem;
    height: 2rem;
    font-size: 0.75rem;
  }

  .gaming-pagination-icon {
    width: 14px;
    height: 14px;
  }

  .gaming-pagination-info-text {
    font-size: 0.75rem;
  }
}

/* Large Screen Enhancements (≥1024px) */

@media (min-width: 1024px) {
  .gaming-pagination-container {
    padding: 2rem;
    gap: 1.25rem;
    /* animation: gaming-pagination-glow 3s infinite; */
  }

  .gaming-pagination-list {
    gap: 0.75rem;
  }

  .gaming-pagination-btn {
    min-width: 3rem;
    height: 3rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 3.5rem;
  }

  .gaming-pagination-text {
    font-size: 1rem;
  }

  .gaming-pagination-info-text {
    font-size: 1rem;
  }

  .gaming-pagination-btn--number:hover {
  }

  .gaming-pagination-btn--nav:hover {
    background: linear-gradient(145deg, rgba(75, 125, 255, 0.4) 0%, rgba(80, 129, 255, 0.6) 100%);
    box-shadow:
        0 12px 24px rgba(80, 129, 255, 0.4),
        0 0 30px rgba(80, 129, 255, 0.3);
  }
}

/* Accessibility and Performance */

@media (prefers-reduced-motion: reduce) {
  .gaming-pagination-btn {
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .gaming-pagination-btn:hover {
    transform: none;
    animation: none;
  }

  .gaming-pagination-btn--active {
    animation: none;
  }

  .gaming-pagination-container {
    animation: none;
  }

  .gaming-pagination-btn::before {
    display: none;
  }
}

/* Focus States for Accessibility */

.gaming-pagination-btn:focus {
  outline: none;
  box-shadow:
      0 0 0 2px rgba(80, 129, 255, 0.5),
      0 4px 12px rgba(80, 129, 255, 0.3);
}

.gaming-pagination-btn:focus-visible {
  outline: 2px solid #5081FF;
  outline-offset: 2px;
}

/* Prevent layout shift on mobile */

.gaming-pagination-list {
  min-height: 2.5rem;
}

@media (max-width: 768px) {
  .gaming-pagination-list {
    min-height: 2.75rem;
  }
}

@media (max-width: 480px) {
  .gaming-pagination-list {
    min-height: 2.25rem;
  }
}

/* Force gaming background on all Select2 containers */

.select2-container .select2-selection--single,
  .select2-container .select2-selection--multiple,
  .select2-container--gaming .select2-selection--single,
  .select2-container--gaming .select2-selection--multiple,
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple {
  height: 48px !important;
  min-height: 48px !important;
  background-color: rgba(30, 41, 59, 0.5) !important;
  background: rgba(30, 41, 59, 0.5) !important;
  border: 1px solid rgba(80, 129, 255, 0.3) !important;
  border-radius: 0.5rem !important;
  padding: 0.75rem 1rem !important;
  color: #ffffff !important;
  font-family: 'Signika', ui-sans-serif, system-ui, sans-serif !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-sizing: border-box !important;
}

/* Additional override for any white background */

.select2-container .select2-selection {
  background-color: rgba(30, 41, 59, 0.5) !important;
  background: rgba(30, 41, 59, 0.5) !important;
}

.select2-container .select2-selection--multiple,
  .select2-container--gaming .select2-selection--multiple,
  .select2-container--default .select2-selection--multiple {
  min-height: 48px !important;
  max-height: 120px !important;
  /* Limit height for better UX */
  overflow-y: auto !important;
  /* Allow scrolling for many selections */
  padding: 0.375rem 0.75rem !important;
  background-color: rgba(30, 41, 59, 0.5) !important;
  background: rgba(30, 41, 59, 0.5) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0.25rem !important;
}

/* Enhanced scrollbar for multiple selection container */

.select2-container .select2-selection--multiple::-webkit-scrollbar {
  width: 4px !important;
}

.select2-container .select2-selection--multiple::-webkit-scrollbar-track {
  background: rgba(30, 41, 59, 0.3) !important;
  border-radius: 2px !important;
}

.select2-container .select2-selection--multiple::-webkit-scrollbar-thumb {
  background: #5081FF !important;
  border-radius: 2px !important;
}

/* Text and content styling */

.select2-container .select2-selection__rendered,
  .select2-container--gaming .select2-selection__rendered,
  .select2-container--default .select2-selection__rendered {
  color: #ffffff !important;
  line-height: 1.5 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

/* Force override any inherited backgrounds */

.select2-container .select2-selection__rendered,
  .select2-container .select2-selection__rendered * {
  background-color: transparent !important;
  background: transparent !important;
}

/* Placeholder styling */

.select2-container .select2-selection__placeholder,
  .select2-container--gaming .select2-selection__placeholder,
  .select2-container--default .select2-selection__placeholder {
  color: #9CA3AF !important;
}

/* Arrow styling */

.select2-container .select2-selection__arrow,
  .select2-container--gaming .select2-selection__arrow,
  .select2-container--default .select2-selection__arrow {
  height: 46px !important;
  right: 1rem !important;
  top: 1px !important;
}

.select2-container .select2-selection__arrow b,
  .select2-container--gaming .select2-selection__arrow b,
  .select2-container--default .select2-selection__arrow b {
  border-color: #9CA3AF transparent transparent transparent !important;
  border-style: solid !important;
  border-width: 5px 4px 0 4px !important;
  height: 0 !important;
  left: 50% !important;
  margin-left: -4px !important;
  margin-top: -2px !important;
  position: absolute !important;
  top: 50% !important;
  width: 0 !important;
}

/* Focus State - Enhanced */

.select2-container.select2-container--focus .select2-selection,
  .select2-container--gaming.select2-container--focus .select2-selection,
  .select2-container--default.select2-container--focus .select2-selection,
  .select2-container.select2-container--focus .select2-selection--single,
  .select2-container.select2-container--focus .select2-selection--multiple {
  border-color: #5081FF !important;
  box-shadow: 0 0 0 2px rgba(80, 129, 255, 0.2) !important;
  outline: none !important;
  background-color: rgba(30, 41, 59, 0.5) !important;
  background: rgba(30, 41, 59, 0.5) !important;
}

/* Hover State - Enhanced */

.select2-container .select2-selection:hover,
  .select2-container .select2-selection--single:hover,
  .select2-container .select2-selection--multiple:hover {
  border-color: #5081FF !important;
  background-color: rgba(30, 41, 59, 0.5) !important;
  background: rgba(30, 41, 59, 0.5) !important;
}

/* Enhanced Multiple Selection Tags */

.select2-container .select2-selection__choice,
  .select2-container--gaming .select2-selection__choice,
  .select2-container--default .select2-selection__choice {
  background: linear-gradient(135deg, #5081FF, #3463DB) !important;
  border: 1px solid #3463DB !important;
  border-radius: 0.5rem !important;
  color: #ffffff !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 0.375rem 0.75rem !important;
  margin: 0.125rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  max-width: 200px !important;
  /* Prevent overly long tags */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.select2-container .select2-selection__choice:hover,
  .select2-container--gaming .select2-selection__choice:hover,
  .select2-container--default .select2-selection__choice:hover {
  background: linear-gradient(135deg, #4B7DFF, #2A52BE) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 8px rgba(80, 129, 255, 0.3) !important;
}

/* Enhanced Remove Button Styling */

.select2-container .select2-selection__choice__remove,
  .select2-container--gaming .select2-selection__choice__remove,
  .select2-container--default .select2-selection__choice__remove {
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
  padding: 0.125rem !important;
  border-radius: 50% !important;
  width: 18px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease-in-out !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

.select2-container .select2-selection__choice__remove:hover,
  .select2-container--gaming .select2-selection__choice__remove:hover,
  .select2-container--default .select2-selection__choice__remove:hover {
  color: #ffffff !important;
  background: #EF4444 !important;
  transform: scale(1.1) !important;
}

/* Enhanced Dropdown Styling */

.gaming-select2-dropdown {
  background: linear-gradient(145deg, #1E293B 0%, #0F172A 100%) !important;
  border: 2px solid rgba(80, 129, 255, 0.4) !important;
  border-radius: 0.75rem !important;
  box-shadow:
      0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04),
      0 0 30px rgba(80, 129, 255, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  margin-top: 0.5rem !important;
  z-index: 99999 !important;
  backdrop-filter: blur(10px) !important;
  animation: dropdown-appear 0.2s ease-out !important;
}

@keyframes dropdown-appear {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.95);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.gaming-select2-dropdown .select2-results__options {
  max-height: 250px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #5081FF #1E293B !important;
  padding: 0.25rem !important;
}

.gaming-select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 6px !important;
}

.gaming-select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background: #1E293B !important;
}

.gaming-select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background: #5081FF !important;
  border-radius: 3px !important;
}

.gaming-select2-dropdown .select2-results__option {
  color: #ffffff !important;
  padding: 0.875rem 1.25rem !important;
  font-family: 'Signika', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  border-radius: 0.5rem !important;
  margin: 0.125rem 0 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
}

.gaming-select2-dropdown .select2-results__option::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: 3px !important;
  background: transparent !important;
  transition: all 0.2s ease-in-out !important;
}

.gaming-select2-dropdown .select2-results__option--highlighted {
  background: linear-gradient(135deg, rgba(80, 129, 255, 0.3), rgba(52, 99, 219, 0.2)) !important;
  color: #ffffff !important;
  transform: translateX(4px) !important;
}

.gaming-select2-dropdown .select2-results__option--highlighted::before {
  background: #5081FF !important;
}

.gaming-select2-dropdown .select2-results__option[aria-selected="true"] {
  background: linear-gradient(135deg, #5081FF, #3463DB) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 4px rgba(80, 129, 255, 0.3) !important;
}

.gaming-select2-dropdown .select2-results__option[aria-selected="true"]::before {
  background: #ffffff !important;
}

.gaming-select2-dropdown .select2-results__option[aria-selected="true"]::after {
  content: '✓' !important;
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 1rem !important;
}

/* Enhanced Search Input */

.gaming-select2-dropdown .select2-search {
  padding: 0.75rem !important;
  border-bottom: 1px solid rgba(80, 129, 255, 0.2) !important;
  margin-bottom: 0.5rem !important;
}

.gaming-select2-dropdown .select2-search__field {
  background: linear-gradient(145deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.9)) !important;
  border: 2px solid rgba(80, 129, 255, 0.3) !important;
  border-radius: 0.5rem !important;
  color: #ffffff !important;
  padding: 0.75rem 1rem !important;
  margin: 0 !important;
  width: 100% !important;
  font-family: 'Signika', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.gaming-select2-dropdown .select2-search__field::-moz-placeholder {
  color: #9CA3AF !important;
  font-style: italic !important;
}

.gaming-select2-dropdown .select2-search__field::placeholder {
  color: #9CA3AF !important;
  font-style: italic !important;
}

.gaming-select2-dropdown .select2-search__field:focus {
  border-color: #5081FF !important;
  outline: none !important;
  box-shadow:
      0 0 0 3px rgba(80, 129, 255, 0.2),
      inset 0 2px 4px rgba(0, 0, 0, 0.1),
      0 4px 6px rgba(80, 129, 255, 0.1) !important;
  background: linear-gradient(145deg, rgba(30, 41, 59, 1), rgba(15, 23, 42, 1)) !important;
  transform: translateY(-1px) !important;
}

/* Clear Button */

.select2-container--gaming .select2-selection__clear {
  color: #9CA3AF !important;
  font-size: 1.2em !important;
  font-weight: bold !important;
  margin-right: 0.5rem !important;
}

.select2-container--gaming .select2-selection__clear:hover {
  color: #EF4444 !important;
}

/* Enhanced Responsive Adjustments */

@media (max-width: 768px) {
  .select2-container .select2-selection--single,
    .select2-container .select2-selection--multiple,
    .select2-container--gaming .select2-selection--single,
    .select2-container--gaming .select2-selection--multiple,
    .select2-container--default .select2-selection--single,
    .select2-container--default .select2-selection--multiple {
    min-height: 44px !important;
    padding: 0.625rem 0.875rem !important;
    font-size: 0.875rem !important;
  }

  .select2-container .select2-selection--multiple,
    .select2-container--gaming .select2-selection--multiple,
    .select2-container--default .select2-selection--multiple {
    max-height: 100px !important;
    gap: 0.125rem !important;
  }

  .select2-container .select2-selection__choice,
    .select2-container--gaming .select2-selection__choice,
    .select2-container--default .select2-selection__choice {
    font-size: 0.8125rem !important;
    padding: 0.25rem 0.5rem !important;
    max-width: 150px !important;
  }

  .select2-container .select2-selection__choice__remove,
    .select2-container--gaming .select2-selection__choice__remove,
    .select2-container--default .select2-selection__choice__remove {
    width: 16px !important;
    height: 16px !important;
    font-size: 0.875rem !important;
  }

  .select2-container .select2-selection__arrow,
    .select2-container--gaming .select2-selection__arrow,
    .select2-container--default .select2-selection__arrow {
    height: 42px !important;
    right: 0.875rem !important;
  }

  .gaming-select2-dropdown {
    border-radius: 0.5rem !important;
    margin-top: 0.25rem !important;
  }

  .gaming-select2-dropdown .select2-results__options {
    max-height: 200px !important;
  }

  .gaming-select2-dropdown .select2-results__option {
    padding: 0.75rem 1rem !important;
    font-size: 0.875rem !important;
  }

  .gaming-select2-dropdown .select2-search__field {
    padding: 0.625rem 0.875rem !important;
    font-size: 0.875rem !important;
  }
}

/* Extra small devices */

@media (max-width: 480px) {
  .select2-container .select2-selection--multiple,
    .select2-container--gaming .select2-selection--multiple,
    .select2-container--default .select2-selection--multiple {
    max-height: 80px !important;
  }

  .select2-container .select2-selection__choice,
    .select2-container--gaming .select2-selection__choice,
    .select2-container--default .select2-selection__choice {
    max-width: 120px !important;
    font-size: 0.75rem !important;
  }

  .gaming-select2-dropdown .select2-results__options {
    max-height: 180px !important;
  }
}

/* Additional Gaming Animations */

@keyframes gaming-card-glow {
  0%, 100% {
    box-shadow: 0 20px 40px rgba(80, 129, 255, 0.4), 0 0 30px rgba(80, 129, 255, 0.3), 0 0 60px rgba(75, 125, 255, 0.2);
  }

  50% {
    box-shadow: 0 20px 40px rgba(80, 129, 255, 0.6), 0 0 30px rgba(80, 129, 255, 0.5), 0 0 60px rgba(75, 125, 255, 0.4);
  }
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

/* Select2 Loading State */

.select2-container--gaming.select2-container--loading .select2-selection::after {
  content: '' !important;
  position: absolute !important;
  right: 2.5rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #5081FF !important;
  border-top: 2px solid transparent !important;
  border-radius: 50% !important;
  animation: spin 1s linear infinite !important;
}

@keyframes spin {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }

  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}

/* Marquee Animation */

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-1 * var(--move-distance)));
  }
}

.marquee-track {
  display: flex;
  white-space: nowrap;
  animation: marquee linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused;
}

/* Enhanced Focus Management */

.select2-container--gaming.select2-container--focus .select2-selection,
  .select2-container--gaming.select2-container--open .select2-selection {
  border-color: #5081FF !important;
  box-shadow: 0 0 0 3px rgba(80, 129, 255, 0.2) !important;
}

/* Improved Clear Button */

.select2-container .select2-selection__clear,
  .select2-container--gaming .select2-selection__clear,
  .select2-container--default .select2-selection__clear {
  color: #9CA3AF !important;
  font-size: 1.1em !important;
  font-weight: bold !important;
  margin-right: 0.5rem !important;
  padding: 0.25rem !important;
  border-radius: 50% !important;
  transition: all 0.2s ease-in-out !important;
  background: rgba(255, 255, 255, 0.1) !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.select2-container .select2-selection__clear:hover,
  .select2-container--gaming .select2-selection__clear:hover,
  .select2-container--default .select2-selection__clear:hover {
  color: #ffffff !important;
  background: #EF4444 !important;
  transform: scale(1.1) !important;
}

/* ===== COMPACT GAMING PAGINATION STYLES ===== */

.gaming-pagination-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  /* padding: 1rem;
    background: linear-gradient(145deg, rgba(19, 17, 46, 0.8) 0%, rgba(30, 41, 59, 0.6) 50%, rgba(19, 17, 46, 0.8) 100%);
    border: 1px solid rgba(80, 129, 255, 0.2);
    border-radius: 0.75rem;
    backdrop-filter: blur(10px);
    box-shadow:
      0 4px 16px rgba(0, 0, 0, 0.2),
      0 0 12px rgba(80, 129, 255, 0.1); */
}

.gaming-pagination-list {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
  min-height: 2rem;
}

.gaming-pagination-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-width: 1.75rem;
  height: 1.75rem;
  padding: 0.25rem 0.375rem;
  border: none;
  border-radius: 0.375rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.gaming-pagination-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

.gaming-pagination-btn:hover::before {
  left: 100%;
}

/* Number Buttons */

.gaming-pagination-btn--number {
  background: linear-gradient(145deg, rgba(39, 36, 80, 0.8) 0%, rgba(30, 41, 59, 0.6) 100%);
  color: #FFFFFF99;
  border: 1px solid rgba(80, 129, 255, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.gaming-pagination-btn--number:hover {
  background: linear-gradient(145deg, rgba(80, 129, 255, 0.2) 0%, rgba(75, 125, 255, 0.3) 100%);
  color: #FFFFFF;
  border-color: rgba(80, 129, 255, 0.6);
  box-shadow:
      0 4px 8px rgba(80, 129, 255, 0.3),
      0 0 12px rgba(80, 129, 255, 0.2);
}

/* Active Page Button */

.gaming-pagination-btn--active {
  background: linear-gradient(135deg, #4B7DFF 0%, #5081FF 50%, #3463DB 100%);
  color: #FFFFFF;
  border: 1px solid rgba(80, 129, 255, 0.8);
  box-shadow:
      0 2px 8px rgba(80, 129, 255, 0.4),
      0 0 12px rgba(80, 129, 255, 0.3),
      inset 0 1px 0 rgba(255, 255, 255, 0.2);
  animation: gaming-pagination-pulse 2s infinite;
}

.gaming-pagination-btn--active:hover {
  box-shadow:
      0 3px 10px rgba(80, 129, 255, 0.5),
      0 0 16px rgba(80, 129, 255, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* Navigation Buttons (Previous/Next) */

.gaming-pagination-btn--nav {
  background: linear-gradient(145deg, rgba(75, 125, 255, 0.1) 0%, rgba(80, 129, 255, 0.2) 100%);
  color: #5081FF;
  border: 1px solid rgba(80, 129, 255, 0.4);
  min-width: 2rem;
}

.gaming-pagination-btn--nav:hover {
  background: linear-gradient(145deg, rgba(75, 125, 255, 0.3) 0%, rgba(80, 129, 255, 0.4) 100%);
  color: #FFFFFF;
  border-color: rgba(80, 129, 255, 0.8);
  box-shadow:
      0 4px 8px rgba(80, 129, 255, 0.3),
      0 0 12px rgba(80, 129, 255, 0.2);
}

/* Disabled Buttons */

.gaming-pagination-btn--disabled {
  background: linear-gradient(145deg, rgba(39, 36, 80, 0.3) 0%, rgba(30, 41, 59, 0.2) 100%);
  color: #FFFFFF33;
  border: 1px solid rgba(80, 129, 255, 0.1);
  cursor: not-allowed;
  opacity: 0.5;
}

.gaming-pagination-btn--disabled:hover {
  transform: none;
  box-shadow: none;
  background: linear-gradient(145deg, rgba(39, 36, 80, 0.3) 0%, rgba(30, 41, 59, 0.2) 100%);
}

.gaming-pagination-btn--disabled::before {
  display: none;
}

/* Ellipsis */

.gaming-pagination-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.75rem;
  height: 1.75rem;
  color: #FFFFFF66;
  font-size: 0.875rem;
}

/* Icons */

.gaming-pagination-icon {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  width: 14px;
  height: 14px;
}

.gaming-pagination-btn:hover .gaming-pagination-icon {
  transform: scale(1.1);
}

.gaming-pagination-text {
  font-size: 0.75rem;
  font-weight: 600;
}

/* Pagination Info */

.gaming-pagination-info {
  text-align: center;
  margin-top: 0.5rem;
}

.gaming-pagination-info-text {
  font-size: 0.8125rem;
  color: #FFFFFF99;
  font-family: 'Montserrat', sans-serif;
}

.gaming-pagination-info-current,
  .gaming-pagination-info-total {
  font-weight: 700;
  color: #5081FF;
  text-shadow: 0 0 6px rgba(80, 129, 255, 0.5);
}

/* ===== AUTO-ADVANCE FUNCTIONALITY STYLES ===== */

.gaming-pagination-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.gaming-auto-advance-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(80, 129, 255, 0.3);
  border-radius: 0.5rem;
  background: linear-gradient(145deg, rgba(39, 36, 80, 0.6) 0%, rgba(30, 41, 59, 0.4) 100%);
  color: #FFFFFF99;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.gaming-auto-advance-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.5s ease;
}

.gaming-auto-advance-btn:hover::before {
  left: 100%;
}

.gaming-auto-advance-btn:hover {
  background: linear-gradient(145deg, rgba(80, 129, 255, 0.2) 0%, rgba(75, 125, 255, 0.3) 100%);
  color: #FFFFFF;
  border-color: rgba(80, 129, 255, 0.6);
  box-shadow:
      0 4px 8px rgba(80, 129, 255, 0.3),
      0 0 12px rgba(80, 129, 255, 0.2);
}

.gaming-auto-advance-btn--active {
  background: linear-gradient(135deg, #10B981 0%, #059669 50%, #047857 100%);
  color: #FFFFFF;
  border-color: rgba(16, 185, 129, 0.8);
  box-shadow:
      0 2px 8px rgba(16, 185, 129, 0.4),
      0 0 12px rgba(16, 185, 129, 0.3);
  animation: gaming-auto-advance-pulse 2s infinite;
}

.gaming-auto-advance-btn--active:hover {
  background: linear-gradient(135deg, #059669 0%, #047857 50%, #065f46 100%);
  box-shadow:
      0 4px 12px rgba(16, 185, 129, 0.5),
      0 0 16px rgba(16, 185, 129, 0.4);
}

.gaming-auto-advance-icon {
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.gaming-auto-advance-btn:hover .gaming-auto-advance-icon {
  transform: scale(1.1);
}

.gaming-auto-advance-btn--active .gaming-auto-advance-icon {
  animation: gaming-auto-advance-spin 2s linear infinite;
}

.gaming-auto-advance-text {
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

/* Auto-Advance Countdown */

.gaming-auto-advance-countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: linear-gradient(145deg, rgba(80, 129, 255, 0.1) 0%, rgba(75, 125, 255, 0.2) 100%);
  border: 1px solid rgba(80, 129, 255, 0.4);
  border-radius: 0.5rem;
  backdrop-filter: blur(5px);
}

.gaming-countdown-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gaming-countdown-svg {
  transform: rotate(-90deg);
}

.gaming-countdown-progress {
  transition: stroke-dashoffset 1s linear;
}

.gaming-countdown-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Montserrat', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #5081FF;
  text-shadow: 0 0 4px rgba(80, 129, 255, 0.5);
}

.gaming-countdown-label {
  font-size: 0.6875rem;
  color: #FFFFFF99;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  white-space: nowrap;
}

/* Gaming Pagination Animations */

@keyframes gaming-pagination-pulse {
  0%, 100% {
    box-shadow:
        0 2px 8px rgba(80, 129, 255, 0.4),
        0 0 12px rgba(80, 129, 255, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
  }

  50% {
    box-shadow:
        0 3px 10px rgba(80, 129, 255, 0.6),
        0 0 16px rgba(80, 129, 255, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
  }
}

@keyframes gaming-auto-advance-pulse {
  0%, 100% {
    box-shadow:
        0 2px 8px rgba(16, 185, 129, 0.4),
        0 0 12px rgba(16, 185, 129, 0.3);
  }

  50% {
    box-shadow:
        0 4px 12px rgba(16, 185, 129, 0.6),
        0 0 20px rgba(16, 185, 129, 0.5);
  }
}

@keyframes gaming-auto-advance-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Mobile Layout Utilities */

.gaming-pagination-mobile-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.gaming-pagination-mobile-scroll::-webkit-scrollbar {
  height: 2px;
}

.gaming-pagination-mobile-scroll::-webkit-scrollbar-track {
  background: rgba(80, 129, 255, 0.1);
  border-radius: 1px;
}

.gaming-pagination-mobile-scroll::-webkit-scrollbar-thumb {
  background: rgba(80, 129, 255, 0.3);
  border-radius: 1px;
}

/* ===== COMPACT MOBILE RESPONSIVE DESIGN ===== */

/* Tablet (769px - 1024px) */

@media (min-width: 769px) and (max-width: 1024px) {
  .gaming-pagination-container {
    /* padding: 1.25rem;
      gap: 0.875rem; */
  }

  .gaming-pagination-list {
    gap: 0.5rem;
  }

  .gaming-pagination-btn {
    min-width: 2rem;
    height: 2rem;
    padding: 0.375rem 0.5rem;
    font-size: 0.8125rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 2.25rem;
  }

  .gaming-pagination-icon {
    width: 16px;
    height: 16px;
  }

  .gaming-pagination-text {
    font-size: 0.8125rem;
  }

  .gaming-pagination-info-text {
    font-size: 0.875rem;
  }
}

/* Medium Mobile (481px - 768px) */

@media (max-width: 768px) {
  .gaming-pagination-container {
    padding: 1rem 0.75rem;
    gap: 0.75rem;
    margin: 0 0.25rem;
  }

  .gaming-pagination-list {
    gap: 0.375rem;
    min-height: 2.25rem;
  }

  .gaming-pagination-btn {
    min-width: 2rem;
    height: 2rem;
    padding: 0.375rem 0.5rem;
    font-size: 0.8125rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 2.25rem;
  }

  .gaming-pagination-ellipsis {
    min-width: 2rem;
    height: 2rem;
  }

  .gaming-pagination-icon {
    width: 16px;
    height: 16px;
  }

  .gaming-pagination-text {
    font-size: 0.75rem;
  }

  .gaming-pagination-info-text {
    font-size: 0.875rem;
  }

  /* Auto-advance mobile styles */

  .gaming-pagination-controls {
    gap: 0.75rem;
    flex-direction: column;
  }

  .gaming-auto-advance-btn {
    padding: 0.375rem 0.625rem;
    font-size: 0.6875rem;
  }

  .gaming-auto-advance-text {
    font-size: 0.6875rem;
  }

  .gaming-auto-advance-countdown {
    padding: 0.375rem;
  }

  .gaming-countdown-text {
    font-size: 0.75rem;
  }

  .gaming-countdown-label {
    font-size: 0.625rem;
  }
}

/* Small Mobile (≤640px) */

@media (max-width: 640px) {
  .gaming-pagination-container {
    padding: 0.875rem 0.5rem;
    gap: 0.625rem;
  }

  .gaming-pagination-list {
    gap: 0.25rem;
    overflow-x: auto;
    padding: 0.125rem 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .gaming-pagination-list::-webkit-scrollbar {
    display: none;
  }

  .gaming-pagination-btn {
    min-width: 1.875rem;
    height: 1.875rem;
    padding: 0.25rem 0.375rem;
    font-size: 0.75rem;
    flex-shrink: 0;
  }

  .gaming-pagination-btn--nav {
    min-width: 2rem;
  }

  .gaming-pagination-ellipsis {
    min-width: 1.875rem;
    height: 1.875rem;
  }

  .gaming-pagination-icon {
    width: 14px;
    height: 14px;
  }

  .gaming-pagination-text {
    font-size: 0.6875rem;
  }

  /* Mobile touch optimizations */

  .gaming-pagination-btn:active {
    transform: translateY(0) scale(0.98);
    transition: all 0.1s ease;
  }
}

/* Extra Small Mobile (≤480px) */

@media (max-width: 480px) {
  .gaming-pagination-container {
    padding: 0.75rem 0.375rem;
    gap: 0.5rem;
    margin: 0;
    /* border-radius: 0.5rem; */
  }

  .gaming-pagination-list {
    gap: 0.125rem;
    padding: 0;
  }

  .gaming-pagination-text {
    display: none !important;
    /* Hide text labels on very small screens */
  }

  .gaming-pagination-btn {
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0.125rem 0.25rem;
    font-size: 0.6875rem;
    border-radius: 0.25rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 1.875rem;
    padding: 0.125rem 0.25rem;
  }

  .gaming-pagination-ellipsis {
    min-width: 1.75rem;
    height: 1.75rem;
    font-size: 0.75rem;
  }

  .gaming-pagination-icon {
    width: 12px;
    height: 12px;
  }

  .gaming-pagination-info-text {
    font-size: 0.75rem;
  }

  /* Auto-advance extra small mobile styles */

  .gaming-pagination-controls {
    gap: 0.5rem;
    flex-direction: column;
  }

  .gaming-auto-advance-btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.625rem;
    gap: 0.25rem;
  }

  .gaming-auto-advance-text {
    font-size: 0.625rem;
  }

  .gaming-auto-advance-icon {
    width: 12px;
    height: 12px;
  }

  .gaming-auto-advance-countdown {
    padding: 0.25rem;
    gap: 0.125rem;
  }

  .gaming-countdown-svg {
    width: 24px;
    height: 24px;
  }

  .gaming-countdown-text {
    font-size: 0.6875rem;
  }

  .gaming-countdown-label {
    font-size: 0.5625rem;
  }
}

/* Ultra Small Mobile (≤360px) */

@media (max-width: 360px) {
  .gaming-pagination-container {
    padding: 0.625rem 0.25rem;
    gap: 0.375rem;
  }

  .gaming-pagination-list {
    gap: 0.0625rem;
    /* 1px gap */
  }

  .gaming-pagination-btn {
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0.0625rem 0.125rem;
    font-size: 0.625rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 1.625rem;
  }

  .gaming-pagination-ellipsis {
    min-width: 1.5rem;
    height: 1.5rem;
    font-size: 0.6875rem;
  }

  .gaming-pagination-icon {
    width: 10px;
    height: 10px;
  }

  .gaming-pagination-info-text {
    font-size: 0.6875rem;
  }
}

/* Large Screen Enhancements (≥1024px) */

@media (min-width: 1024px) {
  .gaming-pagination-container {
    padding: 1.5rem;
    gap: 1rem;
  }

  .gaming-pagination-list {
    gap: 0.5rem;
  }

  .gaming-pagination-btn {
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0.5rem 0.625rem;
    font-size: 0.875rem;
  }

  .gaming-pagination-btn--nav {
    min-width: 2.75rem;
  }

  .gaming-pagination-text {
    font-size: 0.875rem;
  }

  .gaming-pagination-icon {
    width: 18px;
    height: 18px;
  }

  .gaming-pagination-info-text {
    font-size: 0.9375rem;
  }

  .gaming-pagination-btn--number:hover {
  }
}

/* Accessibility and Performance */

@media (prefers-reduced-motion: reduce) {
  .gaming-pagination-btn {
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .gaming-pagination-btn:hover {
    transform: none;
    animation: none;
  }

  .gaming-pagination-btn--active {
    animation: none;
  }

  .gaming-pagination-btn::before {
    display: none;
  }
}

/* Focus States for Accessibility */

.gaming-pagination-btn:focus {
  outline: none;
  box-shadow:
      0 0 0 2px rgba(80, 129, 255, 0.5),
      0 2px 6px rgba(80, 129, 255, 0.3);
}

.gaming-pagination-btn:focus-visible {
  outline: 2px solid #5081FF;
  outline-offset: 2px;
}

/* Prevent layout shift */

.gaming-pagination-list {
  min-height: 2rem;
}

@media (max-width: 768px) {
  .gaming-pagination-list {
    min-height: 2.25rem;
  }
}

@media (max-width: 480px) {
  .gaming-pagination-list {
    min-height: 1.75rem;
  }
}

@media (max-width: 360px) {
  .gaming-pagination-list {
    min-height: 1.5rem;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:-mx-\[16px\] {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.gaming-particles {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gaming-particles::before,
.gaming-particles::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  background: linear-gradient(45deg, #3b82f6, #8b5cf6);
  border-radius: 50%;
  animation: float 6s ease-in-out infinite;
  opacity: 0.6;
}

.gaming-particles::before {
  top: 20%;
  left: 20%;
  animation-delay: 0s;
  animation-duration: 8s;
}

.gaming-particles::after {
  top: 60%;
  right: 30%;
  animation-delay: 3s;
  animation-duration: 10s;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
    opacity: 0.6;
  }

  25% {
    transform: translateY(-20px) rotate(90deg);
    opacity: 1;
  }

  50% {
    transform: translateY(-10px) rotate(180deg);
    opacity: 0.8;
  }

  75% {
    transform: translateY(-30px) rotate(270deg);
    opacity: 1;
  }
}

.modal-focus:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .gaming-particles::before,
  .gaming-particles::after {
    display: none;
  }
}

.file\:mr-4::file-selector-button {
  margin-right: 1rem;
}

.file\:rounded-lg::file-selector-button {
  border-radius: 0.5rem;
}

.file\:border-0::file-selector-button {
  border-width: 0px;
}

.file\:bg-\[\#4B7DFF\]::file-selector-button {
  --tw-bg-opacity: 1;
  background-color: rgb(75 125 255 / var(--tw-bg-opacity, 1));
}

.file\:px-4::file-selector-button {
  padding-left: 1rem;
  padding-right: 1rem;
}

.file\:py-2::file-selector-button {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file\:font-medium::file-selector-button {
  font-weight: 500;
}

.file\:font-semibold::file-selector-button {
  font-weight: 600;
}

.file\:text-white::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-0::before {
  content: var(--tw-content);
  inset: 0px;
}

.before\:bottom-\[2px\]::before {
  content: var(--tw-content);
  bottom: 2px;
}

.before\:h-3::before {
  content: var(--tw-content);
  height: 0.75rem;
}

.before\:w-3::before {
  content: var(--tw-content);
  width: 0.75rem;
}

.before\:translate-x-\[-100\%\]::before {
  content: var(--tw-content);
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:rounded-full::before {
  content: var(--tw-content);
  border-radius: 9999px;
}

.before\:bg-\[\#adb5bd\]::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(173 181 189 / var(--tw-bg-opacity, 1));
}

.before\:bg-gradient-to-r::before {
  content: var(--tw-content);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.before\:from-transparent::before {
  content: var(--tw-content);
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-white\/20::before {
  content: var(--tw-content);
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.before\:to-transparent::before {
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.before\:transition-all::before {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:transition-transform::before {
  content: var(--tw-content);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:duration-300::before {
  content: var(--tw-content);
  transition-duration: 300ms;
}

.before\:duration-700::before {
  content: var(--tw-content);
  transition-duration: 700ms;
}

.before\:ease-in-out::before {
  content: var(--tw-content);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-2:hover {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:rotate-90:hover {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.05\]:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[\#3463DB\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(52 99 219 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#3B6DFF\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 109 255 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#4B7DFF\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(75 125 255 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#4B7DFF\]\/50:hover {
  border-color: rgb(75 125 255 / 0.5);
}

.hover\:border-\[\#4B7DFF\]\/60:hover {
  border-color: rgb(75 125 255 / 0.6);
}

.hover\:border-\[\#4B7DFF\]\/80:hover {
  border-color: rgb(75 125 255 / 0.8);
}

.hover\:border-\[\#5081FF\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(80 129 255 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#6366F1\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(99 102 241 / var(--tw-border-opacity, 1));
}

.hover\:border-\[\#FFFFFF35\]:hover {
  border-color: #FFFFFF35;
}

.hover\:border-\[\#ff062e\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 6 46 / var(--tw-border-opacity, 1));
}

.hover\:border-blue-500\/40:hover {
  border-color: rgb(59 130 246 / 0.4);
}

.hover\:border-emerald-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}

.hover\:border-gaming-blue:hover {
  --tw-border-opacity: 1;
  border-color: rgb(80 129 255 / var(--tw-border-opacity, 1));
}

.hover\:border-gaming-blue\/40:hover {
  border-color: rgb(80 129 255 / 0.4);
}

.hover\:border-green-500\/40:hover {
  border-color: rgb(34 197 94 / 0.4);
}

.hover\:border-purple-500\/40:hover {
  border-color: rgb(168 85 247 / 0.4);
}

.hover\:border-red-500\/40:hover {
  border-color: rgb(239 68 68 / 0.4);
}

.hover\:border-yellow-500\/40:hover {
  border-color: rgb(234 179 8 / 0.4);
}

.hover\:border-opacity-40:hover {
  --tw-border-opacity: 0.4;
}

.hover\:bg-\[\#0052CC\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 82 204 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#166FE5\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 111 229 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#1a1635\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 22 53 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#218838\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(33 136 56 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#2A2D4F\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 45 79 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#333333\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#3463DB\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(52 99 219 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#3A3A3A\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 58 58 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#3B6DFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 109 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#45ff02\]\/30:hover {
  background-color: rgb(69 255 2 / 0.3);
}

.hover\:bg-\[\#4752C4\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 82 196 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#4B7DFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 125 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#4B7DFF\]\/10:hover {
  background-color: rgb(75 125 255 / 0.1);
}

.hover\:bg-\[\#4B7DFF\]\/20:hover {
  background-color: rgb(75 125 255 / 0.2);
}

.hover\:bg-\[\#4B7DFF\]\/30:hover {
  background-color: rgb(75 125 255 / 0.3);
}

.hover\:bg-\[\#5081FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(80 129 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#5081FF\]\/10:hover {
  background-color: rgb(80 129 255 / 0.1);
}

.hover\:bg-\[\#FFFFFF1F\]:hover {
  background-color: #FFFFFF1F;
}

.hover\:bg-\[\#ff062e\]\/20:hover {
  background-color: rgb(255 6 46 / 0.2);
}

.hover\:bg-\[\#ff062e\]\/30:hover {
  background-color: rgb(255 6 46 / 0.3);
}

.hover\:bg-\[\#ffffff20\]:hover {
  background-color: #ffffff20;
}

.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-400\/10:hover {
  background-color: rgb(96 165 250 / 0.1);
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gaming-blue\/40:hover {
  background-color: rgb(80 129 255 / 0.4);
}

.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-500\/10:hover {
  background-color: rgb(107 114 128 / 0.1);
}

.hover\:bg-gray-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-600\/50:hover {
  background-color: rgb(75 85 99 / 0.5);
}

.hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-700\/30:hover {
  background-color: rgb(55 65 81 / 0.3);
}

.hover\:bg-gray-700\/70:hover {
  background-color: rgb(55 65 81 / 0.7);
}

.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-900\/30:hover {
  background-color: rgb(20 83 45 / 0.3);
}

.hover\:bg-indigo-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(67 56 202 / var(--tw-bg-opacity, 1));
}

.hover\:bg-orange-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

.hover\:bg-pink-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(190 24 93 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-400\/10:hover {
  background-color: rgb(248 113 113 / 0.1);
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-500\/10:hover {
  background-color: rgb(239 68 68 / 0.1);
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-900\/30:hover {
  background-color: rgb(127 29 29 / 0.3);
}

.hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:bg-white\/15:hover {
  background-color: rgb(255 255 255 / 0.15);
}

.hover\:bg-yellow-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#0068FF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 104 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#0088cc\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 136 204 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#1877F2\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(24 119 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#ffffff1f\]:hover {
  background-color: #ffffff1f;
}

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

.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}

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

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

.hover\:from-\[\#3463DB\]:hover {
  --tw-gradient-from: #3463DB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 99 219 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#3B6DFF\]:hover {
  --tw-gradient-from: #3B6DFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 109 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#4B7DFF30\]:hover {
  --tw-gradient-from: #4B7DFF30 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#4B7DFF\]:hover {
  --tw-gradient-from: #4B7DFF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#4B7DFF\]\/5:hover {
  --tw-gradient-from: rgb(75 125 255 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#5081FF\]:hover {
  --tw-gradient-from: #5081FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(80 129 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#6366F1\]:hover {
  --tw-gradient-from: #6366F1 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#FFFFFF00\]:hover {
  --tw-gradient-from: #FFFFFF00 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#FFFFFF15\]:hover {
  --tw-gradient-from: #FFFFFF15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#FFFFFF25\]:hover {
  --tw-gradient-from: #FFFFFF25 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-\[\#FFFFFF30\]:hover {
  --tw-gradient-from: #FFFFFF30 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-amber-600:hover {
  --tw-gradient-from: #d97706 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-500\/10:hover {
  --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-blue-700:hover {
  --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-500:hover {
  --tw-gradient-from: #6b7280 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-gray-700:hover {
  --tw-gradient-from: #374151 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-green-500\/10:hover {
  --tw-gradient-from: rgb(34 197 94 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-orange-600:hover {
  --tw-gradient-from: #ea580c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-purple-500\/10:hover {
  --tw-gradient-from: rgb(168 85 247 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-500\/10:hover {
  --tw-gradient-from: rgb(239 68 68 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-red-600:hover {
  --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:from-yellow-500\/10:hover {
  --tw-gradient-from: rgb(234 179 8 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:via-\[\#4B7DFF\]:hover {
  --tw-gradient-to: rgb(75 125 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4B7DFF var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.hover\:to-\[\#2A52BE\]:hover {
  --tw-gradient-to: #2A52BE var(--tw-gradient-to-position);
}

.hover\:to-\[\#2B5DFF\]:hover {
  --tw-gradient-to: #2B5DFF var(--tw-gradient-to-position);
}

.hover\:to-\[\#4B7DFF\]:hover {
  --tw-gradient-to: #4B7DFF var(--tw-gradient-to-position);
}

.hover\:to-\[\#5081FF30\]:hover {
  --tw-gradient-to: #5081FF30 var(--tw-gradient-to-position);
}

.hover\:to-\[\#5081FF\]:hover {
  --tw-gradient-to: #5081FF var(--tw-gradient-to-position);
}

.hover\:to-\[\#7C3AED\]:hover {
  --tw-gradient-to: #7C3AED var(--tw-gradient-to-position);
}

.hover\:to-\[\#8B5CF6\]:hover {
  --tw-gradient-to: #8B5CF6 var(--tw-gradient-to-position);
}

.hover\:to-\[\#FFFFFF20\]:hover {
  --tw-gradient-to: #FFFFFF20 var(--tw-gradient-to-position);
}

.hover\:to-\[\#FFFFFF25\]:hover {
  --tw-gradient-to: #FFFFFF25 var(--tw-gradient-to-position);
}

.hover\:to-\[\#FFFFFF3D\]:hover {
  --tw-gradient-to: #FFFFFF3D var(--tw-gradient-to-position);
}

.hover\:to-blue-600\/10:hover {
  --tw-gradient-to: rgb(37 99 235 / 0.1) var(--tw-gradient-to-position);
}

.hover\:to-gray-600:hover {
  --tw-gradient-to: #4b5563 var(--tw-gradient-to-position);
}

.hover\:to-gray-800:hover {
  --tw-gradient-to: #1f2937 var(--tw-gradient-to-position);
}

.hover\:to-green-600\/10:hover {
  --tw-gradient-to: rgb(22 163 74 / 0.1) var(--tw-gradient-to-position);
}

.hover\:to-orange-600:hover {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}

.hover\:to-purple-600\/10:hover {
  --tw-gradient-to: rgb(147 51 234 / 0.1) var(--tw-gradient-to-position);
}

.hover\:to-purple-700:hover {
  --tw-gradient-to: #7e22ce var(--tw-gradient-to-position);
}

.hover\:to-red-600\/10:hover {
  --tw-gradient-to: rgb(220 38 38 / 0.1) var(--tw-gradient-to-position);
}

.hover\:to-red-700:hover {
  --tw-gradient-to: #b91c1c var(--tw-gradient-to-position);
}

.hover\:to-transparent:hover {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.hover\:to-yellow-600\/10:hover {
  --tw-gradient-to: rgb(202 138 4 / 0.1) var(--tw-gradient-to-position);
}

.hover\:text-\[\#4B7DFF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(75 125 255 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#5081FF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(80 129 255 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#5B8FFF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(91 143 255 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#6B9FFF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(107 159 255 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#FFFFFFCC\]:hover {
  color: #FFFFFFCC;
}

.hover\:text-\[\#ff062e\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 6 46 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#ff062e\]\/80:hover {
  color: rgb(255 6 46 / 0.8);
}

.hover\:text-\[\#fff\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-300:hover {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.hover\:text-blue-400:hover {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-300:hover {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.hover\:text-green-300:hover {
  --tw-text-opacity: 1;
  color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

.hover\:text-red-300:hover {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

.hover\:text-red-400:hover {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:text-\[\#69B1FF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(105 177 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[\#000000\]\/30:hover {
  --tw-shadow-color: rgb(0 0 0 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#0068FF\]\/30:hover {
  --tw-shadow-color: rgb(0 104 255 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#1877F2\]\/30:hover {
  --tw-shadow-color: rgb(24 119 242 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#4B7DFF\]\/20:hover {
  --tw-shadow-color: rgb(75 125 255 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#4B7DFF\]\/30:hover {
  --tw-shadow-color: rgb(75 125 255 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#4B7DFF\]\/40:hover {
  --tw-shadow-color: rgb(75 125 255 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#5081FF\]\/40:hover {
  --tw-shadow-color: rgb(80 129 255 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#5081FF\]\/50:hover {
  --tw-shadow-color: rgb(80 129 255 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#5865F2\]\/30:hover {
  --tw-shadow-color: rgb(88 101 242 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#6366F1\]\/40:hover {
  --tw-shadow-color: rgb(99 102 241 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-\[\#6366F1\]\/50:hover {
  --tw-shadow-color: rgb(99 102 241 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-blue-500\/40:hover {
  --tw-shadow-color: rgb(59 130 246 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-emerald-600\/20:hover {
  --tw-shadow-color: rgb(5 150 105 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:shadow-purple-500\/40:hover {
  --tw-shadow-color: rgb(168 85 247 / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}

.hover\:brightness-125:hover {
  --tw-brightness: brightness(1.25);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:file\:bg-\[\#5081FF\]::file-selector-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(80 129 255 / var(--tw-bg-opacity, 1));
}

.hover\:before\:translate-x-\[100\%\]:hover::before {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.focus\:border-\[\#00FF88\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 255 136 / var(--tw-border-opacity, 1));
}

.focus\:border-\[\#4B7DFF\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(75 125 255 / var(--tw-border-opacity, 1));
}

.focus\:border-\[\#5081FF\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(80 129 255 / var(--tw-border-opacity, 1));
}

.focus\:border-\[\#9C27B0\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(156 39 176 / var(--tw-border-opacity, 1));
}

.focus\:border-\[\#FFD700\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 215 0 / var(--tw-border-opacity, 1));
}

.focus\:border-blue-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-\[\#00FF88\]\/20:focus {
  --tw-ring-color: rgb(0 255 136 / 0.2);
}

.focus\:ring-\[\#4B7DFF\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 125 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-\[\#4B7DFF\]\/20:focus {
  --tw-ring-color: rgb(75 125 255 / 0.2);
}

.focus\:ring-\[\#4B7DFF\]\/30:focus {
  --tw-ring-color: rgb(75 125 255 / 0.3);
}

.focus\:ring-\[\#5081FF\]\/20:focus {
  --tw-ring-color: rgb(80 129 255 / 0.2);
}

.focus\:ring-\[\#9C27B0\]\/20:focus {
  --tw-ring-color: rgb(156 39 176 / 0.2);
}

.focus\:ring-\[\#FFD700\]\/20:focus {
  --tw-ring-color: rgb(255 215 0 / 0.2);
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
}

.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));
}

.focus\:ring-transparent:focus {
  --tw-ring-color: transparent;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus\:ring-offset-gray-800:focus {
  --tw-ring-offset-color: #1f2937;
}

.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-\[\#000000\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-\[\#0068FF\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 104 255 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-\[\#1877F2\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(24 119 242 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-\[\#4B7DFF\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 125 255 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-\[\#5865F2\]:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(88 101 242 / var(--tw-ring-opacity, 1));
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.active\:cursor-grabbing:active {
  cursor: grabbing;
}

.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.disabled\:transform-none:disabled {
  transform: none;
}

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

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:hover\:scale-100:hover:disabled {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.disabled\:hover\:bg-blue-600:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.disabled\:hover\:bg-pink-600:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
}

.disabled\:hover\:bg-purple-600:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}

.group\/btn:hover .group-hover\/btn\:-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/btn:hover .group-hover\/btn\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/btn:hover .group-hover\/btn\:translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/stat:hover .group-hover\/stat\:scale-x-100 {
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.group\/btn:hover .group-hover\/btn\:animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.group:hover .group-hover\:border-blue-400\/60 {
  border-color: rgb(96 165 250 / 0.6);
}

.group:hover .group-hover\:border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.group:hover .group-hover\:bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.group:hover .group-hover\:text-\[\#6B8FFF\] {
  --tw-text-opacity: 1;
  color: rgb(107 143 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group\/btn:hover .group-hover\/btn\:opacity-100 {
  opacity: 1;
}

.group\/stat:hover .group-hover\/stat\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-20 {
  opacity: 0.2;
}

.group:hover .group-hover\:opacity-\[1\] {
  opacity: 1;
}

.group\/btn:hover .group-hover\/btn\:shadow-\[\#00FFFF\]\/50 {
  --tw-shadow-color: rgb(0 255 255 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.group:hover .group-hover\:shadow-blue-500\/25 {
  --tw-shadow-color: rgb(59 130 246 / 0.25);
  --tw-shadow: var(--tw-shadow-colored);
}

.group:hover .group-hover\:brightness-110 {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.peer:checked ~ .peer-checked\:before\:bg-white::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.peer:-moz-placeholder ~ .peer-placeholder-shown\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:-moz-placeholder ~ .peer-placeholder-shown\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:-translate-y-2 {
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:text-\[\#FFFFFF99\] {
  color: #FFFFFF99;
}

@media not all and (min-width: 1024px) {
  .max-lg\:right-\[-50px\] {
    right: -50px;
  }

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

  .max-lg\:my-\[16px\] {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .max-lg\:my-\[24px\] {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .max-lg\:mb-\[55px\] {
    margin-bottom: 55px;
  }

  .max-lg\:hidden {
    display: none;
  }

  .max-lg\:w-\[320px\] {
    width: 320px;
  }

  .max-lg\:gap-\[20px\] {
    gap: 20px;
  }

  .max-lg\:gap-y-\[8px\] {
    row-gap: 8px;
  }

  .max-lg\:p-\[16px\] {
    padding: 16px;
  }

  .max-lg\:text-\[14px\] {
    font-size: 14px;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:absolute {
    position: absolute;
  }

  .max-md\:-top-\[12px\] {
    top: -12px;
  }

  .max-md\:right-0 {
    right: 0px;
  }

  .max-md\:\!-mx-\[16px\] {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }

  .max-md\:-mx-\[16px\] {
    margin-left: -16px;
    margin-right: -16px;
  }

  .max-md\:mx-\[16px\] {
    margin-left: 16px;
    margin-right: 16px;
  }

  .max-md\:my-\[16px\] {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .max-md\:mb-\[16px\] {
    margin-bottom: 16px;
  }

  .max-md\:mb-\[24px\] {
    margin-bottom: 24px;
  }

  .max-md\:mt-0 {
    margin-top: 0px;
  }

  .max-md\:mt-\[12px\] {
    margin-top: 12px;
  }

  .max-md\:hidden {
    display: none;
  }

  .max-md\:flex-col {
    flex-direction: column;
  }

  .max-md\:bg-transparent {
    background-color: transparent;
  }

  .max-md\:\!p-\[16px\] {
    padding: 16px !important;
  }

  .max-md\:p-0 {
    padding: 0px;
  }

  .max-md\:\!px-\[16px\] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media not all and (min-width: 640px) {
  .max-sm\:hidden {
    display: none;
  }

  .max-sm\:w-\[280px\] {
    width: 280px;
  }

  .max-sm\:flex-col {
    flex-direction: column;
  }

  .max-sm\:gap-3 {
    gap: 0.75rem;
  }

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

@media (min-width: 640px) {
  .sm\:order-1 {
    order: 1;
  }

  .sm\:order-2 {
    order: 2;
  }

  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:ml-2 {
    margin-left: 0.5rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:aspect-\[5\/3\] {
    aspect-ratio: 5/3;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-7 {
    height: 1.75rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

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

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

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

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

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

  .sm\:gap-0 {
    gap: 0px;
  }

  .sm\:gap-3 {
    gap: 0.75rem;
  }

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

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

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:text-\[10px\] {
    font-size: 10px;
  }

  .sm\:text-\[11px\] {
    font-size: 11px;
  }

  .sm\:text-\[12px\] {
    font-size: 12px;
  }

  .sm\:text-\[14px\] {
    font-size: 14px;
  }

  .sm\:text-\[16px\] {
    font-size: 16px;
  }

  .sm\:text-\[8px\] {
    font-size: 8px;
  }

  .sm\:text-\[9px\] {
    font-size: 9px;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:leading-5 {
    line-height: 1.25rem;
  }

  .sm\:tracking-\[0\.2em\] {
    letter-spacing: 0.2em;
  }
}

@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }

  .md\:-bottom-\[8px\] {
    bottom: -8px;
  }

  .md\:left-\[30\%\] {
    left: 30%;
  }

  .md\:top-\[25px\] {
    top: 25px;
  }

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

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

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

  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:my-\[24px\] {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .md\:my-\[28px\] {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:mb-\[16px\] {
    margin-bottom: 16px;
  }

  .md\:mb-\[32px\] {
    margin-bottom: 32px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-2 {
    margin-top: 0.5rem;
  }

  .md\:mt-3 {
    margin-top: 0.75rem;
  }

  .md\:mt-\[20px\] {
    margin-top: 20px;
  }

  .md\:mt-\[48px\] {
    margin-top: 48px;
  }

  .md\:mt-\[8px\] {
    margin-top: 8px;
  }

  .md\:block {
    display: block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }

  .md\:aspect-\[228\/94\] {
    aspect-ratio: 228/94;
  }

  .md\:aspect-\[716\/203\] {
    aspect-ratio: 716/203;
  }

  .md\:h-11 {
    height: 2.75rem;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:h-3 {
    height: 0.75rem;
  }

  .md\:h-4 {
    height: 1rem;
  }

  .md\:h-6 {
    height: 1.5rem;
  }

  .md\:h-\[24px\] {
    height: 24px;
  }

  .md\:h-\[32px\] {
    height: 32px;
  }

  .md\:h-\[40px\] {
    height: 40px;
  }

  .md\:h-\[48px\] {
    height: 48px;
  }

  .md\:h-\[56px\] {
    height: 56px;
  }

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

  .md\:max-h-\[180px\] {
    max-height: 180px;
  }

  .md\:max-h-\[280px\] {
    max-height: 280px;
  }

  .md\:min-h-\[2\.5rem\] {
    min-height: 2.5rem;
  }

  .md\:min-h-\[280px\] {
    min-height: 280px;
  }

  .md\:min-h-\[320px\] {
    min-height: 320px;
  }

  .md\:w-3 {
    width: 0.75rem;
  }

  .md\:w-4 {
    width: 1rem;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-\[24px\] {
    width: 24px;
  }

  .md\:w-\[32px\] {
    width: 32px;
  }

  .md\:w-\[40px\] {
    width: 40px;
  }

  .md\:w-\[48px\] {
    width: 48px;
  }

  .md\:w-\[56px\] {
    width: 56px;
  }

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

  .md\:max-w-\[345px\] {
    max-width: 345px;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

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

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

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

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

  .md\:gap-10 {
    gap: 2.5rem;
  }

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

  .md\:gap-3 {
    gap: 0.75rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-\[16px\] {
    gap: 16px;
  }

  .md\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-\[16px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(16px * var(--tw-space-y-reverse));
  }

  .md\:\!rounded-\[24px\] {
    border-radius: 24px !important;
  }

  .md\:rounded-\[10px\] {
    border-radius: 10px;
  }

  .md\:rounded-\[12px\] {
    border-radius: 12px;
  }

  .md\:rounded-\[14px\] {
    border-radius: 14px;
  }

  .md\:rounded-\[16px\] {
    border-radius: 16px;
  }

  .md\:rounded-\[20px\] {
    border-radius: 20px;
  }

  .md\:rounded-\[24px\] {
    border-radius: 24px;
  }

  .md\:rounded-\[6px\] {
    border-radius: 6px;
  }

  .md\:rounded-\[8px\] {
    border-radius: 8px;
  }

  .md\:border-none {
    border-style: none;
  }

  .md\:border-\[\#FFFFFF20\] {
    border-color: #FFFFFF20;
  }

  .md\:border-\[\#FFFFFF25\] {
    border-color: #FFFFFF25;
  }

  .md\:bg-\[\#0000005C\] {
    background-color: #0000005C;
  }

  .md\:bg-\[\#272450\] {
    --tw-bg-opacity: 1;
    background-color: rgb(39 36 80 / var(--tw-bg-opacity, 1));
  }

  .md\:bg-\[\#ffffff14\] {
    background-color: #ffffff14;
  }

  .md\:bg-\[\#ffffff16\] {
    background-color: #ffffff16;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:from-\[\#4B7DFF20\] {
    --tw-gradient-from: #4B7DFF20 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .md\:from-\[\#FFFFFF08\] {
    --tw-gradient-from: #FFFFFF08 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .md\:from-\[\#FFFFFF15\] {
    --tw-gradient-from: #FFFFFF15 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .md\:from-\[\#FFFFFF20\] {
    --tw-gradient-from: #FFFFFF20 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .md\:to-\[\#5081FF20\] {
    --tw-gradient-to: #5081FF20 var(--tw-gradient-to-position);
  }

  .md\:to-\[\#FFFFFF10\] {
    --tw-gradient-to: #FFFFFF10 var(--tw-gradient-to-position);
  }

  .md\:to-\[\#FFFFFF12\] {
    --tw-gradient-to: #FFFFFF12 var(--tw-gradient-to-position);
  }

  .md\:to-\[\#FFFFFF15\] {
    --tw-gradient-to: #FFFFFF15 var(--tw-gradient-to-position);
  }

  .md\:p-0 {
    padding: 0px;
  }

  .md\:p-2 {
    padding: 0.5rem;
  }

  .md\:p-3 {
    padding: 0.75rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-\[20px\] {
    padding: 20px;
  }

  .md\:\!px-\[0\.65rem\] {
    padding-left: 0.65rem !important;
    padding-right: 0.65rem !important;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
  }

  .md\:px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-\[10px\] {
    font-size: 10px;
  }

  .md\:text-\[15px\] {
    font-size: 15px;
  }

  .md\:text-\[16px\] {
    font-size: 16px;
  }

  .md\:text-\[24px\] {
    font-size: 24px;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .md\:leading-5 {
    line-height: 1.25rem;
  }

  .md\:leading-\[1\.4\] {
    line-height: 1.4;
  }

  .md\:leading-\[15px\] {
    line-height: 15px;
  }

  .md\:text-\[\#fff9\] {
    color: #fff9;
  }

  .md\:shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:shadow-\[\#C0C0C0\]\/40 {
    --tw-shadow-color: rgb(192 192 192 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
  }

  .md\:shadow-\[\#CD7F32\]\/40 {
    --tw-shadow-color: rgb(205 127 50 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
  }

  .md\:shadow-\[\#FFD700\]\/40 {
    --tw-shadow-color: rgb(255 215 0 / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
  }

  .md\:transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .md\:duration-300 {
    transition-duration: 300ms;
  }

  .md\:hover\:border-\[\#FFFFFF35\]:hover {
    border-color: #FFFFFF35;
  }

  .md\:hover\:bg-\[\#ffffff20\]:hover {
    background-color: #ffffff20;
  }

  .md\:hover\:from-\[\#4B7DFF30\]:hover {
    --tw-gradient-from: #4B7DFF30 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(75 125 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .md\:hover\:from-\[\#FFFFFF15\]:hover {
    --tw-gradient-from: #FFFFFF15 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .md\:hover\:from-\[\#FFFFFF25\]:hover {
    --tw-gradient-from: #FFFFFF25 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .md\:hover\:from-\[\#FFFFFF30\]:hover {
    --tw-gradient-from: #FFFFFF30 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .md\:hover\:to-\[\#5081FF30\]:hover {
    --tw-gradient-to: #5081FF30 var(--tw-gradient-to-position);
  }

  .md\:hover\:to-\[\#FFFFFF20\]:hover {
    --tw-gradient-to: #FFFFFF20 var(--tw-gradient-to-position);
  }

  .md\:hover\:to-\[\#FFFFFF25\]:hover {
    --tw-gradient-to: #FFFFFF25 var(--tw-gradient-to-position);
  }

  .md\:hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .group:hover .md\:group-hover\:scale-\[1\.25\] {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .group:hover .md\:group-hover\:text-\[\#fff\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

@media (min-width: 1024px) {
  .lg\:bottom-0 {
    bottom: 0px;
  }

  .lg\:end-auto {
    inset-inline-end: auto;
  }

  .lg\:right-0 {
    right: 0px;
  }

  .lg\:top-full {
    top: 100%;
  }

  .lg\:z-30 {
    z-index: 30;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

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

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

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

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

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

  .lg\:my-\[36px\] {
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mb-\[48px\] {
    margin-bottom: 48px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-\[12px\] {
    margin-top: 12px;
  }

  .lg\:block {
    display: block;
  }

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

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }

  .lg\:aspect-\[318\/132\] {
    aspect-ratio: 318/132;
  }

  .lg\:aspect-\[986\/280\] {
    aspect-ratio: 986/280;
  }

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-\[24px\] {
    height: 24px;
  }

  .lg\:h-\[36px\] {
    height: 36px;
  }

  .lg\:max-h-\[200px\] {
    max-height: 200px;
  }

  .lg\:min-h-\[320px\] {
    min-height: 320px;
  }

  .lg\:min-h-\[380px\] {
    min-height: 380px;
  }

  .lg\:min-h-\[758px\] {
    min-height: 758px;
  }

  .lg\:min-h-\[160px\] {
    min-height: 160px;
  }

  .lg\:\!w-1\/3 {
    width: 33.333333% !important;
  }

  .lg\:\!w-2\/3 {
    width: 66.666667% !important;
  }

  .lg\:\!w-2\/5 {
    width: 40% !important;
  }

  .lg\:\!w-3\/5 {
    width: 60% !important;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:w-\[33\.33\%\] {
    width: 33.33%;
  }

  .lg\:w-\[36px\] {
    width: 36px;
  }

  .lg\:w-\[66\.67\%\] {
    width: 66.67%;
  }

  .lg\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

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

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

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

  .lg\:gap-14 {
    gap: 3.5rem;
  }

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

  .lg\:gap-3 {
    gap: 0.75rem;
  }

  .lg\:gap-\[16px\] {
    gap: 16px;
  }

  .lg\:gap-\[24px\] {
    gap: 24px;
  }

  .lg\:space-x-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.375rem * var(--tw-space-x-reverse));
    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .lg\:rounded-\[10px\] {
    border-radius: 10px;
  }

  .lg\:rounded-\[6px\] {
    border-radius: 6px;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-\[24px\] {
    padding: 24px;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }

  .lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-\[10px\] {
    font-size: 10px;
  }

  .lg\:text-\[16px\] {
    font-size: 16px;
  }

  .lg\:text-\[24px\] {
    font-size: 24px;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .lg\:leading-\[22px\] {
    line-height: 22px;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:max-h-\[170px\] {
    max-height: 170px;
  }

  .xl\:w-96 {
    width: 24rem;
  }

  .xl\:max-w-\[320px\] {
    max-width: 320px;
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:gap-6 {
    gap: 1.5rem;
  }

  .xl\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .xl\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1536px) {
  .\32xl\:gap-5 {
    gap: 1.25rem;
  }
}

.ltr\:\!right-0:where([dir="ltr"], [dir="ltr"] *) {
  right: 0px !important;
}

.ltr\:-left-12:where([dir="ltr"], [dir="ltr"] *) {
  left: -3rem;
}

.ltr\:-right-\[400px\]:where([dir="ltr"], [dir="ltr"] *) {
  right: -400px;
}

.ltr\:right-0:where([dir="ltr"], [dir="ltr"] *) {
  right: 0px;
}

.ltr\:right-6:where([dir="ltr"], [dir="ltr"] *) {
  right: 1.5rem;
}

.ltr\:ml-1\.5:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 0.375rem;
}

.ltr\:ml-2:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 0.5rem;
}

.ltr\:ml-4:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: 1rem;
}

.ltr\:ml-auto:where([dir="ltr"], [dir="ltr"] *) {
  margin-left: auto;
}

.ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 0.25rem;
}

.ltr\:mr-2:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 0.5rem;
}

.ltr\:mr-4:where([dir="ltr"], [dir="ltr"] *) {
  margin-right: 1rem;
}

.ltr\:rounded-r-md:where([dir="ltr"], [dir="ltr"] *) {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.ltr\:rounded-r-none:where([dir="ltr"], [dir="ltr"] *) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ltr\:rounded-bl-full:where([dir="ltr"], [dir="ltr"] *) {
  border-bottom-left-radius: 9999px;
}

.ltr\:rounded-tl-full:where([dir="ltr"], [dir="ltr"] *) {
  border-top-left-radius: 9999px;
}

.ltr\:border-l-0:where([dir="ltr"], [dir="ltr"] *) {
  border-left-width: 0px;
}

.ltr\:pl-3:where([dir="ltr"], [dir="ltr"] *) {
  padding-left: 0.75rem;
}

.ltr\:pr-2:where([dir="ltr"], [dir="ltr"] *) {
  padding-right: 0.5rem;
}

.ltr\:text-right:where([dir="ltr"], [dir="ltr"] *) {
  text-align: right;
}

.ltr\:file\:mr-5:where([dir="ltr"], [dir="ltr"] *)::file-selector-button {
  margin-right: 1.25rem;
}

.ltr\:before\:left-0\.5:where([dir="ltr"], [dir="ltr"] *)::before {
  content: var(--tw-content);
  left: 0.125rem;
}

.peer:checked ~ .ltr\:peer-checked\:before\:left-3\.5:where([dir="ltr"], [dir="ltr"] *)::before {
  content: var(--tw-content);
  left: 0.875rem;
}

@media (min-width: 640px) {
  .ltr\:sm\:ml-0:where([dir="ltr"], [dir="ltr"] *) {
    margin-left: 0px;
  }

  .sm\:ltr\:mr-auto:where([dir="ltr"], [dir="ltr"] *) {
    margin-right: auto;
  }
}

.rtl\:\!left-0:where([dir="rtl"], [dir="rtl"] *) {
  left: 0px !important;
}

.rtl\:-left-\[400px\]:where([dir="rtl"], [dir="rtl"] *) {
  left: -400px;
}

.rtl\:-right-12:where([dir="rtl"], [dir="rtl"] *) {
  right: -3rem;
}

.rtl\:left-0:where([dir="rtl"], [dir="rtl"] *) {
  left: 0px;
}

.rtl\:left-6:where([dir="rtl"], [dir="rtl"] *) {
  left: 1.5rem;
}

.rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0.25rem;
}

.rtl\:ml-2:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 0.5rem;
}

.rtl\:ml-4:where([dir="rtl"], [dir="rtl"] *) {
  margin-left: 1rem;
}

.rtl\:mr-1\.5:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0.375rem;
}

.rtl\:mr-2:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 0.5rem;
}

.rtl\:mr-4:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: 1rem;
}

.rtl\:mr-auto:where([dir="rtl"], [dir="rtl"] *) {
  margin-right: auto;
}

.rtl\:translate-x-full:where([dir="rtl"], [dir="rtl"] *) {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

.rtl\:rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rtl\:rounded-l-none:where([dir="rtl"], [dir="rtl"] *) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rtl\:rounded-br-full:where([dir="rtl"], [dir="rtl"] *) {
  border-bottom-right-radius: 9999px;
}

.rtl\:rounded-tr-full:where([dir="rtl"], [dir="rtl"] *) {
  border-top-right-radius: 9999px;
}

.rtl\:border-r-0:where([dir="rtl"], [dir="rtl"] *) {
  border-right-width: 0px;
}

.rtl\:pl-2:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0.5rem;
}

.rtl\:pr-3:where([dir="rtl"], [dir="rtl"] *) {
  padding-right: 0.75rem;
}

.rtl\:text-left:where([dir="rtl"], [dir="rtl"] *) {
  text-align: left;
}

.rtl\:file\:ml-5:where([dir="rtl"], [dir="rtl"] *)::file-selector-button {
  margin-left: 1.25rem;
}

.rtl\:before\:right-0\.5:where([dir="rtl"], [dir="rtl"] *)::before {
  content: var(--tw-content);
  right: 0.125rem;
}

.peer:checked ~ .rtl\:peer-checked\:before\:right-3\.5:where([dir="rtl"], [dir="rtl"] *)::before {
  content: var(--tw-content);
  right: 0.875rem;
}

@media (min-width: 640px) {
  .sm\:rtl\:ml-auto:where([dir="rtl"], [dir="rtl"] *) {
    margin-left: auto;
  }

  .sm\:rtl\:mr-0:where([dir="rtl"], [dir="rtl"] *) {
    margin-right: 0px;
  }
}

@media (min-width: 1024px) {
  .rtl\:lg\:translate-x-0:where([dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (prefers-color-scheme: dark) {
  .dark\:flex {
    display: flex;
  }

  .dark\:hidden {
    display: none;
  }

  .dark\:border-\[\#17263c\] {
    --tw-border-opacity: 1;
    border-color: rgb(23 38 60 / var(--tw-border-opacity, 1));
  }

  .dark\:border-\[\#191e3a\] {
    --tw-border-opacity: 1;
    border-color: rgb(25 30 58 / var(--tw-border-opacity, 1));
  }

  .dark\:border-\[\#1b2e4b\] {
    --tw-border-opacity: 1;
    border-color: rgb(27 46 75 / var(--tw-border-opacity, 1));
  }

  .dark\:bg-\[\#060818\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 8 24 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-\[\#0e1726\] {
    --tw-bg-opacity: 1;
    background-color: rgb(14 23 38 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-\[\#121c2c\] {
    --tw-bg-opacity: 1;
    background-color: rgb(18 28 44 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-\[\#191e3a\] {
    --tw-bg-opacity: 1;
    background-color: rgb(25 30 58 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-\[\#1b2e4b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(27 46 75 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-black\/50 {
    background-color: rgb(0 0 0 / 0.5);
  }

  .dark\:bg-success-dark-light {
    --tw-bg-opacity: 1;
    background-color: rgb(21 87 36 / var(--tw-bg-opacity, 1));
  }

  .dark\:bg-opacity-\[0\.08\] {
    --tw-bg-opacity: 0.08;
  }

  .dark\:bg-\[linear-gradient\(52\.22deg\2c \#0E1726_0\%\2c rgba\(14\2c 23\2c 38\2c 0\)_18\.66\%\2c rgba\(14\2c 23\2c 38\2c 0\)_51\.04\%\2c rgba\(14\2c 23\2c 38\2c 0\)_80\.07\%\2c \#0E1726_100\%\)\] {
    background-image: linear-gradient(52.22deg,#0E1726 0%,rgba(14,23,38,0) 18.66%,rgba(14,23,38,0) 51.04%,rgba(14,23,38,0) 80.07%,#0E1726 100%);
  }

  .dark\:text-\[\#506690\] {
    --tw-text-opacity: 1;
    color: rgb(80 102 144 / var(--tw-text-opacity, 1));
  }

  .dark\:text-\[\#d0d2d6\] {
    --tw-text-opacity: 1;
    color: rgb(208 210 214 / var(--tw-text-opacity, 1));
  }

  .dark\:text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1));
  }

  .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

@media print {
  .print\:hidden {
    display: none;
  }
}