/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.4.1 | 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 */
  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,
[type='button'],
[type='reset'],
[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] {
  display: none;
}
  html {
    scroll-behavior: smooth;
  }

*, ::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:  ;
}

::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:  ;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.bottom-0 {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.right-\[-100\%\] {
  right: -100%;
}
.right-\[15px\] {
  right: 15px;
}
.top-0 {
  top: 0px;
}
.top-\[-1px\] {
  top: -1px;
}
.top-\[calc\(12px\)\] {
  top: calc(12px);
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[0\] {
  z-index: 0;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[101\] {
  z-index: 101;
}
.z-\[102\] {
  z-index: 102;
}
.z-\[103\] {
  z-index: 103;
}
.z-\[104\] {
  z-index: 104;
}
.z-\[105\] {
  z-index: 105;
}
.z-\[106\] {
  z-index: 106;
}
.z-\[107\] {
  z-index: 107;
}
.z-\[108\] {
  z-index: 108;
}
.z-\[109\] {
  z-index: 109;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[111\] {
  z-index: 111;
}
.z-\[112\] {
  z-index: 112;
}
.z-\[113\] {
  z-index: 113;
}
.z-\[114\] {
  z-index: 114;
}
.z-\[115\] {
  z-index: 115;
}
.z-\[116\] {
  z-index: 116;
}
.z-\[117\] {
  z-index: 117;
}
.z-\[118\] {
  z-index: 118;
}
.z-\[119\] {
  z-index: 119;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[121\] {
  z-index: 121;
}
.z-\[122\] {
  z-index: 122;
}
.z-\[123\] {
  z-index: 123;
}
.z-\[124\] {
  z-index: 124;
}
.z-\[125\] {
  z-index: 125;
}
.z-\[126\] {
  z-index: 126;
}
.z-\[127\] {
  z-index: 127;
}
.z-\[128\] {
  z-index: 128;
}
.z-\[129\] {
  z-index: 129;
}
.z-\[130\] {
  z-index: 130;
}
.z-\[131\] {
  z-index: 131;
}
.z-\[132\] {
  z-index: 132;
}
.z-\[133\] {
  z-index: 133;
}
.z-\[134\] {
  z-index: 134;
}
.z-\[135\] {
  z-index: 135;
}
.z-\[136\] {
  z-index: 136;
}
.z-\[137\] {
  z-index: 137;
}
.z-\[138\] {
  z-index: 138;
}
.z-\[139\] {
  z-index: 139;
}
.z-\[140\] {
  z-index: 140;
}
.z-\[141\] {
  z-index: 141;
}
.z-\[142\] {
  z-index: 142;
}
.z-\[143\] {
  z-index: 143;
}
.z-\[144\] {
  z-index: 144;
}
.z-\[145\] {
  z-index: 145;
}
.z-\[146\] {
  z-index: 146;
}
.z-\[147\] {
  z-index: 147;
}
.z-\[148\] {
  z-index: 148;
}
.z-\[149\] {
  z-index: 149;
}
.z-\[150\] {
  z-index: 150;
}
.z-\[151\] {
  z-index: 151;
}
.z-\[152\] {
  z-index: 152;
}
.z-\[153\] {
  z-index: 153;
}
.z-\[154\] {
  z-index: 154;
}
.z-\[155\] {
  z-index: 155;
}
.z-\[156\] {
  z-index: 156;
}
.z-\[157\] {
  z-index: 157;
}
.z-\[158\] {
  z-index: 158;
}
.z-\[159\] {
  z-index: 159;
}
.z-\[160\] {
  z-index: 160;
}
.z-\[161\] {
  z-index: 161;
}
.z-\[162\] {
  z-index: 162;
}
.z-\[163\] {
  z-index: 163;
}
.z-\[164\] {
  z-index: 164;
}
.z-\[165\] {
  z-index: 165;
}
.z-\[166\] {
  z-index: 166;
}
.z-\[167\] {
  z-index: 167;
}
.z-\[168\] {
  z-index: 168;
}
.z-\[169\] {
  z-index: 169;
}
.z-\[170\] {
  z-index: 170;
}
.z-\[171\] {
  z-index: 171;
}
.z-\[172\] {
  z-index: 172;
}
.z-\[173\] {
  z-index: 173;
}
.z-\[174\] {
  z-index: 174;
}
.z-\[175\] {
  z-index: 175;
}
.z-\[176\] {
  z-index: 176;
}
.z-\[177\] {
  z-index: 177;
}
.z-\[178\] {
  z-index: 178;
}
.z-\[181\] {
  z-index: 181;
}
.z-\[182\] {
  z-index: 182;
}
.z-\[183\] {
  z-index: 183;
}
.z-\[184\] {
  z-index: 184;
}
.z-\[185\] {
  z-index: 185;
}
.z-\[186\] {
  z-index: 186;
}
.z-\[187\] {
  z-index: 187;
}
.z-\[188\] {
  z-index: 188;
}
.z-\[189\] {
  z-index: 189;
}
.z-\[190\] {
  z-index: 190;
}
.z-\[191\] {
  z-index: 191;
}
.z-\[192\] {
  z-index: 192;
}
.z-\[193\] {
  z-index: 193;
}
.z-\[194\] {
  z-index: 194;
}
.z-\[195\] {
  z-index: 195;
}
.z-\[196\] {
  z-index: 196;
}
.z-\[197\] {
  z-index: 197;
}
.z-\[198\] {
  z-index: 198;
}
.z-\[199\] {
  z-index: 199;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[201\] {
  z-index: 201;
}
.z-\[202\] {
  z-index: 202;
}
.z-\[203\] {
  z-index: 203;
}
.z-\[204\] {
  z-index: 204;
}
.z-\[205\] {
  z-index: 205;
}
.z-\[206\] {
  z-index: 206;
}
.z-\[207\] {
  z-index: 207;
}
.z-\[208\] {
  z-index: 208;
}
.z-\[209\] {
  z-index: 209;
}
.z-\[210\] {
  z-index: 210;
}
.z-\[211\] {
  z-index: 211;
}
.z-\[212\] {
  z-index: 212;
}
.z-\[213\] {
  z-index: 213;
}
.z-\[214\] {
  z-index: 214;
}
.z-\[215\] {
  z-index: 215;
}
.z-\[216\] {
  z-index: 216;
}
.z-\[217\] {
  z-index: 217;
}
.z-\[218\] {
  z-index: 218;
}
.z-\[219\] {
  z-index: 219;
}
.z-\[21\] {
  z-index: 21;
}
.z-\[220\] {
  z-index: 220;
}
.z-\[221\] {
  z-index: 221;
}
.z-\[222\] {
  z-index: 222;
}
.z-\[223\] {
  z-index: 223;
}
.z-\[224\] {
  z-index: 224;
}
.z-\[225\] {
  z-index: 225;
}
.z-\[226\] {
  z-index: 226;
}
.z-\[227\] {
  z-index: 227;
}
.z-\[228\] {
  z-index: 228;
}
.z-\[229\] {
  z-index: 229;
}
.z-\[22\] {
  z-index: 22;
}
.z-\[230\] {
  z-index: 230;
}
.z-\[231\] {
  z-index: 231;
}
.z-\[232\] {
  z-index: 232;
}
.z-\[233\] {
  z-index: 233;
}
.z-\[234\] {
  z-index: 234;
}
.z-\[235\] {
  z-index: 235;
}
.z-\[236\] {
  z-index: 236;
}
.z-\[237\] {
  z-index: 237;
}
.z-\[238\] {
  z-index: 238;
}
.z-\[239\] {
  z-index: 239;
}
.z-\[23\] {
  z-index: 23;
}
.z-\[240\] {
  z-index: 240;
}
.z-\[241\] {
  z-index: 241;
}
.z-\[242\] {
  z-index: 242;
}
.z-\[243\] {
  z-index: 243;
}
.z-\[244\] {
  z-index: 244;
}
.z-\[245\] {
  z-index: 245;
}
.z-\[246\] {
  z-index: 246;
}
.z-\[247\] {
  z-index: 247;
}
.z-\[248\] {
  z-index: 248;
}
.z-\[249\] {
  z-index: 249;
}
.z-\[24\] {
  z-index: 24;
}
.z-\[250\] {
  z-index: 250;
}
.z-\[251\] {
  z-index: 251;
}
.z-\[252\] {
  z-index: 252;
}
.z-\[253\] {
  z-index: 253;
}
.z-\[254\] {
  z-index: 254;
}
.z-\[255\] {
  z-index: 255;
}
.z-\[256\] {
  z-index: 256;
}
.z-\[257\] {
  z-index: 257;
}
.z-\[258\] {
  z-index: 258;
}
.z-\[259\] {
  z-index: 259;
}
.z-\[260\] {
  z-index: 260;
}
.z-\[261\] {
  z-index: 261;
}
.z-\[262\] {
  z-index: 262;
}
.z-\[263\] {
  z-index: 263;
}
.z-\[264\] {
  z-index: 264;
}
.z-\[265\] {
  z-index: 265;
}
.z-\[266\] {
  z-index: 266;
}
.z-\[267\] {
  z-index: 267;
}
.z-\[268\] {
  z-index: 268;
}
.z-\[269\] {
  z-index: 269;
}
.z-\[270\] {
  z-index: 270;
}
.z-\[271\] {
  z-index: 271;
}
.z-\[272\] {
  z-index: 272;
}
.z-\[273\] {
  z-index: 273;
}
.z-\[274\] {
  z-index: 274;
}
.z-\[275\] {
  z-index: 275;
}
.z-\[276\] {
  z-index: 276;
}
.z-\[277\] {
  z-index: 277;
}
.z-\[278\] {
  z-index: 278;
}
.z-\[279\] {
  z-index: 279;
}
.z-\[27\] {
  z-index: 27;
}
.z-\[280\] {
  z-index: 280;
}
.z-\[281\] {
  z-index: 281;
}
.z-\[282\] {
  z-index: 282;
}
.z-\[283\] {
  z-index: 283;
}
.z-\[284\] {
  z-index: 284;
}
.z-\[285\] {
  z-index: 285;
}
.z-\[286\] {
  z-index: 286;
}
.z-\[287\] {
  z-index: 287;
}
.z-\[288\] {
  z-index: 288;
}
.z-\[289\] {
  z-index: 289;
}
.z-\[28\] {
  z-index: 28;
}
.z-\[290\] {
  z-index: 290;
}
.z-\[291\] {
  z-index: 291;
}
.z-\[292\] {
  z-index: 292;
}
.z-\[293\] {
  z-index: 293;
}
.z-\[294\] {
  z-index: 294;
}
.z-\[295\] {
  z-index: 295;
}
.z-\[296\] {
  z-index: 296;
}
.z-\[297\] {
  z-index: 297;
}
.z-\[298\] {
  z-index: 298;
}
.z-\[299\] {
  z-index: 299;
}
.z-\[29\] {
  z-index: 29;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[300\] {
  z-index: 300;
}
.z-\[301\] {
  z-index: 301;
}
.z-\[302\] {
  z-index: 302;
}
.z-\[303\] {
  z-index: 303;
}
.z-\[304\] {
  z-index: 304;
}
.z-\[305\] {
  z-index: 305;
}
.z-\[306\] {
  z-index: 306;
}
.z-\[307\] {
  z-index: 307;
}
.z-\[308\] {
  z-index: 308;
}
.z-\[309\] {
  z-index: 309;
}
.z-\[310\] {
  z-index: 310;
}
.z-\[311\] {
  z-index: 311;
}
.z-\[312\] {
  z-index: 312;
}
.z-\[313\] {
  z-index: 313;
}
.z-\[314\] {
  z-index: 314;
}
.z-\[315\] {
  z-index: 315;
}
.z-\[316\] {
  z-index: 316;
}
.z-\[317\] {
  z-index: 317;
}
.z-\[318\] {
  z-index: 318;
}
.z-\[319\] {
  z-index: 319;
}
.z-\[31\] {
  z-index: 31;
}
.z-\[320\] {
  z-index: 320;
}
.z-\[321\] {
  z-index: 321;
}
.z-\[322\] {
  z-index: 322;
}
.z-\[323\] {
  z-index: 323;
}
.z-\[324\] {
  z-index: 324;
}
.z-\[325\] {
  z-index: 325;
}
.z-\[326\] {
  z-index: 326;
}
.z-\[327\] {
  z-index: 327;
}
.z-\[328\] {
  z-index: 328;
}
.z-\[329\] {
  z-index: 329;
}
.z-\[32\] {
  z-index: 32;
}
.z-\[330\] {
  z-index: 330;
}
.z-\[331\] {
  z-index: 331;
}
.z-\[332\] {
  z-index: 332;
}
.z-\[333\] {
  z-index: 333;
}
.z-\[334\] {
  z-index: 334;
}
.z-\[335\] {
  z-index: 335;
}
.z-\[336\] {
  z-index: 336;
}
.z-\[337\] {
  z-index: 337;
}
.z-\[33\] {
  z-index: 33;
}
.z-\[34\] {
  z-index: 34;
}
.z-\[35\] {
  z-index: 35;
}
.z-\[36\] {
  z-index: 36;
}
.z-\[37\] {
  z-index: 37;
}
.z-\[38\] {
  z-index: 38;
}
.z-\[39\] {
  z-index: 39;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[40\] {
  z-index: 40;
}
.z-\[41\] {
  z-index: 41;
}
.z-\[42\] {
  z-index: 42;
}
.z-\[43\] {
  z-index: 43;
}
.z-\[44\] {
  z-index: 44;
}
.z-\[45\] {
  z-index: 45;
}
.z-\[46\] {
  z-index: 46;
}
.z-\[47\] {
  z-index: 47;
}
.z-\[48\] {
  z-index: 48;
}
.z-\[49\] {
  z-index: 49;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[51\] {
  z-index: 51;
}
.z-\[52\] {
  z-index: 52;
}
.z-\[53\] {
  z-index: 53;
}
.z-\[54\] {
  z-index: 54;
}
.z-\[55\] {
  z-index: 55;
}
.z-\[56\] {
  z-index: 56;
}
.z-\[57\] {
  z-index: 57;
}
.z-\[58\] {
  z-index: 58;
}
.z-\[59\] {
  z-index: 59;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[61\] {
  z-index: 61;
}
.z-\[62\] {
  z-index: 62;
}
.z-\[63\] {
  z-index: 63;
}
.z-\[64\] {
  z-index: 64;
}
.z-\[65\] {
  z-index: 65;
}
.z-\[66\] {
  z-index: 66;
}
.z-\[67\] {
  z-index: 67;
}
.z-\[68\] {
  z-index: 68;
}
.z-\[69\] {
  z-index: 69;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[71\] {
  z-index: 71;
}
.z-\[72\] {
  z-index: 72;
}
.z-\[73\] {
  z-index: 73;
}
.z-\[76\] {
  z-index: 76;
}
.z-\[77\] {
  z-index: 77;
}
.z-\[78\] {
  z-index: 78;
}
.z-\[79\] {
  z-index: 79;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[81\] {
  z-index: 81;
}
.z-\[82\] {
  z-index: 82;
}
.z-\[83\] {
  z-index: 83;
}
.z-\[84\] {
  z-index: 84;
}
.z-\[85\] {
  z-index: 85;
}
.z-\[86\] {
  z-index: 86;
}
.z-\[87\] {
  z-index: 87;
}
.z-\[88\] {
  z-index: 88;
}
.z-\[89\] {
  z-index: 89;
}
.z-\[90\] {
  z-index: 90;
}
.z-\[91\] {
  z-index: 91;
}
.z-\[92\] {
  z-index: 92;
}
.z-\[93\] {
  z-index: 93;
}
.z-\[94\] {
  z-index: 94;
}
.z-\[95\] {
  z-index: 95;
}
.z-\[96\] {
  z-index: 96;
}
.z-\[97\] {
  z-index: 97;
}
.z-\[98\] {
  z-index: 98;
}
.z-\[9999999\] {
  z-index: 9999999;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[99\] {
  z-index: 99;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.mb-0 {
  margin-bottom: 0px;
}
.ml-\[15px\] {
  margin-left: 15px;
}
.ml-\[calc\(15px\)\] {
  margin-left: calc(15px);
}
.mr-0 {
  margin-right: 0px;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.mt-\[calc\(53px\)\] {
  margin-top: calc(53px);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[100dvh\] {
  height: 100dvh;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[calc\(16px\)\] {
  height: calc(16px);
}
.h-\[calc\(18px\)\] {
  height: calc(18px);
}
.h-\[calc\(1px\)\] {
  height: calc(1px);
}
.h-\[calc\(20px\)\] {
  height: calc(20px);
}
.h-\[calc\(22px\)\] {
  height: calc(22px);
}
.h-\[calc\(23px\)\] {
  height: calc(23px);
}
.h-\[calc\(24px\)\] {
  height: calc(24px);
}
.h-\[calc\(28px\)\] {
  height: calc(28px);
}
.h-\[calc\(32px\)\] {
  height: calc(32px);
}
.h-\[calc\(40px\)\] {
  height: calc(40px);
}
.h-\[calc\(50px\)\] {
  height: calc(50px);
}
.h-\[calc\(68px\)\] {
  height: calc(68px);
}
.h-full {
  height: 100%;
}
.min-h-\[100vh\] {
  min-height: 100vh;
}
.min-h-\[calc\(100dvh\)\] {
  min-height: calc(100dvh);
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100dvw\] {
  width: 100dvw;
}
.w-\[17\%\] {
  width: 17%;
}
.w-\[18\%\] {
  width: 18%;
}
.w-\[26\%\] {
  width: 26%;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[9\%\] {
  width: 9%;
}
.w-\[calc\(100\%\)\] {
  width: calc(100%);
}
.w-\[calc\(100px\)\] {
  width: calc(100px);
}
.w-\[calc\(10px\)\] {
  width: calc(10px);
}
.w-\[calc\(11px\)\] {
  width: calc(11px);
}
.w-\[calc\(123px\)\] {
  width: calc(123px);
}
.w-\[calc\(12px\)\] {
  width: calc(12px);
}
.w-\[calc\(160px\)\] {
  width: calc(160px);
}
.w-\[calc\(16px\)\] {
  width: calc(16px);
}
.w-\[calc\(19px\)\] {
  width: calc(19px);
}
.w-\[calc\(20px\)\] {
  width: calc(20px);
}
.w-\[calc\(23px\)\] {
  width: calc(23px);
}
.w-\[calc\(24px\)\] {
  width: calc(24px);
}
.w-\[calc\(257px\)\] {
  width: calc(257px);
}
.w-\[calc\(26px\)\] {
  width: calc(26px);
}
.w-\[calc\(27px\)\] {
  width: calc(27px);
}
.w-\[calc\(300px\)\] {
  width: calc(300px);
}
.w-\[calc\(330px\)\] {
  width: calc(330px);
}
.w-\[calc\(43px\)\] {
  width: calc(43px);
}
.w-\[calc\(5px\)\] {
  width: calc(5px);
}
.w-\[calc\(60px\)\] {
  width: calc(60px);
}
.w-\[calc\(61px\)\] {
  width: calc(61px);
}
.w-\[calc\(67px\)\] {
  width: calc(67px);
}
.w-\[calc\(79px\)\] {
  width: calc(79px);
}
.w-\[calc\(7px\)\] {
  width: calc(7px);
}
.w-\[calc\(9px\)\] {
  width: calc(9px);
}
.w-auto {
  width: auto;
}
.min-w-\[calc\(480px\)\] {
  min-width: calc(480px);
}
.max-w-\[calc\(100dvw\)\] {
  max-width: calc(100dvw);
}
.max-w-\[calc\(1080px\)\] {
  max-width: calc(1080px);
}
.max-w-\[calc\(133px\)\] {
  max-width: calc(133px);
}
.max-w-\[calc\(190px\)\] {
  max-width: calc(190px);
}
.max-w-\[calc\(236px\)\] {
  max-width: calc(236px);
}
.max-w-\[calc\(436px\)\] {
  max-width: calc(436px);
}
.max-w-\[calc\(92px\)\] {
  max-width: calc(92px);
}
.shrink-0 {
  flex-shrink: 0;
}
.basis-auto {
  flex-basis: auto;
}
.translate-x-\[-50\%\] {
  --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-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));
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-\[calc\(0px\)\] {
  gap: calc(0px);
}
.gap-\[calc\(10px\)\] {
  gap: calc(10px);
}
.gap-\[calc\(16px\)\] {
  gap: calc(16px);
}
.gap-\[calc\(20px\)\] {
  gap: calc(20px);
}
.gap-\[calc\(2px\)\] {
  gap: calc(2px);
}
.gap-\[calc\(30px\)\] {
  gap: calc(30px);
}
.gap-\[calc\(4px\)\] {
  gap: calc(4px);
}
.gap-\[calc\(50px\)\] {
  gap: calc(50px);
}
.gap-\[calc\(60px\)\] {
  gap: calc(60px);
}
.gap-\[calc\(6px\)\] {
  gap: calc(6px);
}
.self-stretch {
  align-self: stretch;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded-\[calc\(8px\)\] {
  border-radius: calc(8px);
}
.border-\[calc\(1px\)\] {
  border-width: calc(1px);
}
.border-t-\[calc\(1px\)\] {
  border-top-width: calc(1px);
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.border-\[\#f1f1f1\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 241 241 / var(--tw-border-opacity));
}
.border-\[\#f4efef\] {
  --tw-border-opacity: 1;
  border-color: rgb(244 239 239 / var(--tw-border-opacity));
}
.border-t-\[\#EBEBEB\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(235 235 235 / var(--tw-border-opacity));
}
.bg-\[\#020012\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 0 18 / var(--tw-bg-opacity));
}
.bg-\[\#FAFAFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#FDFCFC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 252 252 / var(--tw-bg-opacity));
}
.bg-\[\#e1e1e1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 225 225 / var(--tw-bg-opacity));
}
.bg-\[\#fafafa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[rgba\(6\2c 5\2c 13\2c 0\.8\)\] {
  background-color: rgba(6,5,13,0.8);
}
.bg-\[var\(--blue-00\)\] {
  background-color: var(--blue-00);
}
.bg-\[var\(--gray-900\)\] {
  background-color: var(--gray-900);
}
.bg-\[var\(--white\)\] {
  background-color: var(--white);
}
.bg-\[url\(\/assets\/images\/1300f86e-976b-4115-8463-d71fec5abf2c\.png\)\] {
  background-image: url(/assets/images/1300f86e-976b-4115-8463-d71fec5abf2c.png);
}
.bg-\[url\(\/assets\/images\/1382257f-6168-456b-b9e8-2db02f181773\.png\)\] {
  background-image: url(/assets/images/1382257f-6168-456b-b9e8-2db02f181773.png);
}
.bg-\[url\(\/assets\/images\/14611252-6b24-4f6e-bb83-6860c4155239\.png\)\] {
  background-image: url(/assets/images/14611252-6b24-4f6e-bb83-6860c4155239.png);
}
.bg-\[url\(\/assets\/images\/2631aa3c-7c66-4f72-9e73-0e33c9ba8445\.png\)\] {
  background-image: url(/assets/images/2631aa3c-7c66-4f72-9e73-0e33c9ba8445.png);
}
.bg-\[url\(\/assets\/images\/3462c9ee-8e4f-49c0-b504-7357de386ded\.png\)\] {
  background-image: url(/assets/images/3462c9ee-8e4f-49c0-b504-7357de386ded.png);
}
.bg-\[url\(\/assets\/images\/496e0842-04af-4feb-8200-9e304add3d5c\.png\)\] {
  background-image: url(/assets/images/496e0842-04af-4feb-8200-9e304add3d5c.png);
}
.bg-\[url\(\/assets\/images\/4bf65774-6b70-4845-a47b-0629b089071f\.png\)\] {
  background-image: url(/assets/images/4bf65774-6b70-4845-a47b-0629b089071f.png);
}
.bg-\[url\(\/assets\/images\/553e066b-552e-4e70-b2e5-0e662b168a18\.png\)\] {
  background-image: url(/assets/images/553e066b-552e-4e70-b2e5-0e662b168a18.png);
}
.bg-\[url\(\/assets\/images\/6b33af5f-6f4e-4856-9b85-526856f678f1\.png\)\] {
  background-image: url(/assets/images/6b33af5f-6f4e-4856-9b85-526856f678f1.png);
}
.bg-\[url\(\/assets\/images\/75a8d837-702a-4418-912b-b43df4f62748\.png\)\] {
  background-image: url(/assets/images/75a8d837-702a-4418-912b-b43df4f62748.png);
}
.bg-\[url\(\/assets\/images\/85b38b54-20cc-493f-954f-3afd18eba525\.png\)\] {
  background-image: url(/assets/images/85b38b54-20cc-493f-954f-3afd18eba525.png);
}
.bg-\[url\(\/assets\/images\/87cac0d8-dac8-498e-99bf-31b268eaef55\.png\)\] {
  background-image: url(/assets/images/87cac0d8-dac8-498e-99bf-31b268eaef55.png);
}
.bg-\[url\(\/assets\/images\/8c4ad5ee-8467-41c2-9b9c-4d0457d5c282\.png\)\] {
  background-image: url(/assets/images/8c4ad5ee-8467-41c2-9b9c-4d0457d5c282.png);
}
.bg-\[url\(\/assets\/images\/8d1b6b43-83b9-4f79-a348-9d0fae264903\.png\)\] {
  background-image: url(/assets/images/8d1b6b43-83b9-4f79-a348-9d0fae264903.png);
}
.bg-\[url\(\/assets\/images\/911a7b1a-2945-4f11-bb34-3d64d907df7d\.png\)\] {
  background-image: url(/assets/images/911a7b1a-2945-4f11-bb34-3d64d907df7d.png);
}
.bg-\[url\(\/assets\/images\/9dbd1872-64d2-48a7-b6ae-b5a3a25e6b1e\.png\)\] {
  background-image: url(/assets/images/9dbd1872-64d2-48a7-b6ae-b5a3a25e6b1e.png);
}
.bg-\[url\(\/assets\/images\/a4986aee-27b6-4a05-8f43-7ac53b7df343\.png\)\] {
  background-image: url(/assets/images/a4986aee-27b6-4a05-8f43-7ac53b7df343.png);
}
.bg-\[url\(\/assets\/images\/a7e868f0-09bf-4dad-848c-464004d3ddbe\.png\)\] {
  background-image: url(/assets/images/a7e868f0-09bf-4dad-848c-464004d3ddbe.png);
}
.bg-\[url\(\/assets\/images\/abed2c10-8f2c-4d1a-8b37-a7de85cafcff\.png\)\] {
  background-image: url(/assets/images/abed2c10-8f2c-4d1a-8b37-a7de85cafcff.png);
}
.bg-\[url\(\/assets\/images\/b396de40-6227-4934-b0b7-6c3066aadfda\.png\)\] {
  background-image: url(/assets/images/b396de40-6227-4934-b0b7-6c3066aadfda.png);
}
.bg-\[url\(\/assets\/images\/b4eab8b3-1709-46ff-9340-246a82652352\.png\)\] {
  background-image: url(/assets/images/b4eab8b3-1709-46ff-9340-246a82652352.png);
}
.bg-\[url\(\/assets\/images\/b67e12b2-194f-4f18-95a0-aa798d161210\.png\)\] {
  background-image: url(/assets/images/b67e12b2-194f-4f18-95a0-aa798d161210.png);
}
.bg-\[url\(\/assets\/images\/b7cb077a-c7b1-424e-a30c-9bb672f42bbd\.png\)\] {
  background-image: url(/assets/images/b7cb077a-c7b1-424e-a30c-9bb672f42bbd.png);
}
.bg-\[url\(\/assets\/images\/c1b6f315-d234-4774-b62a-079d65f26869\.png\)\] {
  background-image: url(/assets/images/c1b6f315-d234-4774-b62a-079d65f26869.png);
}
.bg-\[url\(\/assets\/images\/c50265bc-472e-4ce0-a481-0abae99981b4\.png\)\] {
  background-image: url(/assets/images/c50265bc-472e-4ce0-a481-0abae99981b4.png);
}
.bg-\[url\(\/assets\/images\/c6aa0206-8906-4f08-b289-38d4dc277e35\.png\)\] {
  background-image: url(/assets/images/c6aa0206-8906-4f08-b289-38d4dc277e35.png);
}
.bg-\[url\(\/assets\/images\/d91c5a4d-ce44-4c6b-b576-19e67b7e3682\.png\)\] {
  background-image: url(/assets/images/d91c5a4d-ce44-4c6b-b576-19e67b7e3682.png);
}
.bg-\[url\(\/assets\/images\/db173fca-76a1-4785-b36e-694c6bc84fe8\.png\)\] {
  background-image: url(/assets/images/db173fca-76a1-4785-b36e-694c6bc84fe8.png);
}
.bg-\[url\(\/assets\/images\/dd5633c1-61bf-472f-9d1e-7464d9148cda\.png\)\] {
  background-image: url(/assets/images/dd5633c1-61bf-472f-9d1e-7464d9148cda.png);
}
.bg-\[url\(\/assets\/images\/ded3b7aa-ef98-4366-a5b5-fa3d2f85e7c4\.png\)\] {
  background-image: url(/assets/images/ded3b7aa-ef98-4366-a5b5-fa3d2f85e7c4.png);
}
.bg-\[url\(\/assets\/images\/e5c82297-c4e5-4e2d-bf24-a7ce374871c8\.png\)\] {
  background-image: url(/assets/images/e5c82297-c4e5-4e2d-bf24-a7ce374871c8.png);
}
.bg-\[url\(\/assets\/images\/ec2e61c6-0ce1-4c64-a26d-60f85c24491b\.png\)\] {
  background-image: url(/assets/images/ec2e61c6-0ce1-4c64-a26d-60f85c24491b.png);
}
.bg-\[url\(\/assets\/images\/ed750c6c-54ee-4e33-80af-af3bf21d0f56\.png\)\] {
  background-image: url(/assets/images/ed750c6c-54ee-4e33-80af-af3bf21d0f56.png);
}
.bg-\[url\(\/assets\/images\/ee83211b-1ab9-44a5-b05f-991f3f437868\.png\)\] {
  background-image: url(/assets/images/ee83211b-1ab9-44a5-b05f-991f3f437868.png);
}
.bg-\[url\(\/assets\/images\/f2987d3d-5359-498b-b70e-1005a8cc49b8\.png\)\] {
  background-image: url(/assets/images/f2987d3d-5359-498b-b70e-1005a8cc49b8.png);
}
.bg-\[url\(\/assets\/images\/f4defad2-e1ec-440d-831c-a1f8d33f7512\.png\)\] {
  background-image: url(/assets/images/f4defad2-e1ec-440d-831c-a1f8d33f7512.png);
}
.bg-\[url\(\/assets\/images\/f4f566d2-0ae5-46ae-bd90-3aec5d89844e\.png\)\] {
  background-image: url(/assets/images/f4f566d2-0ae5-46ae-bd90-3aec5d89844e.png);
}
.bg-cover {
  background-size: cover;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[calc\(20px\)\] {
  padding-left: calc(20px);
  padding-right: calc(20px);
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[calc\(10px\)\] {
  padding-top: calc(10px);
  padding-bottom: calc(10px);
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-\[calc\(10px\)\] {
  padding-bottom: calc(10px);
}
.pb-\[calc\(12px\)\] {
  padding-bottom: calc(12px);
}
.pb-\[calc\(14px\)\] {
  padding-bottom: calc(14px);
}
.pb-\[calc\(16px\)\] {
  padding-bottom: calc(16px);
}
.pl-0 {
  padding-left: 0px;
}
.pl-\[10px\] {
  padding-left: 10px;
}
.pl-\[calc\(10px\)\] {
  padding-left: calc(10px);
}
.pl-\[calc\(15px\)\] {
  padding-left: calc(15px);
}
.pr-0 {
  padding-right: 0px;
}
.pr-\[calc\(10px\)\] {
  padding-right: calc(10px);
}
.pr-\[calc\(15px\)\] {
  padding-right: calc(15px);
}
.pt-0 {
  padding-top: 0px;
}
.pt-\[calc\(10px\)\] {
  padding-top: calc(10px);
}
.pt-\[calc\(12px\)\] {
  padding-top: calc(12px);
}
.pt-\[calc\(14px\)\] {
  padding-top: calc(14px);
}
.pt-\[calc\(16px\)\] {
  padding-top: calc(16px);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-\[\'SUIT\'\] {
  font-family: 'SUIT';
}
.text-\[calc\(12px\)\] {
  font-size: calc(12px);
}
.text-\[calc\(14px\)\] {
  font-size: calc(14px);
}
.text-\[calc\(16px\)\] {
  font-size: calc(16px);
}
.text-\[calc\(22px\)\] {
  font-size: calc(22px);
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.leading-\[calc\(18px\)\] {
  line-height: calc(18px);
}
.leading-\[calc\(20px\)\] {
  line-height: calc(20px);
}
.leading-\[calc\(22px\)\] {
  line-height: calc(22px);
}
.leading-\[calc\(23px\)\] {
  line-height: calc(23px);
}
.leading-\[calc\(28px\)\] {
  line-height: calc(28px);
}
.leading-\[calc\(32px\)\] {
  line-height: calc(32px);
}
.text-\[\#020012\] {
  --tw-text-opacity: 1;
  color: rgb(2 0 18 / var(--tw-text-opacity));
}
.text-\[\#e1e1e1\] {
  --tw-text-opacity: 1;
  color: rgb(225 225 225 / var(--tw-text-opacity));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[cal\] {
  color: cal;
}
.text-\[var\(--blue-03\)\] {
  color: var(--blue-03);
}
.text-\[var\(--gray-500\)\] {
  color: var(--gray-500);
}
.text-\[var\(--gray-600\)\] {
  color: var(--gray-600);
}
.text-\[var\(--gray-700\)\] {
  color: var(--gray-700);
}
.text-\[var\(--gray-800\)\] {
  color: var(--gray-800);
}
.text-\[var\(--gray-900\)\] {
  color: var(--gray-900);
}
.text-\[var\(--green\)\] {
  color: var(--green);
}
.text-\[var\(--red\)\] {
  color: var(--red);
}
.text-\[var\(--white\)\] {
  color: var(--white);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px 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);
}
.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;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
  }
/* Hide scrollbar for IE, Edge, and Firefox */
.no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
.\[transition\:all_\.3s_ease-out\] {
  transition: all .3s ease-out;
}
.\[transition\:all_\.4s_ease-out\] {
  transition: all .4s ease-out;
}


@font-face {
  font-family: 'SUIT';
  src: url('/fonts/static/woff2/SUIT-Regular.woff2') format('woff2'),
       url('/fonts/static/woff2/SUIT-Bold.woff2') format('woff2'),
       url('/fonts/static/woff2/SUIT-ExtraBold.woff2') format('woff2'),
       url('/fonts/static/woff2/SUIT-ExtraLight.woff2') format('woff2'),
       url('/fonts/static/woff2/SUIT-Heavy.woff2') format('woff2'),
       url('/fonts/static/woff2/SUIT-Light.woff2') format('woff2'),
       url('/fonts/static/woff2/SUIT-Medium.woff2') format('woff2'),
       url('/fonts/static/woff2/SUIT-SemiBold.woff2') format('woff2'),
       url('/fonts/static/woff2/SUIT-Thin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
  --default-font-family: SUIT, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
  --rpx: 100dvw / 1440;
  --tw-text-opacity: 1;

  --white: #fff;
  --red: rgba(252, 62, 73, 1);
  --green: rgba(11, 226, 187, 1);

  --blue-00: rgba(223, 218, 255, 1);
  --blue-01: rgba(21, 8, 108, 1);
  --blue-02: rgba(40, 15, 204, 1);
  --blue-03: rgba(59, 32, 238, 1);
  --blue-04: rgba(88, 65, 241, 1);



  --gray-100: rgba(21, 8, 108, 1);
  --gray-200: rgba(21, 8, 108, 1);
  --gray-300: rgba(21, 8, 108, 1);
  --gray-400: rgba(21, 8, 108, 1);
  --gray-500: rgba(106, 105, 112, 1);
  --gray-600: rgba(63, 63, 66, 1);
  --gray-700: rgba(32, 32, 32, 1);
  --gray-800: rgba(7, 6, 13, 1);
  --gray-900: rgba(3, 0, 18, 1);

  --linear-logo: 'linear-gradient(90deg, #5841F1 2.59%, #3B20EE 12.62%, #280FCC 21.98%, #15086C 48.22%, #280FCC 75.13%, #3B20EE 86.16%, #5841F1 93.52%)';
  --linear-blueng: 'linear-gradient(90deg, #280FCC 0%, rgba(54, 30, 212, 0.77) 45%, rgba(25, 71, 236, 0.00) 100%)';
  
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: SUIT, BlinkMacSystemFont, "Segoe UI", Roboto,
  Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
  "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
  "Source Han Sans CN", sans-serif;
  /* color: rgb(var(--foreground-rgb)); */
  /* background: linear-gradient(
      to bottom,
      transparent,
      rgb(var(--background-end-rgb))
    )
    rgb(var(--background-start-rgb)); */
}

/* .main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
} */

input,
select,
textarea,
button {
  outline: 0;
}

@variants responsive {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  /* Hide scrollbar for IE, Edge, and Firefox */
  .no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}

.active-menu{
  border: 0px solid var(--blue-03);
  background: linear-gradient(90deg, #280FCC 0%, rgba(54, 30, 212, 0.77) 45%, rgba(25, 71, 236, 0.00) 100%);
  transition: all .4s ease-out;
}
.active-menu span{
  color: var(--white) !important;
  font-weight: bold;
  transition: all .3s ease-out;
}

.icon-rank{
  background: linear-gradient(90deg, #5841F1 2.59%, #3B20EE 12.62%, #280FCC 21.98%, #15086C 48.22%, #280FCC 75.13%, #3B20EE 86.16%, #5841F1 93.52%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.title-table-bg-blue{
  background: linear-gradient(90deg, #5841F1 2.59%, #3B20EE 12.62%, #280FCC 21.98%, #15086C 48.22%, #280FCC 75.13%, #3B20EE 86.16%, #5841F1 93.52%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.show-menu-tab{
  opacity: 1;
  display: block;
}
.active-menu-tab{
  right: 0;
}
.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}
.before\:left-\[-80px\]::before {
  content: var(--tw-content);
  left: -80px;
}
.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}
.before\:h-12::before {
  content: var(--tw-content);
  height: 3rem;
}
.before\:w-6::before {
  content: var(--tw-content);
  width: 1.5rem;
}
.before\:translate-x-12::before {
  content: var(--tw-content);
  --tw-translate-x: 3rem;
  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\:rotate-6::before {
  content: var(--tw-content);
  --tw-rotate: 6deg;
  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\:bg-white::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.before\:opacity-10::before {
  content: var(--tw-content);
  opacity: 0.1;
}
.before\:duration-700::before {
  content: var(--tw-content);
  transition-duration: 700ms;
}
.hover\:text-\[var\(--blue-03\)\]:hover {
  color: var(--blue-03);
}
.hover\:shadow-green-500:hover {
  --tw-shadow-color: #22c55e;
  --tw-shadow: var(--tw-shadow-colored);
}
.hover\:before\:-translate-x-\[-240px\]:hover::before {
  content: var(--tw-content);
  --tw-translate-x: 240px;
  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 (min-width: 640px) {

  .sm\:right-\[20px\] {
    right: 20px;
  }

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

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

  .sm\:hidden {
    display: none;
  }

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

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

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

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

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

  .sm\:w-\[calc\(100px\)\] {
    width: calc(100px);
  }

  .sm\:max-w-\[calc\(111px\)\] {
    max-width: calc(111px);
  }

  .sm\:max-w-\[calc\(183px\)\] {
    max-width: calc(183px);
  }

  .sm\:max-w-\[calc\(62px\)\] {
    max-width: calc(62px);
  }

  .sm\:max-w-\[calc\(83px\)\] {
    max-width: calc(83px);
  }

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

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

  .sm\:gap-\[calc\(16px\)\] {
    gap: calc(16px);
  }

  .sm\:gap-\[calc\(4px\)\] {
    gap: calc(4px);
  }

  .sm\:overflow-x-visible {
    overflow-x: visible;
  }

  .sm\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm\:px-\[calc\(10px\)\] {
    padding-left: calc(10px);
    padding-right: calc(10px);
  }

  .sm\:py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sm\:pl-\[10px\] {
    padding-left: 10px;
  }

  .sm\:text-\[calc\(12px\)\] {
    font-size: calc(12px);
  }
}
@media (min-width: 768px) {

  .md\:right-0 {
    right: 0px;
  }

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

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

  .md\:block {
    display: block;
  }

  .md\:hidden {
    display: none;
  }

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

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

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

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

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

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

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

  .md\:w-\[calc\(120px\)\] {
    width: calc(120px);
  }

  .md\:max-w-\[calc\(104px\)\] {
    max-width: calc(104px);
  }

  .md\:max-w-\[calc\(1080px\)\] {
    max-width: calc(1080px);
  }

  .md\:max-w-\[calc\(133px\)\] {
    max-width: calc(133px);
  }

  .md\:max-w-\[calc\(190px\)\] {
    max-width: calc(190px);
  }

  .md\:max-w-\[calc\(209px\)\] {
    max-width: calc(209px);
  }

  .md\:max-w-\[calc\(236px\)\] {
    max-width: calc(236px);
  }

  .md\:max-w-\[calc\(270px\)\] {
    max-width: calc(270px);
  }

  .md\:max-w-\[calc\(436px\)\] {
    max-width: calc(436px);
  }

  .md\:max-w-\[calc\(850px\)\] {
    max-width: calc(850px);
  }

  .md\:max-w-\[calc\(92px\)\] {
    max-width: calc(92px);
  }

  .md\:max-w-\[calc\(96px\)\] {
    max-width: calc(96px);
  }

  .md\:gap-\[calc\(10px\)\] {
    gap: calc(10px);
  }

  .md\:gap-\[calc\(20px\)\] {
    gap: calc(20px);
  }

  .md\:bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .md\:px-\[calc\(16px\)\] {
    padding-left: calc(16px);
    padding-right: calc(16px);
  }

  .md\:py-\[20px\] {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pb-\[calc\(16px\)\] {
    padding-bottom: calc(16px);
  }

  .md\:pl-\[50px\] {
    padding-left: 50px;
  }

  .md\:pt-\[calc\(16px\)\] {
    padding-top: calc(16px);
  }

  .md\:text-\[calc\(14px\)\] {
    font-size: calc(14px);
  }

  .md\:text-\[calc\(16px\)\] {
    font-size: calc(16px);
  }

  .md\:text-\[calc\(18px\)\] {
    font-size: calc(18px);
  }
}
@media (min-width: 1024px) {

  .lg\:ml-\[50px\] {
    margin-left: 50px;
  }
}
@media (min-width: 1536px) {

  .\32xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}